/*
THEME NAME: QuickSand
THEME URI: http://www.mediagrease.com/theme
DESCRIPTION: Based on <a href="http://www.plaintxt.org/themes/sandbox/">Sandbox</a>.
TAGS: widgets, sandbox, microformats, hcard, hatom, xoxo
VERSION: .1
AUTHOR: <a href="http://www.cjohnson.us">Chris Johnson</a>
AUTHOR URI:
*/

/* Two-column with sidebar on left from the /sandbox-layouts/ folder  */
@import url('sandbox-layouts/2c-f.css');


/*
By Chris Johnson
http://www.cjohnson.us
May 2008
*/

/*=DEBUG
==================
h1#sitetitle, #blog-description, #rssfeed,  #searchform, #searchform #submit-image, #searchform .text-input{
	border: 1px dotted #FF0000;
}
*/

/*=MAIN
==================*/

body{
	background: url(images/seamless-wood.jpg) top center repeat-x #1a110a;
	padding: 0;
	margin: 0;
	text-align: center;
	font-size: 76%;
	font-family: "Lucida Sans Unicode","Lucida Grande","Lucida Sans","Lucida",sans-serif;
	color: #FFFFFF;
}

/*Gets rid of the dotted line around image replaced links */
	a:active, a:visited{
		outline-color:invert;
		outline-style:none;
		outline-width:medium;
	}
	a:focus {
		outline-style:none;
	}
	

/*=LAYOUT
==================*/



#wrapper{
	margin-left: auto;
	margin-right: auto;
	background:url(images/header-gradient.jpg) top center no-repeat;
	width: 974px;
	height: 702px;
	text-align:left;
}

* html #wrapper{ /* Hack to make Footer go to the bottom in IE7 */
        height: 100%; 
}

	#header{
		height: 227px;
		width: 100%;
	}

#footer{
	background:url(images/footer.jpg) repeat-x bottom;
	width: 100%;
	height: 31px;
	font-size: .9em;
	text-align:center;
	clear: both;
	padding-top: 4em;
}

/*=UTILITY CLASSES
==================*/
.hidden{
	position:absolute;
	left:0px;
	top:-500px;
	width:1px;
	height:1px;
	overflow:hidden; 
}

/* replacement for clearboth empty divs just add clearfix class to div you want to be the size of nested floated elements */
	.clearfix{
		overflow:auto;
	}

/*=COLORS
==================*/
a, h2{ /*yellow*/
	color: #EBBB10;
}
.entry-meta, .entry-meta a, .sidebar, .sidebar a{/*gray*/
	color: #86817c; 
}
	.entry-meta a:hover, .sidebar a:hover{/* hover white */
		color: #FFFFFF;
	}
.entry-content, .sidebar h3{/*off white */
	color: #d1d0ce;
}

/*=FONTS
==================*/

#blog-description, .sidebar h3{
	font-family: "Times New Roman", Times, serif;
	font-style: italic;
}
	#blog-description a{
		color: #000000;
		text-decoration: none;
	}


/*=HEADER
==================*/
h1#blog-title{
	padding: 0;
	margin: 180px 0pt 0pt 218px;
	text-indent:-9999px;
	width: 353px;
	height: 32px;
	position: absolute;
}
	h1#blog-title a{
		display: block;
		height: 100%;
		width: 100%;
	}
	
#blog-description{
	position: absolute;
	display: block;
	margin: 177px 0pt 0pt 600px;
	width: 300px;
	font-size: 1.5em;
	line-height: .95em;
	text-align: center;
	color: #000000;
}

#menu{
	position: absolute;
	padding:0;
	margin: 10px 0pt 0pt 218px;
	text-transform: lowercase;
	font-size: 1.5em;
}
	#menu ul{
		list-style: none;
		padding: 0;
		margin: 0;
	}
		#menu ul li{
			display: inline;
			margin-right: 3em;
		}
			#menu ul li a{
				text-decoration: none;
			}
				#menu ul li a:hover{
					text-decoration: underline;
				}
		#menu ul ul{
			display: none;
		}
#rssfeed{
	text-indent: -9999px;
	width: 44px;
	height: 44px;
	display: block;
	position: absolute;
	margin: 172px 0 0 929px;
}
	#rssfeed a{
		display: block;
		height: 100%;
		width: 100%;
	}
#searchform{
	position: absolute;
	margin: 11px 0 0 802px;
}
	#searchform .text-input{
		border: 0;
		height: 15px;
		padding: 0;
		margin: 0;
		font-size: 11px;
		width: 137px;
	}
	#searchform #submit-image{
		width: 18px;
		height: 18px;
		padding: 0;
		margin: 0 0 0 7px;
		vertical-align: middle;
	}


