/*
Theme Name: LittleStar Theme
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: Visual Blaze, base by Elliot Jay Stocks
Author URI: http://elliotjaystocks.com
Tags: starkers, naked, clean, basic
*/

/*------------------------
TOC
=wordpress defaults handling
=banner title adaption
=headers [blog specific]
=post meta
=sidebar
=search form
=comments thread
-------------------------*/

/*---------------------
=banner title adaption
---------------------*/
#banner h3 { /*mimics styles of h1 regular banner title*/
	position: absolute;
	z-index: 2;
	width: 960px;
	min-height: 128px;
	padding-top: 10px;
	font-family: "arial black", arial;
	font-size: 46px;
	letter-spacing: 3px;
	color: #fff;
	background: url(/images/cBannerStar.png) no-repeat top right;
}

/*---------
=headers
---------*/

h2 {
	margin-bottom: 0px !important;
	letter-spacing: 0.2px !important;
	font-size: 22px !important;
	line-height: 25px;
	background: none !important;
	}
	h2 a {
		color: #935C05 !important;
}


.post h1 {
	/*resets*/
	min-height: 0px !important;
	padding-top: 0px !important;
	position: relative !important;
	width: auto !important;
	z-index: none !important;
	/*end resets*/
	margin-bottom: 10px;
	padding-bottom: 14px;
	font-family: "arial black",arial;
	font-size: 22px;
	color: #935C05;
	letter-spacing: 0.2px !important;
	line-height: 25px;
	text-shadow: 0 1px 0 #fff;
	background: url(/images/h2Bg.png) no-repeat bottom right !important;
}

h2.archiveHeader {
	color: #D3A054 !important;
}

/*---------
=post meta
---------*/
.postMeta {
	margin-bottom: 30px !important;
	padding: 5px 10px !important;
	border: 5px solid #E8E2D9;
	/*browser specific properties for rounded corners*/
	-moz-border-radius: 10px;
	-khtml-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
	background-color: #E8E2D9;
	clear: both;
	}
	.postMeta p {
		margin-bottom: 0px !important;
		color: #000 !important;
		font-size: 12px !important;
		font-weight: bold !important;
}

/*closing text on end of post*/
#postClose {
	font-size: 12px !important;
}


/*--------
=sidebar
--------*/
#sidebar {
	padding-top: 10px;
}
#sidebar h3 { /*box header*/
	width: 230px;/*310-80*/
	height: 26px;/*32-6*/
	padding: 6px 0px 0px 80px;
	font-size: 18px;
	color: #fff;
	letter-spacing: 2px;
	background: url(images/sBBoxHeadBg.png) no-repeat top left;
	float: right;
}
#sidebar ul {
	width: 310px;
	/*min-height: 150px;*/
	padding-top: 5px;
	padding-bottom: 70px;
	list-style: none;
	background: url(images/sBBoxBodyBg.png) no-repeat bottom left;
	float: right;
	}
	#sidebar ul li {
		width: 252px;/*293-21-20*/
		margin-left: 8px;
		padding: 0px 20px 0px 21px;
		font-size: 12px !important;
		background: url(images/lscBlogIcon.png) no-repeat 14px 11px;
	}
	#sidebar ul li.alt {
		background-color: #EDF6F9;
		}
		#sidebar ul li a {
			font-family: "arial black",arial;
			font-size: 15px;
			color: #565656;
			letter-spacing: -0.2px;
			}
			#sidebar ul li a span {
				display: block;
				margin-top: 3px;
}
/*text styling for recent posts box*/
#sidebar ul#sBPosts li {
	width: 252px;/*293-21-20*/
	min-height: 18px;/*41-11-12*/
	margin-left: 8px;
	padding: 11px 20px 12px 21px;
	font-size: 12px !important;
	background: url(images/lscBlogIcon.png) no-repeat 14px 11px;
	}
	#sidebar ul#sBPosts li a {
		font-weight: bold !important;
		font-family: arial !important;
		font-size: 12px !important;
}
#sidebar ul#sBPosts li.alt {
	background-color: #EDF6F9;
}

/*--------------------
=search form
--------------------*/
/*title*/
#respond {
	padding-top: 25px;
	clear: both;
}

/*search submit btn-> main styles picked up from /css/basic.css*/
form input#submit {
	width: 91px !important;
	height: 37px !important;
	margin: 10px 30px 0px 0px !important;
	font-size: 16px !important;
}

/*--------------
=comments Thread
--------------*/

ol#commentsThread {
	}
	ol#commentsThread li {
		padding-bottom: 50px;
		padding-left: 0px;
		clear: left;
		}
		ol#commentsThread li div {
			width: 500px;
			margin-left: 10px;
			float: left;
			}
			ol#commentsThread li div p {
				margin-bottom: 0px;
				color: #000;
				font-style: italic;
				font-weight: bold;
				font-size: 13px;
			}
			ol#commentsThread li p.time {
				color: #5E5E5D;
				font-weight: bold;
				font-size: 13px !important;
				letter-spacing: 0px;
				font-style: normal;
			}
			ol#commentsThread li p.author, ol#commentsThread li p.author a { 
				color: #565656;
				font-family: "arial black",arial !important;
				font-size: 15px;
				text-decoration: none;
				font-style: normal;
}

/*comments author image gravatar*/
.avatar {
	float: left;
}


/*--------------------------
=wordpress defaults handling
--------------------------*/

/* These rather presentational classes are generated by WordPress, so it's useful to have some styles for them. Edit as you see fit. More info: http://codex.wordpress.org/CSS */
.aligncenter { display:block; margin:0 auto }
.alignleft { float:left }
.alignright { float:right }
.wp-caption { border:1px solid #666; text-align:center; background:#ccc; padding:10px; margin:10px }

/* You might find the following useful */
br.dirtyLittleTrick { clear:both; display:block; height:1px; margin:-1px 0 0 0 } /* Use this br class to clear your floated columns */
div { position:relative } /* This will save you having to declare each div's position as 'relative' and allows you to absolutely position elements inside them */
li#theme-switcher { background:#fff; border:10px solid red; padding:20px; position:fixed; top:0; right:0 } /* Use this if you have the Theme Switcher Reloaded plugin (http://themebot.com/webmaster-tools/1-wordpress-theme-switcher-reloaded) installed and want to make it nice and obvious */