* { margin: 0; padding: 0; }
body { 
	font-size: 12px;
	color: #FFFFFF; 
	font-family: Arial, Helvetica, sans-serif;
	text-align: center;
	height:100%;
	background: #2e4a9a;

}
a { outline: 0; }
a:hover, a:link:hover, a:visited:hover { text-decoration: underline; }
a:link, a:visited, a:active { color: #63a15f; text-decoration: none; }

img {display: block; border: 0;}

li { list-style: none; }
p { line-height: 18px; margin: 0 0 25px 0;}
ul { list-style: circle inside lower-alpha; }

h1,h2,h3,h4 { font-size: 14px; font-weight: bold; }
h1 { font-size: 22px; }
h2 { font-size: 18px; }
h3 { font-size: 16px; padding: 5px 0;}
h4 { font-size: 14px; margin: 15px 0 0 0; }

h3 a:link, h3 a:visited, h3 a:active, h4 a:link, h4 a:visited, h4 a:active { color: #34558E; }
h3#respond { font-size: 22px; }
.post h3 a:link, .post h3 a:visited, .post h3 a:active{ color: #63A15F; }

#background { 
	width: 100%;
	background: #2e4a9a url('../images/bg_gradient_px.jpg') repeat-x bottom left;
	position: fixed;
	bottom: 0;
	right: 0;
	/*z-index: -2;*/
	height: 100%;
}
#background2 {
	width: 243px;
	background: #2e4a9a url('../images/bg.jpg') no-repeat bottom right;
	position: fixed;
	bottom: 0;
	right: 0;
	/*z-index: -1;*/
	height: 100%;
}
div#container{ margin: 0 auto; width: 902px; text-align: left; min-height:100%;
		position:relative; }

.bold { font-weight: bold; }
.left { float: left; }
.right { float: right; }
.clear { clear: both; }
.center { text-align: center; margin: 0 auto;}
.on { display: block; }
.off { display: none; }
.blockquote { padding: 0px; font-style:italic }

.error { color: red; }
.green { color: #afd79b; }
.small { font-size: 10px; }
.icon { float: left; padding: 0 10px 10px 0; }
.icon_text { float: left; padding: 3px 0 0 0;}


/* header styles */
#header { margin: 5px 0 25px 0; height: 102px; }
#logo { float: left; width: 247px; height: 102px;}

/* top nav styles */

#topnav ul { margin: 10px 0 0 0; float: left; }
#topnav li { float: left; }
#topnav li a {
	display: block;
	height: 30px; 
	text-indent: -9999px;
	outline: none;
	overflow: hidden;
}

li#tnav_home a { background: url('../images/nav_home.gif') no-repeat; width: 87px; height: 30px;}
li#tnav_projects a { background: url('../images/nav_projects.gif') no-repeat; width: 105px; height: 30px;}
li#tnav_resume a { background: url('../images/nav_resume.gif') no-repeat; width: 93px; height: 30px;}
li#tnav_about a { background: url('../images/nav_about.gif') no-repeat; width: 91px; height: 30px;}
li#tnav_honors a { background: url('../images/nav_honors.gif') no-repeat; width: 92px; height: 30px; }
li#tnav_contact a { background: url('../images/nav_contact.gif') no-repeat; width: 105px; height: 30px;}
li#tnav_blog a { background: url('../images/nav_blog.gif') no-repeat; width: 82px; height: 30px;}

#topnav li a:hover { background-position: left -30px; }
#topnav li a.active { background-position: left -60px; }
.port_img {margin: 36px 0 0 0;}
/* leftnav styles */
#leftnav {
	width: 200px;
	float: left;
	padding: 0 30px;
	font-size: 13px;
	
}
#leftnav a:link, #leftnav a:visited, #leftnav a:active { color: #afd79b; }

/* main styles */
#main { width: 642px; float: left; height: 430px; }
#main_wide { width: 618px; text-align: center; margin: 0 auto; }
#main.home { padding: 0px 0 0px 0; }
.main_col { padding: 0px 30px 0 0; text-align: left;}

