/*   
Theme Name: Bablovnete
Theme URI: http://andreystepanov.com
Description: Custom WordPress Theme, special for Alexandr Sergeev
Author: Andrey Stepanov
Author URI: http://andreystepanov.com
*/

* { margin: 0; padding: 0; }
body { background: #efe9dd; font: 13px/1.4 Arial, Verdana, Serif; margin-top:-20px; }
.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 */

/* HEADER */
#header { width: 900px; height: 269px; background: url(images/header.jpg) no-repeat; position: relative; }
.banner { width: 481px; height: 73px; display: block; background: url(images/banner-bg.jpg) no-repeat; position: absolute; right:0; top: 20px; }
a.logo { display: block; background: url(images/logo.jpg) no-repeat; position: absolute; right:0; top: 110px; width: 464px; height: 34px; }
a.img-logo { display:block; height:220px; left:5px; position:absolute; top:25px; width:400px; }

/* NAVIGATION */
#navigation { width: 468px; position: absolute; top: 155px; right: 3px; }
#navigation li { float: left; margin-right: 10px; list-style: none; background: url(images/nav-li.jpg) no-repeat; display:block; height: 27px; padding-left:15px; }
#navigation li a { text-decoration: none; color: #fff; background: url(images/nav-a.jpg) no-repeat top right; display:block; height:17px; padding:5px 15px 5px 0; text-align:center; font: bold italic 13px Georgia; }
#navigation li a:hover { text-decoration: underline; }
.navigation { margin: 40px 0 20px; height: 23px; display: block; }

/* SOCIALS */
.socials { width: 300px; position: absolute; bottom:-21px; right: 0; padding:0 20px; width:266px; }
a.email img { position:relative; top:2px; margin-left: 15px; }
a.twitter img { position:relative; top:1px; margin-left: 15px; }

/* WRAPPERS */
#page-wrap { width: 900px; margin: 0 auto; position: relative; background: #fff; }

p { margin: 0 0 10px 0; }
a { color: #2961c7; outline: none; }
a:hover { text-decoration: none; } 

blockquote { padding: 0 35px; background: url(images/quote.jpg) no-repeat scroll 0 2px; margin: 20px 0; }
blockquote p { font: italic 13px Georgia; color: #6F6C68; line-height: 20px; }

ul { margin: 0 0 10px 20px; }
ol { margin: 0 0 10px 40px; }
ul li { list-style: none; }

#searchform { width: 147px; position: absolute; bottom: 8px; right: 315px; }
#s { background: url(images/search-bg.jpg) no-repeat; width: 151px; height: 14px; border: none; padding:7px; font-style: italic; color: #6d6d6d; margin:0; }
#searchsubmt { }

/* TYPOGRAPHY */
h1, h2, h3 { font-weight: normal; margin: 0 0 10px 0; }
h2.title { font: italic 21px Georgia; }
h2.title a { text-decoration: none; color: #000; }
h2.title a:hover { color: #2961c7; }
h2.recent { width: 300px; height: 31px; display: block; background: url(images/recent.jpg) no-repeat; text-indent: -9999px; }
h2.popular { width: 300px; height: 31px; display: block; background: url(images/popular.jpg) no-repeat; text-indent: -9999px; }
h2.cat-stat { width: 300px; height: 31px; display: block; background: url(images/cat-stat.jpg) no-repeat; text-indent: -9999px; }
h2.most-com { width: 300px; height: 31px; display: block; background: url(images/most-com.jpg) no-repeat; text-indent: -9999px; }
h2.pages { width: 300px; height: 31px; display: block; background: url(images/pages.jpg) no-repeat; text-indent: -9999px; }

/* CONTENT */
#content { width: 560px; float: left; padding:20px; }
#post { margin-bottom: 30px; }
.entry { position: relative; padding-bottom: 40px; }
.entry ul li { padding-left: 20px; background: url(images/bullet.jpg) no-repeat scroll 0 50%; line-height: 25px; }
.entry ol li { line-height: 25px; }
.entry a:hover { }
a.more-link { bottom:4px; left:95px; position:absolute; z-index:1; color: #86db00; }
.postmetadata { background: url(images/com-bg.jpg) no-repeat; width:139px; text-align: center; height: 19px; padding:5px 0 3px; position: absolute; right: 0; bottom: 0; }
.meme { background: url(images/more.jpg) no-repeat; bottom:0; height:18px; left:0; padding:6px 120px 3px 15px; position:absolute; width:59px; }
.postmetadata a { color: #fff; }
a img { border: none; }
.alignleft { float: left; margin: 0 10px 5px 0; }
.alignright { float: right; margin: 0 0 5px 10px; }
.aligncenter { float: center; margin: 10px 0; }
.tweet { float: right; margin: 0 0 10px 10px; }
.meme-single { dispaly: block; margin: 10px 0; border-bottom: 1px solid #ddd; }
.cat { width: 300px; float: right; text-align: right; }
.samurai { background: url(images/samurai.jpg) no-repeat; width: 98px; height: 116px; position: absolute; bottom: 95px; right: 15px; }

/* SIDEBAR */
#sidebar { width: 300px; float: left; margin:40px 0 150px; }
.border { border-left:1px solid #DDDDDD; }
#sidebar ul { margin:0; }
#sidebar ul li { line-height: 25px; }
#sidebar h2 { margin:0; }
.padding { padding: 20px 10px; }
.left { width: 48%; float: left; }
.right { width: 48%; float: right; }

/* COMMENTS */
ol.commentlist { list-style: none; margin: 0; }
ol.commentlist li { position: relative; }
ol.commentlist li.comment { padding: 10px 10px 30px; margin-bottom: 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.vcard span.says { display: none; }
ol.commentlist li.comment div.comment-meta { font-size: 10px; margin:5px 0 10px; }
ol.commentlist li.comment div.comment-meta a { color: #ccc; }
ol.commentlist li.comment div.reply { font: italic 12px Georgia; width: 91px; height: 18px; background: url(images/reply.jpg) no-repeat; text-align: center; padding:5px 0; position: absolute; right: 10px; bottom: 0; }
ol.commentlist li.comment div.reply a { color: #fff; }
ol.commentlist li.comment ul.children { list-style: none; margin: 20px 0 0; }
ol.commentlist li.comment ul.children li.depth-2 { margin-left: 15px; }
ol.commentlist li.comment ul.children li.depth-3 { margin-left: 15px; }
ol.commentlist li.comment ul.children li.depth-4 { margin-left: 15px; }
ol.commentlist li.comment ul.children li.depth-5  {margin-left: 15px; }
ol.commentlist li.even { background: #fff; }
ol.commentlist li.odd { background: #FFFAEF; }

form { }
input[type=text] { padding:5px 5px; margin-bottom: 10px; }
textarea { padding:5px 5px; }

/* FOOTER */
#footer { width: 900px; height: 82px; background: url(images/footer.jpg) no-repeat; position: relative; }
.design { position: absolute; top: 15px; right: 20px; font: italic 13px Georgia; text-shadow: 1px 1px 1px #fff; }