/*
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: 14px/1.75em helvetica, arial, verdana, sans-serif;
text-align:center;
color:#4c4c4c;
}

a, a:visited {
color:#be0b2c;
text-decoration:none;
}

a:hover {
color:#00a0c6;
}

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

/* Header elements */

img#hd-rotate {
float:right;
width:309px;
margin:0 10px 0 0;
}

img#hd-logo {
margin-top:25px;
padding-left:110px;
}

div#menu div#dummy-container {
width:1000px;
}

ul#menu {
font-family:Georgia, "Times New Roman", Times, serif;
font-size:20px;
text-transform:lowercase;
position:absolute;
width:998px;
height:52px;
background:url(images/bg-nav.png);
background-repeat:no-repeat;
margin:14px 1px 0 1px;
padding:10px 0 13px 70px;
z-index:50;
}

ul#menu li {
display:block;
float:left;
padding:0 11px;
}

ul#menu li a, ul#menu li a:visited {

color:#ffffff;
text-decoration:none;
}

ul#menu li ul {
	border:1px solid red;
	overflow:hidden;
	display:none;
}

ul#menu li:hover ul {
	border:1px solid #bfe2e8;
	width:150px;
	overflow:hidden;
	display:block;
	background-color:#80CCDA;
}

ul#menu li:hover ul li{
	padding:10px;	
}

ul#menu li:hover ul li a {
}

ul#menu li a:hover {
color:#be0b2c;
}

/* Main body elements */

div#main {
float:left;
width:620px;
padding:0 5px 0 10px;
margin-top:80px;
line-height:1.3em;
overflow:hidden;
display:block;
}

div#main .date {
	width:30px;
	float:left;
	text-align:center;
	border-right:1px solid #4c4c4c;
	margin: -10px 10px 0 0;
	padding:10px;
	line-height:normal;
	overflow:hidden;
	display:block;
}

div#main .date .day {
	font-weight:bold;
	color:#cc1e3c;
	font-size:20px;
}

div#main .date .month {
	text-transform:uppercase;
	color:#4c4c4c;
}

div#main .date .year {
	font-size:14px;	
	color:#80ccda;
	font-family:Georgia, "Times New Roman", Times, serif;
}

div#main legend {
font-family:Georgia, "Times New Roman", Times, serif;
font-size:20px;
color#80ccda;
text-transform:lowercase;
}

div#main h2 {
	padding:20px 0;
	font-family:Georgia, "Times New Roman", Times, serif;
        font-size:20px;
        color:#80ccda;
        text-transform:lowercase;
        font-weight:500;
}


div#main h2 a, div#main h2 a:visited {
color:#80CCDA;
text-decoration:none;
font-weight:normal;
}

div#main h2 a:hover {
color:#be0b2c;
text-decoration:none;
}

div#main p.title-meta {
font-size:11px;
padding-bottom:18px;
color:#6c6f6f;
}

div#main p {
padding-bottom:25px;
font-size:12.5px;
}

div#main h3, div#main h4 {
padding-bottom:25px;
}

div#main h3 {
font-size:20px;
font-weight:500;
}

div#main h4 {
font-size:17px;
font-weight:500;
color:#be0b2c;
}

div#main blockquote {
width:440px;
background-image:url(images/quote.gif);
background-repeat:no-repeat;
padding-left:28px;
margin-left:85px;
}

div#main .divider {
width:80%;
padding:0 0 20px 0;
display:block;
margin:0 auto;
border-top:1px dotted red;
}

div#comments {
padding-top:20px;
}

/*tutorials*/

ul.tutorials {
	clear:both;
	overflow:hidden;
	width:820px;
	margin: 0 auto;
}

ul.tutorials li {
	float:left;
	padding: 0 0 5px 10px;
}



/* Sidebar elements */

div#sidebar {
margin-top:20px;
width:310px;
float:right;
border-left:1px solid #80ccda;
padding: 0 0 0 10px;
}

div#sidebar p {
padding-bottom:15px;
}

div#sidebar li#strapline {
text-align:center;
font-family:Georgia, "Times New Roman", Times, serif;
font-size:20px;
color:#80ccda;
}

div#sidebar li#headshot img {
margin-left:10px;
padding-bottom:30px;
}

li#headshot2 img {
margin-left:60px;
padding-botton:30px;
}

div#sidebar h2 {
font-family:Georgia, "Times New Roman", Times, serif;
font-size:20px;
font-weight:500;
color:#80ccda;
text-transform:lowercase;
width:303px;
background-image:url(images/blueline.gif);
background-repeat:no-repeat;
background-position:0 84%;
margin-bottom:10px;
}

div#sidebar li#recent-events, div#sidebar li#in-the-works, div#sidebar li.categories, div#sidebar form#searchform {
margin:0 0 40px 10px;
}

div#sidebar div.recent-events-photo {
position:relative;
display:block;
width:150px;
height:150px;
padding-bottom:10px;
}

div#sidebar div.right-image {
float:right;
margin-top:-70px;
padding-bottom:10px;
}

div#sidebar li#recent-events a span.recent-events-overlay {
background-image:url(images/recent-events-overlay.png);
background-repeat:no-repeat;
background-position:0 0;
display:block;
position:absolute;
top:0;
left:0;
width:150px;
height:150px;
}

div#sidebar li#in-the-works ul li {
font-size:18px;
line-height:1.75em;
list-style-type:none;
}

div#sidebar li.categories {
font-size:16px;
}

div#sidebar form#searchform input#s {
color:#444646;
font-size:16px;
background-color:#acdde8;
padding:3px 0;
border:none;
}

div#sidebar form#searchform input#searchsubmit {
vertical-align:-3px;
padding-left:3px;
}

/* Footer elements */
div#footer {
clear:both;
text-align:center;
background-image:url(images/bg-footer.png);
background-repeat:no-repeat;
background-position:0 0;
height:30px;
width:998px;
color:#ffffff;
font-size:12px;
padding-top:2px;
margin-top:10px;
display:block;
border:1px solid #fff;
}

div#footer a, div#footer a:visited {
color:#ffffff;
}

div#footer a:hover {
color:#be0b2c;
}