/*
Theme Name: Starkers
Theme URI: http://elliotjaystocks.com
Description: The totally nude Wordpress theme. Phwoar! (Based on the famous <a href="http://binarybonsai.com/kubrick/">Kubrick</a> by <a href="http://binarybonsai.com/">Michael Heilemann</a>)
Version: 2 (WP2.6.2)
Author: Elliot Jay Stocks
Author URI: http://elliotjaystocks.com
Tags: starkers, naked, clean, basic
*/

/*Meyers reset*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}
/*******end reset**************/

/*wordpress classes*/
.aligncenter { display:block; margin: 0 auto;}
.alignleft, .avatar { float:left; display: inline; margin: 0 10px 10px 0; }
.alignright { float:right; margin: 0 0 10px 10px;}
.wp-caption { border:1px solid #666; text-align:center; background:#ccc; padding:10px; margin:10px; }
/*end wordpress classes*/

/*clear floated coloumns*/
div.clearfix { clear: both; width: 100%; height: 1%; }

body
{
	background: url(style/images/header_bg.jpg) repeat-x #e1e1e1;
	font: 0.8em/1.3em Verdana, Geneva, sans-serif;
	color: #666;
}

h1, h2, h3, h4
{
	font-family: "Times New Roman", Times, serif;
	font-weight: normal;
}

h1
{
	font-size: 3em;
	text-transform: uppercase;
}

h2
{
	font-size: 2em;
	line-height: 1em;
	margin: 0 0 0.4em 0;
	color: #231f20;
	text-transform: uppercase;
}

h3
{
	font-size: 1.6em;
	color: #231f20;
	margin: 0 0 0.2em 0;
}

h4
{
	font-size: 1.4em;
}

h5
{
	font-size: 1em;
	font-weight: bold;
}

p
{
	margin: 0 0 1em 0;
}

a
{
	color: #231f20;
	text-decoration: none;
}

a:hover
{
	color: #ff7900;
	text-decoration: underline;
}

ol
{
	list-style: decimal;
}

ol li
{
	margin: 0 0 1em 20px;
}

img
{
	border: solid 4px #d1d1d1;
}

small
{
	font-size: 0.7em;
}

code
{
	font-size: 1.4em;
}

/*header and navigation*/
div#header
{
	background: url(style/images/glow.png) no-repeat;
	width: 860px;
	height: 240px;
	margin: 0 auto;
	padding: 30px 50px;
	position: relative;
}

div#logo
{
	float: left;
	width: 280px;
	text-align: center;
	padding: 40px 0;
}

div#logo h1
{
	font-size: 36px;
	padding: 10px 0;
	border-bottom: solid 1px #b0afaf;
	margin: 0 0 10px 0;
}

div#logo h1 a
{
	color: #fff;
	text-decoration: none;
}

div#logo h4
{
	font-size: 18px;
	color: #fff;
}

img#rss
{
	border: 0;
	position: absolute;
	top: 274px;
	right: 50px;
}

div#slides
{
	width: 520px;
	height: 200px;
	border: solid 5px #e1e1e1;
	float: right;
	overflow: hidden;
}

div#slides img
{
	border: 0;
	width: 520px;
	height: 200px;
}

img#recent_banner
{
	border: 0;
	position: absolute;
	top: 30px;
	right: 50px;
	z-index: 999;
}

ul#nav
{
	position: absolute;
	top: 264px;
	left: 50px;
}

ul#nav li
{
	display: inline;
}

ul#nav li a
{
	display: block;
	float: left;
	font: 14px "Times New Roman", Times, serif;
	color: #fff;
	text-transform: uppercase;
	margin: 0 30px 0 0;
	padding: 8px 15px 12px 15px;
	text-decoration: none;
}

ul#nav li a:hover, ul#nav li.current_page_item a
{
	background: url(style/images/nav_link_bg.jpg) repeat-x #e1e1e1;
	color: #231f20;
}

ul#nav li.current_page_item a
{
	text-decoration: underline;
}
/*********end header***********/

/*main page*/
div#page
{
	width: 860px;
	padding: 30px 50px 0 50px;
	margin: 0 auto;
}

div#main
{
	float: left;
	display: inline;
	width: 536px;
	background-color: #ededed;
	border: solid 2px #d1d1d1;
	padding: 20px;
}

/*sidebar*/
div#sidebar
{
	width: 206px;
	margin: 0 0 0 607px;
	background-color: #ededed;
	border: solid 2px #d1d1d1;
	padding: 20px;
}

div#sidebar ul li
{
	margin: 0 0 20px 0;
}

div#sidebar ul li ul
{
	margin: 0 0 1em 0;
}

div#sidebar ul li ul li
{
	margin: 0 0 0.5em 0;
	padding: 0 0 0 20px;
	background: url(style/images/list_bullet.jpg) left center no-repeat;
}

input#s
{
	width: 157px;
	padding: 2px 4px;
	border: solid 2px #d1d1d1;
	background-color: #e1e1e1;
	vertical-align: middle;
	color: #666;
}

input#search_submit
{
	vertical-align: middle;
}

/*twitter feed*/
div#sidebar ul li ul#twitter
{
	background: url(style/images/tweet_bg.jpg) no-repeat;
	height: 170px;
	margin: 0;
}

div#sidebar ul li ul#twitter li
{
	padding: 10px 10px;
	margin: 0;
	background: none;
}

p#follow
{
	position: relative;
	top: -25px;
	left: 10px;
}
/*********end sidebar*********/

/*archive*/
ul#archive
{
	list-style: square;
	margin: 0 0 20px 20px;
}

ul#archive li
{
	margin: 0 0 10px 0;
}

/*********end main***********/

/*blog styles*/
div.post
{
	position: relative;
	border-bottom: solid 1px #d1d1d1;
	margin: 0 0 20px 0;
}
	
div.post span.date_tab
{
	width: 36px;
	background-color: #d1d1d1;
	position: absolute;
	top: 0;
	left: -62px;
	color: #fff;
	padding: 10px 3px;
	text-align: center;
	font: 16px/1em "Times New Roman", Times, serif;
}

div.post img.preview
{
	margin: 0 0 1em 0;
}

/*my work*/
div.showcase_holder_left
{
	width: 371px;
	background-color: #ededed;
	border: solid 2px #d1d1d1;
	padding: 20px 20px 0 20px;
	float: left;
	display: inline;
	margin: 0 30px 30px 0;
}

div.showcase_holder_right
{
	width: 371px;
	background-color: #ededed;
	border: solid 2px #d1d1d1;
	padding: 20px 20px 0 20px;
	float: left;
	display: inline;
	margin: 0 0 30px 0;
}

/*contact form*/
#contact_form
{
	margin: 0 0 20px 0;
}

#name, #email, #message
{
	width: 512px;
	border: solid 2px #d1d1d1;
	background-color: #e1e1e1;
	padding: 10px;
	margin: 2px 0 20px 0;
	font: 3em Verdana, Geneva, sans-serif;
	color: #666;
}

.invalid
{
	border: solid 2px #ff0000;
}

img#loading
{
	border: 0;
	margin: 0 0 0 10px;
}

/*comments*/
ul#comments
{
	margin: 20px 0 0 0;
}

ul#comments li
{
	margin: 0 0 20px 0;
	width: 496px;
	background: url(style/images/comment_bg.jpg) repeat;
	padding: 20px;
	border: solid 2px #d1d1d1;
}

div.comment_text
{
	background-color: #ededed;
	border: solid 1px #ff7900;
	margin: 0 0 0 120px;
	padding: 20px;
	width: 330px;
	position: relative;
}

div.comment_text p img
{
	border: 0;
}

div.comment_text span
{
	position: absolute;
	top: 20px;
	left: -20px;
}

div.comment_text span img
{
	border: none;
}

form#comment_form
{
	margin: 20px 0;
}

.text_field
{
	display: block;
	margin: 0.4em 0 1em 0;
	padding: 2px;
	border: solid 2px #d1d1d1;
	color: #666;
	background-color: #e1e1e1;
}

textarea.text_field
{
	width: 380px;
	margin: 20px 0 10px 0;
}

/*footer*/
p#footer
{
	width: 860px;
	margin: 0 auto 20px auto;
}