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


body {
	background: #eeeade url(images/cocotile.jpg) no-repeat 0 0; /* #d2c9b5 url(images/sand-bg.png) repeat 0 0; */
	/*font-family: 'Lucida Sans Unicode', 'Lucida Grande', Arial, Helvetica, sans-serif;*/
}


/* HEADER  */
/************************/
#header {
	padding: 10px 0 20px;
}

/* header navigation */
#header_nav {
	text-align: right;
}
	#header_nav ul {
		height: 30px;
		line-height: 30px;
		list-style: none;
		margin: 0;
	}
		#header_nav li {
			display: inline;
			padding: 0;	

		}
			#header_nav li a {
				margin: 0 10px 0 0;
							vertical-align: middle;
			}

/* social media navigation */
#header_nav li.sm_channel a {
	margin: 0 5px 0 0;
	vertical-align: middle;
}


/* NAVIGATION */
/************************/
#navigation {
	font-size: 1.8em;				
	font-weight: bold;
}
	#navigation ul {
		background: #739614 url(images/nav-bg.png) repeat-x 0 0;
		border-bottom: 1px solid #668512;
		border-top: 1px solid #668512;	
		height: 47px;
		border-radius: 4px;		/* border radius settings */
		-webkit-border-top-left-radius: 4px;
		-webkit-border-top-right-radius: 4px;
		-webkit-border-bottom-left-radius: 4px;
		-webkit-border-bottom-right-radius: 4px;
		-moz-border-radius: 4px 4px 4px 4px;						
	} 
		#navigation li {
			list-style: none;
			float: left;
			text-transform: uppercase;
			/*font-family: Trebuchet MS, Tahoma, Arial, Helvetica, sans-serif;*/	
		}
			#navigation li a:link, #navigation li a:visited  {
				padding: 10px 15px 9px;
				display: block;
				/*color: #e6ddc9;*/
				color: #f0e7d2;
			}
			#navigation li a:hover {
			 	
			 }



/* CONTENT */
/************************/
#content {
	padding: 20px 0 30px;
}

.post_wrap {
/*	padding-top: 30px;
	padding-right: 15px; 
	padding-left: 15px; 
	width: 587px !important; 
	border-right: 1px solid #e3ddd0;*/
	/*border: 1px solid #d9cfb9;
	background: #efe9db;*/
}


/* full post */
.post {
	padding: 0 0 25px;
	margin-bottom: 30px;
	border-bottom: 1px dotted #b8b1a1;
}
	.post .entry-meta {
		padding-bottom: 8px;		
	}
	.post .entry-utility {
		line-height: 15px;
	}
	.post .post_thumbnail, .post .size-full {
/*		margin-right: 10px; */
		border: 5px solid #fff;
		margin-bottom: 5px;	
	}	
	.post p {
		padding: 0 0 15px;
		line-height: 18px;
	}
	
	
/* Post content pages */
.post .entry-content {
	margin-bottom: 7px;
}
	.post .entry-content hr {
		border: none;
		margin: 20px 0;
		height: 1px;
		background-color: #CFC6B5;
		color: #CFC6B5;
	}
	.post .entry-content li {
		padding-bottom: 8px;
	}


/* summary */
.summary {
	padding-bottom: 20px;
}

/* social media */
.social-media {
	margin: 10px 0 20px;
}
	.social-media .twitter-share-button,
	.social-media a.backtotop {
		float: right;
	}
	.social-media .twitter-share-button {
		margin: 0 6px 0 0;
	}
	.social-media a.backtotop {
		font-size: 1.4em; 
		margin-top: 5px;
		text-decoration: underline;
	}	
	.social-media a.backtotop:hover {
		text-decoration: none;
	}
	
	
/* Author Details */
.author-box {
	border: 1px solid #CFC6B5;
	background-color: #f8f4e8;
	margin: 45px 0;
}	
	.author-box img {
		float: left;
		margin: 15px 10px 5px 15px;
		padding: 5px;
	}
	.author-box h2 {	
		margin: 15px 0 0 100px;
	}
	.author-box p {
		margin: 5px 5px 10px 100px;
	}



/* Comments section */
#comments {
	padding: 0;
}
	#comments p {
		margin: 10px 0;
	}
	#comments ol {
		list-style: none outside none;
		margin: 20px 0 40px;
	}	
		#comments li {
			padding: 20px;
			margin: 20px 0;
			border: 1px dotted #CFC6B5;
			background-color: #f3efe3;
		}
	#comments .comment div {
		line-height: 20px;
	}
	#comments .comment-meta {
		display: block;
	}	
	#comments .comment-author .fn {
		/*float: left; */
		margin: 0;
	}
	#comments .comment-author .avatar {
			/*float: right;
			height: 40px;
			width: 40px; */
			display: none;
		}
	#comments .comment-body {
		padding: 0;
	}
	#comments ul.children li {
		border: 1px solid #CFC6B5;
		background-color: #f8f4e8;		
	}

.comment-reply-link {
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	background: #739614 url(images/nav-bg.png) repeat-x 0 0;
	border: 1px solid #5d7910;
	font-size: 0.9em;
	font-weight: bold;
	text-transform: uppercase;
	color: #fcfcfc;
	margin-top: 10px;
	padding: 4px 5px;
	border-radius: 4px;				
}

/* replies */
ul.children {

}
	

