/*
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";

/* page structure */
body { margin: 0; padding: 0; background-color: #fff; color: #565a5c; font: normal 11px/15px "Lucida Grande", "Lucida Sans Regular", "Lucida Sans Unicode", Arial, sans-serif; }
#wrapper { width: 928px; margin: 0; padding: 30px 0 0 32px; }
#header { width: 928px; height: 300px; margin: 0; padding: 0; }
#page { padding: 0; margin: 16px 0 0 0; height: 100%; }
#footer { width: 680px; margin: 0; padding: 4px 0 32px 0; border-top: 1px solid #cecfcb; }

/* global text styles */
		
h1 { color: #565a5c; font: normal 21px/21px Cambria, Georgia, serif; margin: 0 0 4px 0; padding: 0; }
h2 { color: #565a5c; font: normal 14px/15px Cambria, Georgia, serif; margin: 0 0 8px 0; padding: 0; }
h3 { color: #565a5c; font: italic 13px/15px Cambria, Georgia, serif; margin: 0 0 4px 0; padding: 0; }
h4 { color: #565a5c; font: bold 11px/15px "Lucida Grande", "Lucida Sans Regular", "Lucida Sans Unicode", Arial, sans-serif; margin: 0 0 2px 0; padding: 0; }
h5 { color: #565a5c; font: bold italic 11px/15px "Lucida Grande", "Lucida Sans Regular", "Lucida Sans Unicode", Arial, sans-serif; margin: 0 0 2px 0; padding: 0; }
p { font: normal 11px/15px "Lucida Grande", "Lucida Sans Regular", "Lucida Sans Unicode", Arial, sans-serif; margin: 0 0 14px 0; padding: 0; }
a:link, a:visited { display: inline; background-color: transparent; color: #565a5c; text-decoration: none; cursor: pointer; text-indent: 0; }
a:hover { color: #009fda; text-decoration: none; border-bottom: 1px dotted #a2a4a3; cursor: pointer; }
a:active { color: #DA487E; text-decoration: none; cursor: pointer; }
img { border: 0; }
hr { border: 0; background-color: #cecfcb; color: #cecfcb; height: 1px; width: 100%; margin: 12px 0 0 0; }
blockquote { width: 90%; margin: 0 auto; }
i { font-style: italic; }
b { font-weight: bold; }

/* header styles */
#navBar { width: 928px; height: 40px; margin: 23px 0 1px 0; padding: 0; background-color: #565a5c; color: #fff; font-size: 9px; line-height: 12px; }
#navBar ul { float: left; margin: 0; padding: 0; list-style: none; }
#navBar ul li { float: left; width: 115px; height: 40px; margin: 0; padding: 0; border-right: #a2a4a3 solid 1px; }
a:link.topNav { display: block; width: 99px; height: 32px; margin: 0; padding: 8px 0 0 16px; color: #e6e7e5; background-color: #565a5c; text-decoration: none; cursor: pointer; }
a:visited.topNav { display: block; width: 99px; height: 32px; margin: 0; padding: 8px 0 0 16px; color: #e6e7e5; background-color: #565a5c; text-decoration: none; cursor: pointer; }
a:hover.topNav { color: #565a5c; background-color: #fadc41; text-decoration: none; cursor: pointer; border: none; }
form.searchBox { float: right; width: 232px; height: 40px; margin: 0; padding: 0; }
form.searchBox input { color: #565a5c; background-color: #e6e7e5; border: none; font: 9px/9px 'Lucida Grande', 'Lucida Sans Regular', 'Lucida Sans Unicode', Arial, sans-serif; width: 216px; height: 16px; margin: 8px 0 0 0; padding: 0; }
#photoBlock { width: 928px; height: 194px; margin: 0; padding: 0; }

/* left column styles*/
.leftColumn { float: left; width: 100px; margin: 2px 0 0 0; padding: 0; vertical-align: top; }

/* main content styles*/
.postContainerOuter { margin: 0 248px 0 0; padding: 8px 0; vertical-align: top; border-top: 1px solid #565a5c; }
.postContainerOuter_SP { margin: 0 248px 0 0; padding: 0 0 8px 0; vertical-align: top; border-top: 1px solid #565a5c; }
.postDate { color: #a2a4a3; }

.postContainerMiddle { margin: 0 0 0 116px; padding: 0; vertical-align: top; }
.postContainerMiddle_SP { margin: 0; padding: 8px 0 0 0; vertical-align: top; }
.postContainerMiddle_S { margin: 0; padding: 8px 0 0 0; border-top: 1px solid #cecfcb; vertical-align: top; }
.postTitle { }

.postContainerInner { border-top: 1px solid #cecfcb; margin: 0; padding: 8px 0 0 0; vertical-align: top; }
.postContainerInner_SP { border-top: 1px solid #cecfcb; margin: 0; padding: 8px 0 0 0; vertical-align: top; }
.postContainerInner_S { border: none; margin: 0 0 0 116px; padding: 0; vertical-align: top; }
.postAuthor { }
.postArticle { margin-left: 116px; }
.morePost { font-size: 9px; font-style: italic; font-weight: bold; }
.postFooter { margin-top: 0; font-size: 9px; line-height: 12px; }
.postSummary { margin-top: 0; font-size: 9px; line-height: 12px; border-top: 1px solid #cecfcb; padding-top: 4px; }
.postContainerOuter a:link, .postContainerOuter a:visited { display: inline; background-color: transparent; color: #565a5c; text-decoration: none; cursor: pointer; }
.postContainerOuter a:hover { color: #009fda; text-decoration: none; border: none; cursor: pointer; }
.postContainerOuter a:active { color: #DA487E; text-decoration: none; cursor: pointer; }
.postArticle ul { margin: 0 0 14px 16px; padding: 0; list-style: url(style/images/bullet.gif); }
.postArticle ul li { list-style-image: url(style/images/bullet.gif); }
.archiveHead { font-size: 18px; }
.archiveAuthor { font-size: 12px; font-style: italic; }
.spaceAdd { padding: 24px 0; }
.postArticle a:link, .postArticle a:visited { display: inline; background-color: transparent; color: #002395; text-decoration: none; cursor: pointer; text-indent: 0; }
.postArticle a:hover { color: #009fda; text-decoration: none; cursor: pointer; }
.postArticle a:active { color: #DA487E; text-decoration: none; cursor: pointer; }


/* comment box styles */
ul.commentlist { margin: 0 0 16px 0; padding: 0; }
ul.commentlist li { margin: 0; padding: 8px 8px 8px 16px; background-color: #e6e7e5; border-bottom: 1px solid #fff; font-size: 9px; line-height: 11px; }
ul.commentlist li p { margin: 0; padding: 8px 0 8px 100px; font-style: italic; }
#commentform { margin: 0; padding: 0; width: 564px; }
#commentform p { margin: 0 0 8px 0; padding: 0; }
input.commBox { color: #565a5c; border: 1px solid #cecfcb; font: 9px/11px 'Lucida Grande', 'Lucida Sans Regular', 'Lucida Sans Unicode', Arial, sans-serif; width: 224px; height: 16px; margin: 0 8px 0 0; padding: 0; }
textarea.addComm {width: 564px; height: 100px; color: #565a5c; border: 1px solid #cecfcb; font: 9px/9px 'Lucida Grande', 'Lucida Sans Regular', 'Lucida Sans Unicode', Arial, sans-serif; margin: 0 0 8px 0; padding: 0; }
input.submitBtn { display: block; width: 115px; height: 30px; border: none; padding: 0 0 0 16px; color: #e6e7e5; background-color: #565a5c; font-size: 9px; line-height: 12px; text-align: left; }
input.submitBtn:hover { color: #565a5c; background-color: #fadc41; cursor: pointer; }

/* right column styles*/
#rightColumn { float: right; width: 232px; margin: 0; padding 0; vertical-align: top; border-bottom: 1px solid #cecfcb; }
#rightColumn h2 { padding: 4px 0; border-top: 1px solid #565a5c; border-bottom: 1px solid #cecfcb; }
#rightColumn ul { margin: 0 0 14px 16px; padding: 0; list-style: url(style/images/bullet.gif); }
#rightColumn ul li { list-style-image: url(style/images/bullet.gif); }

/* footer styles*/
#footer p { margin: 0; padding: 0; font-size: 9px; }