/*
Theme Name: BenBella Books Press Room
Theme URI: http://laurayeffeth.com/testing/benbella/press
Description: BenBella Books website
Version: 1.0
Author: Laura Yeffeth
Author URI: http://laurayeffeth.com/
Tags: miminal, blue, red, white, fixed width, 960px width, two column, left sidebar, valid CSS, valid xhtml, accessible, NIR image replacement

	BenBella Books Press Room 01 v1.0

	This theme was designed and built by Laura Yeffeth
	who can be reached at laura@clampdesign.com

	The CSS, XHTML and design is copyrighted. All Rights Reserved.
*/

/***** =COLOR SCHEME *****

Background 							#ffffff		White
Header/Footer background			#e2e8dd		Light Blue
Main Text							#252525		Dark Gray
Navigation Text						#464646		Medium Gray
TABS/LOGO/ h3 headings				#27627b		Blue
Darker Footer Text					#01557a		Medium Blue
Lighter Footer Text					#86bbc9		Light Blue
Active Tabs/h2 headings				#b81617		Red

/*RESET TO SYNCH BROWSER PREFERENCES COURTESY OF ERIC MEYER*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
ol, ul {list-style: none;}
blockquote, q {quotes: none;}

/* remember to define focus styles! */
:focus {outline: 0;}
a {	outline: none;}

