/*
Theme Name: Starkers HTML5
Theme URI: http://nathanstaines.com
Description: An HTML5 version of (Based on <a href="http://elliotjaystocks.com/starkers/">Starkers</a> by <a href="http://elliotjaystocks.com/">Elliot Jay Stocks</a> which is based on the famous <a href="http://binarybonsai.com/kubrick/">Kubrick</a> by <a href="http://binarybonsai.com/">Michael Heilemann</a>)
Version: 1.1
Author: Nathan Staines
Author URI: http://nathanstaines.com
Tags: starkers, html5, beginning, start, clean, basic
*/

@import "style/css/reset.css";
@import "style/css/layout.css";

.left {float: left;}
.right {flat: right;}
.catt {display: block; width: auto; height 60px; float: left;}
#catd {
 width: 620px; 
 float: right;
 padding: 0 0 30px 30px;
 line-height: 1.55;
}
#feet { border: none; font-size: 10px;}
body {
 margin:0 auto; padding: 0px; width: 950px;
 font-family: georgia, serif, arial; 
 background: #f1f1f1;/*url('http://www.kennillas.com/wp-content/uploads/2010/08/kbg.jpg') top center;*/
 repeat:both;
 color: #080808;
}
header hgroup {width: 150px; float: left;}

#hslideshow h2 {
 position: relative;  top: -120px;  left: -20px;
 background: transparent url('http://www.kennillas.com/wp-content/uploads/2010/08/gold.gif') top left no-repeat;  
 color: #000;
 padding: 10px; float: left;
 z-index: 2; font-size: 30px;
}
h1,h2,h3,h4,h5,h6 { 
 font-family: georgia, arial, sans-serif; font-style: normal; 
 margin-bottom: 15px;
 text-shadow:0 1px 1px rgba(255,255,255,0.5);  
 moz-text-shadow:0 1px 1px rgba(255,255,255,0.5);  
}
.shadow, a { 
 text-shadow:0 1px 1px rgba(255,255,255,0.5);  
 moz-text-shadow:0 1px 1px rgba(255,255,255,0.5);
}
.shadow:hover, a:hover { 
 text-shadow:0 1px 1px rgba(0,0,0,0.8);  
 moz-text-shadow:0 1px 1px rgba(0,0,0,0.8);
}

.shadow2, article img {
 box-shadow:0px 2px 4px #0f0f0f;
 -moz-box-shadow:0px 2px 4px #0f0f0f;
 -webkit-box-shadow:0px 2px 4px #0f0f0f;
}
article img {margin-bottom: 15px;}
article img:hover {
 box-shadow:0px 4px 6px #000;
 -moz-box-shadow:0px 4px 6px #000;
 -webkit-box-shadow:0px 4px 6px #000;
}

ul {list-style-type: none;}
.left {float: left; margin-right: 15px;}
.right {float: right; margin-left: 15px;}
h1 {font-size: 50px;} h2 {font-size: 40px;} h3 {font-size: 30px;} h4 {font-size: 25px;} h5 {font-size: 20px;}
h6 {font-size: 20px;}

