/*
Theme Name: Starkers
Theme URI: http://elliotjaystocks.com
Description: The totally nude Wordpress theme. Phwoar! (Based on Twenty Ten)
Version: 3.0
Author: Elliot Jay Stocks
Author URI: http://elliotjaystocks.com
Tags: starkers, naked, clean, basic
*/

@import "css/reset.css";
@import "css/typography.css";
@import "css/layout.css";
@import "css/fonts.css";

@import url(http://fonts.googleapis.com/css?family=Bitter:400,700,400italic);
@import url(http://fonts.googleapis.com/css?family=Asap:400,700,400italic,700italic);
@import url(http://fonts.googleapis.com/css?family=Zeyada);
@import url(http://fonts.googleapis.com/css?family=Cantarell);


.left 		{ float:left; }
.right		{ float:right; }
.clear		{ clear:both; }
.wrapper	{ width:960px; margin:0 auto; }
.button		{ background:#564d45;; color: #fff; border: none; padding: 4px 6px;
				-webkit-border-radius: 3px;
				-moz-border-radius: 3px;
				-o-border-radius: 3px;
				-ms-border-radius: 3px;
				border-radius: 3px;	
			}
.button:hover { background:#333; cursor: pointer; }

body 		{ background:url(images/bg_lightgrey.jpg);
			  font:13px/1.8 Arial,'Asap', Arial; color: #393939; color: #222;
			}
			
a			{ text-decoration: none; font-weight: bold; color: #e95013;
				color: #564d45;
				-webkit-transition: color 0.3s linear, background-color 0.5s linear; 
				-moz-transition: color 0.3s linear, background-color 0.5s linear; 
				-o-transition: color 0.3s linear, background-color 0.5s linear; 
				-ms-transition: color 0.3s linear, background-color 0.5s linear;
				transition: color 0.3s linear, background-color 0.5s linear;  
			}
a:hover 	{ color: #b94922;}


.entry-date {
	color:#999;
}

p { padding: 8px 0; }

h1		{ font-size: 220%; line-height: 1 }
h2 		{ font-size: 180%; line-height: 1; border-bottom: 1px solid #ddd; }
h3		{ font-size: 150%; color: #777; }

section {
	padding:15px 0;
	margin: 0 0 30px;
/* 	border-bottom: 1px solid #eee; */
}

section h3 {
	line-height: 1;
}


#pagewrap	{ width:960px; margin:10px auto -60px;
			  min-height:100%; height:auto !important; height:100%; overflow: visible;
			}
#push		{ height:60px; clear: both;}
#footer 	{ text-align: center; color:#999; font-size: 11px; line-height: 30px; margin-top:30px;}



#banner 	{ background:url(images/hj.png) 90% center no-repeat;
			  height:193px; }
#banner h1 {
	padding: 20px 0 0;
}			  
#banner h1 a { 
	/*
font:100px 'PhoneticaRegular'; 
	color: #b94922; 
	text-shadow: 0 1px 3px rgba(0,0,0,0.2); 
	position: relative; z-index: 999; 
	display: block;
	text-indent: -999px;
	margin: 0 0 0 -10px;
	
	width: 690px;
	height: 112px;
	background: url(images/name.png) center no-repeat;
*/

}
#banner h1 a:hover {
	color: #763122;
}
#banner h1 a img {
	margin: 0 0 0 -10px;
}
#banner p { margin: -45px 0 0 0; color: #888; padding: 0;}

a[href='#content'] {
	display:none; 
}

#main_content {
	float:left;
	width:600px;
}

#main_content h1 {
	border-bottom: 1px solid #ddd;
}

#main_content h2 {
	line-height: 1;
	padding: 0.5em 0;
	margin:0 0 0.5em;
}


/* MENU */

#access { margin: -30px -20px 30px -9999px; background:rgba(150,150,150,0.1); padding:4px 0 4px 9999px;}
#access .menu-header>ul { margin-left: -10px; }

#access .menu-header>ul>li { display: inline; position: relative;}
#access ul a { padding: 9px 10px 8px; font:11px 'Cantarell' !important; text-transform: uppercase; letter-spacing: -1px; }
#access ul a:hover {
	background: white;
	background: rgba(255,255,255,0.95);
}

#access ul.sub-menu { display:none; position: absolute; left: 0; z-index: 99; padding: 0 10px 10px; 
	background: white;
	background: rgba(255,255,255,0.97);
	-webkit-transition: opacity 0.3s linear; 
	-moz-transition: opacity 0.3s linear; 
	-o-transition: opacity 0.3s linear; 
	-ms-transition: opacity 0.3s linear;
	transition: opacity 0.3s linear; 
	margin:4px 0 0;
}
#access ul.sub-menu li {
	border-bottom: 1px dotted #ddd; padding: 3px 0;
}
#access ul.sub-menu a { padding: 5px; display: block; line-height: 1; min-width: 150px;}
#access ul li:hover ul { display:block;}

