@charset "utf-8";
/*Features CSS3 */


	
/*elements*/

body {
	font-family:"MavenPro", sans-serif;
	width:960px;
	height:1000px;
	margin:5px auto 0 auto;
	background:-webkit-gradient(linear, 0% 0%, 0% 20%, from(#96C6DE), to(#FFFFFF));
	background:-moz-linear-gradient(0% 20% 90deg, #FFFFFF, #96C6DE);
	background-repeat:repeat-x;
	
	}

	
header {
	font-family:"Arcadepix", sans-serif;
	width:auto;
	height:200px;
	background-image:url('../img/banner_bg.gif');
	background-repeat:no-repeat;
	background-position:-280px 0px;
	
	}
	

	
		header hgroup {
			padding:0 0 0 0px;
		
		}
		
			header h1 {
				font-size:36px;
				text-transform:uppercase;
				margin:0;
				padding:45px 0 0 0;
				}
			
			header h2 {
				font-size:18px;
				text-transform:uppercase;
				text-indent:1em;
				margin:0;
				padding:0;
				}
			
			header a {
			text-decoration:none;
			color:black;
			}
nav {
	
	text-align:center;
	width:500px;
	height:45px;
	position:relative;
	top:50px;
	margin:0 auto 0 auto;
	font-size:24px;
	
	}
	
		
article {

	padding: 5px 0px 0px 0px;
	}
	

section {

	padding: 5px 0px 0px 5px;
	}
	
	section h2{
		font-family:"Arcadepix", serif;
		font-size: 26px;
		}
	
footer{
	
	width:auto;
	height:auto;
	margin-bottom:15px;
	padding-top:145px;
	padding-left:20px;
	background-image:url('../img/foot_bg_foot1.gif');
	background-position:center top;
	background-repeat:no-repeat;
	color:white;
	
	text-shadow: 2px 2px #000, 3px 3px 2px #000;
	text-align:center;
	}
	
		footer p {
			display:inline;
			}
			
			footer p a {
				font-family:ArcadePix;
				text-decoration:none;
				color:white;
				}


/*classes*/
	
.inline {
	display:inline;
	}

.block {
	display:block;
	}

.inlineblock {
	display:inline-block;
	}
	
.fltright{
	float:right;
	}

.fltleft{
	float:left;
	}

.clear{
	clear:both;
	}


.content {
	width:auto;
	height:auto;

	}
	
	
	.content h2{
	font-family:"MuseoSlab500", serif;
	font-size:27px;
	}

	.content h3 {
	font-family:"MuseoSlab500", serif;
	font-size:22px;
	}
	
	.content h4 {
	font-family:"MuseoSlab500", serif;
	font-size:20px;
	}
	
	.content h5 {
	font-family:"MuseoSlab500", serif;
	font-size:16px;	
	}
	
		.content figure {
	vertical-align:top;
	padding:15px;
	width:275px;
	}
	
		
		.content a:hover {
			text-shadow: 2px 2px 3px #567FAB;
			}
/*ids*/	

#c_spacer{
	padding:15px;
	width:275px;
	}

#abt figure {
	
	}

	
	
/* Code taken out in favor of more straight forward approach
#pre_bio {
	height:600px;
	width:50%
	}
	
	#pre_bio img{
		width:auto;
		margin-left:auto;
		margin-right:auto;
		display:block;
		padding-top:5px;
		}
	
#pre_resume {
	height:600px;
	width:49%;
	border-left-width:1px;
	border-style:dotted;
	border-color:gray;
	}

	#pre_resume img{
	width:auto;
	margin-left:auto;
	margin-right:auto;
	display:block;
	padding-top:5px;
	
	}

*/	
	
#social {
	height:200px;
	width:60px;
	float:right;
	
	position:relative;
	right:10px;
	bottom:40px;
	z-index:100;
	padding:0px;
	margin:0px;
	}
	

#bio {
	height:600px;
	}

#contact {	
	height:600px;
	}

