/*  
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 {
	font-family: Arial, Helvetica, sans-serif;
}

div#container {
	width: 1000px;
	margin: 0 auto;
}

div#header {
	height: 44px;
}
	div#header img {
		margin-left: 67px;
	}

ul#nav {
	height: 49px;
	width: 949px;
	margin: 0 auto;
	background: url(/images/nav_bg.jpg) repeat-x;
	border-right: 1px solid #141414;
}
	ul#nav li {
		float: left;
		overflow: hidden;
	}
	ul#nav li.logo {
		width: 169px;
		height: 49px;
		background: url(/images/nav_logo.jpg) no-repeat;
	}
		ul#nav li a:link, ul#nav li a:visited {
			float: left;
			width: 130px;
			height: 49px;
			display: block;
		}
			ul#nav li.home {
				background: url(/images/nav_home_hover.jpg) no-repeat;
			}
			ul#nav li.home a:link, ul#nav li.home a:visited {
				background: url(/images/nav_home.jpg) no-repeat;
				text-indent: -5000px;
			}
			ul#nav li.home a:hover {
				background: url(/images/nav_home_hover.jpg) no-repeat;
			}
			ul#nav li.products {
				background: url(/images/nav_products_hover.jpg) no-repeat;
			}
			ul#nav li.products a:link, ul#nav li.products a:visited {
				background: url(/images/nav_products.jpg) no-repeat;
				text-indent: -5000px;
			}
			ul#nav li.products a:hover {
				background: url(/images/nav_products_hover.jpg) no-repeat;
			}
			ul#nav li.services {
				background: url(/images/nav_services_hover.jpg) no-repeat;
			}
			ul#nav li.services a:link, ul#nav li.services a:visited {
				background: url(/images/nav_services.jpg) no-repeat;
				text-indent: -5000px;
			}
			ul#nav li.services a:hover {
				background: url(/images/nav_services_hover.jpg) no-repeat;
			}
			ul#nav li.aboutus {
				background: url(/images/nav_aboutus_hover.jpg) no-repeat;
			}
			ul#nav li.aboutus a:link, ul#nav li.aboutus a:visited {
				background: url(/images/nav_aboutus.jpg) no-repeat;
				text-indent: -5000px;
			}
			ul#nav li.aboutus a:hover {
				background: url(/images/nav_aboutus_hover.jpg) no-repeat;
			}
			ul#nav li.contact {
				background: url(/images/nav_contact_hover.jpg) no-repeat;
			}
			ul#nav li.contact a:link, ul#nav li.contact a:visited {
				background: url(/images/nav_contact.jpg) no-repeat;
				text-indent: -5000px;
			}
			ul#nav li.contact a:hover {
				background: url(/images/nav_contact_hover.jpg) no-repeat;
			}
			ul#nav li.links {
				background: url(/images/nav_links_hover.jpg) no-repeat;
			} 
			ul#nav li.links a:link, ul#nav li.links a:visited {
				background: url(/images/nav_links.jpg) no-repeat;
				text-indent: -5000px;
			}
			ul#nav li.links a:hover {
				background: url(/images/nav_links_hover.jpg) no-repeat;
			} 

img.logoBottom {
	position: relative;
	margin-left: 415px;
	z-index: 10;
}

div#banner {
	height: 203px;
	width: 936px;
	margin: -54px auto 0px auto;
	border: 7px solid #0e0e0e;
}

div#test {
	
}

div#content {
	padding: 20px;
	margin-top: 17px;
}

div#contentMain {
	float: left;
	width: 640px;
	margin-right: 20px;
}
	div#contentMain h2,
	div#contentMain h2 a:link,
	div#contentMain h2 a:visited {
		color: #b92929;
		font-size: 20px;
		font-weight: bold;
		text-decoration: none;
	}
	div#contentMain h2 a:hover {
		text-decoration: underline;
	}
	div#contentMain p {
		color: #aaa;
		font-size: 13px;
		line-height: 16px;
		margin-bottom: 10px;
	}
	div#contentMain .post {
		border-bottom: 1px solid #222;
		padding-bottom: 10px;
		margin-bottom: 10px;
	}

ul#sidebar {
	float: left;
	width: 300px;
}
	ul#sidebar li {
		width: 260px;
		height: 200px;
		padding: 20px;
		text-align: center;
	}
		ul#sidebar li.top {
			background: #131313;
		}
		ul#sidebar li.bottom {
			background: #202020;
		}
		ul#sidebar li h4 {
			color: #fc3;
			font-size: 16px;
			font-weight: bold;
		}
		ul#sidebar li p {
			color: #aaa;
			font-size: 13px;
			line-height: 18px;
			font-weight: bold;
		}
		ul#sidebar li img {
			margin-top: 15px;
		}