a { text-decoration: none; color: #000;}
a:hover {color: #000;}

#hslideshow { 
 width: 930px; height: 350px;
 padding: 10px 10px 25px 10px; 
 background-color: rgba(0,0,0,1);
 display: block; float: left;
 margin-bottom: 15px;
}

article { 
 background: transparent url('http://www.kennillas.com/wp-content/uploads/2010/08/shadow.png') top center no-repeat;
 width: 950px; float: left; display: block;
 padding-bottom: 30px;
 padding-top: 15px;
 border-bottom: 2px solid #000;
 border-top: 1px solid #3a3a3a;
 margin-bottom: 5px;
}
article h3, article footer, article time {
 float: left; 
 width: 300px;
 padding: 7px 0px;
 border-bottom: 1px dotted #000;
 margin-bottom: 0px;
}
article h3 { border-bottom: none;}
article h3{
 background: transparent url('http://www.kennillas.com/wp-content/uploads/2010/08/gold.gif') top left no-repeat;
 padding-left: 5px;
}
article footer a, article time a{ color: #000; font-size: 12px; font-weight: bold;}
article h3 a{
 padding: 3px 10px 3px 0px;
 position: relative;
}
article p, #catd {
 width: 620px; 
 float: right;
 padding-left: 30px;
 padding-bottom: 10px;
 line-height: 1.55;
}
.leftbx {float: left; width: 300px;}
.leftsect {position: relative; left: -300px; width: 300px;}

aside {
 width: 950px; display: inline-block;  
 padding-bottom: 30px;
 /*border-left: 1px solid #000;
 border-right: 1px solid #000;
 border-bottom: 4px solid #000;
 background: transparent url('http://www.kennillas.com/wp-content/uploads/2010/09/bg-footer.png') top left no-repeat;
*/
}
aside ul li {display: block; width: 215px; float: left; padding-left: 0px;}
aside ul li h1 {font-size: 25px!important; margin-bottom: 8px;}
.widget {margin: 10px 0 0 0; padding: 10px; border-right: 1px solid #B6B5A3;}
.widget_pages {border-right: none;}
#s  {width: 120px;}
#searchsubmit {width: 205px;}
.full {
 width: 950px; display: block; float: left;
 padding-top:5px;
 margin-top: 5px;
 border-top: 4px solid #000;
}

.invert {background: transparent url('http://www.kennillas.com/wp-content/uploads/2010/08/gold.gif') top left repeat-y;  color: #3a3a3a;}

#nextposts { 
 border-top: 4px solid #000;
 border-bottom: 1px dotted #000;
 border-left: 1px solid #000;
 border-right: 1px solid #000;
 width: 950px; display: block; float: left;
 height: 40px;
 background: #000;
}
#nextposts2 { 
 border-bottom: 4px solid #000;
 border-top: 1px dotted #000;
 width: 950px; display: block; float: left;
 height: 40px;
}
#nextposts2 a {color: #000; font-size: 15px;}

#nextposts nav{ padding: 10px;}
#nextposts nav a{color: #f1d641; font-size: 25px; text-shadow:0 2px 2px rgba(0,0,0,0.3);}
#nextposts nav a:hover{text-shadow:0 2px 2px rgba(0,0,0,0.6);}

#comments {
 display: block;
 width: 620px; 
 float: right;
 padding-left: 30px;
 line-height: 1.55;
 border-top: 1px solid #3a3a3a;
 padding-top: 15px;
}
footer {
 width: 950px; display: block; float: left;
 padding-top: 15px;
 border-bottom: 2px solid #000;
 margin-bottom: 5px;
}
 
/*-----Top Menu----*/
#menu { float: right;}
#top-menu {
	float:left;
	margin-bottom:1em;
	line-height:1;
}
#top-menu li {
	background: transparent url("images/divider.gif") no-repeat scroll left center ;
}
#top-menu li li {
	background-image:none;
}

#nav, #top-menu ul{
margin:0;
padding:0;
list-style-type:none;
list-style-position:outside;
position:relative;
}

#top-menu a{
display:block;
padding:19px 1em;
text-decoration:none;
color:#000;
text-decoration:none;
}
#top-menu li li a {
padding:0.75em 1em;
}

#top-menu li:hover, #top-menu li.sfHover, #top-menu li:hover a,
#top-menu a:focus, #top-menu a:hover, #top-menu a:active {
	background:url("http://www.kennillas.com/wp-content/uploads/2010/08/gold.gif") no-repeat scroll middle top transparent;
	outline:		0;
	color:			#000;
}
#top-menu li li a:hover {
	background:url("http://www.kennillas.com/wp-content/uploads/2010/08/gold.gif") no-repeat scroll middle top transparent;
	color:			#000;
}
#top-menu a span {
	float:right;
}
#top-menu li{
float:left;
position:relative;
}

#top-menu ul {
position:absolute;
display:none;
width:12em;
top:50px;
}

#top-menu li ul a{
width:12em;
height:auto;
float:left;
}

#top-menu ul ul{
top:auto;
}	

#top-menu li ul ul {
left:13em;
margin:0px 0 0 12px;
}

#top-menu li:hover ul ul, #top-menu li:hover ul ul ul, #top-menu li:hover ul ul ul ul{
display:none;
}
#top-menu li:hover ul, #top-menu li li:hover ul, #top-menu li li li:hover ul, #top-menu li li li li:hover ul{
display:block;
}
#top-menu a {
	position:relative;
}
#top-menu a span {
	position:absolute;
	right:1em;
	top:0.75em;
}