.current-menu-item>a {
	text-decoration: underline;
}


a.home_news_item {
	display: block;
	padding:5px;
	margin: 0 0 0 -5px;
	border-bottom:1px solid #eee;
}
a.home_news_item:hover {
	background:rgba(0,0,0,0.05);
}
.entry-date {
	width:120px;
	display: inline-block;
	font-weight: normal;
}



/* SIDEBAR */
ul.xoxo {
	float:right;
	width:200px;
	padding: 0 0 0 90px;
	border-left: 1px solid #ddd;
}
	.widget-container {
		padding:10px 0 30px;
	}

	ul.xoxo ul li{
		list-style:disc;
		line-height: 1.3;
		padding: 5px 0;
	}
	ul.xoxo ul ul {
		margin:0 0 0 20px;
	}
	
	ul.xoxo .widget-title {
		border-bottom: 1px solid #ddd;
	}



/* SEARCHFORM */
#searchform div {
	padding-bottom: 20px; overflow: visible;
}
#searchform label 	{ display:none; }
#searchform #s 		{ display: block; width: 96%; padding:2%; border: 1px solid #eee; 
					  margin:0 0 -1px 0; border-radius: 8px 8px 0 8px; font-size: 150%; position: relative;
				 	}
#searchform #s:focus {
	box-shadow: 0 0 5px rgba(0,0,0,0.4); z-index: 9999;
}
#searchform #searchsubmit { border-radius: 0 0 6px 6px; float: right; margin: 0 1px 0 0; 
	background-image:-moz-linear-gradient( top, rgba(0,0,0,0.5), rgba(0,0,0,0) 10px );
	background-image:-webkit-linear-gradient( top, rgba(0,0,0,0.5), rgba(0,0,0,0) 10px )
	background-image:linear-gradient( top, rgba(0,0,0,0.5), rgba(0,0,0,0) 10px )
}






ul.longlist {
	overflow:hidden;
	padding: 0 0 30px;
}
ul.longlist li {
	float:left;
	width: 300px;
	margin: 0 0 15px 0;
	color:#888;
}

ul.longlist.nosplit {
	
}
ul.longlist.nosplit li {
	float:none;
	color: #393939;
	width: 500px;
	margin: 0 0 15px 15px;
	padding: 15px 0 0;
	list-style: disc;
	border-top:1px solid #eee;
}

ul.longlist li strong {
	line-height: 26px;
	padding: 5px 4px 5px 7px;
	margin: 0 8px 0 0;
	background: rgba(0,0,0,0.15);
	position:relative;
	color:#fff;
	text-shadow:0 1px 2px rgba(0,0,0,0.5);
}
ul.longlist li strong:after {
	content: " ";
	display: block;
	width:0; height:0;
	border-width: 13px 0 13px 5px;
	border-color: transparent rgba(0,0,0,0.15);
	border-style: solid;
	position: absolute;
	top:0; right: -5px;
}
ul.longlist li em {
	color: #393939;
	font-size: 11px;
}






div.prevnext {
	overflow: hidden;
}
div.prevnext a {
	
}

div.prevnext.bottom {
	
	margin: 50px 0 0;
	border-top: 1px solid #eee;
}

a[rel=prev]  {
	float: left;
}
a[rel=next]  {
	float: right;
	text-align: right;
}






ol.books {
	margin-left: 20px;
}

ol.books li {
	padding: 5px 0;
	list-style:decimal;
	border-top: 1px solid #eee;
}

ol.books li em {
	font-size: 110%;
	font-weight: bold;
	font-style: normal;
}
ol.books li a {
	line-height: 26px;
	padding: 5px 4px 5px 7px;
	margin: 0 8px 0 0;
	background: rgba(0,0,0,0.2);
	position:relative;
	color:#fff;
	text-shadow:0 1px 1px rgba(0,0,0,0);
}
ol.books li a:after {
content: " ";
	display: block;
	width:0; height:0;
	border-width: 13px 0 13px 5px;
	border-color: transparent rgba(0,0,0,0.2);
	border-style: solid;
	position: absolute;
	top:0; right: -5px;
}

ol.books li a:hover {
	text-shadow:0 1px 1px rgba(0,0,0,0.4);
}



.numeration a, .prevnext a {
	display: inline-block;
	padding: 5px 12px;
	margin-bottom: 10px;
	background: #564D45;
	color: #fff;
	border-radius: 10px;
}