/* remember to highlight inserts somehow! */
ins {text-decoration: none;}
del {text-decoration: line-through;}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}
/***** =LAYOUT *****/
html {font-size:100%}
html, body, #container {height:100%}
body > #container {height:auto; min-height:100%;}
body {  
height:101%;
text-align:center; /* This centers the container in IE 5* browsers*/
z-index:1;
}
div#container {
background:url(/media/header_background.png) top center repeat-x;
position:relative;
text-align:left; /* This overrides the text-align:center on the body element. */
}
#contentWrap {
padding-bottom:140px;
overflow:auto;
}
#content {
position:relative;
width:940px;
margin:60px auto;
overflow:visible;
}
#sideContent {
width:240px;
min-height:500px;
float:left;
margin-bottom:40px;
}
#mainContent {
width:640px;
float:right;
margin-bottom:40px;
}
/***** =LINKS *****/
a:link, a:visited {text-decoration:none; color:#27627b; border-bottom:1px solid #27627b;}
a:hover, a:active {text-decoration:none; color:#b81617; border-bottom:1px solid #b81617;}
a:hover span, a:active span {border-bottom:none; text-decoration:none; color:#b81617;}
#logo a:link, #logo a:visited, #navList li a:link, #navList li a:visited, #logo a:hover, #logo a:active, #navList li a:hover, #navList li a:active {border-bottom:none;}

a.externalLink {
background:url(/media/external_link.gif) no-repeat 100% 55%; 
padding-right:14px;
}
#footer a.externalLink, #header a.externalLink {
background:url(/media/external_link_small.gif) no-repeat 100% 55%; 
padding-right:12px;
}
.category a.externalLink {background:none;}

/***** =IMAGE REPLACEMENT *****

Neal Image Replacement by Neal Venditto:http://neal.venditto.org/
This technique allows for text to show up in place of images when style sheets 
are disable or when images are turned off.

In your html, add class "replace" to any text element you want to replace with an image.
Then surround the text with <span> tags. 
*/
.replace span {
position:relative;
z-index:-1;
}
.replace a {
display:block;
width:100%;
height:100%;
text-decoration:none;
border-bottom:none;
}
/***** =TYPOGRAPHY *****/
body {
color:#252525;
font:62.5%/1.4 Helvetica, Arial, sans-serif;
}
h1, h1 a:link span {
font-size:2em; 
line-height:4em;
color:#24627b;
}
h2 {
background:no-repeat;
color:#b81617; 
height:30px;
font-size:3.5em; 
font-weight:100;
line-height:1em; 
text-transform:uppercase; 
width:640px;
margin-bottom:30px;
}
h3 {
font-size:1.8em; 
margin:1em 0;
font-weight:400;
color:#27627b;
}
p, ul, ol {
font-size:1.6em;
margin:1em 0;
}
ul {list-style:disc inside;}
ol {list-style:decimal inside;}

ul li.last {
background:none !important;
padding-right:0 !important;
border-right:none !important;
}
strong {font-weight:600;}
/***** =HEADER *****/
#header {
height:177px;
width:960px;
margin:0 auto;
position:relative;
}
h1#logo {
padding-top:21px;
width:243px;
height:137px;
float:left;
}
h1#logo a {
background:transparent url(/media/logo.png) 0 0 no-repeat;
overflow:hidden;
text-decoration:none;
}
h1#logo a:hover {
background:transparent url(/media/logo.png) 0 -137px no-repeat;
}
h1#logo a span { 
display:block;
text-transform:uppercase;
}
#subNav {
padding-right:30px;
width:600px;
float:right;
}
#subNav ul, #subNav form{
height:27px;
float:right;
list-style:none outside;
}
#subNav li {
list-style:none outside;
float:left;
padding:0 13px 0 8px;
background:transparent url(/media/divider.gif) center right no-repeat;
line-height:.85em;
}
#subNav ul li.last {
padding-right:8px !important;
}
#subNav li a {
border-bottom:none;
text-transform:uppercase;
text-decoration:none;
font-size:.75em;
color:#000;
}
#subNav li a:hover, #subNav li a:active {
color:#b81617;
}
#subNav form {
clear:right;
position:relative;
width:268px;
background:transparent url(/media/search_field.gif) 0 0 no-repeat; 
}
#cse-search-box input {
border:none !important;
padding:0;
}
#cse-search-box input#field {
position:absolute;
left:6px;
top:1px;
background-color:transparent;
height:21px;
padding-top:3px;
width:231px;
font-size:1.4em;
}
#cse-search-box input#button {
position:absolute;
top:0;
right:4px;
background-color:transparent;
height:27px;
width:31px;
cursor:pointer;
background:transparent url(/media/search_button.gif) 0 0 no-repeat; 
}
#cse-search-box input#button:hover {
background:transparent url(/media/search_button.gif) 0 -27px no-repeat; 
}
ul.store {
position:absolute;
right:20px;
top:175px;
}
/***** =Main Navigation *****/
#navList {
position:absolute;
width:684px;
height:37px;
margin:0;
list-style:none;
bottom:0;
right:0;
}
#navList li {
position:absolute;
top:0;
display:block; /*eliminates any flickering of the hover images*/
height:37px;
width:95px;
padding-right:3px;
}
#navList li.navBooks {left:0;}
#navList li.navAgents {left:98px;}
#navList li.navAuthors {left:196px;}
#navList li.navPress {left:294px;}
#navList li.navOurAuthors {left:392px;} 
#navList li.navBlog {left:490px;}
#navList li.navCatalog {left:588px;}

#navList li.navBooks a {background:transparent url(/media/navigation.new.png) 0 0;}
#navList li.navAgents a {background:transparent url(/media/navigation.new.png) -98px 0;}
#navList li.navAuthors a {background:transparent url(/media/navigation.new.png) -196px 0;}
#navList li.navPress a {background:transparent url(/media/navigation.new.png) -294px 0;}
#navList li.navOurAuthors a {background:transparent url(/media/navigation.new.png) -392px 0;} 
#navList li.navBlog a {background:transparent url(/media/navigation.new.png) -490px 0;}
#navList li.navCatalog a {background:transparent url(/media/navigation.new.png) -588px 0;}

#navList li.navBooks a:hover {background:transparent url(/media/navigation.new.png) 0 -37px;}
#navList li.navAgents a:hover {background:transparent url(/media/navigation.new.png) -98px -37px;}
#navList li.navAuthors a:hover {background:transparent url(/media/navigation.new.png) -196px -37px;}
#navList li.navPress a:hover {background:transparent url(/media/navigation.new.png) -294px -37px;}
#navList li.navOurAuthors a:hover {background:transparent url(/media/navigation.new.png) -392px -37px;} 
#navList li.navBlog a:hover {background:transparent url(/media/navigation.new.png) -490px -37px;}
#navList li.navCatalog a:hover {background:transparent url(/media/navigation.new.png) -588px -37px;}

