/* __________________________________________________________________________________________________
Theme Name: Keane
Theme URI: http://essentialworks.co.uk
Description: Theme for Essential's Keane microsite.
Author: Michael Gray

/* BLANKET STYLES
___________________________________________________________________________________________________*/

* {
	border:none;
	margin:0;
	padding:0;
	}

strong {
	font-weight:bold;
	}

em {
	font-family:Trebuchet, "Lucida Grande", "Lucida Sans Unicode", "Trebuchet MS", "Helvetica Neue", Verdana, sans-serif;
	font-style:italic;
	}

img, fieldset {
	border:none;
	}

body {
	background:#000 url(_images/bg_body.jpg) repeat-x scroll;
	color:#FFF;
	font:62.5% "Lucida Grande", "Lucida Sans Unicode", "Trebuchet MS", "Helvetica Neue", Verdana, sans-serif;
	}


/* TEXT STYLES
___________________________________________________________________________________________________*/

h1 {
	background:url(_images/bg_h1.gif) no-repeat;
	display:block;
	float:left;
	height:105px;
	position:relative;
	text-indent:-5000px;
	top:60px;
	width:820px;
	}
	
h2 {
	/*font:normal 1.8em "Courier New", Courier, monospace;;*/
	font:normal 1.8em "Helvetica Neue", Helvetica, Arial, sans-serif;
	letter-spacing: 0.125em;
	margin-bottom:1.8em;
	}
	
h3, h4 {
	font-weight:bold;
	}

h4 {
	font:1em/1.6em "Lucida Grande", "Lucida Sans Unicode", "Trebuchet MS", "Helvetica Neue", Verdana, sans-serif;
	font-weight:bold;
	letter-spacing:0.125em;
	text-transform:uppercase;
	}
	
p, h3, ul, ol, dl, table, legend {
	font-size:1.25em;
	line-height:1.8em;	
	}
	
p, ul, ol {
	margin-bottom:1.8em;
	}

li {
	list-style:inside;
	}

label {
	font:1em/1.8em "Lucida Grande", "Lucida Sans Unicode", "Trebuchet MS", "Helvetica Neue", Verdana, sans-serif;
	font-weight:bold;
	letter-spacing:0.125em;
	text-transform:uppercase;
	}

.intro {
	font:italic 1.8em/1.8em Georgia, Times, "Times New Roman", serif;
	margin-bottom:1.8em;
	}

.intro em {
	font-style:normal;
	}
	
.error {
	color:#9CF;
	}

/* LINK STYLES
___________________________________________________________________________________________________*/

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

a:link, a:visited {
	/*color:#9CF;*/
	background-color:#FFF;
	color:#000;
	font-family:"Helvetica Neue", Helvetica, Arial, sans-serif;
	/*font-family:"Courier New", Courier, monospace;*/
	font-style:normal;
	letter-spacing:0.125em;
	padding:0.125em;
	text-decoration:none;
	text-transform:uppercase;
	}
	
a:hover {
	/*font-weight:bold;*/
	color:#666;
	}
	
a:active {
	/*color:#9CF;*/
	background-color:#FFF;
	color:#000;
	position:relative;
	bottom:-1px;
	right:-1px;
	}

/* LAYOUT DIVISIONS
___________________________________________________________________________________________________*/

#container {
	background:url(_images/bg_container.png) repeat-y 550px;
	margin:0 auto;
	width:820px;
	}
	
#header {
	background:url(_images/bg_header.jpg) no-repeat scroll right;
	border-bottom:10px #FFF solid;
	height:120px;
	}

#main {
	float:left;
	/*position:relative;
	top:-8em;*/
	padding-top:3.6em;
	width:540px;
	}
	
#secondary {
	float:right;
	width:270px;
	}

.secondary_box {
	border-bottom:10px #FFF solid;
	padding-left:20px;
	margin-bottom:1.8em;
	}
	
.secondary_box_last {
	border-bottom:0;
	padding-left:20px;
	}
	
#footer {
	background:#000;
	border-top:1px #FFF solid;
	clear:both;
	height:60px;
	}

/* ADDITIONAL RULES FOR MAIN DIVISION
___________________________________________________________________________________________________*/

.post {
	border-bottom:1px #FFF solid;
	margin-bottom:1.8em;
	padding-right:10px;
	width:540px;
	}

ul.inline li {
	display:inline;
	margin-right:0.9em;
	}

.post_date, h3.sharing {
	font:1em/1.8em "Lucida Grande", "Lucida Sans Unicode", "Trebuchet MS", "Helvetica Neue", Verdana, sans-serif;
	font-weight:bold;
	letter-spacing:0.125em;
	margin-bottom:0;
	text-transform:uppercase;
	}

.post_date {
	position:relative;
	top:-0.9em;
	}

.facebook, .delicious, .digg, .stumbleupon {
	padding-left:1.8em;
	}

.facebook {
	background:url(_images/bg_facebook.gif) no-repeat;
	}
	
.delicious {
	background:url(_images/bg_delicious.gif) no-repeat;
	}
	
.digg {
	background:url(_images/bg_digg.gif) no-repeat;
	}

.stumbleupon {
	background:url(_images/bg_stumbleupon.gif) no-repeat;
	}

.disclaimer {
	font:bold 1em/1.8em "Lucida Grande", "Lucida Sans Unicode", "Trebuchet MS", "Helvetica Neue", Verdana, sans-serif;
	}

#suggestion_email {
	width:530px;
	}

#suggestion_submit {
	background-color:#000;
	border:1px #FFF solid;
	color:#FFF;
	font-family:"Courier New", Courier, monospace;
	font-weight:bold;
	letter-spacing:0.125em;
	margin-top:0.9em;
	padding:0.125em;
	}
	
#main textarea {
	height:130px;
	width:530px;
	}

/* ADDITIONAL RULES FOR SECONDARY DIVISION
___________________________________________________________________________________________________*/

#secondary h2 {
	font:bold 1.2em/1.4em "Lucida Grande", "Lucida Sans Unicode", "Trebuchet MS", "Helvetica Neue", Verdana, sans-serif;
	letter-spacing:0.25em;
	text-transform:uppercase;
	}

#secondary h2, #secondary p, #secondary ul, #secondary ol {
	margin-bottom:0.9em;
	}

#secondary li {
	list-style-type:none;
	}

#on_this_site, #register_now, #subscribe {
	display:block;
	text-indent:-5000px;
	}

#on_this_site {
	background:url(_images/bg_h2_on_this_site.gif) no-repeat left;
	}

#register_now {
	background:url(_images/bg_h2_register_now.gif) no-repeat left;
	}

#subscribe {
	background:url(_images/bg_h2_subscribe.gif) no-repeat left;
	}
	
#secondary input, #secondary select {
	width:240px;
	}

dl label {
	font-size:80%;
	}

#secondary #register_submit {
	background-color:#000;
	border:1px #FFF solid;
	color:#FFF;
	font-family:"Courier New", Courier, monospace;
	font-weight:bold;
	letter-spacing:0.125em;
	margin:0.9em 0;
	padding:0.125em;
	width:auto;
	}

.penultimate {
	margin-bottom:0.9em;
	}

#secondary li.more {
	list-style-type:disc;
	}

.feed {
	padding-left:1.8em;
	}

.feed {
	background:url(_images/bg_feed.gif) no-repeat 0 6px;
	}

/* ADDITIONAL RULES FOR FOOTER DIVISION
___________________________________________________________________________________________________*/

#footer p {
	line-height:60px;
	}
	
#ew_logo {
	float:right;
	margin:15px 0;
	}