/* Response (Leave Comment) area */
#respond {
	margin-top: 20px;
}
	#respond form label {
		width: 100px;
		float: left;		
	}
	#respond span.required {
		color: #ed0000;
		font-size: 14px;
		margin-left: 277px;
		margin-top: 3px;
		position: absolute;	
	}
	#respond input[type="text"] {
		border: 1px solid #ccc;
		padding: 5px;
		width: 275px;
	}
	#respond .comment-form-comment label {
		display: none;
	}
	#respond textarea {
		border: 1px solid #CFC6B5;
		padding: 10px;
		width: 598px;
		font-family: Arial, Helvetica, sans-serif;		
	}	
	#respond form .subscribe-to-comments label {
		float: none;
		margin-left: 5px;
		width: auto;
	}
	#respond .comment-notes span.required {
		color: #ed0000;
		margin-left: 0;
		position: relative;
	}
	#respond .form-submit {
		text-align: left;
	}
	#respond .form-submit input {
		font-family: Tahoma, Arial, Helvetica, sans-serif;
		background: #739614 url(images/nav-bg.png) repeat-x 0 0;
		border: 1px solid #5d7910;
		font-size: 0.9em;
		font-weight: bold;
		text-transform: uppercase;
		color: #fcfcfc;
		margin-top: 10px;
		padding: 4px 5px;
		border-radius: 4px;	
	}



	
	

/* pages */
.pages {
	clear: both;
	padding: 0 20px 10px;
}
	.pages span.previous {
		float: left;
	}
	.pages span.next {
		float: right;
	}


/* Specific page divs */
#home_resources li {
	float: left;
	width: 45%;
	padding: 3px 0 3px 23px;
	margin-bottom: 10px;
	background: url(images/tcg_bullet16.png) 0 50% no-repeat;
}






/* SIDEBAR */
/************************/
#sidebar {
	padding-left: 10px;
}	
	/* widget containers */
	#sidebar .widget-container {
		padding-top: 30px;
		font-size: 1.2em;
		clear: both;
	}
		#sidebar .widget-container li {
			padding: 5px 0;
		}
			#sidebar .widget-container li a:link,
			#sidebar .widget-container li a:visited {
				color: #333;
			}
			#sidebar .widget-container li a:hover {
				color: #2880b2;
			}	
	/* widget headings */
	#sidebar h3.widget-title {
		border-bottom: 1px solid #cfc6b5;
		padding-bottom: 5px;
	}		
	/* categories widget */	
	#sidebar .widget_categories li {
		float: left;
		padding-bottom: 4px;
		width: 49%;
	}		
	/* search widget */
	#sidebar .widget_search {
		text-align: left;
		padding-top: 0; /* remove default padding from above for widget-containers */
	}
	#sidebar label.screen-reader-text {
	
	}	
	/* recent entries widget */
	#sidebar .widget_recent_entries li a {
		/* text-transform: lowercase; */
	}
	
	/* advertisements and affiliates */
	#sidebar #sbads {
		margin-bottom: 2px;
		padding-bottom: 10px;
		border-bottom: 1px dotted #CFC6B5;
	}
			#sidebar #sbads a {
				margin: 0 0 10px 10px;
				text-align: center;
			}
	
	
	
/* Search Form */
/************************/	
#searchform { 
	background-color: #e7dfca; 
	padding: 6px; 
	margin-bottom: 7px; 
	border-radius: 4px;		/* border radius settings */
	-webkit-border-top-left-radius: 4px;
	-webkit-border-top-right-radius: 4px;
	-webkit-border-bottom-left-radius: 4px;
	-webkit-border-bottom-right-radius: 4px;
	-moz-border-radius: 4px 4px 4px 4px;	 
	border: 2px solid #cdc4b8; 
}
	#searchform #searchsubmit {
		background: #7da316;
		border: 1px solid #749815;
		border-color: #749815 #5b750f 5b750f #749815;
		font-size: 0.9em;
		font-weight: bold;
		text-transform: uppercase;
		color: #fcfcfc;
		padding: 4px 5px;
		border-radius: 4px;	
	}
	#searchform #s {
		padding: 4px 5px;
		width: 125px;
	}

#no_search	#searchform #s {
	width: 425px;
}

	

/* FOOTER  */
/************************/
#footer {
	background-color: #333333;
}

/* sidebar in the footer */
#sidebar_footer {
	margin-bottom: 30px;
	color: #efebe0;
}
	/* widget containers */
	#sidebar_footer .widget-container {
		padding-top: 30px;
		font-size: 1.2em;
	}
		#sidebar_footer .widget-container li {
			padding: 5px 0;
		}
			#sidebar_footer .widget-container li a:link,
			#sidebar_footer .widget-container li a:visited {
				color: #efebe0;
			}
			#sidebar_footer .widget-container li a:hover {
				color: #83ab17;
			}	
	/* widget headings */
	#sidebar_footer h3.widget-title {
		border-bottom: 1px solid #8f8f8f;
		padding-bottom: 5px;
	}		
	/* recent entries widget */
	#sidebar_footer .widget_recent_entries li a {
		/*text-transform: lowercase;*/
	}
	
#sidebar_footer #footer_about {
	margin-bottom: 10px;
	color: #949494;
	font-style: italic;	
}	
	#sidebar_footer #footer_social li a:link,
	#sidebar_footer #footer_social li a:visited {
		color: #949494;
		font-style: italic;
		font-size: 0.9em;
	}
	#sidebar_footer #footer_social li a:link,
	#sidebar_footer #footer_social li a:visited,
	#sidebar_footer #footer_social li a img {
		vertical-align: middle;
	}
	#sidebar_footer #footer_social li a img {
		margin-right: 5px;
	}
	
	
/* site copyright information */
#site_info {
	font-family: Arial, Helvetica, Sans-Serif;
	color: #949494;
	font-size: 10px;
	text-align: left;
	padding: 15px 0 20px;	
	border-top: 1px solid #8f8f8f;
}



/* CLASSES  */
/************************/

.rounded-corners {
     -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -khtml-border-radius: 5px;
    border-radius: 5px;    
	behavior: url(/css/border-radius.htc);
    border-radius: 20px;
}