/*
Theme Name: BandV
Theme URI: http://iflookscouldkill.co.uk
Description: The Beatrice and Virgil Wordpress theme. 
Version: 1 (WP2.9.1)
Author: Stephen Gray
Author URI: http://iflookscouldkill.co.uk
*/

/* RESET */
/* ----------------------------------------- */

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, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
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-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}
/* remember to define focus styles! */
:focus {
	outline: 0;
}
body {
	line-height: 1;
	color: black;
	background: white;
}
ol, ul {
	list-style: none;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}

/* LAYOUT */
/* ----------------------------------------- */

/* These rather presentational classes are generated by WordPress, so it's useful to have some styles for them. Edit as you see fit. More info: http://codex.wordpress.org/CSS */
.aligncenter { display:block; margin:0 auto }
.alignleft { float:left }
.alignright { float:right }
.wp-caption { border:1px solid #666; text-align:center; background:#ccc; padding:10px; margin:10px }

/* You might find the following useful */
br.clearFix { clear:both; display:block; height:1px; margin:-1px 0 0 0 } /* Use this br class to clear your floated columns */
div { position:relative } /* This will save you having to declare each div's position as 'relative' and allows you to absolutely position elements inside them */
li#theme-switcher { background:#fff; border:10px solid red; padding:20px; position:fixed; top:0; right:0 } /* Use this if you have the Theme Switcher Reloaded plugin (http://themebot.com/webmaster-tools/1-wordpress-theme-switcher-reloaded) installed and want to make it nice and obvious */

body {
	font-size: 62.5%; /* Resets 1em to 10px */
	font-family: Georgia, serif;
	background: #4d4d4d;
} 
a#skiplink{
	display: block;
	height: 1px;
	position: absolute;
	text-indent: -2000px;
}
#page {
	text-align: left;
	}
#supercontainer {
	height: 1500px;
	background: #4d4d4d url(images/backgrounds/body-bg-grey.gif) repeat-x 0 0;
}
#container {
	margin: 0 auto;
	width: 951px;
}
#header{
	float: left;
	width: 951px;
	padding-bottom: 20px;
	height: 19em;
}
#yann_martel{
	width: 150px;
	height: 144px;
	text-transform: uppercase;
	text-align: center;
	margin: 50px 117px 0 0;
}
#yann_martel h2{
	font-size: 3.5em;
	color: #FF6600;
	letter-spacing: 0.05em;
	margin-bottom: 5px;
	line-height: 1;
	font-style: normal;
	padding: 0;
}
#yann_martel p{
	font-size: 1.4em;
	color: #333;
	letter-spacing: 0.1px;
}
#header div, #header h1{
	float: left;
}
#strap{
	position: absolute;
	bottom: 0;
	right: 75px;
}
#strap p{
	color: #FF6600; 
	font-size: 2em;
	line-height: 1.3;
}
#strap p span{
	padding-left: 10px;
}
#life_of_pi{
	position: absolute;
	top: 16px;
	right: 3px;
}

#main{
	float: left;
	width: 951px;
}
/* MAINNAV */
#mainnav{
	background: transparent url(images/backgrounds/main-nav.png) no-repeat -2px 0;
	width: 947px;
	height: 10em;
	border-top: 2px dashed #F28327;
	border-left: 2px dashed #F28327;
	border-right: 2px dashed #F28327;
}
#mainnav ul{
	margin-left: 20px;
}
#mainnav li{
	float: left;
	margin-right: 0.5em;
	border-left: 2px dashed #C94641;
	border-right: 2px dashed #C94641;
	border-bottom: 2px dashed #C94641;
}
#mainnav li a{
	background: #C7473E;
	padding: 15px 25px 15px 25px;
	display: block;
	color: #FFF;
	font-size: 1.7em;
}
#mainnav li a:hover{
	text-decoration: none;
	background: #EB6020;
}
#mainnav li.current_page_item{
	border-left: 2px dashed #F28911;
	border-right: 2px dashed #F28911;
	border-bottom: 2px dashed #F28911;
}
#mainnav li.current_page_item a{
	background: #EB6020;
}
/* LANDING PAGE */
#landing_page #content{
	background: transparent url(images/backgrounds/landing-page-grey.png) no-repeat 0 0;
	border: none;
	height: 374px;
	width: 784px;
	padding: 170px 0 0 170px;
}
#landing_page #content h2{
	color: #DF5521;
	font-size: 19px;
}
#landing_page #content ul li{
	font-size: 25px;
	line-height: 1.45;
}
#landing_page #content ul li a{
	color: #463932;
}

