/*

Theme Name: Renovatio

Theme URI: http://www.james-blogs.com/renovatio

Author: James White

Author URI: http://www.james-blogs.com

Version: 2.1 

Description: Renovatio (Which means re-birth in Latin) was first brought onto James' Blog early January of 2009, replacing the older 2008 that had been used. Renovatio was a big step up from the older theme and took a while to develop and test, since it's release various revisions have been made to it. The layout has mostly stayed the same throughout, only colours and the odd div placement have been changes, but since it's release Renovatio has been built upon, making it a great theme for James' Blog, giving it uniqueness and the functionality of true blog website.

.

Change Log For Renovatio 2.1:

Updated layout to a more cleaner and Web 3 style
Sidebar title boxes have now been removed and included in the one box
Sponsors tab now have only two 125 x 125 ad spots
Each new blog entry now appears on the frontpage in a seperate box
Post thumbnails have been modified to have a double background making them clearer
The font size of post titles have been slightly increased
The post info icons have been updated
The "Read more of this entry" links have enlarged for clarity
The footer has been changed to a basic slimmed down version.
The frontpage will now display 5 posts instead of 6 on each page.

.

*/

/* Basic HTML styling */

a { color: #448eab; text-decoration: none; }

a:hover { color: #4fb4dc; text-decoration: none; }

a:visited { color: #448eab; text-decoration: none; }

blockquote { margin:22px 20px; padding:3px; color:#575757; font-style:italic; padding: 0 50px; background: transparent url("images/blockquote.gif") no-repeat 0 0; }

img { border:none; }

a.mini-add-comment { background: url(images/mini-down-arrow.gif) no-repeat; float: right; padding-left: 18px; }

span.next-entries { background: url(images/mini-nav-right.gif) no-repeat right center; display: block; float: right; padding-right: 18px; text-align: right; width: 225px; }

a.post-calendar { background: url(images/mini-calendar.gif) no-repeat; color: #999999; float: right; font-size: 95%; padding-left: 20px; }

span.post-dates { background: url(images/icons/date.png) no-repeat; float: left; font-size: 95%; padding-left: 20px; padding-right: 12px; }

span.post-cat { background: url(images/icons/category.png) no-repeat; float: left; font-size: 95%; padding-left: 20px; }

span.post-comments { background: url(images/icons/comments.png) no-repeat; float: right; font-size: 95%; padding-left: 20px;  }

span.previous-entries { background: url(images/mini-nav-left.gif) no-repeat left center; display: block; float: left; padding-left: 20px; width: 228px; }

body { background-color:#232323; font: 75%/150% Helvetica,Arial,sans-serif; margin:0; height:100%; }

h1 { color:#FFFFFF; font-size:28px; margin-top:40px; margin-left:250px; }

h2 { padding:3px; letter-spacing:-1px; font-size:22px; }

.page-title { margin-top:-10px; }

h3 { font-size:18px; margin-top:-10px; }

h4 { color:#000000; font-size:15px; letter-spacing:-1px; }

.page { margin-top:10px; font-size:19px; letter-spacing:-1px;}

h5 { font-size:13px; }

h6 { color:#FFFFFF; font-size:12px; margin-left:250px; margin-top:5px;  } 

hr.clear { clear: both; margin: 0px; padding: 0px; visibility: hidden; }

img.alignleft, img[align="left"] { float: left; margin: 2px 10px 5px 0px; }

img.alignright, img[align="right"] { float: right; margin: 2px 0px 5px 10px; }

img.center, img[align="center"] { display: block; margin-left: auto; margin-right: auto; }

img#wpstats { display:none; }

p { margin: 0px; padding: 0px 0px 15px; }

/* Author Page */

#profile-box { background:#eeeeee; border:1px solid #DEDEDE; padding:20px; }

.gravleft { float:left; padding-right:12px; padding-bottom:7px; }

.indent { margin-left:-10px; }

.recent_posts ul { padding:0; margin:0; list-style: none; }

/* Header/Banner */

.banner { margin:12px 5px 12px 10px; width:855px; height:200px; background:#FFFFFF; padding:12px; border:1px solid #DEDEDE; z-index:0; -webkit-border-radius:10px;  -moz-border-radius:10px; }

.ads { background:#FFFFFF; border:1px solid #DEDEDE; width:838px; padding:20px; margin-left:10px; margin-bottom:10px; }

#header { top:38px; width:100%; height:125px; background-image:url(images/head_bg.png); }

#header-contents { width:900px; margin:0px auto; }

.header-logo{ position:absolute; margin:4px 0 0 -40px; }

/* Search Box */

.search { position:relative; float:right; top:30px; color:#FFF; float:right; margin-left:900px; clear:both; }

#searchform { margin: 7px 0 0; }

#searchform #s { background: #ffffff; border: 1px solid #cccccc; color: #000000; cursor: pointer; font-weight: normal; height: 19px; line-height: 19px; margin-right: 2px; padding: 3px 5px 2px 10px; vertical-align: middle; width: 160px; font-size:12px; font-weight:bold; -webkit-border-radius:5px; -moz-border-radius:5px; }

#searchform br { display: none; }

#searchform input { background: url(images/search-button.png) no-repeat; border: none; color: #FFFFFF; height: 22px; width: 22px; vertical-align:middle; }

/*Navigation*/

.links-left { border-left:1px solid #5d5d5d; }

.links-contents { width:906px; margin:0 auto; z-index:2000; }

.links{
background-image:url(images/navigation_bg.png); margin:0px auto; width:100%; display:block; height:36px; border:1px solid #666666; border-left:none; border-right:none; z-index:9999; }

.links ul { margin: 0; padding: 0; list-style-type: none; }

/*Base Level list items*/

.links ul li { position: relative; display: inline; float: left; }

/* Base Style Links */

.links ul li a { float:left; font-size:14px; color:#FFFFFF; padding:9px; border-right:1px solid #5d5d5d; width:94px; text-align:center; }

.links ul li a:hover { background-color:#232323; }
	
/*1st Drop Down Menu*/

.links ul li ul { border-top:1px solid #666666; position: absolute; left: 0; display: block; visibility: hidden; border-left:1px solid #666666; z-index:3000; }

/*Drop Down menu list items (undo style from Top level List Items)*/

.links ul li ul li { display: block; float: none;  }

/* Second Level + Any other levels following */

.links ul li ul li ul { border-left:none; border-top:none; } 

/* Drop Down menu links style */

.links ul li ul li a { font: normal 11px Verdana; width: 160px; background:#111; color: white; padding: 6px 5px; margin: 0; border-bottom:1px solid #666666; } 

/*Drop Down hover style*/

.links ul li ul li a:hover { background: #232323; color: white; }

/*Arrow image to signify a drop down level*/

.rightarrowclass{ position: absolute; right: 5px; }

/* Related Posts */

#related-posts-container { margin-top:20px; background:#eee; height:275px; border:1px solid #DEDEDE; padding:20px; }

ol.related-posts { margin:0 0 0 25px; padding:0; }

.related-posts-none { padding:20px; background:#eee; border:1px solid #DEDEDE; }

ol.related-posts li{ text-align:center; margin-right:20px; width:130px; float:left; display:inline; letter-spacing:-1px; padding:0; font-size:14px; font-weight:bold; }

ol.related-posts img { clear:both; padding:5px; width:130px; height:130px; border:1px solid #dedede; background:#ddd; }

ol.related-posts a { clear:both; display:block; border:none; text-decoration:none;}


/* Comments */

#comments {padding: 10px; padding-top: 25px; float: left; width: 97%;}

#comments ul.commentlist {padding-left: 0px; margin-top: -20px;}

#comments ul.commentlist li {list-style: none; clear: both; padding-top: 30px; margin-bottom:20px; line-height: normal;}

#comments h3 {font: normal 1.8em Helvetica,Arial,sans-serif; color: #000000; clear: both; margin-bottom: 0px; padding-bottom: 0px;}

#comments .vcard {float: left; width: 90px; margin-top: 5px; }

#comments ul.commentlist li.bypostauthor .reply { background:#fcfadc; font-weight:bold; font-size:15px; font-style:italic; letter-spacing:-1px; }

#comments .vcard img { margin-bottom: 0px;}

#comments .vcard p {padding-top: 3px; line-height: normal;}

#comments .vcard p .comment-date {font-size: 10px; padding-left: 3px;}

#comments .reply { float: right; background: #fafafa; padding: 20px 0px 10px 20px; width: 380px; min-height: 100px; border: 1px solid #c1c1c1;}

#comments .reply p {padding-right: 10px;}

#comments .reply .reply-controls {float: right; padding-left: 10px;}

#comments #respond {clear: both;}

#comments #respond h3 {padding-top: 20px; padding-bottom: 10px;}

#comments #respond p {padding-bottom: 5px;}

#comments #respond input {background: #fafafa; width: 495px; border: 1px solid #cdcfcf; padding: 5px; margin-top: 5px;}

#comments #respond textarea {font: 12px Helvetica,Arial,sans-serif; background: #fafafa; width: 465px; border: 1px solid #cdcfcf; padding: 20px; margin-top: 5px; overflow: auto;}

#comments #respond form #submit {color: #ffffff; background: #2d6b88; text-decoration: none; width: 508px; margin-bottom: 20px; }

#comments #pings ol li {list-style:none; margin-left:-35px;}

/* Container and Content */

#container { margin:0px auto 10px; width:900px; border:1px solid #FFFFFF; background:#eee; overflow:hidden; -moz-box-shadow:0px 0px 50px #000; }

.content { border:1px solid #DEDEDE; padding:20px; padding-bottom: 20px; margin:12px 320px 10px 10px; font-size:13px; background-color:#FFFFFF; width:528px; -webkit-border-radius:10px; -moz-border-radius:10px;  }

#breadcrumbs {  background:#FFFFFF; width:838px; padding:20px; margin-left:10px; border:1px solid #DEDEDE; font-size:14px; -webkit-border-radius:10px;  -moz-border-radius:10px; }

.page-content { border:1px solid #DEDEDE; padding:20px; padding-bottom: 20px; margin:12px 320px -25px 10px; font-size:13px; background-color:#FFFFFF; width:528px; overflow:auto; -moz-border-radius:10px; }

.frontpage-entry { padding-top: 20px; clear:left; }

.entry { padding-top: 20px; clear:left; }

.entry ul { padding:0; margin:5px 0px 20px 30px; }

.navigation { margin-left:10px; margin-bottom:10px; background:#fff; border:1px solid #DEDEDE; -moz-border-radius:10px; width:570px; }

.pages { padding:30px; margin-left:10px; }

.page-entry { padding-top: 20px; clear:left; }

.post { background:#fff; border:1px solid #DEDEDE; padding:20px; padding-bottom: 20px; margin:12px 320px 14px 10px; font-size:13px; background-color:#FFFFFF; width:528px; -webkit-border-radius:10px; -moz-border-radius:10px; }

.post-date { background: url(images/date-bg.gif) no-repeat; float: left; height: 49px; width: 45px; }

.post-day { color: #999999; display: block; font-size: 18px; line-height: 18px; margin-left: -3px; 
padding-top: 7px; text-align: center; text-transform: uppercase; }

.post-image{ float:left; padding:5px; margin:4px 10px 0px 3px; border:1px solid #DEDEDE; }

.post-info { margin-left:4px; width:505px; font-weight:bold; }

.post-month { color: #FFFFFF; display: block; font-size: 11px; line-height: 11px; margin-left: -3px; padding-top: 2px; text-align: center; text-transform: uppercase; }

.post-title { margin-left: 0px; text-transform: capitalize; width: 496px; }

.post-thumbnail { float:left; padding:4px; background:#eee; border:1px solid #dedede; margin-right:10px; }

.post-thumbnail img { border:1px solid #dedede; }

.more-link { font-style:italic; margin-left:330px; font-weight:bold; font-size:14px; }

.share { background:#eee; margin-top:20px; padding:20px; border:1px solid #CCC; }

/* Footer */

#footer { margin-top:-10px; width:100%; height:150px; background:#333; border-top:1px solid #444; font-size:16px; color:#fff; font-weight:bold; }

#footer p { padding:30px; margin-top:25px; text-align:center; }

#footer p a { color:#999; }

#footer p a:hover { color:#888; }

/*Sidebar*/

.sidebar { float: right; width:300px; padding: 10px; margin:0px 0 0 0; font-size:12px; }

.sidebar-title { width:260px; font-size:18px; margin-top:5px; color:#555; border-bottom:1px solid #DEDEDE; padding:7px; }

.sidebar-box { background:#FFF; border:1px solid #DEDEDE; padding:10px; margin-left:1px; -webkit-border-radius:10px;  -moz-border-radius:10px; margin-bottom:15px; }

.sidebar-box-ad { background:#FFF; border:1px solid #DEDEDE; padding:10px; height:330px; -webkit-border-radius:10px; -moz-border-radius:10px; margin-bottom:15px; }

.sidebar-google-ad { border:1px solid #DEDEDE; background:#FFFFFF; margin-left:1px; }


.sidebar-bar { border-top:1px solid #cecece; border-bottom:1px solid #cecece; margin-top:30px; margin-left:-9px; background:#e6e8e9; width:320px; }

.sidebar-bar2 { border-bottom:1px solid #cecece; margin-left:-9px; background:#ffffff; width:320px; }

.sidebar-bar3 { border-bottom:1px solid #cecece; margin-left:-9px; background:#e6e8e9; width:320px; }

.sidebar-bar4 { border-bottom:1px solid #cecece; margin-left:-9px; background:#ffffff; width:320px; }

.sidebar-bar5 { border-bottom:1px solid #cecece; margin-left:-9px; background:#e6e8e9; width:320px; }

.sidebar a, #sidebar a:visited { color: #5c9699; display: block; text-decoration: none; }

.sidebar a:hover { color: #4f8487; display: block; text-decoration: none; }

.sidebar h2, #sidebar .sidebartitle { border-bottom: 1px dotted #CCCCCC; color:#448eab; font: lighter 18px Arial, Helvetica, sans-serif; margin: 20px 0px 2px; }

.sidebar ul { margin: 0; padding: 0; }

.sidebar ul li { border: none; border-bottom: 1px dotted #CCCCCC; list-style: none; margin: 0; padding: 2px 0; }

.sidebar ul li ul { margin: 0; padding: 0; }

.sidebar ul li ul li { border-bottom: 1px dotted #CCCCCC; padding: 2px 0 2px 0px; }

.sidebar ul li ul li ul li { border: none; padding: 1px 0 1px 10px; }

.sidebar-archives { color:#000000; }

.sidebar-archives ul { list-style: none; }

.sidebar-archives ul li { background: url(images/date.gif) no-repeat; border-bottom:none;  padding: 0px 0px 10px 20px;  }

.sidebar-recent-comments { color:#000000; }

.sidebar-recent-comments ul { list-style: none; margin-top:-5px; margin-left:10px;   }

.sidebar-recent-comments ul li { background: url(images/icons/comments.png) no-repeat; border-bottom:none;  padding: 0px 0px 10px 20px; }

.sidebar-recent-posts { color:#000000; }

.sidebar-recent-posts ul { font-size: 12px; line-height: 160%; list-style: none;  margin-top:-5px; padding: 0px; margin-left:10px; }

.sidebar-recent-posts ul li { background: url(images/icons/category.png) no-repeat; border-bottom:none;  padding: 0px 0px 10px 20px; }

.post-box-ad { margin-top:10px; background:#FFFFFF; border:1px solid #DEDEDE; padding:3px; }

/* Maintenance Mode */

#maintenance { margin:0px auto; width:500px; height:300px; }

#maintenance .info { padding:10px; background:#FFFFFF; color:#000000; font: 75%/150% Arial, Helvetica, sans-serif; }

/* Web Dev Tools */

#toolsContainer { width:600px; padding-top:6%; margin:0 auto;}

#toolsContainer-upload { width:950px; padding-top:2%; margin:0 auto; }

.uploadBox { padding:10px; width:600px; background:#000000; border:1px solid #FFFFFF; }

.tool-uploader { color:#fff; font-weight:bold; }

.tool-uploader a { color:#276ea0; }

h3 .tool-uploader { color:#FFFFFF; }

.tool-favicon { color:#fff; font-weight:bold; }

.tool-favicon a { color:#FF0000; }

.tool-whois { color:#fff; font-weight:bold; }

.tool-whois a { color:#669933; }

.tool-pagerank { color:#fff; font-weight:bold; }

.tool-pagerank a { color:#ff7200; }

#tools-topbar { background-image:url(http://www.james-blogs.com/resources/tools/topbar-bg.gif); height:65px; position:absolute; top:0px; width:100%; color:#FFFFFF; }

#result { border:1px solid #DEDEDE; margin:0px auto 0 31%; width:600px; position:absolute; top:294px; background:#FFFFFF; padding:20px; }

.whoisData { border:1px solid #FFFFFF; margin:0px auto; width:550px; position:absolute; top:0px; background:#000000; padding:30px; color:#ffffff; }

.button { background:url(http://www.james-blogs.com/resources/tools/uploader/upload.png); width:200px; height:100px; }

/* Classes and other stuff */

.alignleft { float: left; font-weight:bold; }

.alignright { float: right; } 

.imgleft { float: left; margin:17px 20px 0px 0px; }

.imgright { float: right; margin:17px 0px 0px 20px; }

.affiliates ul { margin: 0; padding: 0; list-style-type: none; }

.affiliates li { display: inline; }

.affiliatebox { float:left; margin:0 40px 40px 20px; width:200px; height:150px; border:1px solid #DEDEDE; }

.affiliatebox a { float:left; width:200px; font-size:14px; font-weight:bold; background:#eee; border:1px dashed #DEDEDE; border-top:none; }

.affiliatebox a:hover { background:#DEDEDE; }

.center { text-align:center; }

.clear { clear: both; }

.smallprint { font-size:11px; color:#666666; padding-top:20px; }

.last-modified { font-size:11px; color:#666666; font-style:italic; }

#maintenance_message { -webkit-border-radius:10px; -moz-border-radius:10px; background:#db2e2e; margin-top:10px; margin-left:11px; border:1px solid #333; color: #fff; padding:15px; font-size:14px; font-weight:bold; letter-spacing:-1px; margin-bottom:10px; width:535px; }

#maintenance_message a { color:#fff; text-decoration:none; }

/* Portfolio Styling */

.portfolio_image { float:left; padding:10px; }