/* @override http://www.jhlabs.co.uk/wp-content/themes/starkers/style.css */

/* @override http://www.jhlabs.co.uk/wp-content/themes/starkers/style.css */

/*  
Theme Name: Starkers
Theme URI: http://elliotjaystocks.com
Description: The totally nude Wordpress theme. Phwoar!
Version: 1.0
Author: Elliot Jay Stocks
Author URI: http://elliotjaystocks.com
*/

/* ************************************************************************************************************************************************************

Obviously feel free to change the info above once you've added your own styling

************************************************************************************************************************************************************ */

/* Global reset */
/** Based upon 'reset.css' in the Yahoo! User Interface Library: http://developer.yahoo.com/yui 
*, html, body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, label, fieldset, input, p, blockquote, th, td { margin:0; padding:0 }
table { border-collapse:collapse; border-spacing:0 }
fieldset, img { border:0 }
address, caption, cite, code, dfn, em, strong, th, var { font-style:normal; font-weight:normal }
ol, ul, li { list-style:none }
caption, th { text-align:left }
h1, h2, h3, h4, h5, h6 { font-size:100% }
q:before, q:after { content:''}
a { text-decoration:none }
*/
/* Global reset-RESET */
/** The below restores some sensible defaults 
strong { font-weight:bold }
em { font-style:italic }
* a { position:relative } */ /* Gets links displaying over a PNG background */
/* a img { border:none } */ /* Gets rid of IE's blue borders */

/* ************************************************************************************************************************************************************

And now it's over to you...

************************************************************************************************************************************************************ */

body{
	background: #fff;
	margin: 0px;
	padding: 0px;
	font: 11px/17px "Lucida Grande", Lucida, Verdana, sans-serif;
}

div#menu {
	float: left;
	width: 100%;
	background: rgba(0,0,0,0.76);
	color: #fff;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	position: fixed;
	top: 0px;
	font: 10px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	z-index: 999;
}

#footer div.wrap a{
	color: #000;
	text-decoration: none;
	font-weight: bold;
}

div.halfCol {
	float: left;
	width: 50%;
}

#footer div.wrap div.halfCol {
	border-top: 1px solid #000;
}

div#menu ul{
	list-style: none;
	float: left;
	margin-top: 5px;
	padding-bottom: 5px;
	margin-bottom: 0px;
	margin-left: 0px;
	padding-left: 0px;
}

div#title {
	float: right;
	width: 50%;
	text-align: right;
	font-family: Georgia, "Times New Roman", Times, serif;
	height: 140px;
}

#tagline p.tagline {
	position: relative;
	top: 65px;
	color: #ddd;
	font: italic 14px Georgia, "Times New Roman", Times, serif;
}

div#top:hover div.wrap #tagline p.tagline{
	color: #7c7c7c;
}

div#top div{
	border-bottom: 1px solid #000;
}

div#tagline {
	float: left;
	width: 50%;
	text-align: center;
	height: 140px;
}

div#content {
	float: left;
	width: 500px;
}

div#sidebar, div#bar2 {
	float: left;
	width: 210px;
}

div#footer {
	float: left;
	width: 100%;
}

div#footer p:first-child{
	padding-top: 10px;
	padding-bottom: 10px;
	border-top: 1px solid #000;
}

div#top {
	float: left;
	width: 100%;
	height: 140px;
	/* margin-bottom: 10px; */
}

span.startQuote {
	vertical-align: sub;
	font: bold 20px "Lucida Grande", Lucida, Verdana, sans-serif;
	color: #aaa;
}
span.endQuote {
	vertical-align: sub;
	font: bold 20px "Lucida Grande", Lucida, Verdana, sans-serif;
	color: #aaa;
}

#title h1 a{
	color: #000;
	text-decoration: none;
}

#title h1 {
	position: relative;
	top: 62px;
	padding-right:85px;
}

p.date {
	font: 10px "Lucida Grande", Lucida, Verdana, sans-serif;
	float: left;
	width: 400px;
	margin: 0px;
	padding: 0px;
	text-align: right;
	clear: left;
}

