/*
CSS Document
Author: David Hechler
Website: http://www.dhechler.com
*/
@import url "reset.css"; 

/* Setup */
*						{ font-family: Helvetica, sans-serif; color: white; }
body					{ background: #1b4660; }
ul, li				{ list-style: none; margin: 0; padding: 0; }
h1						{ font-size: 44px; margin: 5px 0;}
h2						{ font-size: 15px; color: #e0faff; letter-spacing: 0.5px; }
a, p					{ font-size: 16px; text-decoration: none; }
p						{ color: #9abfd5; }
.clear				{ clear: both; }
#wrapper				{ width: 960px; margin: 0 auto; height: 300%; }


/* Header */
#header				{ height: 145px; }
.sub-header			{ height: 45px; }
#logo					{ float: left; }
#name					{ font-size: 31px; float: left; margin: 70px 0 0 30px; }
.sub-name			{ font-size: 31px; float: left; margin: -5px 0 0 0; }
ul#menu				{ float: right; margin: 80px 10px 0 0; } 
ul#menu li, ul.sub-menu li	{ float: left; margin: 0 0 0 20px; font-size: 18px; padding: 10px; }
ul#menu li:hover, ul.sub-menu li:hover	{ background: #45676c; -moz-border-radius: 10px; -webkit-border-radius: 10px; }
ul#menu				{ float: right; margin: 80px 10px 0 0; } 
ul.sub-menu			{ float: right; margin: 10px 10px 0 0; } 


/* Content */
#content				{ margin: 0px 0 131px 0; height; 33%; } 
#who					{ float: left; margin: 0 0 0 160px; width: 318px; }
#who p				{ line-height: 27px; } 
#what					{ float: left; margin: 0 0 0 80px; width: 318px; }
ol.do-list			{ margin: 0 0 0 -35px;}
ol.do-list li		{ background: url(images/check.gif) left no-repeat; padding: 10px 0 0 40px; color: #9abfd5; }
#twitter				{ background: url(images/twitter.jpg) bottom left no-repeat; width: 892px; height: 391px; margin: 40px 0 0 0; }
.tweet				{ width: 574px; height: 204px; margin: 0 0 0 268px; background: #e5e5e5; -moz-border-radius: 15px; -webkit-border-radius: 15px; }
ul.tweet_list		{ padding: 0 11px; }
ul.tweet_list li	{ padding: 12px 0; border-bottom-image: url(images/line.png); border-bottom: 1px solid #dbdbdb; }
ul.tweet_list li:last-child { border: none; }
ul.tweet_list li span, ul.tweet_list li a	{ color: #333333; font-size: 16px; }
span.tweet_time a	{ font-size: 13px; }
.top					{ padding: 20px 0; }

/* Portfolio	*/	
#portfolio-wrap	{ height: 33%; margin: 40px 0 250px 0;}
.port-list li		{ float: left; width: 300px; padding: 0px 20px 0 0; height: 282px; }
.port-list li p	{ color: #9abfd5; font-size: 14px; }
.port-list li a	{ font-size: 14px; }

/* Contact */
#contact				{ height: 33%; margin: 0 0 350px 0;}
#contact-wrapper {
	float: left;
	width:430px;
	color: #333;
}
#contact-wrapper div {
	clear:both;
	margin:1em 0;
}
#contact-wrapper label {
	display:block;
	float:none;
	font-size:16px;
	width:auto;
}
form#contactform input {
	border-color:#B7B7B7 #E8E8E8 #E8E8E8 #B7B7B7;
	border-style:solid;
	border-width:1px;
	padding:5px;
	font-size:16px;
	color:#333 !important;
	width: 300px;
}
form#contactform textarea {
	font-family:Arial, Tahoma, Helvetica, sans-serif;
	font-size:100%;
	padding:0.6em 0.5em 0.7em;
	border-color:#B7B7B7 #E8E8E8 #E8E8E8 #B7B7B7;
	border-style:solid;
	border-width:1px;
	color: #333333 !important;
	width: 300px;
}		

input#saveForm		{ background: white; border: none; color: #333 !important; }

form#contactform input submit { width: 150px; }
	
	

#contactme {  width: 300px; float: left; margin: 0 0 0 80px; }