/* __________________________________________________________________________________________________
Theme Name: Eton Colours
Theme URI: http://www.etoncolours.com
Description: Theme for Eton Colours, www.etoncolours.com
Author: Michael Gray at Essential Works

/* BLANKET STYLES
___________________________________________________________________________________________________*/

* {
	margin:0;
	padding:0;
	}

strong {
	font-weight:bold;
	}

em {
	font-style:italic;
	}

img, fieldset {
	border:none;
	}

body {
	background:#00252f url(_images/bg_page.png) repeat-x;
	font:62.5% "Lucida Grande", "Lucida Sans Unicode", "Trebuchet MS", "Helvetica Neue", Verdana, sans-serif;
	}

.off_screen {
	position:absolute;
	left:-999px;
	width:820px;
	}

/* TEXT STYLES
___________________________________________________________________________________________________*/

h1 {
	background:url(_images/bg_h1.png) no-repeat;
	height:63px;
	margin:0 auto;
	position:relative;
	text-indent:-5000px;
	top:32px;
	width:412px;
	}

h3 {
	color:#00252f;
	font:2.4em/1.2em Georgia, "Times New Roman", Times, "serif";
	margin-bottom:0.8em;
	}
	
h4, .attribution {
	color:#00252f;
	font-size:1.0em;
	font-weight:bold;
	letter-spacing:0.2em;
	text-transform:uppercase;
	}

h4 {
	margin-bottom:0.6em;
	}

.attribution {
	margin-bottom:2.4em;
	}

blockquote {
	position:relative;
	right:24px;
	}

blockquote p {
	color:#00252f;
	clear:none;
	float:right;
	font:italic 2.4em/1.4em Georgia, "Times New Roman", Times, "serif";
	margin:0.8em 0 0.4em;
	/* The padding and relative position trick is for IE and Opera */
	padding-left:1.5em;
	position:relative;
	left:-1.5em;
	text-indent:-0.35em;
	width:255px;
	}

p, .post_home ul, .post ul, dl {
	font-size:1.2em;
	line-height:1.6em;
	margin-bottom:1.2em;
	}

dt {
	float:left;
	margin-right:0.3em;
	}

/* LINK STYLES
___________________________________________________________________________________________________*/

a:link, a:visited {
	color:#00252f;
	}
	
a:hover {
	color:#00252f;
	}
	
a:active {
	color:#00252f;
	}

a:focus {
	color:#00252f;
	}

/* LAYOUT DIVISIONS
___________________________________________________________________________________________________*/

#container {
	background:#abe1fa url(_images/bg_container.jpg) repeat-x;
	}

.contained {
	margin:0 auto;
	width:630px;
	}

#header {
	height:160px;
	}

#main {
	padding:1.2em 0;
	}

#footer {
	background:url(_images/bg_footer.jpg) repeat-x;
	clear:both;
	color:#FFF;
	height:85px;
	/* Text align is for IE's benefit, otherwise contained footer paragraph doesn't work */
	text-align:center;
	}


/* ADDITIONAL RULES FOR HEADER DIVISION
___________________________________________________________________________________________________*/

#header ul {
	position:absolute;
	top:130px;
	}

#header li {
	display:inline;
	}

#header li a:link, #header li a:visited  {
	background:url(_images/bg_navigation.png) repeat bottom;
	color:#abe1fa;
	float:left;
	font:1.4em/26px Georgia, "Times New Roman", Times, serif;
	height:26px;
	margin-right:0.4em;
	padding:2px 0.8em;
	text-decoration:none;
	}

#header li a:hover, #header li a:active  {
	background-color:#d4f0fc;
	background-image:none;
	color:#00252f;
	float:left;
	font:1.4em/26px Georgia, "Times New Roman", Times, serif;
	height:26px;
	margin-right:0.4em;
	padding:2px 0.8em;
	text-decoration:none;
	}

#header li #current {
	background-color:#d4f0fc;
	background-image:none;
	color:#00252f;
	cursor:default;
	font-weight:bold;
	text-decoration:none;
	}

#rosette {
	background:url(_images/rosette.gif) no-repeat right;
	position:absolute;
	top:12px;
	height:95px;
	margin:0;
	padding:0;
	text-indent:-5000px;
	width:650px;
	}

/* ADDITIONAL RULES FOR MAIN DIVISION
___________________________________________________________________________________________________*/

/* Used generally */

.post_tools_1, .post_tools_2, .post_tools_3, .post_tools_4 {
	border:#d4f0fc 1px solid;
	clear:both;
	font-size:1.0em;
	margin:1.2em 0;
	padding:0.6em;
	}

.post_tools_1 {
	background:url(_images/bg_sharing_1.gif) no-repeat right -3px;
	}

.post_tools_2 {
	background:url(_images/bg_sharing_2.gif) no-repeat right -3px;
	}
	