#work {
	height:600px;
	}
	
	#work a {
		
		color:black;
		font-weight:bold;	
		text-decoration:none;
		}

#abt {
	height:600px;
	}
		
	 #abt a {
			
			color:black;
			font-weight:bold;
			text-decoration:none;
			}
	
#wd_samp{
	height:600px;
	}
	
	 #wd_samp a {
			
			color:black;
			font-weight:bold;	
			text-decoration:none;
			}
	
#gd_samp{
	height:600px;
	}
	
	 #gd_samp a {
			
			color:black;
			font-weight:bold;
			text-decoration:none;
			}

#writing_samp {
	height:600px;
	}
		
	#writing_samp a {
		
		color:black;
		font-weight:bold;
		text-decoration:none;
		}
	
#fb {
	height:60px;
	width:60px;
	margin-bottom:5px;
	padding:0;
	}
		
	#fb img {
		width:60px;
		height:60px;
		position:absolute;
		left:0;
		-webkit-transition: opacity 0.5s ease-in-out;
		-moz-transition: opacity 0.5s ease-in-out;
		transition: opacity 1s ease-in-out;
		}
		
		#fb img.top:hover {
			opacity:0;
			}

#twitter {
	height:60px;
	width:60px;
	margin-bottom:5px;
	padding:0;
	}
		
	#twitter img {
		width:60px;
		height:60px;
		position:absolute;
		left:0;
		-webkit-transition: opacity 0.5s ease-in-out;
		-moz-transition: opacity 0.5s ease-in-out;
		transition: opacity 1s ease-in-out;
		}
		
		#twitter img.top:hover {
			opacity:0;
			}			

#lin {

	margin-bottom:5px;
	padding:0;
	}
		
	#lin img {
		width:60px;
		height:60px;
		position:absolute;
		left:0;
		-webkit-transition: opacity 0.5s ease-in-out;
		-moz-transition: opacity 0.5s ease-in-out;
		transition: opacity 1s ease-in-out;
		}
		
		#lin img.top:hover {
			opacity:0;
			}
			
#sec_attract {
	height:650px;
	border-left: 1px;	
	border-style:dotted;
	border-color:#e6e6e6;
	width:49%;
	
	
	}

#art1 {
	height:600px;
	width:49%;
	}

#art2 {
	width:auto;
	height:50px;

	
	/* border-top-width:4px;
	
	-moz-border-image:url('../img/rule-double-dot-bk.png') 4 50 round;
	-webkit-border-image:url('../img/rule-double-dot-bk.png') 4 50 round;
	z-index:2; */
	}

	
 #menu{
	position:absolute;
	margin:0;
	}
	
	 #menu li{
		list-style:none;
		display:inline-block;
		margin-right:25px;
		line-height:1em;
		}

	 #static {
		float:right;
		position:absolute;
		top:60px;
		left:335px;
		z-index:50;
		}
		
	 #menu img {
		float:right;
		position:absolute;
		top:60px;
		left:335px;

		}
	
	 #menu li:hover img {
		z-index:100;
		}
		
		 #menu li:hover ul, #hor li.hover ul {
			position:absolute;
			display:inline-block;
			padding:0px;
			font-size:16px;
			text-align:left;
		
			}

		 #menu li ul{
			display:none;
			width:480px;
			}
			
 #menu a{
			color:black;
			text-decoration:none;
			}
			
		/*I had planned on using CSS3 to style navigation links so that they'd grow when hovered; however, due to differences in FF and Webkit handling of their respective -transform:scale styles, it would not work properly in both browsers. Webkit won't allow transformation of "a" elements and transforming "li" elements caused inheritance problems that I was not able to resolve. Using CSS3 text-shadow alternative.*/
		
		 #menu a:hover {
			text-shadow: 2px 2px 3px #567FAB;
			}
			
#res ul {
	padding-left:2em;
	}
	
#contact ul li a{
	text-decoration:none;
	color:black;
	}