/*============================================================================
Project Name Screen Stylesheet

version:	1.0
date:		today
author:		Ian Obermiller
email:		ian320@gmail.com
website		domain.com
colors:		#fcfcfc off-white
=============================================================================*/
/*=============================================================================
==	Standard
=============================================================================*/
/*--------------------------------------------------------
--	Standard - Neutralize/Fix styling
--------------------------------------------------------*/
/* Neutralize styling: 
   Elements we want to clean out entirely: */
html, body, form, fieldset {
	margin: 0;
	padding: 0;
	font: 100.1%/120% Verdana, Arial, Helvetica, sans-serif;
}

/* Neutralize styling: 
   Elements with a vertical margin: */
h1, h2, h3, h4, h5, h6, p, pre,
blockquote, ul, ol, dl, address {
	margin: 1em 0;
	padding: 0;
}

/* Apply left margin:
   Only to the few elements that need it: */
li, dd, blockquote {
	margin-left: 1em;
}

/* Miscellaneous conveniences: */
form label {
	cursor: pointer;
}
fieldset {
	border: none;
}
input, select, textarea {
	font-size: 100%;
	font-family: inherit;
}

/*--------------------------------------------------------
--	Standard - Floating and Clearing
--------------------------------------------------------*/
.clear {clear:both;}
	br.clear {line-height:1px;height:0;}
.right {float:right;}
.left {float:left;}

/*=============================================================================
==	Fonts
=============================================================================*/
h1, h2, h3, h4, h5, h6 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

/*=============================================================================
==	Body & Container
=============================================================================*/
body, html {
	
}
body {
	background:#fcfcfc;
	color:#666;
	font-size:.9em;
}
#container {
	margin: 0 auto;
	text-align:center;
	max-width:900px;
	overflow:auto;
	width:85%;
}

/*=============================================================================
==	Header
=============================================================================*/
#header {
	text-align:left;
}
	#header h1 {
		background:url(images/bg_header.gif) no-repeat;
		height:104px;
		text-indent:-5000px;
		width:344px;
	}
	
/*=============================================================================
==	Content
=============================================================================*/
#content {
	border:solid 1px #ccc;
	float:right;
	padding: 10px 10px 10px 10px;
	position:relative;
	text-align:left;
	width:80%;
}
	#content h1, #content h2, #content h3, #content h4, #content h5, #content h6 {
		color:#333;
		margin:.5em 0;
	}
	#content h2 {
		margin-top:0;
	}
	#content dl {
		margin-left:15px;
	}
		#content dt, #content dd {
			padding:5px;
		}
		#content dt {
			border-bottom:solid 1px #666;
			background:#f5f5f5;
			font-weight:bold;
			padding-left:5px;
		}
		#content dd {
			border-left:solid 1px #666;
			margin-left:20px;
			padding-bottom:10px;
		}
		#content a {
			text-decoration:none;
		}
			#content a img {
				border:none;
				padding:0 5px 0 0;
			}

/*=============================================================================
==	Navigation
=============================================================================*/
#navigation {
	border:solid 1px #ccc;
	float:left;
	text-align:left;
	width:15%;
}
	#navigation ul {
		margin:10px;
		padding:0;
	}
		#navigation ul li {
			list-style:none;
			margin:0 0 .5em 0;
			padding:0;
		}
			#navigation ul li a {
				border-bottom:dotted 1px #333;
				color:#333;
				text-decoration:none;
			}
/*=============================================================================
==	Footer
=============================================================================*/
#footer {
	border:solid 1px #ccc;
	clear:both;
	font-size:.8em;
	margin:20px auto;
	max-width:900px;
	padding:1em 0;
	text-align:center;
	width:85%;
}