/* CSS Document */
@charset "UTF-8";
 
 
/* ---------- RESET */ 
 
html, body, div, h1, h2, h3, h4, h5, h6, ul, ol, dl, li, dt, dd, p, blockquote,  
pre, form, fieldset, table, th, td {
	margin: 0;
	padding: 0; }
	
 
/* ---------- BODY */
body {
	background: url(/images/bg_03918f.jpg) repeat #03918F;
	color: #FFFFFF;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 0.8em;
	height: 100%; }
 
#container {
	margin: 0 auto;
	width: 960px; }
 
#header { margin: 45px 15px; }
 
h1 {
	color: #8edbd3;
	font-size: 13px;
	font-weight: bold;
	line-height: 24px;
	text-transform: uppercase; }
 
p {
	font-size: 12px;
	font: Helvetica, Arial, sans-serif;
	line-height: 22px;
	margin-bottom: 10px; }
	

p a {
	color:#083e45;

}

p a:hover {
		color: #8edbd3;
}

b {
	color: #8edbd3;
}


/* ---------- NAVIGATION */
#top {
	background: url(/images/bg_083e45.jpg) repeat #083e45;
	height: 38px; }
 
#nav ul {
	color: #8edbd3;
	float: right;
	font-size: 13px;
	font-weight: bold;
	list-style: none;
	margin: 12px 15px ; }
 
#nav li {
	display: inline;
	margin-right: 10px; }
 
	#nav li a {
		color: #8edbd3;
		text-decoration: none; }
 
		#nav li a:hover {
			color: #FFFFFF;
			text-decoration: none; }
			
 
/* ---------- CONTENT */
#featured {
	color: #8edbd3;
	font-size: 13px;
	font-weight: bold;
	height: 250px;
	line-height: 25px;
	margin-bottom: 20px;
	text-transform: uppercase; }
 
.leftcol {
	float: left;
	margin-left: 15px; }
 
.middle {
	float: left;
	margin-left: 15px; }
 
.rightcol {
	float: right;
	margin-right: 15px; }
 
.img { border: 5px solid #CCC; }
 
	.img:hover { border: 5px solid #083e45; }
 
.imgsm {
	border: 5px solid #FFF;
	margin: 0px; }
 
	.imgsm:hover {
		border: 5px solid #083e45;
		margin: 0px; }
 
#left {
	float: left;
	height: 200px;
	margin-bottom: 20px;
	margin-left: 15px;
	width: 455px; }
 
#leftbio {
	float: left;
	height: 400px;
	margin-bottom: 20px;
	margin-left: 15px;
	width: 455px; }
 
#right {
	background: url(/images/bracket_r.png) no-repeat 0 10px;
	height: 230px;
	margin-bottom: 18px;
	margin-left: 475px;
	padding-top: 3px;
	width: 470px; }
 
#rightbio {
	background: url(/images/bracket_r.png) no-repeat 0 10px;
	height: 400px;
	margin-bottom: 18px;
	margin-left: 475px;
	padding-top: 3px;
	width: 450px; }
 
	#rightbio h2 {
		color: #8edbd3;
		font-size: 13px;
		font-weight: bold;
		line-height: 24px;
		margin: 20px 60px;
		text-transform: uppercase; }
		
		#rightbio p {
			margin-left: 60px;
			border-top:1px #fff solid;
			width:410px;
	 }
 

/* ---------- CHART */
#skills {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 10px;
	margin-left: 60px;
	margin-bottom:30px;
	text-transform: uppercase;
	width: 410px; }
 
	#skills li {
		list-style: none;
		margin-bottom: 4px; }
 
.percent {
	background: url(/images/bg_083e45.jpg) repeat #083e45;
	border-right: 1px #8edbd3 solid;
	height: 17px;
	padding: 5px 15px 0 0;
	text-align: right; }
 
.bar {
	font-weight: normal;
	width: 410px; }
	
 
/* ---------- FORM */
.txt_input {
	background: url(/images/bg_03918f.jpg) repeat #03918F;
	border: none;
	border-bottom: 1px solid #CCCCCC;
	color: #FFF;
	font-family: Helvetica, Arial, sans-serif;
	font-size: 12px;
	height: 20px;
	margin: 0;
	padding: 5px 0 0 0;
	width: 400px; }
 
	.txt_input:hover {
		background: url(/images/bg_083e45.jpg) repeat #083e45;
		border: none;
		border-bottom: 1px solid #CCCCCC;
		color: #FFF;
		font-family: Helvetica, Arial, sans-serif;
		font-size: 12px;
		height: 20px;
		margin: 0;
		padding: 5px 0 0 0;
		width: 400px; }
 
textarea {
	background: url(/images/bg_03918f.jpg) repeat #03918F;
	border: none;	
	border-bottom: 1px solid #CCCCCC;
	color: #FFF;
	font-family: Helvetica, Arial, sans-serif;
	font-size: 12px;
	height: 30px;
	margin: 0px;
	padding: 0px;
	width: 400px; }
 
	textarea:hover {
		background: url(/images/bg_083e45.jpg) repeat #083e45;
		border: none;
		border-bottom: 1px solid #CCCCCC;
		color: #FFF;
		font-family: Helvetica, Arial, sans-serif;
		font-size: 12px;
		height: 30px;
		margin: 0px;
		padding: 0px;
		width: 400px; }
 
label {
	color: #8edbd3;
	display: block;
	font-size: 9px;
	font-weight: bold;
	margin: 2px 0 8px 0;
	text-transform: uppercase; }
 
.button {
	background: url(/images/bg_03918f.jpg) repeat #03918F;
	border: none;
	color: #8edbd3;
	float: right;
	font-family: Helvetica, Arial, sans-serif;
	font-size: 11px;
	font-weight: bold;
	padding: 4px 7px 2px 7px;
	text-decoration: none;
	text-transform: uppercase;
	width: 60px; }
 
	.button:hover {
		background: url(/images/bg_083e45.jpg) repeat #083e45;
		color: #FFF;
		float: right;
		font-size: 11px;
		font-weight: bold;
		padding: 4px 7px 2px 7px;
		text-decoration: none;
		text-transform: uppercase;
		width: 60px; }
 
fieldset {
	border: none;
	margin: 0 15px 0 65px; }
 
.req {
	color: #CCCCCC;
	font-size: 100%; }
 
#form_errors {
	color: #CCC;
	display: none; }
 
#form_thanks {
	color: #CCC;
	display: none; }
 
 
/* ---------- FOOTER */
#footer {
	background: url(/images/bg_083e45.jpg) repeat #083e45;
	height: 30px;
	margin-top: 30px; }
 
	#footer a {
		color: #FFF;
		text-decoration: none; }
 
	#footer p {
		color: #8edbd3;
		font-size: 9px;
		font-weight: normal;
		margin: 0 15px;
		text-align: right;
		text-transform: uppercase; }
		
h2.entry-title a { text-transform:capitalize }