#white_page {
	background: url('../images/page_bg.gif') repeat-y top left;
	width: 558px;
	color: #34558E;
	padding: 30px;
	line-height: 20px;
}
#white_page_thanks {
	background: url('../images/page_bg_thanks_confirm.gif') no-repeat top left;
	width: 615px;
	height: 355px;
	color: #34558E;
	padding: 25px 0 0 0;
}
.banana { margin: 0 0 0 120px;}

#top_slides {
	float: left;
	background: #6f98cf;
	border-top: 1px solid #93b6a9;
	border-bottom: 1px solid #93b6a9;
}
#top_slides a {
	float: left;
	padding: 5px 6px;
}
#top_slides img { border: 1px solid #FFF; }
#top_slides a:hover {
	background: #afd79b;
}
#top_slides a.active {
	background: #35558e;
}
#slide {
	float: right;
	/*background: #FFF url('../images/lg_img_BG.jpg') no-repeat top left;*/
	width: 610px;
	height: 377px;
	margin: 5px 0 0 0;
}
#slide_main {
	width: 902px;
	background: #5b85c2;
	margin: 10px 0 0 0;
	border-bottom: 1px solid #5d7fb8;
}
#slide_main_top {
	font-size: 10px;
	height: 13px;
	padding: 2px 30px 0 30px;
}

#main_slides {
	float: left;
	width: 842px;
	background: #6f98cf;
	border-top: 1px solid #93b6a9;
	border-bottom: 1px solid #9fc7fa;
}
#main_slides a {
	float: left;
	padding: 5px 15px;
}
#main_slides img {  }
#main_slides a:hover {
	background: #afd79b;
}

#main_slides a.active {
	background: #35558e;
}
.slidesm {
	width: 140px;
	text-align: center;
	float: left;
}
#portfolio_id {  height: 427px; }

/* Resume Styles */
#resume ul li {
	background: url('../images/green_dot.gif') no-repeat 20px 5px;
	padding: 0 0 0 40px;
}

/* Contact Styles */
.contact_info {
	width: 430px;
	padding: 0 0 0 65px;
}
.contact_input {
	width: 285px;
	margin: 0 0 25px 10px;
}
.contact_inputsm {
	width: 100px;
	margin: 20px 0 40px 0px;
}
.contact_textarea {
	width: 300px;
	height: 120px;
	margin: 0 0 25px 10px;
}
.contact_picture {
	width: 250px;
	margin: 0 0 0 100px;
	background: url('../images/contact_captcha.gif') no-repeat right top;
}
label {
	font-weight: bold;
	width: 90px;
	float: left;
	text-align: right;
}
#commentform label {
	width: 150px;
}
.navigation { margin: 20px 0; }
.navigation a:link, .navigation a:active, .navigation a:visited {
	font-size: 20px;
}
.navigation.single a:link, .navigation.single a:active, .navigation.single a:visited {
	font-size: 14px;
}

/* Site Map */
ul.sitemap {
	font-size: 14px;
	font-weight: bold;
	margin: 15px 0 0px 0;
}
ul.sitemap li {
	padding: 0 0 5px;
}
ul.sitemap a {
	font-size: 13px;
}

/* Blog Styles */
#content_main {
	background: #FFF;
	width: 852px;
	padding: 25px;
	color: #34558E;
}
#content {
	width: 600px;
	float: left;
}
#sidebar h2 {
	color: #34558E;
	padding: 15px 0;
}
.post {
	margin: 10px 0 30px 0;
	border-bottom: 1px solid #CCC;
	padding: 0 0 20px 0;
}
.post img {
	float: left;
	margin: 0px 15px 15px 0;
}
.entry {
	font-size: 14px;
	margin: 15px 0 0 0;
}
#crumbs { font-size: 12px; padding: 0 0 10px 0; }
.comment-spacer {
	border-bottom: 1px solid #CCC;
	margin: 0 0 20px 0;
}
#sidebar {
	width: 190px;
	float: right;
}

/* footer styles */
#footer {
	width: 100%;
	font-size: 12px;
	color: #4d6da7;
	margin: 20px auto;
}
#footer ul { width: 470px; margin: 5px 0 0 0; }
#footer li { float: left; padding: 0 8px; }
#footer li.first { background: none; padding-left: 0;}
#footer a:link, #footer a:visited, #footer a:active { color: #4d6da7; text-decoration: none; }