/* __________________________________________________________________________________________________
Theme Name: Eton Blue
Theme URI: http://www.etonblue.co.uk
Description: Theme for Eton Blue, www.etonblue.co.uk
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:#000 url(_images/bg_mg_9494.jpg) no-repeat center top;
	color:#FFF;
	font:62.5% Georgia, Times, "Times New Roman", serif;
	}

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

/* TEXT STYLES
___________________________________________________________________________________________________*/

p, ul, ol, dl, h4, #secondary h5 {
	font-size:1.4em;
	letter-spacing:0;
	line-height:1.6em;
	text-transform:none;
	}

h3 {
	font-size:2.4em;
	line-height:1.6em;
	margin-bottom:0.8em;
	}

h5 {
	font-size:1.2em;
	font-weight:bold;
	letter-spacing:0.2em;
	line-height:1.6em;
	text-transform:uppercase;
	}

#container p, #container ul, #container ol, #container dl {
	margin-bottom:1.6em;
	}

/* LINK STYLES
___________________________________________________________________________________________________*/

a:link, a:visited {
	color:#B4975A;
	text-decoration:none;
	}
	
a:hover {
	color:#B4975A;
	text-decoration:underline;
	}
	
a:active {
	color:#B4975A;
	text-decoration:none;
	}

a:focus {
	color:#B4975A;
	text-decoration:none;
	}

/* FORMS
___________________________________________________________________________________________________*/

label {
	font-style:italic;
	}

input.form, select.form {
	border:none;
	height:18px;
	line-height:18px;
	padding:0 2px;
	}

textarea.form {
	border:none;
	padding:0 2px;
	}


#container dl.form {
	margin-bottom:0;
	}

dl.form dt {
	clear:both;
	float:left;
	width:168px;
	}

fieldset {
	margin-bottom:0.8em;
	}

#primary input.form, #secondary input.form {
	width:164px;
	}
	
#primary textarea.form {
	height:90px;
	width:404px;
	}

#secondary select.form {
	width:168px;
	}
	
#container div.error {
	background-color:#FF9794;
	border:1px dotted #C03;
	color:#000;
	margin-bottom:1.6em;
	padding:0.4em 0.8em 0.6em;
	}
	
#container div.success {
	border:1px dotted #0C3;
	color:#000;
	margin-bottom:1.6em;
	padding:0.4em 0.8em 0.6em;
	background: #DBFFC8;
	}

#container span.error {
	color:#C03;
	font-weight:bold;
	}

#container div.error a {
	color:#C03;
	}

#secondary div.error {
	margin:0.8em 0;
	}
	
#container div.error ul {
	list-style-position:inside;
	text-indent:-1em;
	margin:0 0 0 1em;
	}
	
#secondary dt, #secondary dd {
	display:block;
	}	

/* LAYOUT DIVISIONS
___________________________________________________________________________________________________*/

#header {
	margin:0 auto;
	width:800px;
	z-index:0;
	}

#container {
	background:url(_images/bg_transparent.png) repeat;
	clear:both;
	margin:0 auto;
	width:800px;
	z-index:1;
	}
	
#primary {
	float:left;
	padding:1.6em;
	width:568px;
	z-index:2;
	}
	
#secondary {
	float:right;
	margin-top:4.8em;
	padding:1.6em;
	width:168px;
	z-index:3;
	}
	
#footer {
	border-top:2px #B4975A solid;
	clear:both;
	height:32px;
	padding:1.6em;
	}

/* ADDITIONAL RULES FOR HEADER DIVISION
___________________________________________________________________________________________________*/

h1 {
	background:url(_images/bg_h1.png) no-repeat center;
	height:200px;
	text-indent:-5000px;
	width:500px;
	z-index:4;
	}

#etonblue_mockup {
	position:absolute;
	margin-left:500px;
	top:0;
	z-index:5;
	}

#navigation_primary {
	clear:both;
	}

#navigation_primary li {
	display:inline;
	}
	
#navigation_primary li a:link, #navigation_primary li a:visited  {
	background:url(_images/bg_transparent.png) repeat;
	border-top:2px #B4975A solid;
	float:left;
	font-weight:bold;
	font-variant:small-caps;
	height:26px;
	letter-spacing:0.2em;
	margin-right:0.2em;
	padding:2px 0.8em;
	text-decoration:none;
	}

#navigation_primary li a:hover, #navigation_primary li a:active  {
	background:url(_images/bg_transparent.png) repeat;
	border-top:2px #FFF solid;
	float:left;
	font-weight:bold;
	font-variant:small-caps;
	height:26px;
	letter-spacing:0.2em;
	margin-right:0.2em;
	padding:2px 0.8em;
	text-decoration:none;
	}

#navigation_primary #current {
	border-top:2px #BAD0E0 solid;
	cursor:default;
	}


/* ADDITIONAL RULES FOR PRIMARY DIVISION
___________________________________________________________________________________________________*/

#primary h3 {
	width:500px;
	}

.post_tools {
	border-top:1px #B4975A solid;
	padding-top:0.4em;
	}

.post_tools li {
	display:inline;
	margin-right:0.4em;
	}

/* ADDITIONAL RULES FOR SECONDARY DIVISION
___________________________________________________________________________________________________*/

.secondary {
	border-top:2px #B4975A solid;
	border-bottom:1px #B4975A solid;
	margin-bottom:2.4em;
	}

.required {
	font-style:italic;
	}

#secondary p {
	margin-bottom:0.4em;
	}

/* ADDITIONAL RULES FOR GALLERY DIVISION
___________________________________________________________________________________________________*/

#gallery img {
	border:1px #B4975A solid;
	margin:0 1.6em 1.6em 0;
	}

/* ADDITIONAL RULES FOR FOOTER DIVISION
___________________________________________________________________________________________________*/

#footer p {
	line-height:32px;
	}

#ew_logo {
	float:right;
	}