/*   
Theme Name: SK Theme
Theme URI: http://andreystepanov.com
Description: Шаблон для WordPress созданный по спец-заказу Алексея Кемеровского, который был выполнен профессионалом своего дела, Андреем Степановым.
Author: Андрей Степанов
Author URI: http://andreystepanov.com
*/

* { margin: 0; padding: 0; }
body { background: #444; color: #535353; font: 13px/1.3 Verdana, Geneva, Arial, Helvetica, sans-serif; }
.screen-reader-text { position: absolute; left: -9999px; top: -9999px; }
.clear { clear: both; }
.group:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; }
* html .group, *:first-child+html .group { zoom: 1; } /* First selector = IE6, Second Selector = IE 7 */

/* TEXT SELECTION */

::-moz-selection { background-color: #A4D6EF; color: #000; }

/* TYPOGRAPHY */

h1, h2, h3, h4 { font-weight: bold; margin: 0 0 5x 0; color: #444; }
h2 { font-size: 19px; font-weight: bold; }
h3 { font-size: 17px; font-weight: bold; }
h4 { font-size: 16px; font-weight: bold; }
h5 { font-size: 14px; font-weight: bold; }

/* SEARCH */

#searchform { height:50px; }
#s { height:17px; margin:10px; padding:7px 35px 7px 7px; width:125px; }
#searchsubmit { background:transparent url(images/search-button.jpg) no-repeat scroll 0 0; border:medium none; cursor:pointer; height:22px; position:relative; right:-148px; text-indent:-9999px; top:-37px; width:22px; }

/* COMMENTS */
	
ol.commentlist { list-style: none; }
ol.commentlist li.comment { border-bottom: 1px solid #ccc; border-top: 1px solid #ccc; padding: 10px; }
ol.commentlist li.comment div.vcard cite.fn { font-style: normal; }
ol.commentlist li.comment div.vcard img.avatar { float:right; margin: 0 0 10px 10px; }
ol.commentlist li.comment div.comment-meta { font-size: 10px; }
ol.commentlist li.comment div.comment-meta a { color: #ccc; }
ol.commentlist li.comment div.reply { font-size: 11px; }
ol.commentlist li.comment div.reply a { font-style: italic; font-family: Georgia,Serif; font-size:13px; }
ol.commentlist li.comment ul.children {  list-style: none; background:transparent url(images/reply-to.png) no-repeat scroll 0 13px; margin:15px 0 0; padding:0; }
ol.commentlist li.comment ul.children li.depth-2 { margin: 0 0 10px 25px; }
ol.commentlist li.comment ul.children li.depth-3 { margin: 0 0 10px 25px; }
ol.commentlist li.comment ul.children li.depth-4 { margin: 0 0 10px 25px; }
ol.commentlist li.even { background: #fff; border: none; }
ol.commentlist li.odd { background: #f6f6f6; }
.cancel-comment-reply { margin-bottom: 5px; }
ol.commentlist li.comment div.vcard img.avatar-32 { height: 40px; width: 40px; }
input[type=text] { border: 1px solid #ccc; margin-bottom: 10px; padding: 5px 7px; }
textarea { border: 1px solid #ccc; margin-bottom: 10px; padding: 5px 7px;  }
#submit { background: #0181C2 url(images/button.jpg) no-repeat; height: 25px; width: 91px; text-indent: -9999px; border: none; cursor: pointer; float:left; }

/* HEADER */

#header { position: relative; width: 1020px; margin: 0 auto; }
h1.logo { left:30px; position: absolute; top:15px; }

/* NAVIGATION */

#navigation { position: relative; bottom:-10px; }
ul#menu { background: #0076AE url(images/nav.jpg) repeat-x; width: 1020px; height: 34px; border: 1px solid #03486a; list-style: none; }
ul#menu li { float: left; border-right: 1px solid #03486a; }
ul#menu li a { padding:9px 20px; color: #fff; font-size: 13px; font-weight: bold; text-decoration: none; font-family: Helvetica, sans-serif; display: block; outline: none; }
ul#menu li a:hover { background: url(images/nav-hover.jpg) repeat-x; color: #03486a; }

/* CONTENT */

#page-wrap { width: 920px; margin: 0 auto; padding: 20px 20px 40px; background: #FFFFFF url(images/after-nav.jpg) repeat-x scroll 0 0; position: relative; border-left: 1px solid #464343; border-bottom: 1px solid #464343; border-right: 1px solid #464343; }
#content { width: 560px; float: left; }
.meta { margin-bottom: 10px; font-style: italic; }
.tweetmeme { width: 65px; float: left; margin-right:50px; }
.post-socials { width: 100%; height: 20px; margin: 25px 0 2px; }
.post-rss { float: left; margin-right:50px; }
.post-rss img, .post-twitter img { vertical-align:top; margin-right: 5px; }
.post-twitter { float: left; }
.postmetadata { float:right; width:120px; }
.entry-meta{
	padding:15px;
	border:1px solid #CCC;
	font-size:14px;
	margin:10px 0;
}

p { margin: 0 0 10px 0; }
a { color: #017DBD; text-decoration: none; outline: none; }
a:hover { color: #3DB8F3; }
blockquote { background: transparent url(images/quote.jpg) no-repeat scroll 5px 25px; }
blockquote p {  color: #777777; font-style: italic; padding-left: 50px; padding-top: 20px; }
img { border: none; }
.post { border-bottom:1px solid #D5D5D5; padding:10px 0 0; margin-bottom:15px; }
.entry ul, .entry ol { margin: 15px 0; padding-left: 15px; }
.entry li { background: url(images/bullet.jpg) no-repeat scroll 0 5px; list-style: none; padding-left:15px; margin-bottom:5px; }
ul, ol { margin: 0 0 10px; }
pre { background:#EEEEEE; border:1px solid #DDDDDD; margin:0 0 15px; overflow:auto; padding:15px; }
code { background:#EEEEEE; font-family:Monaco,Courier,Monospace; font-size:11px; font-size-adjust:none; font-stretch:normal; font-style:normal; font-variant:normal; font-weight:normal; line-height:normal; }
.post-ads { margin:0 auto 15px; width: 468px; height: 130px; }

/* SIDEBAR */

#sidebar { width: 190px; float: left; margin-left:28px; margin-top:180px; }
#sidebar h2 { color: #222; font-size: 11px; text-transform: uppercase; font-weight:bold; padding:6px 15px; margin-bottom: 5px; }
#sidebar li { list-style: none; }
#sidebar-right li { list-style: none; }
#sidebar-right { color: #fff; position:absolute; right:-30px; width:190px; background: #1E1E1E; border: 1px solid #000000; top:200px; }
#sidebar-right h2 { color: #fff; font-size: 11px; text-transform: uppercase; font-weight:bold; padding:6px 15px; margin-bottom: 5px;}
#sidebar-right ul li a { display:block; font-weight:normal; color: #fff; padding: 6px 15px 6px; }
#sidebar-right ul li a:hover { color: #1E1E1E; background: #1DB6F6; text-decoration: none; }
#left { width: 189px; float: left; background: #F2F2F2; border: 1px solid #D6D6D6; padding:10px 0; }
#subscribe-box { background: url(images/subscribe-box.jpg) repeat-x; height: 68px; width:170px; border: 1px solid #E2BA3A; font-family: Georgia,Serif; top:-1px; left:-1px; position: relative; font-style: italic; padding:15px 10px 20px; margin-bottom: 10px;}
a.rss { text-decoration: none; display:block; margin-bottom: 10px; }
a.email { text-decoration: none; display:block; }
#subscribe-box img { margin-right:5px; vertical-align:middle; }
#subscribe-box a { color: #1E1E1E; }
#subscribe-box a:hover { color: #1A9BDC; }
#left ul li a { color: #4F4F4F; display:block; font-weight:normal; padding: 6px 15px 6px; }
#left ul li a:hover { color: #fff; background: #F9D14B; text-decoration: none; }

/* FOOTER */

#footer-wrap { background: #444; height: 224px; min-width: 1000px; }
#footer { position: relative; background: url(images/footer.jpg) repeat-x; width: 880px; height: 175px; margin: 0 auto; border-left: 1px solid #464343; padding:0 20px; border-bottom: 1px solid #333; border-right: 1px solid #464343; font-size:0.83em; font-family:"Helvetica Neue",Helvetica,Arial,sans-serif; }
#footer ul { background:transparent url(images/footer-line.jpg) no-repeat scroll 93% -3px; color:#DEF3FB; float:left; list-style-type:none; padding:12px 18px 0 0; width:140px; }
#footer ul li a { color:#D1E6EF; font-weight:normal; line-height:1.6em; width:100%; }
#footer h2 { color: #fff; font-size:1.2em; font-weight:bold; text-transform:uppercase; margin: 2px 0 4px; }
#footer img { margin-right:5px; vertical-align:middle; padding-bottom:1px; }
#footer a:hover { text-decoration: underline; }
#footer ul.stat { width: 70px; background: transparent; }
#footer ul.stat a { opacity: 0.7; }
#footer ul.stat a:hover { opacity: 1; }
#footer ul.stat li { margin-bottom: 5px; }
#footer ul.stat h2 { margin: 2px 0 7px; }
.desing-by { color:#EFFAFF; font-size:10px; position:absolute; text-transform:uppercase; top:155px; width:880px; }
.desing-by span { float:right; }
.desing-by a { color:#EFFAFF; }

/* ADVERTISE */

#advertise { width: 470px; height: 130px; background: transparent; float: right; margin-right: 30px; }
.rx { margin: 7px 0; }
.ads { background: #fff; float:left; padding:15px 35px; position:absolute; right:-30px; width:310px; border:1px solid #D6D6D6; }
.ads .roto { float: right; height: 125px; }
