/*   
Theme Name: LIV Theme
Theme URI: http://andreystepanov.com
Description: WordPress Theme, created by <a href="http://andreystepanov.com">Andrey Stepanov</a>, special for Life In Vogue Project
Author: Andrey Stepanov
Author URI: http://andreystepanov.com
Version:
*/

/* BODY */
* { margin: 0; padding: 0; }
body { background: white; font: 12px/1.5 Arial, Verdana, 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 */

/* TYPOGRAPHY */
h1, h2, h3 { font-weight: normal; margin: 0 0 10px 0; }
h1 { }
h2 { }
h2.title { font: 24px Times New Roman; }
h2.title a { text-decoration: none; color: #000; }
h2#comments, #respond h2 { font: italic 17px Georgia; color:#757474; }
h2.archive { font: italic 17px Georgia; color:#757474; margin-bottom: 20px; }
h3 { }

/* LINKS */
a { outline: none; text-decoration: underline; color: #222; }
a:hover { text-decoration: none; }
a img { border: none; }
a.more-link { font-style: italic; font-family: Georgia; }

/* HEADER */
#header { background: url(images/header.jpg) no-repeat; height: 254px; position: relative; margin-bottom: 20px; }
a.logo {  position: absolute; top: 19px; right: 22px; width: 412px; height: 114px; }

/* NAVIGATION */
#navigation { background: url(images/nav-bg.jpg) repeat-x; width: 792px; height: 44px; position: absolute; bottom: 0; padding: 0 4px; }
#navigation li { list-style: none; float: left; padding: 11px 28px; font: 18px Times New Roman; background: url(images/nav-line.jpg) no-repeat top right; }
#navigation li a { color: #fff; text-decoration: none; }
#navigation li a:hover { color: #FCD2E8; }
#navigation li.current a { color: #FCD2E8; }

/* SEARCH FORM */
#searchform { position: relative; height:27px; }
#s { border: 1px solid #d0d0d0; padding: 5px 20px 5px 5px; width: 183px; font: italic 12px Georgia; color: #d0d0d0; }
#s:focus { color: #222; }
#searchsubmit { background: url(images/search-but.jpg) no-repeat; width: 15px; height: 19px; position: absolute; border: none; text-indent: -9999px; right: 10px; top: 5px; cursor: pointer; }

/* WRAPPERS */
#page-wrap { width: 800px; margin: 0 auto; }

/* CONTENT */
#content { width: 550px; float: left; padding: 0 10px; }
.post { margin-bottom: 20px; padding-bottom: 10px; border-bottom: 1px solid #f6f6f6; }
blockquote { background: url(images/quote.jpg) no-repeat; margin: 10px 20px;  }
blockquote p { padding: 0 40px; font: italic 12px/1.5 Georgia; color: #757474; }
ul, ol { margin: 0 0 10px 0; }
.postmetadata { font: italic 11px Georgia; color: #757474; position: relative; margin-top: 25px; }
.postmetadata li { list-style: none; line-height: 17px; }
.post-com { position: absolute; right: 10px; bottom: 0; font-size: 17px; }
.post-com a { color: #757474; text-decoration: none; }
.single-tags { margin-bottom: 15px; }
.share { height: 16px; }
.share li { float: left; margin-right: 10px; }
.share li.meme { width: 50px; }
p { margin: 0 0 10px 0; }
img { max-width: 550px; height:auto; }
.alignleft { float: left; }
.alignright { float: right; }

/* SIDEBAR */
#sidebar { width: 210px; float: right; }
#sidebar ul { margin: 0; }
#sidebar ul li { line-height: 22px; list-style: none; }
#sidebar ul li a { font: italic 11px Georgia; }
.grey { padding: 15px 10px; border: 1px solid #d0d0d0; border-left: none; margin: 20px 0; position: relative; }
.grey li a { color: #222; }
.pink { padding: 15px 10px; border: 1px solid #fcd2e8; border-left: none; position: relative; }
.pink li a { color: #e179af; }
.ad1 { margin-bottom: 8px; }
.ad1 img { max-width: 100%; height: auto; }
.subscribe { background: url(images/subscribe.jpg) no-repeat; position: relative; left: -2px; width: 214px; padding-top: 34px; margin-bottom: 20px; }
a.rss { float: left; background: url(images/rss-mail.jpg) no-repeat; width: 107px; height: 42px; }
a.mail { float: right; background: url(images/rss-mail.jpg) no-repeat scroll -107px 0; width: 107px; height: 42px; }
a.twitter { background: url(images/socials.jpg) no-repeat; height: 42px; display: block; margin: 10px 0; }
a.facebook { right; background: url(images/socials.jpg) no-repeat scroll 0 -42px; height: 42px; display: block; }

/* TITLES */
span.copy-title { position: absolute; bottom: -10px; left: 44%; }
.grey img.ads-title, .grey img.cat-title, .grey img.rec-title, .pink img.new-title, .pink img.arch-title, .pink img.stat-title { position: absolute; top:0;bottom:0;margin:auto; right: -10px; }

/* COMMENTS */
#respond { margin-top: 20px; }
ol.commentlist { list-style: none; }
ol.commentlist li.comment { border-bottom: 1px solid #F6F6F6; padding: 10px 0; }
ol.commentlist li.comment div.vcard cite.fn { font: italic 11px Georgia; color:#757474; }
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; margin-bottom: 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: italic 11px Georgia; }
ol.commentlist li.comment ul.children { list-style: none; margin: 10px 0 0; }
ol.commentlist li.comment ul.children li.depth-2 { margin: 0 0 10px 10px; }
ol.commentlist li.comment ul.children li.depth-3 { margin: 0 0 10px 10px; }
ol.commentlist li.comment ul.children li.depth-4 { margin: 0 0 10px 10px; }
span.req { color: #E179AF; }
#commentform label, input[type=text], textarea { font: italic 12px Georgia; }
#commentform label { padding-left: 10px; color: #757474; }
input[type=text] { width: 200px; }
textarea { width: 400px; overflow: auto; }
input[type=text], textarea { padding: 3px; color: #222; border: 1px solid #d0d0d0; margin-bottom: 10px; }

/* PAGE NAVIGATION */
.page-nav { background: url(images/page-nav-bg.jpg) no-repeat scroll -2px 0; height: 22px; font: italic 16px Georgia; }
.page-nav a { text-decoration: none; }
.page-nav a:hover { text-decoration: underline; }
.next-posts span { font-style: normal; }
.prev-posts span { font-style: normal; }
.next-posts { width: 45%; float: right; text-align: right; }
.prev-posts { width: 45%; float: left; }

/* FOOTER */
#footer { padding: 10px 10px 15px; border: 1px solid #d0d0d0; border-top: none; margin: 40px 0; font: italic 11px Georgia; color: #757474; position: relative; }
.designer { position: absolute; right: 10px; top: 10px; }