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

Colors:
gray: #333333 #999
brown: #542B20 #4B372B
orange: #D1651E #DB6A1F #F37622
*/

/*
    RESET
*/
@import "style/css/reset.css";
@import "style/css/typography.css";
@import "style/css/layout.css";
* {margin: 0; padding:0}
html {overflow-y:scroll}
html, body {height:100%}
body {
    /*font-size:62.5%;*/
    font-family: Arial, 'Helvetica Neue', Helvetica, sans-serif;
    color:#333333;
    /*background-color:#5B5B5B;*/
    background: url(images/body-pg2.png) #333 top left repeat-x;
}
p{
    margin-top:1em;
    margin-bottom:1em;
}
.post ol {
    list-style: outside decimal;
    margin-left: 5px;
    padding-left: 10px;
}
.post ul {
    list-style:outside disc;
    list-style-image: inherit;
    margin-left: 5px;
    padding-left: 10px;
}
.post li {
    list-style-type:inherit;
    padding-top:5px;
    padding-bottom:5px;
}
.post h2 a, .post h2 a:visited {
    text-decoration:none;
}
.post h2 a:hover {
    text-decoration:underline;
}
blockquote {
    padding-left:10px;
    margin:10px 40px 10px 20px;
    font-style:italic;
    border-left: 5px solid #F37622;
}
/*
    UTILITY
*/
.floatleft {float:left}
.floatright {float:right}
.clearboth {clear:both}

/*
    STRUCTURE
*/
#page-wrap {width:960px;
    margin: 0 auto 0px;
    /*min-height:100%;
    height:auto !important;
    height:100%;*/

    background: url(images/content-bg.png) top center repeat-y #FFF;
}
#push {height:250px;}
#header {background: url(images/header3.png) top center no-repeat;
    height:201px;
    width:960px;
}
#page-nav {
	margin: 0;
    height:37px;
    width:400px;
    position:absolute;
    bottom:37px;
    right:0;
}
#page-nav ul {
    list-style: none;
}
#page-nav li {
    display:inline;
    float:right;
    width:76px;
    height:36px;
    background-color:#DB6A1F;
    border:1px solid #4B372B;
    border-top:0;
    border-right:0;
    padding:0;
}
#page-nav li a,
#page-nav li a:visited {
    display:block;
    padding:8px;
    overflow:hidden;
    text-align:center;
    color:#333333;
    font-size:16px;
    font-weight:bold;
    text-decoration:none;
}
#page-nav li a:hover {
    background-color:#F37622;
}
#site-search {
    margin: 0;
    height:24px;
    width:205px;
    position:absolute;
    bottom:6px;
    left:198px;
}
#searchsubmit, #commentsubmit {
    float:left;
    clear:right;
    display:block;
    height:22px;
    margin-top:0;
    background-color:#F37622;
    border:1px solid #333333;
    font-family: Arial,sans-serif;
    color:#333333;    
    font-weight:bold;
    font-size:14px;
    padding:0 2px 0 2px;
}
#s {
    float:left;
    clear:left;
    color:#333;
    font-size:14px;
    padding-bottom:0;
    padding-left:5px;
    height:20px;
    width:160px;
    border:1px solid #000;
}
#searchsubmit:hover {
    background-color:#FF8228;
}
#sidebar {
    float:left;
    width:190px;
    background: url(images/sidebar-reflection.png) top center no-repeat #BDBDBD;
    border-right:1px solid #999;
    padding:20px 0 20px 0;
}
#sidebar h2 {
    margin-top:20px;
}
#sidebar ul {
}
#sidebar li {
    margin-left:10px;
}
#sidebar li a, #sidebar li a:visited {
	color:#333;
	font-size:12px;
	}
#content{
    float:right;
    width:710px;
    padding:20px 30px 20px 20px;
}
#comment {
    width:690px;
    margin-bottom:5px;
}
#commentform label {
    font-size:80%;
}
#commentform #authorname, #commentform #authoremail, #commentform #authorwebsite{
    width:410px;
    text-align:right;
    margin-top:10px;
}
#commentform p {
    font-size:80%
}
#commentform p code{
    font-size:110%
}
#commentform a, #commentform a:visited {
    color:#542B20;
}
.commentlist p a, .commentlist p a:visited {
    font-size:80%;
    color:#542B20;
}
.post-nav {
	clear: both;
	padding: 20px 0px;
}
.post-nav a, .post-nav a:visited {
    font-size:80%;
	color: #404040;
}
.previous-entries {
	float: left;
	padding-left: 18px;
	background: url(images/older_arrow.png) no-repeat left center;
}
.next-entries {
	float: right;
	padding-right: 18px;
	background: url(images/newer_arrow.png) no-repeat right center;
}
#footer{
	font-size:12px;
    clear:both;
    background: url(images/footer.png);
    height:80px;
}
#copyright{
	width:480px;
    float:right;
    line-height: 150%;
    text-align:right;
    position:absolute;
    top:10px;
    right:10px;
}
#copyright p{
    color:#CCC;
}
#copyright a:link, #footer p a:visited{
    color:#fff;
}
#rss{
    float:left;
    text-align:left;
    position:absolute;
    top:7px;
    left:220px;    
    color:#000;
}
#rss a, #rss a:visited {
		color:#542B20;
		background: url(images/feed-icon-14x14.png) no-repeat left center;
		padding-left: 18px;
		margin-right:8px;
}
.post {
    line-height:140%;
    border-bottom:3px solid #542B20;
    padding-bottom:10px;
    margin-bottom:15px;
}
.post h2{
    color:#542B20;
    font-family:Palatino, 'Palatino Linotype', 'Hoefler Text', Times, 'Times New Roman', serif;
    font-size:26px;
    line-height:105%;
}
.featured, .featured a, .featured a:visited {
    font-size: 20px;
    color:#333333;
}
.featured a:hover {
    text-decoration:underline;
}
.post a, .post a:hover, .post a:visited {
    color:#542B20;
    text-decoration:underline;
}
p a.read-the-rest:link, p a.read-the-rest:visited {
    color:#D1651E;
    font-size:12px;
    padding-left: 5px;
    padding-right: 18px;
	background: url(images/newer_arrow.png) no-repeat right center;
}
/*
    POST META-DATA
*/
#post-meta {
    float:right;
    text-align:left;
    width:480px;
    height:20px;
    position:absolute;
    top:-39px;
    right:0;
    color:#D1651E;
    font-size:12px;
}
p.multi-post-meta {
    color:#D1651E;
    font-size:12px;
    margin-bottom:5px;
}
#post-meta a,
#post-meta a:visited,
.multi-post-meta a,
.multi-post-meta a:visited{
    text-decoration:underline;
}
.post-comments a,
.post-comments a:visited{
    color:#D1651E;
}
.post-cat {
    color:#542B20;
}
.after-post {
    font-size:80%;
    line-height:100%;
}