/*The following code causes the active page to be highlighted in the navBar*/
.books #navList li.navBooks a {
background:transparent url(/media/navigation.new.png) 0 -37px;}
#agents #navList li.navAgents a {
background:transparent url(/media/navigation.new.png) -98px -37px;}
#authors #navList li.navAuthors a {
background:transparent url(/media/navigation.new.png) -196px -37px;}
#press #navList li.navPress a {
background:transparent url(/media/navigation.new.png) -294px -37px;}
#ourAuthors #navList li.navOurAuthors a {
background:transparent url(/media/navigation.new.png) -392px -37px;} 
#blog #navList li.navBlog a {
background:transparent url(/media/navigation.new.png) -490px -37px;}
#catalog #navList li.navCatalog a {
background:transparent url(/media/navigation.new.png) -588px -37px;}

/* Styling of text for navigation links if images are turned off */
#navList li a span {
background-color:#27627b;
border:1px solid #86bbc9;
border-bottom:none;
color:#fff;
display:block;
font-size:.7em;
font-weight:bold;
height:30px;
line-height:2.4em;
padding:0 3px;
text-align:center;
text-decoration:none;
text-transform:uppercase;
width:87px;
}
#navList li a:hover span {
color:#b81617;
background-color:#fff;
border:1px solid #86bbc9;
}
/***** =FOOTER *****/
#footerWrap {
position:relative;
margin-top:-140px; /* negative value of footer height */
height:140px;
background:url(/media/footer_background.png) bottom center repeat-x;
clear:both;
bottom:0;
} 
/* CLEAR FIX*/
.clearfix:after {content:".";
display:block;
height:0;
clear:both;
visibility:hidden;}
.clearfix {display:inline-block;}
/* Hides from IE-mac \*/
* html .clearfix { height:1%;}
.clearfix {display:block;}
/* End hide from IE-mac */

#footer {
position:relative;
width:940px;
margin:0 auto;
padding-top:28px;
height:84px;
font-size:.8em;
}
#footer img {
width:150px;
height:84px;
margin:0 55px;
float:left;
}
#footer p#email_errors {
color:#01557a; 
margin:0 10px 20px 0;
text-align:right;
font-size:1.4em;
}
#footer ul {
position:absolute;
right:10px;
width:690px;
height:13px;
float:right;
text-align:right;
margin:.5em 0;
}
.siteInfo {bottom:0;}
.footerNav {bottom:32px;}

#footer ul li {
border-bottom:none;
display:inline;
list-style:none;
text-decoration:none;
font-size:.85em;
height:13px;
}
.footerNav li {
padding:0 8px;
background:transparent url(/media/divider_footer.gif) center right no-repeat;
}
.siteInfo li {
padding:0 6px 0 15px;
background:transparent url(/media/check.gif)  2px -2px no-repeat;
}
#footer .footerNav li, #footer .footerNav li a:link, #footer .footerNav li a:visited {
border-bottom:none;
text-decoration:none; color:#01557a; 
}
#footer .footerNav li a:hover, #footer .footerNav li a:active {
border-bottom:none;
text-decoration:none; color:#b81617; 
}
#footer .siteInfo li, #footer .siteInfo li a:link, #footer .siteInfo li a:visited {
border-bottom:none;
text-decoration:none; color:#86bbc9; 
}
#footer .siteInfo li a:hover, #footer .siteInfo li a:active {
border-bottom:none;
text-decoration:none; color:#b81617; 
}
/***** =PRESS ROOM SPECIFIC STYLE ***********************************************************/

