/*
This file contains styling for nearly every selector that LACKS
an underscored prefix

INDEX:
[0] Global Changes (body, img, a, a img)
[1] Wrapper
[2] Header and contained selectors
[3] Middle selectors
	[3.1] Maincontent
	[3.2] Post
[4] Footer
*/
/*The COLOR   #f2cc74;*/
/*[0] Global Changes*/
/*************************************************************************/
	/*Defines the background and helps to center everything*/
	body
	{
	margin: 0px;						/*set the page margin to 0*/
	padding: 0px;						/*set the page padding margin to 0*/
	text-align: center; 				/*set the page alignment of our div to center*/
	font-size: 100%;					/*important to establish that all font definitions should be set as compared to the body (for IE)*/
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	background-color: black;			/*set the page backgound color*/
	}
	/*removes 2px decender space for img*/
	img
	{
	display: block;
	}
	/*Remove the border on img links and underline on links*/
	a
	{
	text-decoration: none;
	outline: none;
	color: #96a4b4;
	}
	a img
	{
	border: 0;
	}
	
/*[1] wrapper*/
/*************************************************************************/
	#wrapper /*centers all content and defines max content width*/
	{
	position: relative;
	width: 900px;
	margin: 25px auto 25px auto;
	font-size: 0.6em;
	text-transform: uppercase;			/*sets all types characters to uppercase*/
	}
	
/*[2] Header and contained selectors*/
/*See navigation.css for Mainmenu and contained selectors*/
/*************************************************************************/
	#header
	{
	position: relative;
	width: 100%;
	height: 177px;
	/*overflow: visible;*/
	}
		#header img.sitepic
		{
		position: absolute;
		top: -20px;
		left: 410px;
		}
		#header div.topRight /*Defines the container for the paragraph and halfbanner ad located at the top right of the page*/
		{
		width: 300px;
		height: 177px;
		float: right;
		}
	#logo /*Defines the location, size, and bg color of the logo*/
	{
	background-image: url("resources/logo.png");
	width: 414px;
	height: 177px;
	float: left;
	margin:0;
	}
	#logo span
	{
	display: none;
	}

/*[3] middle and contained selectors*/
/*************************************************************************/
	#middle
	{
	/*position: relative;*/
	width: 100%;
	min-height: 700px;
	margin-top:10px;
	/*z-index: -1;*/
	}
	#shoulder
	{
	/*position: relative;*/
	float: left;
	width: 160px;
	height: 700px;
	}
	
	#shoulder img.shoulderpic
	{
		margin-top: 10px;
	}

/*[3.1] maincontent and corner selectors*/
	#maincontent
	{
	/*position: relative;*/
	width: 720px;
	float: right;
	/*z-index: 1;*/
	}
	#tl, #tr, #bl, #br /*AKA: Corners*/
	{
	background-repeat: no-repeat;		/*set background to only display once for our 4 corner*/
	}
	#tl
	{
	background-image:url(resources/con_tl.gif); 	/*set top left hand corner image*/
	background-position: 0% 0%;				/*set the position to start at 0,0, top left*/
	}
	#tr
	{
	background-image:url(resources/con_tr.gif);	/*set top right hand corner image*/
	background-position: 100% 0%;			/*set the position to start at max width,0, top right*/
	}
	#bl
	{
	background-image:url(resources/con_bl.gif);	/*set bottom left hand corner image*/
	background-position: 0% 100%;			/*set the position to start at 0,max height, bottom left*/
	}
	#br
	{
	background-image:url(resources/con_br.gif);	/*set bottom right hand corner image*/
	background-position: 100% 100%;			/*set the position to start at max width,max height, bottom right*/
	}
	#content
	{
	padding-top: 5px;
	min-height: 700px;
	}
		#content h2
		{
		margin:0px auto 10px auto;
		position: relative;
		right: -5px;
		letter-spacing: 2em;
		font-size: 1.5em;
		}

/*[3.2] Post selectors*/
	.post /*Post Container*/
	{
	/*position: relative; /*Important when used with children's 'position: absolute'*/
	margin: 0px auto;
	/*top: -15px;*/
	/*border: 4px solid black;*/
	width: 680px;
	height: 150px;
	}
	.post h4 /*Post Title*/
	{
	/*position: absolute;*/
	/*left: 1em;
	top: -25px;*/
	text-align: left;
	text-transform: uppercase;
	text-indent: 1em;
	font-size: 2em;
	margin: 0px;
	width: 480px;
	float: left;
	}
	.post h4 a {
	text-decoration: none;
	}
	.post h3 /*Post Date*/
	{
	/*position: absolute;*/
	width: 200px;
	/*right: 0px;
	top: -20px;*/
	text-align: center;
	text-transform: uppercase;
	font-size: 1.5em;
	margin: 0px;
	padding: 0px;
	float: right;
	}
	.post p /*Post Description*/
	{
	float: left;
	display: inline;
	text-align: left;
	text-transform: none;
	text-indent: 2em;
	line-height: 1.35em;
	font-size: 1.5em;
	/*margin: 10px;*/
	margin: 0px;
	padding: 10px;
	/*max-width: 460px;*/
	height: 80px;
	width: 448px; /*(.post h4{width}) - (border*3) - (padding*2)*/
	border-top: 4px solid black;
	border-left: 4px solid black;
	border-bottom: 4px solid black;
	}
	.post a /*Post hyperlink styling*/
	{
	color: #5f7085;
	text-decoration: underline;
	}
	.post img /*Post pic position with border*/
	{
	float: right;
	display: inline;
	border: 4px solid black;
	}
	img.grind
	{
		border: 2px solid black;
		width: 700px;
		margin: 0 auto;
	}

/*[4] footer*/
/*************************************************************************/
/*footer*/
	#footer
	{
	height: 150px;
	width: 100%;
	padding: 10px 0;
	}
	#footer p
	{
	margin: 0;
	padding: 0;
	width: 900px;
	clear: both;
	}