/* CONTENT */
#content{
	background: transparent url(images/backgrounds/main.png);
	padding: 17px 27px 17px 17px;
	width: 903px;
	border-bottom: 2px dashed #F28327;
	border-left: 2px dashed #F28327;
	border-right: 2px dashed #F28327;
	clear: both;
	float: left;
}
#content_inner{
	margin-top: -3em;
}

#content_main{
	float: left;
	width: 564px;
	padding-left: 10px;
}


/* SIDEBAR */
#sidebar{
	float: right;
	width: 300px;
}
#buy_now{
	height: 296px;
	width: 300px;
	float: right;
	background: transparent url(images/backgrounds/buy-now-grey.png) no-repeat 100% 100%;
	margin-top: -20px;
	margin-bottom: 2.5em;
}
.page-template-template-discussion-php #buy_now{
	margin-top: 0;
}
#buy_now h3{
	color: #941D22;
	font-size: 34px;
	width: 128px;
	text-align: center;
	line-height: 1.25;
	margin-top: 26px;
}
#buy_now h3.pre_order{
	font-size: 26px;
	margin-top: 16px;
}
#buy_now p{
	margin-left: 35px;
}
#buy_now p.pre_order{

}
#buy_now p#free_delivery{
	color: #423930;
	font-size: 2.17em;
	margin: 40px 0 10px 35px;
	width: 138px;
	line-height: 1.3;
}
#buy_now p#buy_here{
	font-size: 1.5em;
	padding: 10px 0 10px 0;
	width: 133px;
	background: #423930;
	text-align: center;
	font-weight: bold;
}
#buy_now p#buy_here a{
	color: #FAB20F;
}
#join_the_debate{
	background: #CA3C4A url(images/backgrounds/debate-background.png) no-repeat 0 0;
	width: 258px;
	float: right;
	margin-bottom: 2.5em;
	padding: 10px;
}
#join_the_debate_inner{
	border-top: 1px dashed #4D574F;
	border-bottom: 1px dashed #4D574F;
	padding: 10px 5px 10px 5px;
}
#join_the_debate h3 a{
	background: transparent url(images/backgrounds/heading-arrow.png) no-repeat 0 0;
	font-size: 22px;
	padding: 12px 12px 11px 33px;
	margin-bottom: 0.5em;
	display: block;
}
#join_the_debate h3 a:hover{
	background-position: 0 -45px;
	text-decoration: none;
}
#join_the_debate p{
	font-size: 1.8em;
	color: #EFE2D6;
	margin-bottom: 0.2em;
}
#join_the_debate p a{
	color: #EFE2D6;
}
#join_the_debate p span{
	font-style: italic;
	display: block;
}
#join_the_debate h3 a{
	color: #FFF;
}
#latest_review, #subnav{
	background: transparent url(images/backgrounds/pink.png);
	width: 278px;
	float: right;
}
#latest_review_header, #subnav h3{
	background: #EB7D14;
	width: 252px;
	padding: 13px;
	color: #FFF;
}
#latest_review_header h3{
	font-size: 18px;
}
#latest_review_header h3 a{
	color: #FFF;
}
#latest_review_header p{
	position: absolute;
	top: 12px;
	right: 12px;
	font-size: 15px;
}
#latest_review_header p a{
	color: #423930;
}
#latest_review_body{
	padding: 18px;
}
#latest_review h4{
	font-size: 17px;
	color: #C7473E;
	margin-bottom: 1em;
}
#latest_review .full_review_link a{
	color: #AD3D18;
}
#subnav ul{
	padding: 15px 10px 10px 10px;
}
#subnav li{
	border-bottom: 1px dotted #4D574F;
	line-height: 1.4;
}
#subnav ul li:first-child{
	border-top: 1px dotted #4D574F;
}
#subnav li a{
	color: #423930;
	font-size: 1.4em;
	display: block;
	padding: 10px 5px 10px 5px;
}
/* HOME */
#find_out_more{
	font-size: 1.6em;
	color: #AE3613;
	font-style: italic;
	padding-left: 10px;
	margin-bottom: 2em;
}
#find_out_more a{
	color: #AE3613;
}
#home_wall{
	position: relative;
}
#toggle{
	position: absolute;
	top: 10px;
	right: 10px;
	font-size: 18px;
	font-style: italic;
}
#toggle a{
	color: #792619;
}
#home_wall #comments_list{
	border-top: 1px dotted #4D574F;
	margin-top: 2.5em;
	margin-bottom: 0;
}
#wallcomments{
	width: 540px;
}
#home_wall #comment_count{
	position: absolute;
	top: 0;
	right: 0;
	font-size: 12px;
	color: #7C271A;
	margin: 0;
}
#home_wall .wallnav{
	text-align: right;
	margin-bottom: 3em;
}
#home_wall .wallnav span{
	color: #EB7D14;
	font-size: 1.6em;
	font-style: italic;
	margin-left: 1em;
	cursor: pointer;
}
#home_wall .wallnav span img{
	position: relative;
	top: 4px;
}