/*=POSTS
==================*/
	h2{
		font-size: 26px;
		margin-bottom: 3px;
		font-weight: normal;
	}

	.entry-meta{
		font-size: 10px;
	}
		.meta-sep{
			margin-left: 8px;
			margin-right: 8px;
		}
	.entry-content{
		line-height: 18px;
		font-size: 13px;
		padding-bottom: 17px;
	}
		.entry-content img{
			border: 0;
		}
		.entry-content a > img{
			padding: 1px;
			background-color: #9e7800;
			border: 1px solid #584302;
		}
		.entry-content code{
			display: block;
			font-family: "Courier New", Courier, monospace;
			overflow: auto;
			background-color: #000000;
			padding: 15px;
			font-size: 12px;
			color: #FFFFFF;
		}

/*=SIDEBAR
==================*/
#primary{
	margin-top: 70px;
}
.sidebar{
	text-align: right;
	font-size: 11px;
	line-height: 16px;
}
	.sidebar ul{
		list-style: none;
		margin: 0;
		padding: 0;
	}
	.sidebar a{
		text-decoration: none;
	}
	.sidebar h3{
		font-style: italic;
		font-weight: normal;
		font-size: 17px;
		margin-bottom: 3px;
	}

/*=TOP WIDGETS
==================*/
#topwidgets{
	float: none;
	margin-top: 0;
	width: 100%;
	text-align: left;
}
	#topwidgets ul.xoxo ul{
		float: left;
		width: 195px;
		padding-right: 25px;
	}
		#topwidgets ul.xoxo ul ul{
			padding-right: 0;
			list-style: disc;
			padding-left: 15px;
		}
	#topwidgets h3{
		margin-top: 0;
	}


/*=FOOTER
==================*/

#innerfooter{
	width: 974px;
	margin-left: auto;
	margin-right: auto;
	text-align: left;
}
	#copyright{
		padding-top: 6px;
		margin-left: 218px;
	}
	#validation{
		vertical-align: text-top;
		height: 25px;
		background:url(images/footer-check-white.jpg) no-repeat;
		text-align: left;
		padding-top: 6px;
		padding-left: 17px;
		float: right;
	}




/* Just some example content */
	/*div#header{text-align:center;margin-bottom:2em;}
	div#access div.skip-link{position:absolute;top:1em;right:1em;}
	 div#menu{font-size:0.9em;height:1.5em;padding-top:0.3em;background:#eee;width:100%;}
	div#menu ul a{font-weight:700;text-decoration:none;}
	div#menu ul,div#menu ul ul,div#menu ul li{list-style:none;margin:0;padding:0;}
	div#menu ul li{float:left;}
	div#menu ul li a{background:#eee;padding:0.3em 0.5em;}
	div#menu ul ul{display:none;}
	div#menu ul ul li{float:none;}
	div#menu ul ul li a{margin:0;padding:0;}
	div#menu ul li:hover ul{display:block;font-size:0.9em;padding-top:0.5em;position:absolute;}
	div#menu ul li:hover ul li a{background:#f5f5f5;border:none;display:block;padding:0.1em;width:10em;}
	*/


.entry-title{clear:both;}
div#container,div.sidebar{margin-top:2em;}
div#nav-above,div#nav-below{width:100%;height:1em;}
div#nav-above{margin-bottom:1em;}
div#nav-below{margin-top:1em;}
.alignleft,div.nav-previous{float: left;}
.alignright,div.nav-next{float: right;}
form#commentform .form-label{margin:1em 0 0;}
form#commentform span.required{background:#fff;color:red;}
form#commentform,form#commentform p{padding:0;}
input#author,input#email,input#url{width:50%;}
input#author,input#email,input#url,textarea#comment{padding:0.2em;}
div.comments ol li{margin:0 0 3.5em;}
textarea#comment{height:13em;margin:0 0 0.5em;overflow:auto;width:66%;}

/* div.sidebar div,div.sidebar h3,div.sidebar ul,div.sidebar li{margin:0;padding:0;}
div.sidebar h3{font-size:1.2em;}
div.sidebar input#s{width:7em;}
div.sidebar li{list-style:none;margin:0 0 1em;}
div.sidebar li form{margin:0.2em 0 0;padding:0;}
div.sidebar ul ul{margin:0 0 0 1em;}
div.sidebar ul ul li{list-style:disc;margin:0;}
div.sidebar ul ul ul{margin:0 0 0 0.5em;}
div.sidebar ul ul ul li{list-style:circle;} */

	/* div#footer{text-align:center;}*/

/* New gallery feature styles; Can't use div.attachment because shortcodes can link to galleries in other posts */
div.gallery{clear:both;float:left;width:100%;}
div.gallery dl{float:left;text-align:center;}
div.gallery dl dt{margin:0;}
div.gallery dl dd{margin-left:0;}
div.entry-attachment,div.entry-caption{text-align:center;}
div.entry-attachment img,div#nav-images div img{overflow:hidden;}
body.attachment div#nav-images{clear:both;width:100%;}
body.attachment div#nav-images div{padding:1em 0;width:50%;}
body.attachment div#nav-images div.nav-previous{text-align:left;}
body.attachment div#nav-images div.nav-next{text-align:right;}
body.attachment div.entry-meta,body.attachment div#comments{clear:both;}