/*BenBella Books WEB SITE HOME PAGE STYLE SHEET*/
/**************************************************************************************
date:  		4/4/09
author:   	Laura Yeffeth
email:    	laura@laurayeffeth.com
website:  	http://www.benbellabooks.com/
*/

/* FEATURE QUOTE */
#home #featurequote {
position:relative;
font-size:2.5em;
color:#b81617;
text-indent: 10px;
margin-left:40px;
padding:0;
}
#home cite {
display:block;
color:#b81617;
font-size:2.2em;
margin:10px 0 0 100px;
}
#home .findOut {
position:relative;
margin-top:-20px;
float:right;
bottom:20px;
width:158px;
height:46px;
}
#home .findOut a span {
display:block;
text-transform:uppercase;
text-align:center;
font-size:1em;
font-weight:600;
line-height:1.8em;
}
#home .findOut a {background:transparent url(/media//box_links.png) -694px -34px no-repeat;}
#home .findOut a:hover {background:transparent url(/media//box_links.png) -694px -114px no-repeat;} 

/* HOME PAGE BOOK SLIDER */
#sliderContainer {
position:relative;
width:920px;
margin:40px auto 80px;
height:307px;
padding:10px;
background:white url(/media//slider_bg.png) 0 0 no-repeat;
}
#home h2 a {
width:852px;
height:40px;
margin:-1px auto 0;
text-align:center;
background:transparent url(/media//box_links.png) 0 -400px no-repeat;
border-bottom:none;
}
#home h2 a:hover {
background:transparent url(/media//box_links.png) 0 -440px no-repeat;
border-bottom:none;
}
#home h2 a span {
font-size:2em;
line-height:2em;
text-transform:uppercase;
}
#slider {
position:relative;
width:838px;
height:327px;
overflow-x:scroll;
z-index:2;
margin:1px auto;
}
#prevBtn, #nextBtn {
position:absolute;
font-size:1em;
color:#b81617;
top:11px;
width:40px;
height:307px;
z-index:3;
}
#prevBtn {left:11px;}
#nextBtn {right:11px;}

#prevBtn a, #nextBtn a, #prevBtn a span, #nextBtn a span {
display:block;
width:100%;
height:100%;
text-decoration:none;
border-bottom:none;
font-size:2em;
text-align:center;
line-height:5;
}
#prevBtn a {background:transparent url(/media//prev_arrow.gif) 0 0 no-repeat;}
#nextBtn a {background:transparent url(/media//next_arrow.gif) -40px 0 no-repeat;}
#prevBtn a:hover {background:transparent url(/media//prev_arrow.gif) -40px 0 no-repeat;}
#nextBtn a:hover {background:transparent url(/media//next_arrow.gif) 0 0 no-repeat;}

#slider .features {
position:relative;
width:11016px; /* 918 x 12 */
z-index:1;
margin:0;
padding:0;
}
#slider .features li {
float:left;
width:758px;
height:227px;
padding:40px;
list-style:none outside;
}
#slider a img {
float:left;
width:150px;
margin-right:40px;
border:1px solid #999;
}
#slider a:hover img, #slider a:active img {
opacity:0.6;
}
.features .bookSection {
font-size:1.1em;
}
.features .bookTitle {
display:block;
margin-top:0;
color:#454545;
font-size:1.4em;
line-height:1em;
padding-bottom: .5em;
}
/* FEATURE BOXES */
.featureBox {
position:relative;
float:left;
margin-bottom:40px;
}
.featureBox em,
.tease em {font-style:italic;border-bottom:none;}

#blogFeature, #pressFeature, #authorsFeature {
margin-right:35px;
}
.smallBox {
width:290px;
line-height:1.9em;
text-align:center;
background:transparent url(/media//smallBox_top.png) center top no-repeat;
}
.largeBox {
width:452px;
background:transparent url(/media//largeBox_top.png) center top no-repeat;
}
.featureBox .middle {
padding:0 6px;
margin-top:20px;
}
.smallBox .middle {
width:278px;
background:transparent url(/media//smallBox_middle.png) center top repeat-y;
}
.largeBox .middle {
width:440px;
background:transparent url(/media//largeBox_middle.png) center top repeat-y;
}
.smallBox ul {
margin:0;
list-style:none outside;
padding: 0 20px 20px;
min-height:292px;
}
.smallBox li {
padding-bottom:1em;
line-height:1.4em;
}
.smallBox li.tease {
padding-top: 1em;
padding-bottom:0;
}
#ourauthorsFeature .middle span {
font-size:1.4em;
line-height:1.2em;
color:#27627b;
}
.largeBox blockquote {
padding:0;
margin:0 20px;
font-size:1em;
text-align:justify;
width:400px;
overflow:auto;
min-height:257px;
}
.largeBox .cite {
width:360px;
text-align:left;
font-size:1.4em;
text-indent:-20px;
padding:0 0 20px 40px;
margin:0;
}
.box_links {
text-transform:uppercase;
z-index:0;
height:40px;
}
.smallBox .box_links {width:290px;}
.largeBox .box_links {width:452px;}

.box_links a {
display:block;
height:34px;
padding: 0 6px 6px;
}
.box_links a:hover {border-bottom:none;}
.smallBox .box_links a, .smallBox .box_links a span {width:278px;}
.largeBox .box_links a, .largeBox .box_links a span {width:440px;}

.box_links a span {
font-size:1.5em;
font-weight:600;
line-height:2.2em;
display:block;
text-align:center;
clear:left;
background: no-repeat;
}
#blogFeature .box_links a{background:transparent url(/media//box_links.png) 0 0;}
#pressFeature .box_links a{background:transparent url(/media//box_links.png) 0 -40px;}
#ourauthorsFeature .box_links a{background:transparent url(/media//box_links.png) 0 -80px;}
#authorsFeature .box_links a{background:transparent url(/media//box_links.png) 0 -240px;}
#agentsFeature .box_links a{background:transparent url(/media//box_links.png) 0 -280px;}

#blogFeature .box_links a:hover{background:transparent url(/media//box_links.png) 0 -120px;}
#pressFeature .box_links a:hover{background:transparent url(/media//box_links.png) 0 -160px;}
#ourauthorsFeature .box_links a:hover{background:transparent url(/media//box_links.png) 0 -200px;}
#authorsFeature .box_links a:hover{background:transparent url(/media//box_links.png) 0 -320px;}
#agentsFeature .box_links a:hover{background:transparent url(/media//box_links.png) 0 -360px;}

/* Large Quotes */

#home .leftquote, #home .rightquote {
position:relative;
width:40px;
height:40px;
border:none;
display:inline;
}
#home .leftquote {left:0;top:0;vertical-align:baseline;padding-right:6px;}
#home .rightquote {right:0;bottom:0;vertical-align:top;padding-left:6px;}