/* REVIEWS */
.review_post p{
	font-size: 1.8em;	
	margin-bottom: 0;
}
/* DISCUSSION/WALL */
.page-template-template-discussion-php #content_main h2{
	background: #EB7D14;
	color: #FFF;
	padding: 0.5em 0 0.5em 0.8em;
	margin-bottom: 0;
}
ul li#wp-wall h2{
	background: #AF9D89;
	color: #FFF;
	padding: 0.5em 0 0.5em 0.8em;
	margin-bottom: 0;	
}
#comments_list{
	float: left;
	width: 540px;
	margin-bottom: 2em;
}
#comments_list li{
	float: left;
	width: 540px;
	border-bottom: 1px dotted #4D574F;
	margin-bottom: 1em;
	padding-bottom: 1em;
}
#comments_list li p{
	margin-bottom: 0;
}
#comments_list li .comment_author{
	color: #000;
	font-style: italic;
	float: left;
	width: 155px;
	text-align: right;
	font-size: 1.6em;
	margin-right: 35px;
}
.comment_author cite{
	color: #EB6020;
	font-style: italic;
	font-size: 1.38em;
	display: block;
}
.comment_author span{
	color: #433633;
	font-style: normal;
	font-size: 0.75em;
	display: block;
}
#comments_list li p{
	width: 340px;
	float: left;
	clear: none;
}
#respond{
	background: #EB7D14;
	text-transform: uppercase;
	font-size: 1.6em;
	color: #FEEEDF;
	float: left;
	padding: 10px;
	cursor: pointer;
	font-weight: bold;
}	
#commentform{
	float: left;
	clear: left;
	width: 540px;
	margin: 2em 0 2em 0;
}
#commentform label{
	float: left;
	clear: left;
	font-size: 1.4em;
	margin-top: 1em;
}
#commentform input, #commentform textarea,
#wall_post #wallform input, #wall_post #wallform textarea{
	margin-top: 0.5em;
	width: 495px;
	padding: 5px;
}
#commentform #submit{
	float: left;
	clear: both;
	width: 14em;
}
p .wall_post_toggle{
	background: #EB7D14;
	text-transform: uppercase;
	font-size: 1.14em;
	color: #FEEEDF;
	padding: 10px;
	cursor: pointer;
	font-weight: bold;
}	
#wall_post #wallform{
	clear: both;
	margin-top: 3em;
	width: 495px;
}
#wall_post #wallform label{
	clear: left;
	font-size: 1.4em;
	margin-top: 1em;
	display: block;
	width: 495px;
}
#wall_post #wallform #submit_wall_post{
	clear: both;
	width: 14em;
}
#wallresponse{
	clear: left;
	font-size: 1.4em;
	margin-top: 1em;
	display: block;
}

