/*  
Theme Name: PVB Renna
Theme URI: http://www.petervbrett.com
Description: Theme designed for Peter V Brett
Version: 1.0
Author: David Wenk  
Author URI: http://www.davidwenk.com/
*/

/* --- FORCE VERTICAL SCROLLBAR --- */
html {overflow-y: scroll;}

/* --- RESET ALL MARGINS AND PADDING TO ZERO --- */
* {margin: 0; padding: 0;}

/* --- DEFINE PAGE BACKGROUNDS --- */
body {background: #000 url(img/renna.jpg) no-repeat fixed center top; color: #999; font: normal 1em Arial, Sans-Serif; margin: 0; text-align: center; vertical-align: top;}

/* --- DEFINE ANCHOR STYLES --- */
a {color: #990000; text-decoration: none;}
a:hover {text-decoration: underline;}
a:focus {-moz-outline: none;}

/* --- DEFINE FORM STYLES --- */
form input, form textarea {background: #111; border: solid 1px #18353d; color: #b58631;}
form textarea {overflow-y: auto;}

/* --- DEFINE IMAGE STYLES --- */
img {border: 0;} /* hide all image borders */
.img-left, .alignleft {float: left; margin: 0 0 6px 0; padding: 6px 12px 0 0;} /* format left-aligned images */
.img-center, .aligncenter {margin: 0 auto; text-align: center;} /* format center-aligned images */
.img-right, .alignright {float: right; margin: 0 0 6px 0; padding: 6px 0 0 12px;} /* format right-aligned images */

/* --- SET MARGINS OK FOR 800x600 RESOLUTION --- */
#wrapper {margin: 0 auto 48px auto; text-align: left; width: 768px; background: url(img/screen.png) repeat-y; border-bottom: solid 1px #d30000; overflow: hidden; }

/* --- DEFINE COLORS --- */
.green {color: #264b54;}

/* ----------------------------- */
/* --- START HEADER ELEMENTS --- */
/* ----------------------------- */

/* --- DEFINE HEADER BLOCK --- */
#header {display: block; margin: 0 auto 30px auto; padding-top: 10px; width: 732px; height: 70px;}

/* --- DEFINE MASTHEAD BLOCK --- */
#masthead {float: left; height: 70px; width: 240px;}

/* --- DEFINE LOGO BLOCK --- */
#logo {display: block; float: left; margin: 0; padding: 0; width: 104px; height: 70px;}

/* --- DEFINE TITLE STYLES --- */
.title {display: block; float: left; margin: 0 0 0 -12px;} /* this rule pertains to all page titles */
#title-allies {height: 19px; padding: 49px 0 0 0; width: 44px;} /* this rule is specific to page title Allies */
#title-character {height: 19px; padding: 49px 0 0 0; width: 75px;} /* this rule is specific to page title Character */
#title-creations {height: 20px; padding: 49px 0 0 0; width: 72px;} /* this rule is specific to page title Creations */
#title-excisions {height: 19px; padding: 49px 0 0 0; width: 69px;} /* this rule is specific to page title Excisions */
#title-news {height: 19px; padding: 49px 0 0 0; width: 38px;} /* this rule is specific to page title News */
#title-peephole {height: 43px; padding: 25px 0 0 0; width: 83px;} /* this rule is specific to page title Peephole */
#title-contact {height: 20px; padding: 49px 0 0 0; width: 60px;} /* this rule is specific to page title Contact */

#title {height: 51px; width: 161px; position: relative; top: -51px; left: 79px;} /* this rule is specific to page titles in theme RENNA */

/* --- DEFINE MENU STYLES --- */
/* This section uses Petr Stanicek's 'Fast Rollovers Without Preload' technique described at http://www.wellstyled.com/css-nopreload-rollovers.html */
#menu {float: right; height: 80px; list-style: none; width: 503px;} /* define menu block */
#menu-allies {background: url(img/menu-allies.jpg) -74px 0 no-repeat; width: 74px;} /* define menu item Allies */
#menu-allies a {background: url(img/menu-allies.jpg) 0 0 no-repeat; display: block; height: 100%; margin: 0; overflow: hidden; padding: 0; width: 100%;} /* define menu item Allies anchor */
#menu-allies span {cursor: pointer; display: block; height: 80px; margin: 0; padding: 0; width: 74px;} /* define menu item Allies span */
#menu-character {background: url(img/menu-character.jpg) -94px 0 no-repeat; width: 94px;} /* define menu item Character */
#menu-character a {background: url(img/menu-character.jpg) 0 0 no-repeat; display: block; height: 100%; margin: 0; overflow: hidden; padding: 0; width: 100%;} /* define menu item Character anchor */
#menu-character span {cursor: pointer; display: block; height: 80px; margin: 0; padding: 0; width: 94px;} /* define menu item Character span */
#menu-creations {background: url(img/menu-creations.jpg) -91px 0 no-repeat; width: 91px;} /* define menu item Creations */
#menu-creations a {background: url(img/menu-creations.jpg) 0 0 no-repeat; display: block; height: 100%; margin: 0; overflow: hidden; padding: 0; width: 100%;} /* define menu item Creations span */
#menu-creations span {cursor: pointer; display: block; height: 80px; margin: 0; padding: 0; width: 91px;} /* define menu item Creations span */
#menu-excisions {background: url(img/menu-excisions.jpg) -88px 0 no-repeat; width: 88px;} /* define menu item Excisions */
#menu-excisions a {background: url(img/menu-excisions.jpg) 0 0 no-repeat; display: block; height: 100%; margin: 0; overflow: hidden; padding: 0; width: 100%;} /* define menu item Excisions anchor */
#menu-excisions span {cursor: pointer; display: block; height: 80px; margin: 0; padding: 0; width: 88px;} /* define menu item Excisions span */
#menu-news {background: url(img/menu-news.jpg) -72px 0 no-repeat; width: 72px;} /* define menu item News */
#menu-news a {background: url(img/menu-news.jpg) 0 0 no-repeat; display: block; height: 100%; margin: 0; overflow: hidden; padding: 0; width: 100%;} /* define menu item News anchor */
#menu-news span {cursor: pointer; display: block; height: 80px; margin: 0; padding: 0; width: 72px;} /* define menu item News span */
#menu-peephole {background: url(img/menu-peephole.jpg) -84px 0 no-repeat; width: 84px;} /* define menu item Peephole */
#menu-peephole a {background: url(img/menu-peephole.jpg) 0 0 no-repeat; display: block; height: 100%; margin: 0; overflow: hidden; padding: 0; width: 100%;} /* define menu item Peephole anchor */
#menu-peephole span {cursor: pointer; display: block; height: 80px; margin: 0; padding: 0; width: 84px;} /* define menu item Peephole span */
#menu-news a:active, #menu-peephole a:active, #menu-creations a:active, #menu-character a:active, #menu-excisions a:active, #menu-allies a:active {color: #000000;} /* define active state of specific menu items */
#menu-news a:hover, #menu-peephole a:hover, #menu-creations a:hover, #menu-character a:hover, #menu-excisions a:hover, #menu-allies a:hover {background: none;} /* define hover state of specific menu items */
.menu-item {float: left; height: 80px;} /* this rule pertains to all menu items */

#menu-renna {float: right; list-style: none; width: 492px; height: 70px; overflow: hidden;} /* define menu block RENNA */
#menu-news-renna a:active, #menu-peephole-renna a:active, #menu-creations-renna a:active, #menu-character-renna a:active, #menu-excisions-renna a:active, #menu-contacts-renna a:active, #menu-forum-renna a:active {color: #000000;} /* define active state of specific menu items RENNA */
.menu-item-renna {float: left; height: 70px;} /* this rule pertains to all menu items RENNA */

#menu-news-renna {background: url(img/news.png) 0 0 no-repeat; width: 71px;} /* define menu item News RENNA */
#menu-news-renna a {background: url(img/news.png) 0 0 no-repeat; display: block; height: 100%; margin: 0; overflow: hidden; padding: 0; width: 100%;} /* define menu item News anchor RENNA */
#menu-news-renna span {cursor: pointer; display: block; height: 70px; margin: 0; padding: 0; width: 71px;} /* define menu item News span RENNA */
#menu-news-renna a:hover {background-position: -71px 0;}

#menu-peephole-renna {background: url(img/peephole.png) 0 0 no-repeat; width: 67px;} /* define menu item Peephole RENNA */
#menu-peephole-renna a {background: url(img/peephole.png) 0 0 no-repeat; display: block; height: 100%; margin: 0; overflow: hidden; padding: 0; width: 100%;} /* define menu item Peephole anchor RENNA */
#menu-peephole-renna span {cursor: pointer; display: block; height: 70px; margin: 0; padding: 0; width: 67px;} /* define menu item Peephole span RENNA */
#menu-peephole-renna a:hover {background-position: -67px 0;}

#menu-creations-renna {background: url(img/creations.png) 0 0 no-repeat; width: 73px;} /* define menu item Creations RENNA */
#menu-creations-renna a {background: url(img/creations.png) 0 0 no-repeat; display: block; height: 100%; margin: 0; overflow: hidden; padding: 0; width: 100%;} /* define menu item Creations span RENNA */
#menu-creations-renna span {cursor: pointer; display: block; height: 70px; margin: 0; padding: 0; width: 73px;} /* define menu item Creations span RENNA */
#menu-creations-renna a:hover {background-position: -73px 0;}

#menu-character-renna {background: url(img/character.png) 0 0 no-repeat; width: 77px;} /* define menu item Character RENNA */
#menu-character-renna a {background: url(img/character.png) 0 0 no-repeat; display: block; height: 100%; margin: 0; overflow: hidden; padding: 0; width: 100%;} /* define menu item Character anchor RENNA */
#menu-character-renna span {cursor: pointer; display: block; height: 70px; margin: 0; padding: 0; width: 77px;} /* define menu item Character span RENNA */
#menu-character-renna a:hover {background-position: -77px 0;}

#menu-excisions-renna {background: url(img/excisions.png) 0 0 no-repeat; width: 71px;} /* define menu item Excisions RENNA */
#menu-excisions-renna a {background: url(img/excisions.png) 0 0 no-repeat; display: block; height: 100%; margin: 0; overflow: hidden; padding: 0; width: 100%;} /* define menu item Excisions anchor RENNA */
#menu-excisions-renna span {cursor: pointer; display: block; height: 70px; margin: 0; padding: 0; width: 71px;} /* define menu item Excisions span RENNA */
#menu-excisions-renna a:hover {background-position: -71px 0;}

#menu-contacts-renna {background: url(img/contacts.png) 0 0 no-repeat; width: 70px;} /* define menu item Contacts RENNA */
#menu-contacts-renna a {background: url(img/contacts.png) 0 0 no-repeat; display: block; height: 100%; margin: 0; overflow: hidden; padding: 0; width: 100%;} /* define menu item Contacts anchor RENNA */
#menu-contacts-renna span {cursor: pointer; display: block; height: 70px; margin: 0; padding: 0; width: 70px;} /* define menu item Contacts span RENNA */
#menu-contacts-renna a:hover {background-position: -70px 0;}

#menu-forum-renna {background: url(img/forum.png) 0 0 no-repeat; width: 63px;} /* define menu item Forum RENNA */
#menu-forum-renna a {background: url(img/forum.png) 0 0 no-repeat; display: block; height: 100%; margin: 0; overflow: hidden; padding: 0; width: 100%;} /* define menu item Forum anchor RENNA */
#menu-forum-renna span {cursor: pointer; display: block; height: 70px; margin: 0; padding: 0; width: 63px;} /* define menu item Forum span RENNA */
#menu-forum-renna a:hover {background-position: -63px 0;}

/* --------------------------- */
/* --- END HEADER ELEMENTS --- */
/* --------------------------- */

/* ------------------------------ */
/* --- START SIDEBAR ELEMENTS --- */
/* ------------------------------ */

/* --- DEFINE SIDEBAR BLOCK --- */
#sidebar {color: #264b54; float: right; font: normal 0.85em Tahoma, Sans-Serif; margin: 0 0 24px 36px; width: 150px;} /* define sidebar block */
#sidebar ul {list-style: none;} /* no bullets for sidebar listings */
#sidebar ul li {border: solid 1px #18353d; margin: 0 0 18px 0;} /* define border and margins for sidebar widgets */
#sidebar ul li h2 {background: #18353d; color: #000; font: bold 1.1em Georgia, Serif; padding: 3px; width: 142px;} /* define sidebar widget headings */
#sidebar ul li ul li {border: 0; margin: 5px;} /* define border and margins for individual sidebar listings */

/* --- DEFINE SIDEBAR SEARCH --- */
#sidebar form#searchform {display: block; height: 72px; width: 150px;} /* define height and width of search block */
#sidebar form#searchform p#find-posts {margin: 5px;} /* define search instructions */
#sidebar form#searchform div#search-box {display: block; height: 21px; width: 140px; margin: 0 auto;} /* define search input block */
#sidebar form#searchform input#s {display: block; float: left; font-size: 0.95em; height: 16px; margin: 0 3px 0 0; padding: 3px 0 0 3px; width: 112px;} /* define user entry box for search */
#sidebar form#searchform input#searchsubmit {background: #000; border: none; color: #990000; display: block; float: left; font: bold 21px Tahoma, Sans-Serif; height: 20px; line-height: 14px; text-align: right; width: 18px;} /* define submit button for search */

/* --- DEFINE SIDEBAR CALENDAR --- */
#sidebar ul li #wp-calendar {margin: 3px; width: 150px;} /* define calendar block */
#sidebar ul li #wp-calendar caption {line-height: 24px;} /* add space to calendar caption */
#sidebar ul li #wp-calendar tfoot tr td#next {text-align: right; padding: 0 12px 0 0;} /* align calendar footer navigation elements */

/* --- STYLE SIDEBAR TWEEPHOLE --- */
#content .rotatingtweets {border: none !important;} /* remove white border top and bottom of Twitter stream */
#content .rotatingtweet {width: 135px; margin-top: 3px; padding: 5px; overflow: hidden;} /* add space between tweets and widget border */

/* ---------------------------- */
/* --- END SIDEBAR ELEMENTS --- */
/* ---------------------------- */

/* ------------------------------ */
/* --- START CONTENT ELEMENTS --- */
/* ------------------------------ */

/* --- DEFINE CONTENT BLOCK --- */
#content {font: normal 0.8em/1.5em Arial, Sans-Serif; padding: 0 18px 0 18px; width: 732px;} /* define general content styling */
#content .post p, #content .post-excerpt p, #content .page p {font-size: 1.2em; padding: 8px 0 12px 0;} /* define font size and padding for all paragraphs */
#content .post ul, #content .page ul, #content .post ol, #content .page ol {padding: 0 0 0 18px;} /* define padding for all unordered and ordered lists */
#content .post h1, #content .post-excerpt h1, #content .page h1 {font: normal 2em/1em Georgia, Sans-Serif; margin-bottom: 12px;} /* define first-order headings */
#content .page h1 {margin-top: -18px; padding-top: 18px;} /* define additional first-order heading rules for pages but not posts */
#content .post h2, #content .page h2 {color: #264b54; font: bold 1.6em/1em Georgia, Sans-Serif; padding: 18px 0 0 0;}
#content .post .entry, #content .page .section {padding: 0 0 48px 0;} /* define padding for each post entry or page section */
#content .post-excerpt .entry {margin: 0 0 36px 0;} /* define margins for each entry */
#content .post p.meta {border-top: 1px solid #333; font: normal 0.85em/1.4em Tahoma, Sans-Serif; margin: 36px 0 0 0; padding: 12px 0 0 0; width: 500px;} /* define post meta text */
#content .post-excerpt p.meta {border-top: 1px solid #333; font: normal 0.85em/1.4em Tahoma, Sans-Serif; margin: 0; padding: 12px 0 0 0; width: 500px;} /* define post excerpt meta text */
#content .page .width-100 {margin: 0 632px 0 0;} /* define a block 100 pixels wide */
#content .page .width-200 {margin: 0 532px 0 0;} /* define a block 200 pixels wide */
#content .page .width-300 {margin: 0 432px 0 0;} /* define a block 300 pixels wide */
#content .page .width-400 {margin: 0 332px 0 0;} /* define a block 400 pixels wide */
#content .page .width-500 {margin: 0 232px 0 0;} /* define a block 500 pixels wide */
#content .page .width-600 {margin: 0 132px 0 0;} /* define a block 600 pixels wide */
#content .page .height-25 {height: 25px;} /* define a block 25 pixels high */
#content .page .height-50 {height: 50px;} /* define a block 50 pixels high */
#content .page .height-75 {height: 75px;} /* define a block 75 pixels high */
#content .page .height-100 {height: 100px;} /* define a block 100 pixels high */
#content .page .height-125 {height: 125px;} /* define a block 125 pixels high */
#content .page .height-150 {height: 150px;} /* define a block 150 pixels high */
#content .page .height-175 {height: 175px;} /* define a block 175 pixels high */
#content .page .height-200 {height: 200px;} /* define a block 200 pixels high */
#content .page .height-300 {height: 300px;} /* define a block 300 pixels high */
#content .page .height-400 {height: 400px;} /* define a block 400 pixels high */
#content .page .height-500 {height: 500px;} /* define a block 500 pixels high */
#content .page .height-600 {height: 600px;} /* define a block 600 pixels high */

/* --- DEFINE COMMENT DISPLAY --- */
#content .post #comments h2 {margin: 0 0 18px 0;} /* define comment headings */
#content .post #comments ol.comment-list {margin: 0 240px 24px 24px;} /* format comment list */
#content .post #comments ol li {border-bottom: 1px dotted #333; margin: 0 0 12px 0; padding: 0 0 24px 0;} /* define margins, padding, and border for individual comments */
#content .post #comments ol li .meta {color: #18353d; font: normal 0.85em/1.4em Tahoma, Sans-Serif;} /* define comment meta text */
#content .post #comments h2#responses {margin-top: -12px;} /* define margins for comment heading id=responses */
#content .post #comments h2#respond {padding-top: 18px;} /* define margines for comment heading id=respond */

/* --- DEFINE COMMENT INPUT DISPLAY --- */
#content form#comment-form input {font: normal 1em Tahoma, Sans-Serif; height: 22px; margin: 0 8px 0 0; padding: 4px 0 0 3px; width: 208px;} /* define comment input boxes */
#content form#comment-form p {margin: 0 0 3px 0;} /* define spacing between comment input boxes */
#content form#comment-form textarea {font: normal 1em Tahoma, Sans-Serif; margin: 0 8px 0 0; padding: 4px 0 0 3px; width: 360px;} /* define comment text area */
#content form#comment-form input#submit-comment {background: #111; border: 1px solid #18353d; color: #990000; height: 30px; margin: 0; padding: 0; width: 100px;} /* define comment submit button */
#content form#comment-form input#submit-comment:hover {border: 2px solid #18353d; text-decoration: underline;} /* define hover state for comment submit button */
#content form#comment-form input#submit-comment:active {border: 2px solid #b58631; text-decoration: underline;} /* define active state for comment submit button */

/* --- DEFINE POST NAVIGATION ELEMENT --- */
#content #post-navigation {border-top: 1px solid #333; font: normal 0.85em/1.4em Tahoma, Sans-Serif; margin: 24px 0 36px 0; padding: 18px 0 0 0; width: 500px;} /* define post navigation buttons */

/* --- DEFINE EXCISIONS PAGE ELEMENTS --- */
.excisions-text {color: #666655; font: normal 1.1em/1.5em Georgia, Sans-Serif; margin: 12px auto 0 auto; width: 488px;} /* define excisions body text */
.excisions-text h2 {margin: 0 0 18px 0; text-align: center;} /* define excisions heading */
.excisions-divider {margin: 0 0 24px 0; padding: 24px 0 0 0; text-align: center;} /* define text divider */
#excisions-nav {border: 1px solid #18353d; float: right; font: normal 1em Tahoma, Sans-Serif; height: 21px; margin: -36px 0 0 0; padding: 3px 0 0 0; text-align: center; width: 180px;}
#excisions-nav a {cursor: pointer; display: block;}


/* ---------------------------- */
/* --- END CONTENT ELEMENTS --- */
/* ---------------------------- */

/* ----------------------------- */
/* --- START FOOTER ELEMENTS --- */
/* ----------------------------- */

#footer {color: #18353d; font: normal 0.7em/1.2em Tahoma, Sans-Serif; margin: 0 18px 0 18px; padding: 24px 0 36px 0; text-align: center; width: 732px;}

/* --------------------------- */
/* --- END FOOTER ELEMENTS --- */
/* --------------------------- */