/*
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.8
Author: Elliot Jay Stocks
Author URI: http://elliotjaystocks.com
Tags: starkers, naked, clean, basic
*/

@import "style/css/reset.css";
@import "style/css/typography.css";
@import "style/css/layout.css";

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 {
	background: transparent;
	border: 0;
	margin: 0;
	padding: 0;
	vertical-align: baseline;
}

body                                          { font-size: 13px; line-height: 20px; font-family: Arial, sans-serif; background:#fff; }
h1#logo                                       { text-indent: -99999px; }
.clear                                        { clear: both; }
a                                             { color: #5e5e5e; }
a:hover                                       { color: #cedc85; }
img                                           { }
li                                            { margin: 0px; padding: 0px; }
li a                                          { margin: 0px; padding: 0px; }
embed                                         { margin: 0 0 10px 0; }
iframe.fb-like                                { margin: 15px 0 0 0;  }


/*
##############
   LAYOUT
##############
*/

#main-wrapper                                 { width: 960px; margin: 0px auto; }
#header                                       { margin: 20px 0 20px 0; height: 70px; }
#nav                                          { width: 954px; height: 60px; padding: 0 0 0 7px; margin: 0 0 10px 0; background:url("http://nathanwilliam.net/wp-content/uploads/2010/06/nav-bg.jpg"); text-align: bottom; }
#blog-content                                 { width: 640px; height: auto; float: left; margin: 0 0 15px 0; }

#sidebar                                      { width: 250px; padding: 0 0 0 0; float: right; border-left: 0px solid #999; }
#footer                                       { width: 960px; height: 360px; font-size: 11px; margin: 10px 0 0 0; padding: 5px 0 0 0; border-top: 1px solid #333; background:; }
#custom-page-wrapper                          { width: 920px; height: 368px; padding: 20px; background: #000; color: #999; }

#footer-top-buffer                            { height: 10px; }

/*
##############
   POSTS
############## 
*/

#post                                         { font-size: 12px; margin: 0 0 18px 0; padding: 0 0 20px 0; border-bottom: 1px solid #e1e1e1; }
#post-meta                                    { margin: 10px 0 0 0; }
.post-pic                                     { margin: 10px 10px 10px 0; }

/*
##############
   SIDEBAR
############## 
*/

#sidebar                                      { font-size: 12px; }
#sidebar-box                                  { margin: 0 0 20px 0; text-align: left; }
#sidebar-box li                               { display: block; margin: 0px; padding: 0px; vertical-align: bottom; }

/*
##############
   PARTICULARS
############## 
*/

#navlist li                                  { display: block; background:; height: auto; margin: 0 3px; padding: 22px 0 0 5px; float: left; text-align: center; line-height: ; }                          
#navlist li a                                { color: #fff; font-weight: bold; text-decoration: none; font: Arial; }
#navlist li a:hover                          { color: #cedc85; font-weight: bold; text-decoration: none; font: Arial; }

#blog-content img                               { margin: 0 0 20px 0; }

#footer a                                    { text-decoration: none; }

.post-tile                                   { margin: 0 0 3px 0; }
.post-title a                                { color: #cedc85 }
.post-date                                   { margin: 0 0 5px 0; font-size: 11px; }

/*
##############
   PORTFOLIO PAGE
############## 
*/

#port-row                                    { width: 960px; height: 165px; margin: 20px 0 0 0; }
#port-pic                                    { width: 150px; height: 150px; float: left; margin: 0 0 20px 0; padding: 5px; border: 1px #e1e1e1 solid; background: #fafafa; }

#port-info                                   { width: 300px; float: left; padding-left: 15px; font-size: 12px; }

/*
##############
   BIO PAGE
############## 
*/

#bio-pic                                     { width: 630px; height: 300px; float: left; margin: 5px 0 20px 0; padding: 5px; border: 1px #e1e1e1 solid; background: #fafafa; }
#bio-text                                    { width: 580px; float: left; }
#awards                                      { font-size: 12px; color: #666; }

/*
##############
   BLOG
############## 
*/

#comment-wrapper                             { width: 640px; }
#comment                                     { width: 632px; height: 200px; border: 1px solid #e1e1e1; padding: 3px; margin: 10px 0 10px 0; }
#author                                      { width: 200px; border: 1px solid #e1e1e1; padding: 3px; margin: 10px 5px 0px 0; }
#email                                       { width: 200px; border: 1px solid #e1e1e1; padding: 3px; margin: 10px 5px 0px 0; }
#url                                         { width: 200px; border: 1px solid #e1e1e1; padding: 3px; margin: 10px 5px 0px 0; }
#submit                                      { width: 148px; height: 24px; }
.commentlist                                 { background: #e1e1e1; padding: 10px; }
#commentinfo                                 { width: 640px; }
.onecomment                                  { background: #f5f5f5; margin: 0 0 20px 0; padding: 20px; }
cite#name                                    { font-size: 12px; font-weight: bold; margin: 0 0 20px 0; vertical-align: top; }
#s                                           { width: 200px; border: 1px solid #e1e1e1; padding: 3px; margin: 0 0 10px 0; }
#searchsubmit                                { margin: 0 0 20px 0; }
#searchresults                               { width: 640px; float: left; }

/*
##############
   HOME
############## 
*/

#reel                                        { width: 640px; height: ; float: left; border-bottom: 10px; }
#profile                                     { width: 250px; float: right; }

.contact-form                                { border-left: 1px #e1e1e1 solid; float: right; padding: 0 0 0 20px; width: 700px; height: 640px; }