/* FACTS */
.page-id-46 #content ul li{
	background: transparent url(images/facts-bullet.gif) no-repeat 0 1em;
	border-bottom: 2px dashed #40362E;
	padding: 1em 0 1em 5em;
	font-size: 1.6em;
	color: #333;
	line-height: 1.35;	
}
.page-id-46 #content ul{
	margin-bottom: 1em;
	background: #FFF;
	padding: 12px;
	width: 540px;
	float: left;
}

/* CONTACT/SIGN UP */
#signup_form{
	width: 859px;
	height: 22.1em;
	background: #EB6020;
	border: 2px dashed #F28911;
	padding: 22px;
	margin-bottom: 3.5em;
}
#signup_form p, #signup_form form{
	float: left;
}
#signup_form form{
	margin-left: 2.65em;
}
#signup_form p{
	font-size: 1.7em;
	color: #F6E6E5;
	width: 191px;
}
#signup_form p span{
	font-style: italic;
	color: #423930;
}
#signup_form label{
	font-size: 1.2em;
	float: left;
	clear: left;
}
#signup_form input{
	float: left;
	clear: left;
	width: 427px;
	padding: 10px;
	margin-bottom: 1em;
	color: #584B3A;
	font-size: 1.5em;
}
#signup_form #signup_submit{
	width: 7em;
	background-color: #423731;
	color: #FAB20F;
	font-family: Georgia, serif;
	font-size: 1.5em;
	border: none;
	text-align: center;
	text-transform: uppercase;
	font-weight: bold;
}
#signup_form .error{
	position: absolute;
	top: 1.18em;
	left: 240px;
	width: 460px;
}
#signup_form .success{
	width: 60%;
}
#terms_and_conditions{
	display: none;
	background: #000;
}
#signup_form #tc {
	bottom:0;
	font-size:1.2em;
	position:absolute;
	right:10px;
	text-align:right;
}
#signup_form #tc a {
	color:#423930;
}
#win {
	position: absolute;
	right: -12px;
	top: -7px;
}
/* T & Cs */.ui-dialog{	background: #000;	padding: 30px 40px 30px 40px;}.ui-dialog h2{	color: #FEF9F8;	font-size: 2.5em;	font-style: normal;}
.ui-dialog-titlebar{	display: none;}.ui-dialog ol{	background: #FFF;	padding: 30px;	list-style-type: decimal;	list-style-position: inside;	font-size: 1.2em;	color: #443A32;	font-family: Arial, sans-serif;	font-weight: bold;}.ui-dialog ol li{	margin-bottom: 1em;	font-weight: normal;	line-height: 1.2;}
.ui-dialog-buttonpane{	text-align: right;}

.page-template-template-signup-php .wpcf7{
	padding-left: 20px;
}
.page-template-template-signup-php div.wpcf7-response-output  {
	font-size: 1.2em;
	margin: 1em 0 0 0;
	padding: 0.2em 1em;
}
.wpcf7-form #contact_submit{
	background-color: #423731;
	color: #FAB20F;
	font-family: Georgia, serif;
	font-size: 17px;
	border: none;
	text-align: center;
	text-transform: uppercase;
	font-weight: bold;
	padding: 10px;
	position: absolute;
	right: 0;
	bottom: 1.8em;
	width: 94px;
}
.wpcf7-form input, .wpcf7-form textarea{
	width: 380px;
}
#post_container form.wpcf7-form .wpcf7-response-output{
	font-size: 1.2em;
	margin: 0;
}
#post_container form.wpcf7-form p{
	font-size: 1.2em;
	margin: 0;
}
#post_container form.wpcf7-form label{
	margin-bottom: 1em;
	display: block;
}
#address{
	float: right;
	width: 295px;
}
#address h2{
	color: #423731;
}
#address p{
	font-size: 1.6em;
}



