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

/* RESET */
*, html, body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, label, fieldset, input, p, blockquote, th, td { margin:0; padding:0 }
table { border-collapse:collapse; border-spacing:0 }
fieldset, img { border:0 }
address, caption, cite, code, dfn, em, strong, th, var { font-style:normal; font-weight:normal }
ol, ul, li { list-style:none }
caption, th { text-align:left }
h1, h2, h3, h4, h5, h6 { font-size:100%; font-weight:normal }
q:before, q:after { content:''}

strong { font-weight:bold }
em { font-style:italic }
a img { border:none }

/* TYPOGRAPHY */
body { font: normal normal normal 14px/1.6 Georgia, Times, "Times New Roman", serif; color: #444; }

h1, h2, h3, h4, h5, h6 { font-weight: normal; clear: both; font-family: Georgia, Times, "Times New Roman", serif; color: #333; }
h4, h5, h6 { font-weight: bold; }
h1 { font-size: 24px; line-height: 28px; padding: 5px 0px; }
h2 { font-size: 20px; line-height: 22px; padding: 5px 0px; }
h3 { font-size: 16px; line-height: 20px; padding: 5px 0px; }
h4 { font-size: 14px; line-height: 18px; padding: 5px 0px; }
h5 { font-size: 12px; line-height: 18px; padding: 5px 0px; }
h6 { font-size: 10px; line-height: 16px; }

a { color: #2786C2; text-decoration: none; }
a:hover { text-decoration: underline; }
.alert { background:red; color:white }

/* LAYOUT */
p { margin-bottom: 15px; }

#wrapper { margin: 0 auto 30px; width: 960px; padding: 0 10px 10px; background: #fff; }
#container { margin: 0 auto; width: 960px; background: #fff; }
#container-inner { padding: 20px; }
#header { margin: 0 auto; width: 960px; }
#content { overflow: hidden; }
#primary { display: inline; overflow: hidden; width: 600px; float: left; padding: 0 10px 0 0; border-right: dotted 0px #ddd; }
#aside { display: inline; overflow: hidden; width: 298px; float: right; padding: 0; background: #ededed;}
#footer { clear: both; margin: 0 auto; width: 960px; background: #333; color: #ccc; }
#footer-inner { padding: 20px; }
.sidebar { }

.alignleft { float: left; margin-right: 20px; margin-top: 5px; }
.alignright { display: block; float: right; margin-left: 20px; margin-top: 5px; }
.aligncenter { margin-left: auto; margin-right: auto; display: block; clear: both; margin-top: 5px; }
.wp-caption { border:1px solid #666; text-align:center; background:#ccc; padding:10px; margin:10px }
.wp-caption { border:0px solid #666; text-align:center; background:#ededed; padding:0px; margin:0px }

br.clear { clear:both; display:block; height:1px; margin:-1px 0 0 0 }
li#theme-switcher { background:#fff; border:10px solid red; padding:20px; position:fixed; top:0; right:0 }

body { background: #eee; }/*e7e7de*/

#header { background: #fff; position: relative; }
#header h1 { font-style: italic; font-weight: bold; font-size: 28px; text-transform: lowercase; padding: 20px; }
#header h1 a { text-decoration: none; color: #2786C2; }
#header h1 a:hover { color: #444; text-decoration: underline; }/*00AEEF*/
#header .search { position: absolute; right: 20px; top: 20px; }
#header #blog-feeds { position: absolute; right: 20px; top: 20px; }
#header #blog-feeds a { background: #fff url(style/images/rss_16.png) no-repeat 0 2px; padding-left: 20px; }

.menu { margin: 0 auto; width: 960px; background: #fff; border-bottom: dotted 1px #BDB9B9; }
.menu ul { overflow: hidden; margin: 0 20px; }
.menu ul li { float: left; border-right: solid 0px #fff; padding-right: 8px; margin: 5px; }
/*00AEEF*/
.menu ul li a { display: block; color: #2786C2; padding: 0px; text-decoration: none; outline: 0; text-transform: uppercase; }
.menu ul li a:hover { text-decoration: underline; background: #E8F5FB; }

.hentry { margin-bottom: 35px; padding-bottom: 20px; border-bottom: dotted 1px #ccc; }
.hentry h2.entry-title { font-style: italic; font-weight: bold; font-size: 22px; margin-bottom: 5px; }
.hentry h2.entry-title a { text-decoration: none; color: #444; }
.hentry h2.entry-title a:hover { text-decoration: underline; color: #2786C2; }

.post ul, .post ol { padding: 0 0 0 35px; margin-bottom: 10px; }
.post ul, .post ul li { list-style-type: disc; }
.post ol, .post ol li { list-style-type: decimal; }

.entry-content a { text-decoration: underline; }
.entry-content a:hover { background: #E8F5FB; }

.entry-header { font: normal normal normal 11px Verdana,Helvetica,sans-serif;/*font-style: italic; font-size: 12px;*/ margin-bottom: 10px; padding: 2px 0px; color: #777; }
.entry-footer { font-style: italic; font-size: 12px; padding: 10px 0; color: #666; text-align: right; }
.entry-footer .entry-tags a { text-decoration: none; background: #e9e9e9; color: #444; padding: 2px 5px; font: italic normal normal 11px Georgia, Times, "Times New Roman", serif; -moz-border-radius: 2px; -webkit-border-radius: 2px; }
.entry-footer .entry-tags a:hover { background: #BEE5FC; text-decoration: none; }

h3.widget-title { font-style: italic; font-weight: bold; font-size: 14px; border-bottom: dotted 1px #ddd; color: #666; background: #fff; padding: 10px 5px; line-height: 1; }

/* WIDGETS */
.widget { margin-bottom: 20px; background: #fff; margin: 10px; font: normal normal normal 11px/1.6 Verdana,Helvetica,sans-serif; }
.widget #recentcomments li { margin-bottom: 0; }
.widget #recentcomments li.recentcomments { border-bottom: dotted 1px #ddd; padding: 2px 0; }
.widget ul li { margin-bottom: 5px; }
.widget-inner { padding: 10px; }
.widget_categories a:hover { background: #BEE5FC; }
.widget_categories ul.children { margin-left: 10px; }
.widget_search .search-text { width: 250px; }
.widget_search .search-submit { width: 100%; display: none; }
.widget-condensed-archives select { margin-top: 10px; font: normal normal normal 11px/1.6 Verdana,Helvetica,sans-serif; color: #2786C2; padding: 2px 3px; }
.widget_flickrRSS .widget-inner { text-align: center; }
.widget_flickrRSS img { margin: 0 5px 5px 0; }

/* COMMENTS */
.commentlist { margin-top: 20px; }
.commentlist li.comment { padding: 10px 10px 10px 52px; background: #FAF9F6; position: relative; border-top: dotted 1px #BDB9B9; }
.comment .depth-2, .comment .depth-3, .comment .depth-4, .comment .depth-5 { border-top: dotted 1px #BDB9B9; margin-top: 10px; }
.comment .reply a { font-size: 11px; }
.commentlist img.avatar { position: absolute; left: 10px; top: 10px; }
.commentlist cite.fn, .commentlist cite.fn a { font-weight: bold; }
.commentlist div.comment-meta { font-size: 10px; font-family: Verdana,Helvetica,sans-serif; position: absolute; right: 10px; top: 5px; }
.commentlist .says { display: none; }
#comment { width: 95%; padding: 5px; font: normal normal normal 14px Georgia, Times, "Times New Roman", serif; margin-bottom: 10px; color: #444; }
#respond { background: #FAF9F6; padding: 10px; border-top: dotted 1px #BDB9B9; }
#comments h3, #respond h3 { font-weight: bold; font-style: italic; }

#post-navigation { display: none; }
.archive-navigation { margin: 30px 0; }
.archive-navigation ul { list-style-type: none; margin: 0; padding: 0; overflow: hidden; }
.archive-navigation ul li a { display: block; width: 150px; font: italic normal bold 18px Georgia, Times, "Times New Roman", serif; }
.archive-navigation ul .left { float: left; }
.archive-navigation ul .right { float: right; text-align: right; }

#copyright { font-style: italic; }

/* Forms */
input, textarea, button { background: #fafafa; border-color: #aaa #ddd #ddd #aaa; border-style: solid; border-width: 1px; }
input, textarea, button { padding: 3px; color: #444; }
button { font: 12px; padding: 2px 10px; cursor: pointer; }
input#submit, input.search-submit { font: italic normal bold 12px Georgia, Times, "Times New Roman", serif; background: #2786C2; color: #fff; cursor: pointer; outline: 0; }
input.search-text { font: normal normal normal 11px Arial, "Helvetica Neue", Helvetica, sans-serif; }
input:focus, textarea:focus, button:hover { background: #fff; border-color: #777 #ccc #ccc #777; }