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

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

/* Main elements */

body {
font-family:helvetica, arial, verdana, sans-serif;
font-size:15px;
color:#5b5d5d;
}

a, a:visited {
color:#f7730e;
}

a:hover {
color:#263c49;
}

div#container {
width:1000px;
margin:0 auto;
text-align:left;
}

/* Header elements */

div#header {
margin-bottom:35px;
}

div#header img#hd-logo {
float:left;
margin:0 0 35px 0;
}

div#header img#updates {
float:right;
margin:5px 50px auto auto;
}

div #header img#strapline {
margin-top:47px;
padding-left:35px; 
}

/* Sidebar elements */

div#sidebar {
width:315px;
float:left;
color:#354044;
}

div#sidebar li#nav {
background-color:#263c49;
padding:5px 12px;
font-size:24px;
color:#ffffff;
line-height:1.2em;
letter-spacing:1px;
}

div#sidebar li#nav .nav-subtitle {
font-size:22px;
vertical-align:text-bottom;
font-weight:200;
}

div#sidebar li#nav li {
padding-top:12px;
padding-bottom:12px;
}

div#sidebar li#nav a, div#sidebar li#nav a:visited {
color:#ffffff;
text-decoration:none;
}

div#sidebar li#nav a:hover {
color:#f7730e;
text-decoration:none;
}

li#nav li .nav-title {
font-weight:700;
}

div#sidebar img.sep {
margin:18px 30px;
}

div#sidebar li.talking-about h2 {
font-weight:300;
font-size:24px;
}

div#sidebar li.talking-about {
margin-left:5px;
}

div#sidebar li.talking-about li {
font-size:18px;
padding:7px 0;
letter-spacing:1px;
}

div#sidebar li.talking-about li img {
padding-right:5px;
}

div#sidebar li.talking-about a, div#sidebar li.talking-about a:visited {
color:#484949;
text-decoration:none;
font-weight:200;
}

div#sidebar li.talking-about a:hover {
color:#f7730e;
text-decoration:none;
}

div#sidebar .archives-link {
float:right;
}

div#sidebar .archives-link {
font-size:20px;
padding:10px 0;
}

div#sidebar li.talking-about a.archives-link, div#sidebar li#about a.archives-link {
color:#8dc531;
}

div#sidebar li.talking-about a:hover.archives-link, div#sidebar li#about a:hover.archives-link {
color:#707070;
text-decoration:none;
}

div#sidebar li#about {
font-size:20px;
line-height:1.5em;
padding-bottom:10px;
}

div#sidebar li#about img.headshot {
padding:35px 0 30px 0;
}

input#s {
background-color:#dbd9d9;
border:none;
height:32px;
width:225px;
font-size:24px;
}

input#searchsubmit {
margin-left:10px;
}

/* Main body elements */

div#main {
width:635px;
float:right;
margin-right:10px;
}

div.entry-head {
padding-bottom:13px;
margin-left:70px;
}

div#main h2 {
font-weight:300;
color:#263c49;
font-size:32px;
padding-bottom:10px;
line-height:.98em;
}

div#main h2 a, div#main h2 a:visited {
color:#263c49;
text-decoration:none;
}

div#main h2 a:hover {
color:#f7730e;
}

.date {
color:#f7730e;
font-size:24px;
line-height:1.3em;
letter-spacing:3px;
width:33px;
position: absolute;
font-weight:normal;
background:#e4e7ea;
padding:3px;
}

div#main p {
padding:10px 0;
line-height:1.4em;
}

div#main p#archivepage {
padding:5px 0;
line-height:1.4em;
}

div#main li {
line-height:1.4em;
}

div#main h3, div#main h4 {
padding:10px 0;
}

div#main h3 {
font-weight:500;
font-size:26px;
color:#263c49;
}

div#main h4 {
font-weight:500;
font-size:22px;
color:#484949;
}

div#main h5 {
padding-top:15px;
}

div#main blockquote {
padding-left:10px;
margin:15px 50px;
border-left:10px solid #263c49;
}

div#main p.meta {
text-transform:uppercase;
color:#484949;
font-size:13px;
letter-spacing:0.05em;
}

div#main ul li, div#main ol li {
margin:15px auto 15px 50px;
}

div#main ul li {
list-style-type:disc;
}

div#main ol li {
list-style-type:armenian;
}

div#main ul#page-nav {
display:inline;
padding-bottom:25px;
}

div#main li.older-nav, div#main li.newer-nav {
list-style-type:none;
margin:0;
}

div#main li.older-nav {
}

div#main li.newer-nav {
float:right;
}

/* Comments elements */
div#comments {
margin-top:20px;
}

div#comments ol li {
margin-left:0;
list-style-type:none;
}

div#comments ol li.alt {
background-color:#e4e7ea;
padding:8px 5px 2px 8px;
}

div#comments input {
background-color:#e4e7ea;
border:none;
height:28px;
width:375px;
font-size:18px;
padding:1px;
color:#484949;
}

div#comments textarea {
background-color:#e4e7ea;
border:none;
height:175px;
width:375px;
font-size:18px;
padding:1px;
color:#484949;
}

/* Footer elements */

div#footer {
clear:both;
font-size:11px;
text-align:right;
padding:15px 0;
}

.alignleft {
padding:0 10px 10px 0;
}