/* GENERIC POST STYLES */
#post_container, #wp_wall{
	background: #FFF;
	padding: 12px;
	width: 540px;
	float: left;
}
.page-template-template-signup-php #post_container{
	padding: 25px;
	width: 514px;
}
.post{
	padding: 10px 10px 5px 10px;
	border-bottom: 1px dotted #4D574F;
}
.page-id-61 .post{
	padding-top: 0;
}
.page-template-default .post, 
.page-template-template-home-php .post, 
.page-template-template-signup-php .post,
.page-template-template-contact-php .post{
	border-bottom: none;
}
.page-template-template-signup-php .post{
	padding: 0;
}
.post h3{
	font-size: 2em;
	font-style: italic;
	margin: 10px 0 10px 0;
}
.post h3 a{
	color: #AD3917;	
}
.date_time{
	font-size: 1.1em;
	color: #433633;
	margin-bottom: 1em;
}
.full_post_link{
	font-size: 1.4em;
	font-style: italic;
	margin-bottom: 3em;
}
.full_post_link a{
	color: #8B7253;
}
.meta{
	text-transform: uppercase;
	color: #866E53;
	font-size: 1em;
	font-family: Arial, sans-serif;
	margin-bottom: 0;
}
.meta a{
	font-weight: bold;
	color: #C7473E;
}



/* FOOTER */
#footer{
	width: 951px;	
	float: left;
	margin-top: 2.5em;
	text-align: right;
}
#footer p{
	color: #FEF9F8;
	font-family: Arial, sans-serif;
	font-size: 1.1em;
}
#footer p a{
	color: #FEF9F8;
}
#footer p a:hover{
	color: #333;
	background: #FEF9F8;	
	text-decoration: none;
}
#footer_content{
	background: #E17820;
	border: 2px dashed #F28327;
	width: 907px;	
	float: left;
	padding: 20px 20px 10px 20px;
	margin-bottom: 0.5em;

}	
#footer_content p{
	margin: 10px 0 0 0;
	color: #181818;
}
#canongate_logo{	
	position: relative;	top: 7px;	margin-left: 1em;	
}
#footer_nav{
	float: left;
	width: 907px;
	margin-bottom: 4em;
	position: relative;
}
#footer_nav li{
	float: left;
	font-size: 1.7em;
}
#footer_nav li a{
	color: #FFF;
	margin-right: 3em; 
}
#footer_nav li a:hover{
	color: #F5A80A;
	text-decoration: none;
}
#footer_nav li.current_page_item a{
	color: #41362F;
}
#footer_buy{
	position: absolute;
	top: 0;
	right: 20px;
	margin: 0;
}
#footer_nav #footer_buy a{
	color: #41362F;
	margin: 0;
}
#footer_nav #footer_buy a:hover, #footer_nav #footer_buy a:focus{
	color: #FFF;
}

/* TYPOGRAPHY */
/* ----------------------------------------- */
/* This helps to identify headings at the initial build stage, so I thought it'd be useful to have it */

h1{
	font-size: 2.5em;
	color: #E2511D;
}
#content h2{
	clear: both;
}
#signup_form h2{
	color: #423930;
	font-size: 2.6em;
	font-style: italic;
}
.page-template-template-home-php h2{
	color: #911722;
	font-size: 2em;
	padding-left: 10px;
}
h2{
	font-size: 2.5em;
	color: #E2511D;
	margin-bottom: 1em;
}
h3{
	font-size: 2em;
}
a{
	text-decoration: none;
	color: #999900;
}
a:hover{
	text-decoration: underline;
}
p{
	line-height: 1.45;
	margin-bottom: 1em;
	color: #333;
	font-size: 1.4em;
}
.page-template-template-home-php .post p{
	font-size: 1.7em;
}	
.offscreen_text{
	display: block;
	height: 1px;
	position: absolute;
	text-indent: -2000px;
}
.intro{
	font-size: 1.6em;
}
.italic{
	font-style: italic;
}