div.postInfo {
	float: left;
	position: relative;
	top: -41px;
	margin-bottom: -20px;
}

#content div.post div.postInfo span {
	background: #fff;
	padding-left: 5px;
	padding-right: 4px;
	font-style: italic;
}

p.comments {
	font: 10px "Lucida Grande", Lucida, Verdana, sans-serif;
	float: left;
	width: 90px;
	margin: 0px;
	padding: 0px;
	text-align: center;
	clear: right;
}

#content div.post h2 {
	float: left;
	clear: both;
	width: 490px;
	margin-top: 10px;
	border-top: 1px solid #ccc;
	padding-top: 4px;
}

#content div.post p.comments span {
}

div#menu ul li{
	list-style: none;
	float: left;
	width: 70px;
}

div#menu ul li a{
	color: #fff;
	text-decoration: none;
}

div.wrap {
	width: 920px;
	margin: auto;
}

div.post {
	float: left;
	width: 490px;
	text-align: justify;
}

div#footer {
	float: left;
	width: 100%;
	margin-bottom: 20px;
	padding-top: 10px;
	font-size: 10px;
}

div#footer div.wrap div.Validators ul{
	text-align: 
	right;
	margin-top: 10px;
}

div#footer div.wrap div.Validators ul li{
	list-style-type: none;
	display: inline;
	margin-left: 10px;
}

div#footer div.wrap div.Validators ul li a{
	text-align: right;
}

#hcard-Jon-Hulock ul{
	margin-left: 0px;
	padding-left: 0px;
}

#sidebar div.module ul, #bar2 div.module ul {
	margin: 0px;
	padding: 0px;
}

#sidebar div.module ul li, #bar2 div.module ul li{
	list-style:none;
	border-top: 1px solid #c0c0c0;
}

#sidebar div.module ul li a, #bar2 div.module ul li a {
	text-decoration: none;
	color: #000;
	font-weight: bold;
	display: block;
	width: 195px;
	padding-top: 6px;
	padding-bottom: 6px;
	margin-top: 1px;
	margin-bottom: 1px;
	padding-left: 5px;
}

#sidebar div.module ul li a:hover, #bar2 div.module ul li a:hover{
	background: #eee;
}

#sidebar div.module ul li a span.thin, #bar2 div.module ul li a span.thin {
	font-weight: normal;
}

#sidebar div.module, #bar2 div.module {
	float: left;
	width: 200px;
	margin-bottom: 10px;
	text-align: justify;
}

#sidebar div.module h2, #bar2 div.module h2 {
	/* padding-top: 5px;
	margin-top: 5px; */
}

#blogroll h2 {
	background: url(http://img.skitch.com/20080414-p3k1cqby7bxcunxuh4hdxuue14.jpg) no-repeat right center;
}

p.twitterMessage {
	/* background: url(http://img.skitch.com/20080414-tewwd8ifn78gn1t9bacygw55hr.jpg) no-repeat; */
	 background: url(http://img.skitch.com/20080414-jr53aucrnbrcp8qy8n1n6339uh.jpg) no-repeat; 
	padding-left: 70px;
	min-height: 56px;
	text-align: center;
}

#content div.post:first-child {
	margin-top: 0px;
}

#content div.post:first-child h2 {
	border-top: none;
}

#content div.post:first-child div.postInfo {
	margin-top: -9px;
	background: transparent;
}

#content div.post div.postInfo p.comments span a {
	text-decoration: none;
	color: inherit;
}

#content div.post div.postMeta {
	text-align: center;
	border-top: 1px dashed #ddd;
	margin-bottom: 10px;
	color: #bbb;
}

#content div.post div.postMeta:hover{
	color: #333;
}

#content div.post div.postMeta:hover p a{
	color: #666;
}

#content div.post div.postMeta p a{
	color: #ccc;
}

#content div.post div.postMeta p{
	margin-bottom: 0px;
	margin-top: 0px;
}