.post_tools_3 {
	background:url(_images/bg_sharing_3.gif) no-repeat right -3px;
	}

.post_tools_4 {
	background:url(_images/bg_sharing_4.gif) no-repeat right -3px;
	}
	
div.post_tools_1 li, div.post_tools_2 li, div.post_tools_3 li, div.post_tools_4 li {
	display:inline;
	margin-right:0.6em;
	}

.related {
	list-style-type:none;
	}
	
.related li {
	background:url(_images/bg_related_arrow.gif) no-repeat left center;
	padding-left:1.6em;
	}

/* Specifically for the homepage */

.post_home {
	clear:right;
	padding-left:315px;
	}

.post_home p {
	/* This is to clear the blockquote on the homepage */
	clear:right;
	}

#home_cover {
	float:left;
	position:relative;
	left:-2.4em;
	}

/* Specifically for the about page */

#about_spreads {
	float:right;
	padding-left:1.2em;
	position:relative;
	bottom:3.2em;
	}

/* Specifically for the prints page */

#print_facsimile {
	float:right;
	padding-left:1.2em;
	position:relative;
	bottom:2.4em;
	left:1.2em;
	}
	
#print_bespoke {
	float:left;
	padding-right:1.2em;
	position:relative;
	right:1.2em;
	}

/* Specifically for the buy page */

#buy_now {
	border:#d4f0fc 1px solid;
	float:right;
	margin-bottom:1.2em;
	margin-left:1.2em;
	width:191px;
	}

#buy_now h4 {
	font:bold 2.2em/1em Georgia, "Times New Roman", Times, serif;
	letter-spacing:0;
	text-transform:none;
	}

#character_buy {
	position:absolute;
	top:196px;
	}

#buy_now_button a:link, #buy_now_button a:visited {
	display:block;
	background:url(_images/bg_buy_now.gif) no-repeat center;
	color:#FFF;
	height:72px;
	margin: 0.6em 15px;
	text-align:center;
	text-decoration:none;
	width:161px;
	}

#buy_now_button a:hover, #buy_now_button a:active {
	display:block;
	background:url(_images/bg_buy_now_mouseover.gif) no-repeat center;
	color:#FFF;
	height:72px;
	margin: 0.6em 15px;
	text-align:center;
	text-decoration:none;
	width:161px;
	}

.click_buy_now {
	position:relative;
	top:12px;
	}

#buy_now_worldpay {
	background:url(_images/bg_worldpay.gif) no-repeat center;
	height:33px;
	text-indent:-5000px;
	width:191px;
	}

#buy_now p {
	background:url(_images/bg_cards.gif) no-repeat bottom;
	padding-bottom:36px;
	}

#buy_now p, #buy_now ul {
	font-size:1.1em;
	line-height:1.6em;
	list-style:none;
	margin:0.6em;
	text-align:center;
	}

#buy_now ul {
	background:url(_images/bg_mastercard.gif) no-repeat center;
	}

#buy_now ul li {
	display:inline;
	text-indent:-5000px;
	}

#buy_now_mastercard {
	background:url(_images/bg_mastercard.gif) no-repeat center;
	width:43px;
	}

#buy_now_visa {
	background:url(_images/bg_visa.gif) no-repeat center;
	width:45px;
	}

#buy_now_maestro {
	background:url(_images/bg_maestro.gif) no-repeat center;
	width:44px;
	}

.faq dt {
	float:none;
	font-weight:bold;
	}
	
.faq dd {
	margin-bottom:1.2em;
	}

/* Specifically for the newsletter page */

#character_newsletter {
	float:right;
	margin-bottom:2.4em;
	padding-left:1.2em;
	position:relative;
	top:1.8em;
	}

/* Specifically for the contact us page */
	
.address dd {
	margin-left:75px;
	}

/* Specifically for forms on newsletter, refund, order and contact pages */

dl.form {
	margin-top:2.4em;
	}

.form dt {
	width:200px;
	margin-right:1.2em;
	}

.form dt, .form dd {
	margin-bottom:0.8em;
	}

.form input, .form textarea {
	width:232px;
	}

.form select {
	width:236px;
	}

.submit {
	clear:both;
	}

#newsletter_submit {
	margin:1.2em 0;
	}
	
h4.error, p.error {
	color:#c30;
	}
	
ul.error {
	list-style:inside;
	}

/* ADDITIONAL RULES FOR FOOTER DIVISION
___________________________________________________________________________________________________*/

#footer a {
	color:#FFF;
	text-decoration:none;
	}

#footer p {
	line-height:76px;
	/* Text align needed only to cancel text-align:center applied to footer division itself for IE's benefit above */
	text-align:left;
	}
	
#ew_logo {
	float:right;
	margin:19px 0;
	}