/* 
    Document   : style
    Created on : May 3, 2010, 11:32:24 AM
    Author     : Daniel Cassman
    Description:
		Main stylesheet for darkclean theme.
		Depends on reset.css
*/

/*RESET CSS*/
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{background:transparent;border:0;font-size:100%;margin:0;outline:0;padding:0;vertical-align:baseline;}
body{line-height:1;}
ol,ul{list-style:none;}
blockquote,q{quotes:none;}
blockquote:before,blockquote:after,q:before,q:after{content:none;}
:focus{outline:0;}
ins{text-decoration:none;}
del{text-decoration:line-through;}
table{border-collapse:collapse;border-spacing:0;}

/*HTML 5 FIXES*/
nav, header, footer, section, aside	{
				display:				block;
				position:				relative;
				}
nav, header, footer	{
				clear:					both;
				}
header	{clear:both;}

/* Grid Layout */
.grid_container	{	
					width:					960px;
						}
.float			{
					display:						inline;
					float:							left;
					position:						relative;
				}
.grid_1,.grid_2,.grid_3,
.grid_4,.grid_5,.grid_6,
.grid_7,.grid_8,.grid_9,
.grid_10,.grid_11,.grid_12	{
					display:						inline;
					float:							left;
					position:						relative;
					margin-left:				20px;
					margin-right:				20px;
							}
.grid_1				{width:					40px;}
.grid_2				{width:					120px;}
.grid_3 			{width:					200px;}
.grid_4 			{width:					280px;}
.grid_5 			{width:					360px;}
.grid_6 			{width:					440px;}
.grid_7 			{width:					520px;}
.grid_8 			{width:					600px;}
.grid_9 			{width:					680px;}
.grid_10			{width:					760px;}
.grid_11			{width:					840px;}
.grid_12			{width:					920px;}

/* Page Layout */
html	{
					background:				#050505;
					color:					#eee;
					text-align:				center;
					font:					normal normal 13px Corbel,"Bitstream Vera Sans",Verdana,Helvetica,Arial,sans-serif;
				}
div#wrap			{
					position:				relative;
					margin:					0 auto 20px;
					text-align:				left;
					background:				#0A0A0A;
					min-height:				510px;
					border-bottom-left-radius:	10px;
					-webkit-border-bottom-left-radius: 10px;
					-moz-border-radius-bottomLeft:		10px;
					-webkit-border-bottom-left-radius:	10px
					border-bottom-right-radius:	10px;
					-webkit-border-bottom-right-radius: 10px;
					-moz-border-radius-bottomright:		10px;
					-webkit-border-bottom-right-radius:	10px;
				}

header	{
					position:				relative;
					clear:					both;
		}

h1#logo	{
					font:					normal normal 36px 'Lucida Grande', 'Lucida Sans Unicode', Tahoma, Arial, san-serif;
					margin-top:				36px;
					margin-bottom:			15px;
					color:					#fff;
				}
img#logo	{
					position:				absolute;
					top:					85px;
					left:					-60px;
			}

section.intro	{
					clear:					both;
					text-align:				center;
					padding:				0 60px;
					width:					840px;
					margin-bottom:			20px;
				}
	section.intro h2.caption	{
					font-size:				25px;
				}
section.featured{	margin-bottom:			25px;}
section.featured ol,
section.featured ul
			{		font-size:				13px;}
section.affiliations
			{
					margin-top:				25px;
					letter-spacing:			.5px;
				}
section.affiliations a.grid_4	{
					display:				block;
					color:					#BBB;
					margin-bottom:			20px;
							}
section.affiliations a.grid_4:hover	{
					cursor:					pointer;
					text-decoration:		none;
				}

