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

*{border:0;margin:0;padding:0}
h2{color:#000066;}
#innerw{margin-top:12px;padding:12px;background:transparent url(../../../images/borders.png);overflow:auto;z-index:4;}
#main{float:left;width:608px;}


/* =Home
-------------------------------------------------------------- */
.borders{padding:12px;background:transparent url(../../../images/borders.png);overflow:auto;}
.scroll-pane {
	width: 277px;
	height: 274px;
	overflow: auto;
	float: left;z-index:60;
}
#mapnews{margin-top:12px;float:left;outline:none;}
#bulletinboard{width:378px;float:right;position:relative;}
#bulletinboard h2{position:absolute;top:0;right:0;z-index:50;}
#bulletinboard h2 a{display:block;width:130px;height:128px;background:transparent url(../../../images/home/connectionboard.png) no-repeat;}
#bulletinboard h2 a span{display:none;}
#bbbkg{border:2px solid white;background:#86878a url(../../../images/home/bulletinbkg.gif) repeat-x center;padding-bottom:21px;}
#bulletinboard ul{list-style:none;font-size:11px;margin:22px 26px 0 12px;padding:0;line-height:14px;}
#bulletinboard li{margin:0;padding:0 0 20px;}
#bulletinboard li a{display:block;color:white;text-decoration:none;}
#bulletinboard li a span{font-size:10px;text-decoration:underline;}
#bulletinboard .borders{margin:12px 50px 0 0;}


.jScrollPaneDrag {background:#666 !important}
.twitpad{padding:0 15px 0 10px}
.twtr-ft{border-top:1px solid #777}
#tweeps{width:378px;float:right;position:relative;}
#tweeps h2{position:absolute;top:0;right:0;z-index:50;}
#tweeps h2 a{display:block;width:130px;height:128px;background:transparent url(../../../images/home/twitter.png) no-repeat;}
#tweeps h2 a span{display:none;}
#tweeps .borders{margin:12px 50px 0 0;}


#main h2{color:#fff;line-height:33px;text-transform:uppercase;font-size:14px;padding-left:12px;}
#main h2 a{color:#fff;text-decoration:none;}
.about #main h2{background:#faa71a url(../../../images/heads/about.gif) repeat-x;}
.connect #main h2{background:#f26522 url(../../../images/heads/connect.gif) repeat-x;}
.error h2{background:#2e3192 url(../../../images/heads/connect.gif) repeat-x;}
.archives h2{background:#2e3192 url(../../../images/heads/connect.gif) repeat-x;}
.play #main h2{background:#28903a url(../../../images/heads/play.gif) repeat-x;}
.work #main h2{background:#2e3192 url(../../../images/heads/work.gif) repeat-x;}


.search #main h2,.category-newsletter #main h2, .pressinfo #main h2, .resources #main h2{background:#2e3192 url(../../../images/heads/connect.gif) repeat-x;}
.privacypolicy #main h2, .pressinfo #main h2, .termsofuse #main h2{background:#faa71a url(../../../images/heads/about.gif) repeat-x;}

#hsc-category-introduction{background:#fff;margin:12px 0 0;padding:24px 12px 12px 0;}

.post{clear:both;background:#fff;margin:12px 0;padding-top:24px;}
.page .post{padding-bottom:24px;}
.showall{float:right;text-transform:lowercase;font-weight:normal;padding-right:12px;text-decoration:underline;}
h3{padding:0 12px 0 24px;font-size:18px;color:#000066;}
h3 a{text-decoration:none;color:#000066;}
h3 a:hover{color:#666699;}
h3 a span{display:block;font-size:16px;margin-bottom:5px;font-weight:normal;}
.posttime{color:#666;font-size:11px;}
p{padding:0 12px 12px 24px;color:#666;}
.postfoot{background:#dddedf;overflow:auto;margin-top:12px;width:100%;}
.posttags{background:#dddedf;color:#666;font-size:11px;line-height:32px;padding:4px 12px 4px 24px;}
.posttags span{color:#000066;}
.posttags a{color:#666;}
.posttags a:hover{color:#fff;}
.posttags a.post-edit-link{color:#F26522;text-decoration:none;}
.postcomments{background:#dddedf;padding:4px 12px;}
.postcomments td{line-height:32px;}
.postcomments a{text-decoration:none;color:#000066;font-size:12px;}
.postcomments a:hover{color:#666699;}
.commentbox{background:transparent url(../../../images/commentbox.gif) no-repeat;width:26px;height:32px;text-align:center;font-weight:bold;}
.postsep{border-top:1px solid #00aaeb;}
.alignleft{margin:0 12px 12px 0;}
.more-link{display:block;margin:12px 0;}
.DBrecords{clear:both;background:#fff;overflow:auto;margin:12px 0;padding-top:24px;}
.DBrecords h3{margin-bottom:12px;}
.DBrecords h4{padding:0 12px 0 24px;color:#000066;}
.play .DBrecords a{color:#8dc641;text-decoration:none;}
.work .DBrecords a{color:#3fbff3;text-decoration:none;}
.DBrecords .db-website, .DBrecords .db-morelink{display:block;}
.DBrecords .col1{clear:both;float:left;width:300px;}
.DBrecords .col2{float:right;text-align:left;width:300px;}

#main ul, #main li{list-style: square;margin-left:18px;color:#666;}
#main li{padding-right:12px;}

#comments{text-transform:uppercase;font-size:12px;color:#000066;margin-top:12px;}
#main li.comment{list-style:none;margin:6px 24px;border-bottom:1px solid #00aaeb;color:#000066;padding-top:10px;}
.comment-author{font-size:16px;}
.says{display:none;}
.comment-meta,.comment-meta a{color:#666;font-size:10px;text-decoration:none;}
#main li.comment p{padding-left:0;color:#000066;}
#respond h3{text-transform:uppercase;font-size:12px;color:#000066;margin-top:12px;}
#commentform label{font-size:11px;color:#000066;display:block;}
#commentform #submit{text-transform:uppercase;color:#fff;background:#ffc20e url(../../../images/heads/connect.gif) repeat-x left bottom;padding:4px 12px;}
#commentform textarea,#commentform #author,#commentform #email,#commentform #url{border:1px solid #00aaeb;padding:3px;}