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

.clearfix:before, .clearfix:after { content: ""; display: table; }
.clearfix:after { clear: both; }
.clearfix { zoom: 1; }

body {
font-family: 'Quattrocento Sans', sans-serif;
/*font-family:helvetica, arial, verdana, sans-serif;*/
font-size:16px;
color:#585858;
background-color:#f9f9f9;
background-image:url("http://rebecca-leigh.com/rl/wp-content/themes/starkers/images/watertree-bg2.png");
}

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

a:hover {
color:#585858;
text-decoration:underline;
}

div#container {
width:1000px;
margin:0 auto;
text-align:left;
background-color:#ffffff;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;

-webkit-box-shadow: 2px 2px 8px 2px #cfcdcf;
-moz-box-shadow: 2px 2px 8px 2px #cfcdcf;
box-shadow: 2px 2px 8px 2px #cfcdcf; 

}

/* Header elements */

div#header {
margin-bottom:30px;
margin-top:15px;
}

div#header img#hd-pic {
float:left;
margin-left:25px;
margin-top:20px;
}

/*div#header img#hd-mast {
float:left;
margin-top:15px;
margin-bottom:25px;
}
*/

div#header img#updates {
float:right;
margin:20px 30px auto auto;
}

div #header img#headline {
padding-left:10px; 
}

/* Sidebar elements */

div#sidebar {
width:350px;
float:left;
margin-left:20px
}

div#sidebar li#nav {
background-color:#f9f9f9; 
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
padding:25px 25px; 
font-size:18px;
line-height:1.2em;
margin-left:5px;
color:#585858;
}

div#sidebar li#nav li {
padding-top:5px;
padding-bottom:5px;
}

div#sidebar li#nav a, div#sidebar li#nav a:visited {
text-decoration:none;
}

div#sidebar li#nav a:hover {
text-decoration:none;
}

div#sidebar li#nav .nav-subtitle {
font-family: 'Philosopher', sans-serif;
font-size:19px;
vertical-align:text-bottom;
font-weight:400;
}

div#sidebar img.sep {
margin:18px 195px;
}

div#sidebar li#talking-about h2 {
font-weight:400;
font-size:18px;
padding-bottom:5px;
letter-spacing:0.03em;
padding-top:25px;
font-family: 'philosopher', sans serif;
color: #298ea7;

}

div#sidebar li#talking-about {
margin-left:5px;

}

div#sidebar li#talking-about li {
font-size:16px;
padding:5px 0;
color:#8f8f8f;

}

div#sidebar li#talking-about a, div#sidebar li#talking-about a:visited {
color:#8f8f8f;
text-decoration:none;
font-weight:200;
}

div#sidebar li#talking-about a:hover {
color:#8dc531;
text-decoration:none;
}

div#sidebar .archives-link {
float:left;
font-size:16px;
padding:5px 0;
}

div#sidebar li#talking-about a.archives-link, div#sidebar li#about a.archives-link {
color:#8dc531;
}

div#sidebar li#talking-about a:hover.archives-link, div#sidebar li#about a:hover.archives-link {
color:#585858;
text-decoration:none;

}

div#sidebar li#about {
margin-left:5px;
font-size:16px;
color:#8f8f8f;
line-height: 1.4em;

}

div#sidebar li#about p {
padding:5px 0;

}

div#sidebar li#about h2 {
font-weight:400;
font-size:18px;
padding-bottom:5px;
letter-spacing:0.03em;
padding-top:25px;
font-family: 'philosopher', sans serif;
color: #298ea7;

}

div#sidebar li#about a, div#sidebar li#about a:visited {
color:#8dc531;
text-decoration:none;
}

div#sidebar li#about a:hover {
color:#585858;
text-decoration:none;
}

div#sidebar li#about .contact {
font-size:16px;
color:#8f8f8f;
}

/*
div#sidebar li#testimonials h2 {
font-weight:400;
font-size:16px;
padding-bottom:15px;
letter-spacing:0.03em;
text-transform:uppercase;
}

div#sidebar li#testimonials {
margin-left:0px;
text-align:center;
padding-top:20px;
}
*/

input#s {
background-color:#f8f8f8;
border:none;
height:32px;
width:225px;
font-size:24px;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
}

input#searchsubmit {
margin-left:10px;
}

/* Main body elements */

div#main {
width:560px;
float:right;
margin-right:30px;
}

div#main img {
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
}

div#main img.wp-post-image {
margin-right:20px;
float:left;
}

div#main h2 {
font-family: 'Philosopher', sans-serif;
font-weight:400;
color:#8f8f8f;
font-size:26px;
padding-bottom:10px;
line-height:.98em;

}

div#main h2 a, div#main h2 a:visited {
color:#8f8f8f;
}

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

div#main p {
padding:10px 0;
line-height:1.4em;
}

div#main p#archivepage {
padding:5px 0;
line-height:1.4em;
}

div#main li {
line-height:1.4em;
}

div#main h3, div#main h4 {
padding:10px 0;
}

div#main h3 {
font-weight:300;
font-size:22px;
color:#298E87;
}

div#main h4 {
font-weight:300;
color:#298E87;
line-height:1.4em;
}

div#main h5 {
font-weight:300;
font-size:20px;
color:#585858;
}

div#main blockquote {
padding:15px;
margin:20px 10px 20px 20px;
border-left:2px solid #298E87;

}

div#main p.meta {
font-family: 'Philosopher', sans-serif;
color:#8F8F8F;
font-size:14px;
letter-spacing:0.05em;
padding-top:15px;
padding-bottom:5px;
}

div#main p.spacer {
margin-bottom:25px;

}

div#main ul li, div#main ol li {
margin:15px auto 15px 25px;
}

div#main ul li {
list-style-type:disc;
}

div#main ol li {
list-style-type:decimal;
}

div#main ul#page-nav {
display:inline;
padding-bottom:25px;
}

div#main li.older-nav, div#main li.newer-nav {
list-style-type:none;
margin:0;
}

div#main li.older-nav {
}

div#main li.newer-nav {
float:right;
}

/* Comments elements */
div#comments {
margin-top:20px;
}

div#comments ol li {
margin-left:0;
list-style-type:none;
}

div#comments ol li.alt {
background-color:#f9f9f9;
padding:8px 5px 2px 8px;
}

div#comments input {
background-color:#f9f9f9;
border:none;
height:28px;
width:375px;
font-size:16px;
padding:1px;
color:#585858;
}

div#comments textarea {
background-color:#f9f9f9;
border-left: 1px solid #585858;
height:175px;
width:375px;
font-size:18px;
padding:1px;
color:#585858;
}

/* Footer elements */

div#footer {
clear:both;
font-size:11px;
text-align:right;
padding:45px 20px 20px 0px;
margin-right:20px
}