/* Navigation */
nav		{			margin-bottom:			30px;}
nav ul li	{
					display:				inline;
					float:					right;
					margin-left:			50px;
					text-transform:			uppercase;
				}
	nav ul li a	{
					display:					block;
					font-family:			arial, sans-serif;
					padding-top:			10px;
					text-decoration:		none;
					font-size:				14px;
					font-weight:			bold;
				}
	nav ul li a:link,
	nav ul li a:visited
				{	color:					#F00;}
		nav ul li a span.text	{
					display:				block;
					clear:					both;
				}
		nav ul li a:hover span.text	{
					text-decoration:		none;
					color:					#FFF;
				}
		nav ul li a:hover span.meta	{
					color:					#999;
				}

/* Footer */
footer	{
					position:				relative;
					width:					920px;
					background:				#0A0A0A;
					margin:					0 auto;
					padding:				10px 20px;
					letter-spacing:			1px;
					font-size:				14px;
					text-align:				left;
					border-top-left-radius:	10px;
					-webkit-border-top-left-radius: 10px;
					-moz-border-radius-topLeft:		10px;
					-webkit-border-top-left-radius:	10px
					border-top-right-radius:	10px;
					-webkit-border-top-right-radius: 10px;
					-moz-border-radius-topright:		10px;
					-webkit-border-top-right-radius:	10px;
		}
footer, footer a, footer a:link, footer a:visited
				{	color:					#494949;}
footer a:hover	{	color:					#9D9D9D;}

/* Links */
a:link, a:visited	{
					color:					#4A86E0;
					text-decoration:		none;
				}
a:hover	{
					color:					#E01818;
					text-decoration:		underline;
				}
a:focus			{	outline:				0;}

/* Headings */
h1				{	font-size:				25px;}
h2				{	font-size:				23px;
					font-weight:			bold;}
h3				{	font-size:				21px;}
h4				{	font-size:				19px;
					color:					#3761a7;}
h5				{	font-size:				17px;}
h6				{	font-size:				15px;}
h1,h2,h3,h4,h5,h6{	margin-bottom:			.2em;}

/* Caption */
h2.caption	{
					color:					#ccc;
					text-shadow:			1px 1px 1px #303030;
					font-size:				21px;
					line-height:			1.2em;
					font-weight:			normal;
					letter-spacing:			1px;
					text-align:				justify;
				}
h2.caption span	{
					color:					#fff;
					font-weight:			bold;
				}
h2.caption a:hover{	text-decoration:		underline;}

/* Global Classes */
.align-center	{	text-align:				center;}
.align-left		{	text-align:				left;}
.align-right	{	text-align:				right;}
div.box			{
					width:					80%;
					margin:					1em 8%;
					padding:				15px 2%;
					background-color:		#1F1F1F;
					border-radius:			5px;
					-webkit-border-radius:	5px;
					-moz-border-radius:		5px;
					-khtml-border-radius:	5px;
}
.clear	{			
					position:				relative;
					clear:					both;
					display:				block;
					overflow:				hidden;
					visibility:				hidden;
					width:					0;
					height:					0;
				}
.clear.spacer	{	padding-bottom:			1.5em;}
code {
					position:				relative;
					display:				block;
					padding:				1em;
					margin:					.5em 0 1em;
					text-indent:			0;
					font:					normal normal 13px Consolas,Courier,"Bistream Vera Sans Mono",monospace;
					background-color:		#333;
}
.hr.dotted	{
					border-style:			dashed;
					border-left:			0;
					border-right:			0;
		}
.error, .success{	display:				none;}
.flush			{	margin-bottom:			0;}
img.icon		{
					float:					left;
					margin-right:			10px;
					width:					72px;
					height:					72px;
				}
.indent {			margin-left:			3em;}
.left	{			float:					left;}
li		{
					margin-left:			20px;
					position:relative;
				}
.meta	{
					font-weight:			normal;
					font-family:			'Lucida Grande', 'Lucida Sans Unicode', Tahoma, Arial, san-serif;
					font-size:				11px;
					color:					#999999;
					line-height:			16px;
					text-transform:			none;
					text-shadow:			none;
				}
ol, ul			{	margin-bottom:			1em;}
ol li, ul li	{	margin-bottom:			.5em;}
ol li			{	list-style:				decimal outside;}
p		{			
					margin-bottom:			1em;
					line-height:			1.2em;
				}
.right	{			float:					right;}
.hr	{
					border:					none;
					border-bottom:			1px solid #0F0F0F;
					border-top:				1px solid #1E1E1E;
					clear:					both;
					height:					0;
					line-height:			0;
					font-size:				0;
					padding:				0;
					margin-bottom:			20px;
				}
.float.icon		{	margin:					0 8px 8px 0;}

/*Link List*/
ul.links li		{	margin-bottom:			.25em;}
ul.links a:link,
ul.links a:visited,
ol.links a:link,
ol.links a:visited{	color:					#BBB;}
ul.links a:hover,
ol.links a:hover{
					color:					#FFF;
					text-decoration:		none;
				}
ul li			{	list-style:				disc outside;}

/* Image with Border*/
a.imglink img, img.border	{
					padding:				5px;
					border:					1px solid #555;
					margin-right:			15px;
					border-radius:			5px;
					-webkit-border-radius:	5px;
					-moz-border-radius:		5px;
					-khtml-border-radius:	5px;
					background:				#0f0f0f;
					margin-bottom:			0px;
				}
a.imglink img	{	height:					120px;}
a.imglink:hover img{
					box-shadow:				0px 0px 20px #606060;
					-webkit-box-shadow:		0px 0px 20px #606060;
					-moz-box-shadow:		0px 0px 20px #606060;
					-khtml-box-shadow:		0px 0px 20px #606060;
					background:				#222;
				}
img.border		{
					box-shadow:				0px 0px 5px #606060;
					-webkit-box-shadow:		0px 0px 5px #606060;
					-moz-box-shadow:		0px 0px 5px #606060;
					-khtml-box-shadow:		0px 0px 5px #606060;
					background:				#060606;
				}

/* Contact Form */
p.error	{
					margin-left:			140px;
					margin-top:				10px;
				}
#contact_form ul{	float:					left;}
#contact_form ul li	{
					margin:					10px 0;
					list-style:				none;
					position:				relative;
					clear:					both;
				}
#contact_form label	{
					line-height:			35px;
					width:					100px;
					text-align:				left;
					float:					left;
					margin-right:			10px;
				}
#contact_form input#name,
#contact_form input#email,
#contact_form input#subject,
#contact_form textarea	{
					float:					left;
					padding:				8px;
					border:					1px solid #333;
					margin-left:			10px;
					background:				#030303;
					border-radius:			5px;
					-moz-border-radius:		5px;
					-webkit-border-radius:	5px;
					-khtml-border-radius:	5px;
					color:					#fff;
				}
#contact_form input#name,
#contact_form input#email,
#contact_form input#subject	{
					width:					400px;}
#contact_form textarea	{
					width:					460px;
					height:					150px;
					resize:					none;
				}