/***** =Side Navigation *****/
#sideContent, #sideNav {
display:visible;
height:100%;
}
#sideContent h3 {
font-size:2.1em; 
text-transform:uppercase; 
text-align:right;
font-weight:400;
color:#27627b;
height:34px;
margin:0;
}
#sideContent h3.press_kit {
font-size:1.8em;
line-height:1.5em;
}
#sideContent h3.subscribe a {
font-size:1.1em;
line-height:1.3em;
color:#27627b;
}
#sideContent li h3 span {
font-size:.75em; 
display:block;
height:100%;
width:100%;
}
#sideContent h3.author {
background:url(/media/h3.png) 0 -30px no-repeat; height:30px;}
#sideContent h3.archives {
background:url(/media/h3.png) 0 -60px no-repeat;}
#sideContent h3.category {
background:url(/media/h3.png) 0 -94px no-repeat;}
#sideContent h3.tags {
background:url(/media/h3.png) 0 -128px no-repeat;}
#sideContent h3.press_kit {
background:url(/media/h3.png) 0 -162px no-repeat;}
#sideContent h3.search {
background:url(/media/h3.png) 0 -196px no-repeat;
border-bottom:none;
}
#sideContent h3.subscribe, #sideContent h3.subscribe a:link, #sideContent h3.subscribe a:active, #sideContent h3.subscribe a:visited {
background:url(/media/h3.png) 0 -298px no-repeat;
}
#sideContent h3.subscribe a:hover {
background:url(/media/h3.png) 0 -332px no-repeat;
}
#mainContent h3.search {
background:url(/media/h3.png) -70px -200px no-repeat;
border-bottom:none;
}
#sideNav, ul.wp-tag-cloud {
margin:0;
list-style:none outside; /*To remove IE margin for bullets even though set to 'none'*/
}
#sideNav {
font-size:1.4em;
}
#sideNav li {
border-bottom:1px solid #e2e8dd;
text-align:right;
width:240px;
min-height:34px;
}
#sideNav li a, ul.wp-tag-cloud {
border-bottom:none;
color:#252525;
text-decoration:none;
font-size:.825em;
line-height:3em;
display:block;
width:240px;
}
#sideNav li a span, .wp #sideNav li a {
display:block;
width:230px;
padding-right:10px;
}
#sideNav li.tags {
border-bottom:none;
}
#sideContent li.author {
font-size:1em;
text-transform:none;
width:230px;
padding:.5em 10px .5em 0;
}
#sideNav li a:hover {
color:#b81617;
background:url(/media/shading.png) repeat-y;
font-weight:600;
}

/* =Main Content */
.post {
border-top:1px solid #e2e8dd;
padding:2.5em 0;
clear:both;
}
.navigation .alignleft, .navigation .alignright {
height:1em;
font-size:1.2em;
margin-bottom:1em;
}
.alignleft {float:left;}
.alignright {float:right;}
.hidden {display:none;}

/* =Sociable Plugin */
.sociable_tagline {padding-bottom: 5px; font-size:1.1em;}
.sociable ul li a:link, .sociable ul li a:hover, .sociable ul li a:visited, .sociable ul li a:active {border-bottom:none;}

/* =Search Form */
#sideNav li.search {
border-bottom:none;
}
.searchform {
margin-bottom:6px;
overflow:auto;
}
.searchform p {
margin:0;
}
input#s {
height:20px;
border: 1px solid #86bbc9;
padding: 0;
vertical-align: top;
}
input#submit, input#searchsubmit {
border: 1px solid #86bbc9;
background:#e2e8dd;
height:22px;
}
input#s {
width:170px;
float:left;
margin-right: 10px;
}
input#searchsubmit {
float: left;
}
/* =Typography */

h2.press {background:url(/media/h2.png) 0 -450px;}
h2.blog {background:url(/media/h2.png) 0 -510px;}

h2.pagetitle { /* page sub-title (archives, category, etc.) */
font-size: 2em;
margin:30px 0 0 0;
color:#27627b;
}
.post h3 {
margin:0;
font-size:2.8em;
font-weight:600;
}
.post h3 a:link, .post h3 a:visited {border-bottom:2px solid #27627b;}
.post h3 a:hover, .post h3 a:active {border-bottom:2px solid #b81617;}
.post p {margin-top:0;}
small {font-size:.75em;}
.postmetadata {margin-bottom:0; font-size:1.1em;}