p.twitterMessage:hover {
	/*
	background: url(http://img.skitch.com/20080414-tewwd8ifn78gn1t9bacygw55hr.jpg) no-repeat; */
	 background: url(http://img.skitch.com/20080414-jr53aucrnbrcp8qy8n1n6339uh.jpg) no-repeat; 
	padding-left: 70px;
	text-align: center;
}

#footer div.wrap div.halfCol.Validators p {
	text-align: right;
}

#searchModule p input {
	float: left;
	width: 150px;
	margin-right: 10px;
}

#searchModule p input#searchbutton {
	float: left;
	width: 30px;
	margin-right: 0px;
}

#searchModule input {
	float: left;
	width: 150px;
	margin-right: 10px;
}

#bar2 div.module.twitter p a {
	text-decoration:none;
	color: #000;
}

form#searchModule {
	float: left;
	width: 200px;
}

#hcard-Jon-Hulock ul li {
	list-style: none;
	margin-left: 0px;
}

#blogroll ul li a {
	background-repeat: no-repeat;
	background-position: 5px center;
	text-indent: 25px;
}

div#blogroll ul li a:hover {
	background-color: #eee;
	background-repeat: no-repeat;
	background-position: 5px center;
	text-indent: 25px;
}

a#colourMill, a#colourMill:hover{
	background-image:url(http://img.skitch.com/20080915-8paskp7dkxfjan1t2krmj2wg6w.jpg);
}

a#carsonified, a#carsonified:hover{
	background-image:url(http://www.carsonified.com/img/favicon.ico);
}

a#elliotJayStocks, a#elliotJayStocks:hover{
	background-image:url(http://elliotjaystocks.com/favicon.ico);
}

a#hicksDesign, a#hicksDesign:hover{
	background-image:url(http://hicksdesign.co.uk/favicon.ico);
}

a#flingMedia, a#flingMedia:hover{
	background-image:url(http://img.skitch.com/20080414-dhbiaf7rriwkpsqkj4hhn5rhch.jpg);
}

a#snook, a#snook:hover{
	background-image:url(http://img.skitch.com/20080414-1rp2wjqjm24rcrtyk8kdruxyg.jpg);
}

a#markBoulton, a#markBoulton:hover{
	background-image:url(http://markboultondesign.co.uk/favicon.ico);
}

a#ryanCarson, a#ryanCarson:hover{
	background-image: url(http://img.skitch.com/20080414-k4nf6mb6idy6c1c45ymfiser1t.jpg);
}

a#sitePoint, a#sitePoint:hover{
	background-image:url(http://www.sitepoint.com/favicon.ico);
}

a#stuffAndNonsense, a#stuffAndNonsense:hover{
	background-image:url(http://img.skitch.com/20080414-tr56qegnsprhx6h914d9qgxcin.jpg);
}

#RSSFeeds h2 {
	background: url(http://img.skitch.com/20080414-8ka3mtx88xcf6pc22b78rcakqw.jpg) no-repeat left -1px;
	text-indent: 23px;
}

#Categories h2 {
	background: url(book_open.png) no-repeat left 1px;
	text-indent: 23px;
}

#content div.post h2 a {
	color: #000;
	text-decoration: none;
	z-index: 999;
}

#content div.post p a:link {
	color: #666;
	text-decoration: underline;
}
#content div.post p a:visited {
	color: #333;
	text-decoration: underline;
}

#content div.post ul li a:hover {
	color: #000;
	text-decoration: underline;
}


#content div.post ul li a:link {
	color: #666;
	text-decoration: underline;
}
#content div.post ul li a:visited {
	color: #333;
	text-decoration: underline;
}

#content div.post ul li a:hover {
	color: #000;
	text-decoration: underline;
}

div.navigation{
	clear:both;
}

div.navigation div{
	float:left;
	clear:both;
	width:100%;
}
div.navigation div a:link, div.navigation div a:visited{
	color:#888;
	text-decoration:none;
}
div.navigation div a:hover{
	color:#333;
}