#contact_form input.button	{
					float:					right;}
.error,
.success		{	display:				none;}
#sidebar.contact ul li	{
					list-style-type:		none;
					margin-bottom:			.5em;
					letter-spacing:			1px;
					line-height:			1.4em;
						}

/* Buttons */
.button, .button:visited	{
					background:				#000000 url(../images/alert-overlay.png) repeat-x;
					display:				inline-block;
					padding:				5px 10px 6px;
					color:					#fff;
					text-decoration:		none;
					border-radius:			5px;
					-moz-border-radius:		5px;
					-webkit-border-radius:	5px;
					-khtml-border-radius:	5px;
					box-shadow:				0 0 3px rgba(255,255,255,0.5);
					-moz-box-shadow:		0 0 3px rgba(255,255,255,0.5);
					-webkit-box-shadow:		0 0 3px rgba(255,255,255,0.5);
					-khtml-box-shadow:		0 0 3px rgba(255,255,255,0.5);
					text-shadow:			0 -1px 1px rgba(255,255,255,0.25);
					border-bottom:			1px solid rgba(255,255,255,0.25);
					position:				relative;
					cursor:					pointer;
					font-size:				13px;
					font-weight:			bold;
					line-height:			1;
					border:					0;
				}
.button:hover	{
					background-color:		#111;
					color:					#fff;
					text-decoration:		none;
				}
.button:active	{	top:					1px;}

/* Resume */
p.resume-contact{	font-size:				13px;
					line-height:			1.25em;}
h2.section-head	{
					margin-bottom:			.5em;
}
p.resume-contact a.pdf, p.resume-contact a.pdf:link, p.resume-contact a.pdf:visited	{
					display:				block;
					float:					right;
					padding:				3px 25px;
					background-color:		#333;
					color:					#fff;
					margin-bottom:			.5em;
				}
p.resume-contact a.pdf:hover	{
					background-color:		#666;
					color:					#fff;
					text-decoration:		none;
}
p.resume-heading	{
					color:					#494FFF;
					font-size:				20px;
					font-style:				italic;
				}
p.resume-date		{
					font-size:				13px;
					text-align:				right;
}
div.resume-item	{	letter-spacing:			1px;}
div.resume-item h3	{
					margin-bottom:			7px;
					font-size:				18px;
					}
div.resume-item h4	{
					margin-top:				-7px;
					letter-spacing:			0px;
					font-size:				16px;
					}
div.resume-item p.followh	{
					margin-top:				-7px;
					}

p.list {
					padding-bottom:			.5em;
					margin:					1.5em 0 0 3.5em;
		}
	p.list span.number {
					position:				relative;
					left:					-1em;
					font-size:				50px;
					float:					left;
					padding:				5px;
					font-family:			sans-serif;
					margin-right:			-.8em;
					}
	p.list span.title {
					display:				block;
					font-weight:			bold;
					font-size:				17px;
					clear:					right;
					}
	p.list a.right {
					display:				block;
					text-align:				right;
					}

#sidebar.border	{
					padding:				15px;
					background-color:		#1C1C1C;
					border-radius:			5px;
					-webkit-border-radius:	5px;
					-moz-border-radius:		5px;
					-khtml-border-radius:	5px;
					box-shadow:				0px 0px 5px #9F9F9F;
					-webkit-box-shadow:		0px 0px 5px #9F9F9F;
					-moz-box-shadow:		0px 0px 5px #9F9F9F;
					-khtml-box-shadow:		0px 0px 5px #9F9F9F;
					}
	#sidebar h4	{	color:					#CCC;}

/* Fixes */
* html .clearfix{	height:					1%;}