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

/*  
Theme Name: Grid Focus Public
Theme URI: http://5thirtyone.com/
Description: Grid aligned left
Version: 1.0
Author: Derek Punsalan
Author URI: http://is.derekpunsalan.com/

Notes: Inspired and created for minimalist, content focused blogs 
or websites. Customize, edit, poke, prod, and adapt to your own 
style. Please leave credit where credit is due so that others may
find the source for your site and adapt a suitable version for their
own website.
*/

/* GENERAL */

html,body{
	color:#333333;
	line-height:1.3em;
}

body{
	font:12px arial,helvetica,verdana,sans-serif;
}

hr {
background-color: #DDDDDD;
border: 0;
height: 1px;
margin: 0;
}

#wrapper{
	margin:0px auto;
	text-align:left;
	width:800px;
}
 
#masthead{
	padding:0px;
	height:192px;
}

#postnavigation{
	position:relative;
}

.alignleft {
	float:left;
}

.alignright {
	float:right;
}

/* NAV */

ul.nav{
	list-style:none;
}

.nav li.main{
	display:block;
	width:140px;
	background:url(images/blue_bullet.jpg) no-repeat 10px 9px;
}

.nav li.main a{
	font-size:12px;
	outline:none;
	color:#4e83b9;
	font-weight:bold;
	text-decoration:none;
	display:block;
	padding:5px 0px 5px 24px;
	width:140px;
	/*text-transform:uppercase;*/
}

.nav li.main a:hover{
	/*background:#b9b09e;*/
	color:#a80000!important;
	width:140px;
}

.nav li.sub{
	display:block;
	width:140px;
	background:url(images/red_bullet.jpg) no-repeat 24px 8px;
}

.nav li.sub a{
	font-size:12px;
	outline:none;
	color:#4e83b9;
	font-weight:normal;
	text-decoration:none;
	display:block;
	padding:5px 0px 5px 38px;
	width:140px;
}

.nav li.sub a:hover{
	color:#a80000!important;
	width:140px;
}

* html .nav li a:hover{
	background:#333;
	width:99px;
}

li.top{
	border-left:1px solid #DDD;
	float:right;
	display:block width:100px;
}

li.top a{
	width:100px;
}

/* LAYOUT */

#container{
  background-color:#F7F7F7;
  float:left;
  width:489px;
  margin-left:154px;
  border-left:154px solid #EEFEF; » 
  /* The width and color of the left rail */
  border-right:130px solid #EFEFEF; » 
  /* The width and color of the right rail */
}

#navCol{
	float:left;
	width:154px;
	margin:0px 0px 25px -154px;
	position:relative;
}

#mainCol{
	float:left;
	width:459px;
	margin-right:-459px;
	padding: 0px 15px 30px 15px;
}

#rightCol{
	float:right;
	width:130px;
	margin:0px -130px 25px 0px;
	position:relative;
}

#rightColPadding {
	padding-left:20px;
}

/* TEXT */

p {
	line-height:18px;
	margin-bottom:10px;
}

h1{
	font-size:36px;
	font-weight:bold;
	color:#4e83b9;
	line-height: 40px;
	padding-bottom:5px;
	border-bottom:1px solid #DDDDDD;
	margin-bottom:10px;
}

h2{
	color:#a80000;
	font-weight:normal;
	font-size:20px;
	padding-top:0px;
	padding-top:6px;
}

h3{
	color:#a80000;
	font-weight:normal;
	font-size:16px;
}

h4, .hidden, .widgettitle{
	color:#a80000;
	font-weight:normal;
	font-size:16px;
	border-bottom:1px solid #DDDDDD;
	padding-bottom:6px;
	margin-bottom:6px;
}

#mainCol h4 {
	padding-top:10px;
}

.post_details {
	font-size:10px;
	line-height:12px;
}

.comment_details {
	font-size:10px;
}

.underline{
	border-bottom:1px solid #DDDDDD;
	margin-bottom:10px;
}

.intro_text{
	color:#4e83b9;
	font-size:14px;
	line-height: 20px;
}

.blue_text{
	color:#4e83b9;
}

.small_text{
	font-size:11px;
}

.xsmall_text{
	font-size:10px;
}

#footer p {
	padding-top: 7px;
	border-top: 1px solid #4e83b9;
	font-size: 10px;
}

#footer p a{
	font-weight:bold;
	font-size: 9px;
	color:#4e83b9;
}

/* FLOATS */

.floatleft{
	float:left;
	margin:3px 7px 0 0;
}

.floatright{
	float:right;
	margin:3px 0 0 7px;
}

.right{
	float:right;
}

.left{
	float:left;
}

.clear{
	clear:both;
}

.fix:after{
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
}

.fix{
	display:inline-block;
}

* html .fix{
	height:1%;
}

.fix{
	display:block;
}

/* BOXES */

.post-date {
	width: 40px;
	height: 40px;
	float:left;
	margin-right:5px;
	background: url(images/date-bg.gif) no-repeat;
}
.post-month {
	font-size: 11px;
	text-transform: uppercase;
	color: #FFFFFF;
	text-align: center;
	display:block;
	line-height: 11px;
	padding-top: 5px;
	margin-left: -3px;
}
.post-day {
	font-size: 18px;
	text-transform: uppercase;
	color: #FFFFFF;
	font-weight:bold;
	text-align: center;
	display:block;
	line-height: 18px;
	padding-top: 2px;
	margin-left: -3px;
}
.comment-box{
	width: 40px;
	height: 40px;
	float:left;
	margin-right:5px;
}
.comment-number {
	font-size: 30px;
	text-transform: uppercase;
	color: #DDDDDD;
	text-align: center;
	display:block;
	line-height: 18px;
	padding-top: 6px;
	margin-left: -3px;
}

/* LINKS */

a{
	color:#4e83b9;
	font-weight:bold;
	text-decoration:none;
}

a:hover{
	color:#a80000;
}

h2 a:link, h2 a:active, h2 a:visited {
	color:#a80000;
	font-weight:normal;
}

h2 a:hover {
	color:#4e83b9;
	font-weight:normal;
} 

#comments_wrap ol li {
	background-color: #FFFFFF;
	padding:10px;
	margin-bottom:10px;
}

.alt {
	background-color: #FFFFFF;
	padding:10px;
	margin-bottom:10px;
}

/* MISC */

.formpad {
	padding-bottom:5px;
	margin-bottom:5px;
}

.comments {
	margin-bottom:8px;
}

#mainCol ul li {
	display:block;
	padding:5px 0px 5px 24px;
	background:url(images/blue_bullet.jpg) no-repeat 10px 9px;
}

#mainCol ul {
	padding-bottom:20px;
}

#rightCol ul li {
	padding-bottom:20px;
}

#rightCol ul li ul li{
	display:block;
	width:140px;
	padding-bottom:0px;
	background:url(images/blue_bullet.jpg) no-repeat 10px 9px;
}

#rightCol ul li ul li a{
	font-size:12px;
	outline:none;
	color:#4e83b9;
	font-weight:bold;
	text-decoration:none;
	display:block;
	padding:5px 0px 5px 24px;
	width:140px;
}