@import 'reset.css';

body {width:950px; margin:0 auto; padding:50px 25px; background:transparent; font-family: ÔTrebuchet MSÕ, Helvetica, sans-serif; }

div#menu {background:transparent url('images/logo.png') top left no-repeat;}
div#menu ul {padding:10px 0; text-align:right; width:100%; background:transparent url('images/bar.png') left 50% repeat-x;}
div#menu ul li {display:inline-block; clear:both;background:#03928C; text-align: center;}
div#menu ul li a {display:block; padding:10px 25px;font-weight:bold; color:#FFFFFF; font-size:1.45em; text-decoration: none; font-family: ÔArial BlackÕ, Gadget, sans-serif;}

img.star {float:left; padding:10px;}
img.portrait {float:left; margin:5px; border-bottom: 3px solid #DF1F26;}

div#leftPane {float:left; margin:25px 0 0 0;}


div.person {width:100%;float:left;}
div.person h4 {margin:20px 0 10px; font-size:0.9em;}
div.person h5 {font-size:0.8em;}
div#content {width:550px; float:right;}
div#content h3 {margin:10px 0; font-size: 1.em;}
div#content p {margin:10px 0; font-size: 0.9em;}

h3.success {color: #656565; background-color: #77ff79; padding:10px; font-size: 1.25em;display:none; width:450px;}

div#portfolio h3 {color: #000000; border-bottom: 1px solid #DA3F37; padding:0 0 2px 0;margin:15px 0; font-size:1.25em;}
div.item {float:left; width:225px; margin:20px 5px; text-align: center;}
div.item p {width:100%; background:#DA3F37; color:#FFFFFF;}

div.big {width:445px;margin:20px 10px;}

p {line-height: 1.2em;}
p a {color:#DA3F37; text-decoration: none; font-weight: bold;}
div.cred p{margin:0 0 0 80px;}


div#footer {clear:both; width:100%; text-align: center; margin:0 15px; padding:45px 0;}
small {color: #CCCCCC; font-size:0.75em;}
/* tooltip styling. by default the element to be styled is .tooltip  */
.tooltip {
	display:none;
	background:transparent url(images/tooltips/black_arrow_big.png);
	font-size:12px;
	height:165px;
	width:320px;
	padding:25px;
	color:#fff;	
}
.tooltip h5 {font-weight: bold; color:#FFFFFF; font-size:1.25em;}
.tooltip img {float:left; margin:5px;}
.tooltip p {margin:5px;}
.tooltip p a {float: right;}
.tooltip p a.standard{float:none; color:#FFFFFF; font-weight: bold;}
/*---Form Styles---*/

div#projectContainer {display:none;}

#stylized
{
	border:solid 2px #b7ddf2;
	background:#ebf4fb;
	padding:15px 15px 25px;
}
#stylized h1 
{
	font-size:14px;
	font-weight:bold;
	margin-bottom:8px;
}
#stylized p
{
	color:#666666;
}
#stylized ul li
{
	text-align: right;
	list-style: none;
	font-size: .75em;
	color:#666666;
}
#stylized h3
{
	border-bottom:solid 1px #b7ddf2;
}
#stylized .small
{
	color:#666666;
	font-size:11px;
	font-weight:normal;
	text-align:left;
}
#stylized input, #stylized textarea
{
	border:solid 1px #aacfe4;
}
#stylized input
{
	width:200px;
}
#stylized textarea
{
	width:100%;
	height:225px;
}
#stylized input.check
{
	width:35px;
}
#stylized input, #stylized select
{
	float:right;
}
#stylized ul li input
{
	float:none;
}
#stylized button
{
	clear:both;
	margin-left:150px;
	width:125px;
	height:31px;
	background:#666666 url(img/button.png) no-repeat;
	text-align:center;
	line-height:31px;
	color:#FFFFFF;
	font-size:11px;
	font-weight:bold;
}
form#form 
{
	width:560px;
	margin:0 auto;
}
#stylized input.disabled
{
	background: transparent;
	border:none;
	width:20px;
	float:none;
	color:#F7A628;
	font-weight: bold;
}
#stylized input.button {float:left; margin:3px 0 0 0;}

/*---RESUME Styles---*/
div.resume ul li {list-style:none;margin:0 0 0 30px;}
div.resume p strong {font-size:1.25em; color:#3F3F3F;}
div.resume h4 {font-size:1.75em; color:#3F3F3F; margin:20px 0 5px 0;}
div.resume h5 {font-size:1.55em; color:#3F3F3F; margin:20px 0 5px 0;}
div.resume h6,div#leftPane h6 {font-size:1.35em; color:#3F3F3F; margin:20px 0 5px 0;}
div#leftPane h6 {margin:35px 0 5px;}