/*============================================================================
IanObermiller.com - Simple

@version    5.0
@date       3/22/09
@author     Ian Obermiller <ian320@gmail.com>
@link       ianobermiller.com
@colordef   
=============================================================================*/

/*=============================================================================
==	Standard
=============================================================================*/
/*--------------------------------------------------------
--	Standard - Neutralize/Fix styling
--------------------------------------------------------*/
/* Neutralize styling: 
   Elements we want to clean out entirely: */
html, body, form, fieldset
{
	margin: 0;
	padding: 0;
	font: 14px/24px 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: 0 0 18px 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;
}
code, pre
{
	font-family:Consolas,Monaco,"Lucida Console","Liberation Mono","DejaVu Sans Mono","Bitstream Vera Sans Mono","Courier New";
}

/*--------------------------------------------------------
--	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
{
	
}

/*=============================================================================
==	Body & Container
=============================================================================*/
body, html
{
    background:#fff;
	height:100%;
}
body 
{
	color:#111;
}
#container 
{
	background:url('../img/simple/smoke.jpg') no-repeat;
	letter-spacing:.1em;
	margin:0 auto;
	max-width:800px;
	width:90%;
}

/*=============================================================================
==	Header
=============================================================================*/
#header 
{
	padding-top:50px;
}
	#header h1
	{
		font-size:36px;
		letter-spacing:12px;
		text-transform:lowercase;
	}
		#header h1 a
		{
			color:#000;
			text-decoration:none;
		}
	
/*=============================================================================
==	Content
=============================================================================*/
#content
{
	
}
	#content h1, #content h2, #content h3, #content h4, #content h5, #content h6 
	{
		color:#000;
		line-height:18px;
		margin:0 0 18px 0;
		text-transform:lowercase;
	}
	#content h1 
	{
		color:#006;
		font-size: 24px; 
		line-height: 36px;
	}
	#content h2
	{
		color:#303;
		font-size: 18px;
	}
	#content h3 { font-size: 12px; }
#content dt 
{
	font-weight:bold;
}
#content li
{
	list-style-position:inside;
}

/*=============================================================================
==	Navigation
=============================================================================*/
#navigation 
{
	margin:36px 0 24px 0;
	overflow:auto;
	width:100%
}
	#navigation ul 
	{
		margin:0;
		padding:0;
	}
		#navigation ul li 
		{
			background:url('../img/simple/slash.gif') no-repeat center right;
			float:left;
			list-style:none;
			margin:0;
			padding:0 5px 0 0;
		}
			#navigation ul li a 
			{
				color:#000;
				display:block;
				font-size:16px;
				font-weight:bold;
				padding:0 25px 0 25px;
				text-decoration:none;
				text-transform:lowercase;
			}
				#navigation ul li a:hover,
				#about .about a,
				#research .research a,
				#development .development a,
				#resources .resources a
				{
					background:#000 url('../img/simple/underline.png') no-repeat bottom center;
				}
				#navigation ul li.about a, #navigation ul li.about a:hover
				{
					background-position:-150px 100%;
					padding-left:0;
				}
				#navigation ul li.resources { background:none; padding-right:0; }
				#about li.about a, #navigation ul li.about a:hover { background-color:#0ff; }
				#research li.research a, #navigation ul li.research a:hover { background-color:#09f; }
				#development li.development a, #navigation ul li.development a:hover { background-color:#00f; }
				#resources li.resources a, #navigation ul li.resources a:hover { background-color:#f0f; }
/*=============================================================================
==	Footer
=============================================================================*/
#footer, #footer a
{
	color:#aaa;
	font-size:10px;
}

/*=============================================================================
==	Style switcher
=============================================================================*/
#switcher
{
	font-size:10px;
	padding-right:5px;
	position:fixed;
	right:0;
	top:0;
}