/*
    Document   : style.css
    Created on : 18-Nov-2010, 15:35:41
    Author     : John Phillips

Colours:

B4me green: #038703
Other green: #528037
    
*/
/* --------------------------------------------------------------------LAYOUT */
/* three main strips */
#header{height:120px;}
*:first-child+html #header{min-height:150px;}
#main{padding-bottom:20px;}
#footer {padding-top:20px;}
/* content boxes in the strips */
.content-area{width:940px; margin:0 auto; }
/* 2 column pages */
#main-content {float:left; display:inline;width:600px; margin-right:0px;}
#secondary-content {float:left; width:300px;padding-left:10px}
* html #secondary-content{margin-right:10px}
/* -----------------------------------------------------BACKGROUNDS & PADDING */
html{background-color:#000000;}
#header{border-bottom:1px solid #96ccf0;background-image:url(../img/header-tile.jpg);background-repeat:repeat-x;background-position:bottom left;
        background-repeat:repeat-x;background-position:bottom left}
#header h1{position:relative;width:940px;height:138px;}
#header h1 a{color:#fff;}
#header h1 span{width:940px;height:192px;position:absolute;background-image:url(../img/header.jpg);background-repeat:no-repeat;}
#b4melink {position: relative; left: 790px;}
#b4melink img {position: relative; top: -20px; left: -100px;}
#main, #book-background,#buy{
    background-color:#fff;
    background-image:url('../img/style-1-wrap.jpg');
    background-repeat:repeat-x;
    border:2px solid #fff;}
#buy form{
    background-color:transparent;
    background-image:url('../img/style-1-wrap-rvs.jpg');
    background-repeat:repeat-x;
    background-position:bottom left;

}
#book-details{color:#777;padding:20px 0;margin-bottom:1em;font-size:1.5em;font-family:Times New Roman, serif}
#author{font-size:.8em; font-style:italic}
#book-background{padding:30px 0;border:none; border-top:1px solid #ccc;}
#offer{padding:5px;font-weight:bold}
#buy{border:1px solid #ccc;color:#777;padding:10px 0 0 0;margin-bottom:1em;font-size:1.5em;font-family:Times New Roman, serif}
#buy form{padding:0 10px 10px 10px}
#postage{padding:10px;font-style:italic;color:#666;}
* html #buy img{margin-top:15px;}
*:first-child+html #buy img{margin-top:15px;}
/* ----------------------------------------------------------------NAVIGATION */

/*------------------------------------------------------------------TYPOGRAPHY */
html{color:#333;}
img.thumb {padding:2px; background:#f5f5f5;border:1px solid #ccc;}
h2{margin-top:0;}
input{display:block;margin:1em 0;}
select{font-size:.7em;color:#666;}
h2{font-size:1.8em;/*color:#0080d6*/}
.control{ color:#0080d6; cursor:pointer;font-weight:bold}
/*------------------------------------------------------------------ Slideshow*/
/**
 * Slideshow style rules.
 */
#slideshow {
    /*background-image:url('../img/drop.jpg');
    background-position:bottom left;
    background-repeat:no-repeat;*/
	width:450px;
  height:280px;
	/*background:transparent url(img/background.jpg) no-repeat top right;*/
	position:relative;
    margin-bottom:20px;
}
#slideshow #slidesContainer {
	width:400px;
	padding:0 10px;
	height:280px;
	overflow:auto; /* allow scrollbar */
	position:relative;
	visibility: inherit;
}
#slideshow #slidesContainer .slide {

  width:430px; /* reduce by 20 pixels of #slidesContainer to avoid horizontal scroll */
  height:200px;
}

.slide img{width:400px;float:left;}
#cover{width:300px;background:#f5f5f5;border:1px solid #ccc;margin-right:5px;padding:1px;}
#fo {content: "."; clear: both;}
#mbooks { width: 950px; height: 500px; display: inline; }
#b1 {width: 300px; float: right; border:1px solid #ccc;margin-right:5px;padding:1px;}
#b2 {width: 300px; float: right; border:1px solid #ccc;margin-right:5px;padding:1px;}
#b3 {width: 300px; float: right; border:1px solid #ccc;margin-right:5px;padding:1px;}
img.thumb{width:150px;}
.thumb.left{margin-right:10px;}
.left{float: left;display:inline}
.right{float: right;display:inline}
.success                    {background:#d0e8f5;border:1px solid #8dbdd8;}
.info                       {border:1px solid orange; background:#fdf181}
/* Opacity */
.opaque50{/* opacity setting */ filter:alpha(opacity=50);/* ie  */ -moz-opacity:0.5;/* old mozilla browser like netscape*/ -khtml-opacity: 0.5;/* for really really old safari */ opacity: 0.5;/* css standard */ -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";/* ie 8 */ }
.opaque80{/* opacity setting */ filter:alpha(opacity=80);/* ie  */ -moz-opacity:0.8;/* old mozilla browser like netscape*/ -khtml-opacity: 0.8;/* for really really old safari */ opacity: 0.8;/* css standard */ -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";/* ie 8 */ }
/* Round corners, clearfix etc */
.accessibility{position:absolute;left:-9999px;}
#signup input,input, input.submit,.round{
	-moz-border-radius-topleft:6px;
	-webkit-border-top-left-radius:6px;
	-moz-border-radius-topright:6px;
	-webkit-border-top-right-radius:6px;
	-moz-border-radius-bottomleft:6px;
	-webkit-border-bottom-left-radius:6px;
	-moz-border-radius-bottomright:6px;
	-webkit-border-bottom-right-radius:6px;
	font-size: 10px;
}
.clearfloat:after {content:".";display:block;height:0;clear:both;visibility:hidden;}.clearfloat{display:inline-block;}/* Hides from IE-mac \*/* html .clearfloat{ height: 1%;}.clearfloat{display: block;}/* End hide from IE-mac */