/* Christian Cox */
/* Screen styles */

body
{
	background: #484223;
	margin: 0;
	padding: 0;
}

img, div { behavior: url(iepngfix.htc) }

p, div, span, ul, li, tr, th, td, dl, dt, dd, strong, em, a
{
	font-family: Georgia, Times, serif;
}


#page
{
	background: #484223 url(../images/ui/pageBG.jpg) center top repeat-y;
	width: 952px;
	margin: 0 auto;
	padding: 0;
	position: relative;
}

#header
{
	background: #696251 url(../images/ui/headerBG.jpg) center top repeat-x;
	width: 846px;
	margin: 0 auto;
	padding: 0;
	position: relative;
	border-bottom: 3px solid #fff;
}

#nav
{
	margin: 0;
	padding: 0;
	position: absolute;
	right: 15px;
	top: 82px;
}

	#nav li
	{
		margin: 0;
		padding: 0;
		list-style: none;
		float: left;
	}
	
		#nav li a
		{
			display: block;
			text-indent: -5000px;
			height: 28px;
			background: url(../images/ui/nav.gif);
			background-repeat: no-repeat;
		}
		
			#nav li a.home
			{
				width: 74px;
			}
				#nav li a.home:hover, #nav li a.homeselected
				{
					width: 74px;
					background-position: 0 -29px;
				}
			
			#nav li a.archives
			{
				width: 108px;
				background-position: -74px 0;
			}
			
				#nav li a.archives:hover, #nav li a.archivesselected
				{
					width: 108px;
					background-position: -74px -29px;
				}
			
			#nav li a.contact
			{
				width: 108px;
				background-position: -182px 0;
			}
				#nav li a.contact:hover, #nav li a.contactselected
				{
					width: 108px;
					background-position: -182px -29px;
				}
				
#featureImage
{
	margin: 0 auto;
	padding: 0;
	width: 846px;
	height: 244px;
}


#footer
{
	clear: both;
	margin: 0;
	padding: 0;
	background: #484223 url(../images/ui/footerBG.jpg) left top no-repeat;
}
	#footer p
	{
		font-size: 0.7em;
		color: #a89c8c;
		margin: 0;
		padding: 10px 0 0 54px;
	}






.post
{
	width: 584px;
	margin: 0 0 0 53px;
	padding: 0 0 20px 0;
	border-top: 4px solid #fff;
	background: url(../images/ui/postBG.png) left bottom repeat-x;
}

	.post h1
	{
		font-family: Arial, Helvetica, sans-serif;
	}
	
	.post h2
	{
		margin: 19px 0 10px 0;
		padding: 0 0 0 27px;
		font-family: Arial, Helvetica, sans-serif;
		font-size: 24px;
		color: #8f8980;
		width: 525px;
		text-transform: uppercase;
	}
	
	.post h3
	{
		margin: 19px 0 10px 0;
		padding: 0 0 0 27px;
		font-family: Arial, Helvetica, sans-serif;
		font-size: 20px;
		color: #8f8980;
		width: 525px;
		text-transform: uppercase;
	}
	
	.post p
	{
		font-size: 1em;
		line-height: 1.4;
		color: #847f7a;
		margin: 0 0 0 0;
		padding: 0 0 1.1em 27px;
		width: 525px;
	}
	
	.post a
	{
		font-size: 1em;
		color: #7a5d3b;
		text-decoration: underline;
	}
	
		.post a:hover
		{
			color: #8b6e4c;
			text-decoration: none;
		}
		
	.post .stamp
	{
		font-size: 0.8em;
	}	
	
	.post li
	{
		color: #847f7a;
	}
	
	.post h1 a, .post h2 a, .post h3 a
	{
		text-decoration: none;
		font-family: Arial, Helvetica, sans-serif;
		color: #8f8980;
	}	
		
		
		
#rightCol
{
	width: 225px;
	/*margin: 0 68px 0 0;
	padding: 0;*/
	margin: 0;
	padding: 0 68px 0 0;
	float: right;
	position: relative;
}

	#rightColHeader
	{
		position: absolute;
		top: -70px;
		left: -64px;
		z-index: 0;
	}
	
	#rightCol p
	{
		z-index: 1;
		position: relative;
		color: #a49380;
		font-size: 0.75em;
		line-height: 1.5;
	}
	
	#rightCol h1
	{
		z-index: 1;
		position: relative;
		color: #cbbaa7;
		font-family: Arial, Helvetica, sans-serif;
		font-size: 22px;
		margin: 0;
		padding: 0;
		text-transform: uppercase;
	}
	
	#rightCol a
	{
		color: #c19a6c;
		text-decoration: underline;
	}
	
		#rightCol a:hover
		{
			color: #d3ad80;
			text-decoration: none;
		}
		
	#rightCol ul, #rightCol form
	{
		position: relative;
		z-index: 1;
	}
		
	#rightCol li a
	{
		font-size: 0.75em;
	}
		
		
		
		
		
		
		
#tooltip {
	position: absolute;
	z-index: 3000;
	border: 1px solid #b6a796;
	background-color: #fff;
	padding: 10px;
	opacity: 0.85;
	width: 200px;
}

#tooltip div 
{ 
	margin: 0;
	color: #776f5c;
	font-size: 0.75em;
}

#tooltip h3
{
	margin: 0;
	color: #776f5c;
	font-size: 1em;
	padding-bottom: 8px;
}


		
		
.commentlist
{
	width: 500px;
	padding-left: 80px;
}
		
		

#contactMe
{
	display: none;
	color: #fff;
	padding: 10px 25px 10px 0;
	margin: 0;
	text-align: right;
	font-size:12px;
}

#contactMe a { color:#cac3b9; text-decoration:none; }
/*
	#contactMe a.email
	{
		display: block;
		height: 15px;
		background: url(../images/ui/emailAddress.gif) 0 0 no-repeat;
		width: 223px;
		text-indent: -5000px;
		float: right;
		margin: 10px 26px 0 0;
		color: #696251;
	}	
		#contactMe a.email:hover
		{
			background-position: 0px -15px;
			color: #696251;
		}*/



code { font-size:10px; }

		
		
		
		
		
		
/* These are standard sIFR styles... do not modify */

.sIFR-flash {
	visibility: visible !important;
	margin: 0;
}

.sIFR-replaced {
	visibility: visible !important;
}

span.sIFR-alternate {
	position: absolute;
	left: 0;
	top: 0;
	width: 0;
	height: 0;
	display: block;
	overflow: hidden;
}

/* Hide Adblock Object tab: the text should show up just fine, not poorly with a tab laid over it. */
.sIFR-flash + div[adblocktab=true] {
  display: none !important;
}

/* These "decoy" styles are used to hide the browser text before it is replaced... the negative-letter spacing in this case is used to make the browser text metrics match up with the sIFR text metrics since the sIFR text in this example is so much narrower... your own settings may vary... any weird sizing issues you may run into are usually fixed by tweaking these decoy styles */

.sIFR-hasFlash h2 {
	visibility: hidden;
}

.sIFR-hasFlash h1 {
	visibility: hidden;
}