/*
THEME NAME: Ruby Nite Vintage
THEME URI: http://rubynite.com
DESCRIPTION: Custom Vintage Wordpress Theme developped for Ruby Nite by Brain Lava
VERSION: 1.6
AUTHOR: <a href="http://brainlava.com/">Brain Lava</a>
AUTHOR URI:
TAGS: vintage, brainlava, wordpress 2.7, theme
*/
@import url('css/reset.css');
/*  TEXT FORMATTING
----------------------------------------------------------------------------------------------------*/

/* Basic HTML
---------------------------------------*/
body { font: 13px/1.5 Helvetica, Arial, FreeSans, sans-serif; color: #000000; }
a, a:link, a:visited { color: #570202; text-decoration: none; }
a:hover { color: #8A3411; }
a:focus { outline: 1px dotted invert; }
hr { border: 0 #ccc solid; border-top-width: 1px; clear: both; height: 0; }
br {clear: both;}

/* Headings
---------------------------------------*/
h1, h2 { font-size: 25px; font-family: "Trebuchet MS"; font-weight: normal;}
h3 { font-size: 20px; font-family: "Trebuchet MS"; font-weight: normal; }
h4 { font-size: 15px; font-family: Georgia, serif; font-weight: bold; font-style: italic; }
h5 { font-size: 17px; }
h6 { font-size: 15px; }

/* Spacing
---------------------------------------*/
ol { list-style: decimal; }
ul { list-style: square; }
li { margin-left: 30px; }
p, dl, hr, ol, ul, pre, table, address, fieldset { margin-bottom: 20px; }

/* Page Structure
----------------------------------------------------------------------------------------------------*/
html { background: #d8d3c5 url('img/headerBg.gif') repeat-x top left; }
body { background: transparent url('img/contentBg.gif') repeat-x left 350px; }
#wrapper { background: transparent url('img/shelf.gif') no-repeat center 323px; border-bottom: solid 1px #eae8e1; padding-bottom: 60px }
#container, #footerContent { margin-left: auto; margin-right: auto; width: 960px; position: relative; z-index:1; }
#contentContainer { margin-top: 45px; }
#footer { background: transparent url('img/contentBg.gif') repeat-x left -175px; padding:20px 0px 0px; border-top:1px solid #A89F84; }

/* Header
---------------------------------------*/
#header { height: 359px; }
#blogTitle { background: transparent url('img/rubyNite.gif') no-repeat -6px top; position: absolute; width: 343px; height: 50px; top: 132px; left: 170px; border-bottom: solid 1px #998585; padding-bottom: 10px; z-index: 1; }
#blogTitle a { display: block; width: 218px; height: 50px; }
.blogDescription { font-size: 18px; color: #946e5f; position: absolute; top:207px; left: 165px; background: transparent url('img/subTitle.gif') no-repeat left top; width: 349px; height: 21px; z-index: 1; }
/* Featured Content */
.featuredContent { background: transparent url('img/twitter.jpg') no-repeat left top; width:556px; height:265px; position: absolute; right: -16px; top: 83px; }
#twitter { width: 200px; left: 304px; top: 69px; color: #000000; position: absolute; font-weight: bold; font-size: 10px; font-family: Georgia, Serif; line-height: 16px; }
ul#twitter_update_list, ul#twitter_update_list li { margin:0; padding:0; list-style: none outside none; }
.twitter-timestamp { color: #666666; font-size: 10px; display: block; clear: both; font-weight: bold; padding-top: 2px; }
/*.twitterFollow
  {display: block; top: 94px; position: absolute;}*/   
#twitter a, #twitter a:link, #twitter a:visited { color: #0C69A3; }
#twitter a:hover { color: #570202; }
/* RSS Feed *
.rssFeed { display: block; height: 112px; width: 159px; position: absolute; top: 142px; left: 0px; background:transparent url('img/rss.gif') no-repeat 43px 70px; }
/* Decorative Items */
#artPhoto { background: transparent url('img/artFrame/rotate.php') no-repeat left top; position: absolute; width: 234px; height: 246px; top: 99px; left: -76px; z-index: 1; }
#artPhoto a {display: block; width: 234px; height: 246px; position: absolute;  top: 0px; }
.masks { background: transparent url('img/masks.gif') no-repeat left top; position: absolute; width: 261px; padding-top: 84px; top: 257px; left: 142px; z-index: 1; }
/* Top Menu */
div#menu { position: absolute; top: 25px; left: 10px; }
div#menu ul { margin: 0px; padding: 0px; width: 553px; height: 37px; position: relative; background: transparent url('img/topNav3.gif') no-repeat left -25px; }
div#menu ul li { margin:0; padding:0; list-style-image:none; list-style-position:outside; list-style-type:none; }
div#menu ul a { display:block; position: absolute; top: 0px; text-decoration:none; height: 37px; background: transparent url('img/topNav3.gif') no-repeat; }
div#menu ul a.blog { width: 80px; left: 0px; background-position: 0px 5px; }
div#menu ul a.fashion { width: 105px; left: 79px; background-position: -79px 5px; }
div#menu ul a.library {  background-position: -190px 5px;left: 190px;width: 108px; }
div#menu ul a.photos {  background-position: -300px 5px; left: 300px;width: 140px; }
div#menu ul a.archives { background-position: -455px 5px;left: 455px;width: 112px;}

/* Search */
#searchform { position: absolute; right: 0px; top: 30px; }
#s { border: solid 1px #2e0b0b; background-color: #470404; padding: 7px 5px; width: 235px; font-size: 11px; color: #d1b8ad; float: left; margin-right: 10px; }

/* Titles
---------------------------------------*/
/*.filterTitle { font-size: 20px; padding-bottom: 5px; margin-bottom: 10px; }*/
.subTitle { border-bottom: 1px dashed #570202; font-size: 17px; margin-top: 20px; margin-bottom: 20px;font-family: Georgia, "Times New Roman", Times, serif; font-weight: bold; font-style: italic;  padding-bottom:5px; }
.singleBook .subTitle {border-bottom: 0px; margin-bottom: 0px;}
.entryTitle, .entry-title {border-bottom: 3px double #58503A;margin-bottom: 10px; text-shadow: 1px 1px 0 #eeece1;}
.filterTitle span { font-weight: bold; font-style: italic;font-size: 20px;  color: #58503A;  }


/* Content
---------------------------------------*/
#content { width: 610px; float: left; margin-left: 10px; padding-left: 0px; }
.post { margin-bottom: 40px; }

.entry-title, .entry-meta { clear:both; }
.entryDate, .entryMeta { display: block; font: 11px Georgia, "Times New Roman", Times, serif; margin: 5px 0px 20px; color: #58503A; }
.entryMeta { background: #e0ddd1; padding: 10px; margin-left: -10px; }
.alignright, img.alignright, .alignleft, img.alignleft, .smBookImg img, .medBookImg img, .aligncenter, img.aligncenter, .entry-attachment img, .gallery-item {padding: 10px !important; background: #E1DDD3 url(img/sidebarBg.gif) no-repeat scroll -6px -7px !important; border: 1px dashed #A9A189 !important; margin-bottom: 10px;}
.smBookImg img {border: 1px dashed #C6BFA9 !important; }
.single .alignright, single img.alignright { float:right; margin:0 0 20px 20px; }
.alignright, img.alignright, .alignleft, img.alignleft, ul.bookList img, .gallery-item { float:left; margin:0 20px 20px 0; }
.aligncenter, img.aligncenter, .entry-attachment img { display:block; margin:0 auto 1em; text-align:center;  }
p.wp-caption-text { font-style:italic; }
.gallery { float: left; width: 99%;}
.gallery-item {width: 150px;font-size: 11px; font-weight: bold; text-align: center; height: 200px; margin-bottom: 1em; }
.entryContent img {max-width: 590px; }

/* Pagination Styling */
.navigation { padding: 2px 0; }
.wp-pagenavi span.current { background-color:#f6f5f3 !important;  border: 0px !important;  color:#000000; font-weight:bold; margin:2px; padding:2px 4px; font-family: georgia !important;}
.wp-pagenavi a, .wp-pagenavi a:link, .wp-pagenavi span.extend {  text-shadow: 1px 1px 0 #EEECE1 !important;background-color: #E8E6DD !important; color: #570202 !important; font-weight: bold; border: 0px !important; font-family: georgia !important;}
.wp-pagenavi a:hover { color: #0C69A3 !important; }
div.navigation div { width:100%;}

/* Comments */
.comments ol { margin: 0px; border: solid 1px #a89f84; background: #E1DDD3 url(img/sidebarBg.gif) no-repeat scroll -6px -7px; }
.comments ol li { margin:0 0 0px 0; padding:10px; list-style-image:none; list-style-position:outside; list-style-type:none; /*background: #EDECE6; */ }
.comments ol li p { margin: 0px; }
.comment-author { position: relative; top: -10px; font-weight: bold; z-index: 2; font-family:Georgia, serif; font-style: italic; font-weight: bold; border-top: 1px dashed #C6BFA9; padding-top: 20px; }
#comment-1 .comment-author { border-top: 0px; padding-top: 7px; }
.comment-author img { float: left; margin: 0px 10px; border: solid 1px #C6BFA9; padding: 2px; background-color: #e7e5dc; }
.comment-meta { z-index: 1; font-size: 11px; font-family:Georgia, serif; font-style: italic; background-color: #d4cfbb; padding: 2px; margin-top:5px; }
.comment-author-admin .comment-meta { background-color: #c2bca8; color: #ffffff; }
/*Leave a comment */   
#login { font-size: 11px; font-family:Georgia, serif; font-style: italic; }
.comment-content { clear: both; padding: 10px 0 0 10px; }
.commentsHeader, .respondHeader { margin-bottom: 10px; color: #58503a; font-family: "Trebuchet MS"; }
#respond { margin-top: 40px; }
.formLabelsContainer, .contact-form { padding: 20px; background: #E1DDD3 url(img/sidebarBg.gif) no-repeat -6px -7px; border: solid 1px #a89f84; }
.form-label { width: 110px; float: left; font-family:Georgia, serif; font-style: italic; font-weight: bold; color: #58503a; }
.form-input { float: left; width: 380px; margin-bottom: 5px; }
input#author, input#email, input#url, input#ec_name, input#ec_email, input#ec_url, input#ec_subject { width:350px; padding:4px; border: solid 1px #C6BFA9; background-color: #eeece6; }
textarea#comment, .contact-form textarea { height:13em; margin:0px; overflow:auto; width:350px; padding:4px; border: solid 1px #C6BFA9; background-color: #eeece6; color: #000000; font-weight: normal; }
#comment-notes { font-size: 11px; }
.required { color: #c00000; font-weight: bold; }
#ec_option_cc { margin-bottom: 20px; }

/* Sidebar 
---------------------------------------*/
.sidebar { width: 280px; float: right; }
.sidbarWidget { border: solid 2px #371616; background: #e1ddd3 url('img/sidebarBg.gif') no-repeat left top; margin-bottom: 20px; }
b.sbBtm { display: block; width: 100%; height: 70px; background: transparent url('img/sidebarBottom.gif') no-repeat left top; margin-top: -20px; }
.sidebarContent { padding: 20px 20px 0 20px;}
.sidebar ul li { text-transform: uppercase; font-size: 11px; margin:0; padding:5px 0; border-bottom: 1px dashed #c6bfa9; overflow:hidden; list-style-image:none; list-style-position:outside; list-style-type:none; }
.sidebar ul li h2 { font-size: 13px; font-weight: bold; }
.sidebar ul li a { font-weight: bold; }
.sidebar ul li ul { padding: 5px 0 0 10px; margin: 0px; }
.sidebar ul li ul li { text-transform: none; border-bottom: 0px; border-top: 1px dashed #d4cfc0; }
.sidebarHeader { font-size: 19px; font-weight: normal; margin-bottom: 10px; }
/* Tabbed Styling */
ul.anchors li { float: left; margin:0; padding:0; border: 0px; }
ul.anchors li a { display: block; height: 31px; float: left; }
.ui-tabs-hide {display: none;}
/* Posts Organized Styling */  
#sidebarNav ul.anchors { background: transparent url('img/searchTabsv2.gif') no-repeat left -31px; height: 31px; width: 250px; }
#sidebarNav ul.anchors li a { background: transparent url('img/searchTabsv2.gif') no-repeat left top; }
#sidebarNav ul.anchors li.ui-tabs-selected a.categoriesLink { background: transparent url('img/searchTabsv2.gif') no-repeat left -31px; }
#sidebarNav ul.anchors li.categories a { width: 86px; margin-right: 10px; }
#sidebarNav ul.anchors li.tags a { width: 48px; background-position: -96px top; }
#sidebarNav ul.anchors li.ui-tabs-selected a.tagsLink { background: transparent url('img/searchTabsv2.gif') no-repeat -96px -31px; }
#sidebarNav ul.anchors li.links a { width: 60px; background-position: -144px top; margin-right: 10px; }
#sidebarNav ul.anchors li.ui-tabs-selected a.linksLink { background: transparent url('img/searchTabsv2.gif') no-repeat -144px -31px; }
/* Posts Tabbed Styling */
#postsNav ul.anchors { background: transparent url('img/postsTabs.gif') no-repeat left -31px; height: 31px; width: 250px; }
#postsNav ul.anchors li a { background: transparent url('img/postsTabs.gif') no-repeat left top; }
#postsNav ul.anchors li.recent a { width: 56px; margin-right: 10px; }
#postsNav ul.anchors li.ui-tabs-selected a.recentLink { background: transparent url('img/postsTabs.gif') no-repeat left -31px; }
#postsNav ul.anchors li.popular a { width: 68px; background-position: -66px top; margin-right: 10px; }
#postsNav ul.anchors li.ui-tabs-selected a.popularLink { background: transparent url('img/postsTabs.gif') no-repeat -66px -31px; }
#postsNav ul.anchors li.related a { width: 66px; background-position: -144px top; }
#postsNav ul.anchors li.ui-tabs-selected a.relatedLink { background: transparent url('img/postsTabs.gif') no-repeat -144px -31px; }

/* Archives Page - Title Styling
---------------------------------------*/
#categoryArchives { margin: 40px 0; }
#monthlyArchives ul, #categoryArchives ul, ol.allBooksList { margin: 0px; padding:2px 0px; }
#categoryArchives ul li, #monthlyArchives ul li, ol.allBooksList li  { margin:0; padding:5px 0 5px 15px; background: transparent url('img/bullet.gif') no-repeat left 7px; list-style-image:none; list-style-position:outside; list-style-type:none; }
#categoryArchives ul li, #monthlyArchives ul li {width: 188px; float: left;}
.emptymonth { color: #C6BFA9; }

/* Photography Section
---------------------------------------*/
.s-category-photography .sidebar {display: none;}
.s-category-photography #content {width: 940px;}
.photoPost {display: none !important; }
/* On the Index page */
.home .category-photography .entryContent, .home .category-photography .entryMeta {display: none;}
.home .category-photography .photoPost {display: block !important; position: relative; height: 100px;}
.home .category-photography .photoPost .clip {display: block; position: absolute; clip: rect(150px 588px 250px 0px); top: -140px;  }

/* Flickr Gallery
---------------------------------------*/
.flickr-gallery {padding: 13px !important; background: #E1DDD3 url(img/sidebarBg.gif) no-repeat scroll -6px -7px !important; border: 1px dashed #C6BFA9 !important;}
.flickr-thumb {margin: 1px !important;}

/* Library
---------------------------------------*/
ul.bookList, ul.bookList li { margin:0; padding:0; list-style:none; text-decoration:none; }
ul.bookList {padding-bottom: 20px;}
ul.bookList .entryMeta { margin-bottom: 10px; }
.allBooksList .bookAuth {font-size: 12px; font-weight:normal; color: #000000;}

.smBookImg img, .medBookImg img  {margin: 0px 0px 10px 0px; float: left; height: auto; margin-right: 20px; }
.smBookImg img { width: 120px; float: none; }
.bookAuth {  color: #7d7b74;  font-weight: bold; font-size: 13px;}
.bookLnk { display: block; font-family: "Trebuchet MS", "Times New Roman", Times, serif; font-size: 20px; }
.bookAmazon a { font: italic bold 15px Georgia, "Times New Roman", Times, serif; line-height: 28px;}

ul.finishedBooks li { float: left; margin-right: 15px; display: block; font-size: 11px; height:300px; width: 135px; text-align: center;}
.finishedBooks .bookLnk {font-size: 11px; padding: 0 5px;} 
ul.finishedBooks .bookRating {position: relative; width: 85px; height: 17px; margin: 0 auto; display: block;}
ul.finishedBooks .bookRating .rating {position: absolute; left: 0px; top: 0px; }

.page-template-library-php .entryTitle {margin-bottom: 10px; }

.rating {display: inline-block; background: transparent url(img/star.png) no-repeat left top !important; position: relative; left: -85px;}
.rating1 .rating {width: 17px;}
.rating1-5 rating {width: 25px;}
.rating2 .rating {width: 34px}
.rating2-5 .rating {width: 42px;}
.rating3 .rating {width: 51px}
.rating3-5 .rating {width: 59px;}
.rating4 .rating {width: 68px;}
.rating4-5 .rating {width: 76px;}
.rating5 .rating {width: 85px;}

.ratingFade {display:inline-block; background: transparent url(img/star.png) no-repeat left top !important; width: 85px;opacity:0.25; /* firefox, opera, safari, chrome */ -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(opacity=25)"; /* IE 8 */ filter:alpha(opacity=25); /* IE 4, 5, 6 and 7 */ zoom:1 /* so the element "hasLayout" /* or, to trigger "hasLayout" set a width or height */}

.viewAllBooks {font: italic bold 15px Georgia, "Times New Roman", Times, serif; border-bottom: 1px dashed #570202; border-top: 1px dashed #570202; padding: 10px; text-align: center;}

/* Footer Content
---------------------------------------*/
.baseboard { background: transparent url('img/baseboard.gif') repeat-x left bottom; height: 35px; padding-top: 30px; }
.footerCol { width: 270px; float: left; margin-left: 75px; }
.footerColFirst { margin-left: 0px; }
.footerWidget {/*background: #E1DDD3 url(img/sidebarBg.gif) no-repeat scroll -5px -7px;border:2px solid #A89F84;*/ }
#footer b.sbBtm { background-position: -5px 11px; }
#footer a { font-family:Georgia, serif; font-weight:bold; font-size:13px; }
.footerWidget { position: relative; }
#footer h3 { color: #58503A; border-bottom: solid 1px #58503A; padding-bottom: 10px; font-family: Georgia, "Times New Roman", Times, serif }
#footer h3 a { color: #58503A; font-family: Georgia, "Times New Roman", Times, serif; font-size: 19px; font-weight: normal;}
#footer h3 a:hover {color: #570202; }
#footer ul { margin-bottom: 20px !important; }
#footer ul ul { margin-bottom: 0px !important; }
#footer ul, #footer ul li, #footer ul ul, #footer ul ul li { margin:0; padding:0; list-style:none; text-decoration:none; }
#footer ul ul li { padding: 5px 0; }
#footer ul li { border-bottom:1px dashed #C6BFA9; padding:5px 0; font-family:Georgia, Serif; font-size:13px; font-weight:bold }
/* Last FM */  
.lastFM ul li a { display: block; float: left; width: 200px; text-decoration: none; }
.lastFM ul li img { width: 40px; float: left; border: solid 2px #C6BFA9; padding: 2px; margin-right: 10px; }
.songTitle { font-family:Georgia, serif; font-style:italic; font-weight:bold; font-size:13px; margin-top: 5px; }
.artist { font-size: 11px; color: #000000 !important; font-family: verdana, helvetica; font-weight: normal; }
/* Link Love */  
li.linkcat { border-bottom: 0px !important; }
.linkcat li {; overflow:hidden; }
.linkcat ul li { padding: 5px 0; }
/* Feeds */
#footer .feedFooter ul li { padding-left: 25px; background: transparent url(img/feedIcon.gif) no-repeat left 4px; }
/* My Library */
#footer img.attachment-thumbnail {width: 75px !important; margin: 0px auto !important; float: none !important;}
#footer .bookList h3 {border: 0px; margin-top: 0px !important; }
#footer ul.finishedBooks li {width: 135px; height: auto; border-bottom: 0px; padding-top: 0px;}
#footer ul.finishedBooks li.first {border-right: 1px dashed #C6BFA9; width: 134px;}



/* Gallery Classes
---------------------------------------*/
.g2image_float_left { float: left; margin-right: 10px; border: 2px solid #570202; background-color: #F6F5F3; padding: 4px; }
.gbSystemLinks, .block-core-ItemLinks { background:#e6e4db!important; border-bottom:1px solid #570202 !important; border-top:3px solid #570202 !important; }
img.gallery-photo { -moz-border-radius: 0px !important; background-color:#F6F5F3 !important; border:5px solid #58503A !important; padding:20px !important; }
/* Gallery Page Styling */
.pageid-419 .sidebar { display: none; }
.pageid-419 .content { width: 920px; }
.pageid-419 .content h2 { margin-bottom: 20px; }
.gallery-thumb img, .block-imageblock-ImageBlock img { border: 2px solid #570202 !important; background: #F6F5F3 !important; padding: 4px !important; -moz-border-radius:0px !important; margin: 0px !important; }
.gallery-thumb a:hover img, .block-imageblock-ImageBlock a:hover img { border: 2px solid #0C69A3 !important; background: #F6F5F3 !important; padding: 4px !important; -moz-border-radius:0px !important; }
.gallery-albums { width: 920px !important; }
.gallery-album { height:97px !important; width: 257px !important; margin:0 20px 15px 0; padding: 5px 0px; border: solid 1px #a89f84; background: #E1DDD3 url(img/sidebarBg.gif) no-repeat scroll -6px -7px; -moz-border-radius:5px; }
hr { color: #C6BFA9 !important; border-color: #C6BFA9 !important; }
.footer { border-color: #C6BFA9 !important; }


/* `Clear Floated Elements
---------------------------------------*/
.clear { clear: both; display: block; overflow: hidden; visibility: hidden; width: 0; height: 0; }
.clearfix:after { clear: both; content: '.'; display: block; visibility: hidden; height: 0; }
.clearfix { display: inline-block; }
* html .clearfix { height: 1%; }
.clearfix { display: block; }


/* Hidden from Screen items
---------------------------------------*/   
div.skip-link, div#menu ul a span, #blogTitle a span, .rssFeed span, .blogDescription span, ul.anchors li a span { position:absolute; right:999em; top:-999em; display: block; }
legend, #footer .linkcat h2 { display: none; }