@charset "UTF-8";
/* CSS Document */

/* ----------------------------------------
Global
------------------------------------------*/

	html{background:#080B13 url("/themes/site_themes/2009/images/site_bg.jpg") center top no-repeat;background-attachment:fixed}
	
	body{
		font:12px Helvetica, Arial, sans-serif;
		text-align:center;
		margin-top:-20px;
		line-height:140%;
		color:#FFF
	}
	
	a:link{color:#CCC;text-decoration:underline;}
	a:visited{color:#CCC;text-decoration:underline;}
	a:hover{color:#FFF;text-decoration:underline;}
	a:active{color:#FFF;text-decoration:underline;}
	
	p{margin-bottom:10px}
	h2, h3{margin-bottom:25px}
	
	.float_left{float:left;margin:0 15px 15px 0}
	
	body#about #profile_pic{float:left;margin:0 15px 15px 0;border:5px solid #CCC}

/* ----------------------------------------
Header
------------------------------------------*/

	#header{height:167px}
	
	#logo{
		display:block;
		width:245px;
		height:63px;
		position:absolute;
		top:50px;
		text-indent:-5600px;
		background:url("/themes/site_themes/2009/images/sjc_logo.png") no-repeat;
	}
	
	#navBar {position:absolute;top:0;right:0;list-style:none;}
	#navBar li{float:left;margin-left:10px;}
	
	#navBar a{text-indent:-9999px;display:block;height:85px;width:84px}
	#navBar a:link#nav_about{background:url("/themes/site_themes/2009/images/nav/nav_about.png")}
	#navBar a:visited#nav_about{background:url("/themes/site_themes/2009/images/nav/nav_about.png")}
	#navBar a:hover#nav_about{background:url("/themes/site_themes/2009/images/nav/nav_roll_about.png")}
	#navBar a:active#nav_about{background:url("/themes/site_themes/2009/images/nav/nav_roll_about.png")}
	
	#navBar a:link#nav_portfolio{background:url("/themes/site_themes/2009/images/nav/nav_portfolio.png")}
	#navBar a:visited#nav_portfolio{background:url("/themes/site_themes/2009/images/nav/nav_portfolio.png")}
	#navBar a:hover#nav_portfolio{background:url("/themes/site_themes/2009/images/nav/nav_roll_portfolio.png")}
	#navBar a:active#nav_portfolio{background:url("/themes/site_themes/2009/images/nav/nav_roll_portfolio.png")}
	
	#navBar a:link#nav_contact{background:url("/themes/site_themes/2009/images/nav/nav_contact.png")}
	#navBar a:visited#nav_contact{background:url("/themes/site_themes/2009/images/nav/nav_contact.png")}
	#navBar a:hover#nav_contact{background:url("/themes/site_themes/2009/images/nav/nav_roll_contact.png")}
	#navBar a:active#nav_contact{background:url("/themes/site_themes/2009/images/nav/nav_roll_contact.png")}
	
	
	
	body#about #navBar a:link#nav_about{background:url("/themes/site_themes/2009/images/nav/nav_roll_about.png")}
	body#about #navBar a:visited#nav_about{background:url("/themes/site_themes/2009/images/nav/nav_roll_about.png")}
	body#about #navBar a:hover#nav_about{background:url("/themes/site_themes/2009/images/nav/nav_roll_about.png")}
	body#about #navBar a:active#nav_about{background:url("/themes/site_themes/2009/images/nav/nav_roll_about.png")}
	
	body#portfolio #navBar a:link#nav_portfolio{background:url("/themes/site_themes/2009/images/nav/nav_roll_portfolio.png")}
	body#portfolio #navBar a:visited#nav_portfolio{background:url("/themes/site_themes/2009/images/nav/nav_roll_portfolio.png")}
	body#portfolio #navBar a:hover#nav_portfolio{background:url("/themes/site_themes/2009/images/nav/nav_roll_portfolio.png")}
	body#portfolio #navBar a:active#nav_portfolio{background:url("/themes/site_themes/2009/images/nav/nav_roll_portfolio.png")}
	
	body#contact #navBar a:link#nav_contact{background:url("/themes/site_themes/2009/images/nav/nav_roll_contact.png")}
	body#contact #navBar a:visited#nav_contact{background:url("/themes/site_themes/2009/images/nav/nav_roll_contact.png")}
	body#contact #navBar a:hover#nav_contact{background:url("/themes/site_themes/2009/images/nav/nav_roll_contact.png")}
	body#contact #navBar a:active#nav_contact{background:url("/themes/site_themes/2009/images/nav/nav_roll_contact.png")}

/* ----------------------------------------
Content
------------------------------------------*/
	
	#main{
		width:900px;
		margin:20px auto 0 auto;
		text-align:left;
		position:relative
	}
		
	#content{
		/*background:url(/themes/site_themes/2009/images/content_bg.png) no-repeat top left;*/
		background:url(/themes/site_themes/2009/images/content_bg_repeat.png) repeat;
		/*border:1px solid #3E4C5F;*/
		padding:15px
	}
	
	#content h2{
		font-family:Helvetica, Arial, sans-serif;
		font-size:20px;
		font-weight:normal;
		color:#FF9900;
	}
	
	#content h3{font-size:15px;font-weight:400;color:#FF9900;margin-bottom:15px;}
	#content h3 a:link{font-size:15px;font-weight:400;color:#FF9900;margin-bottom:15px;}
	#content h3 a:visited{font-size:15px;font-weight:400;color:#FF9900;margin-bottom:15px;}
	#content h3 a:hover{font-size:15px;font-weight:400;color:#FF9900;margin-bottom:15px;}
	#content h3 a:active{font-size:15px;font-weight:400;color:#FF9900;margin-bottom:15px;}
	#content ul{margin-left:65px;}
		
	.project{clear:both;margin-bottom:20px;padding-bottom:20px;border-bottom:1px dashed #384353}
	.project div{
		float:right;
		width:300px;
		padding:0 10px
	}
	
	#resume{margin:15px 0 20px 0;padding:20px 0;border-bottom:1px dashed #CCC;border-top:1px dashed #CCC}
	
	#intro{font-size:17px;margin:15px 0 20px 0;padding:20px 0;border-bottom:1px dashed #CCC;border-top:1px dashed #CCC;letter-spacing:1px;line-height:140%;font-weight:100}
	#intro strong{color:#FF9900}
	#intro em{font-style:normal;font-size:12px}
		
	a:link.hover_link img,a:visited.hover_link img{border:5px solid #CCC}
	a:hover.hover_link  img,a:active.hover_link  img{border:5px solid #FF9900}

/* ----------------------------------------
Footer
------------------------------------------*/

	#links {list-style:none;}
	#links li{float:right;margin-left:10px;}
	
	#links_ee{
		display:block;
		width:29px;
		height:20px;
		text-indent:-5600px;
		background:url("/themes/site_themes/2009/images/ee_logo.png") no-repeat;
	}
	
	#links_mt{
		display:block;
		width:40px;
		height:20px;
		text-indent:-5600px;
		background:url("/themes/site_themes/2009/images/mt_logo.png") no-repeat;
	}
	
	#footer{margin-top:15px}
	
/* ----------------------------------------
	About Page Elements
------------------------------------------*/

	.col{float:left;width:200px;margin-right:15px}

/* ----------------------------------------
Contact Page Elements
------------------------------------------*/
		
	#contact_header{
		background:url("/themes/site_themes/2008/images/site_components/headers/contact.png") no-repeat;
		text-indent:-5500px;
		clear:both;
	}
			
	#contact_form{margin-top:20px;}
			
	#contact_form label{
		float:left;
		width:200px;
		margin-right: 10px;
	}
			
	#contact_form input{width: 300px;padding: 5px;}
	#contact_form textarea{padding: 5px;}
	#contact_form textarea{width: 300px;height: 100px;}
	#contact_form select{width: 300px;}
			
	#contact_form .submitbtn {
		width: auto;
		padding: 4px 12px;
		font: bold 12px Arial, Helvetica, sans-serif;
		color: #333;
		background: #F2F2F2;
		border:1px solid #666;
		margin-left:208px;
	}