@font-face {
	font-family: Sansation;
	src: url('/static/stylesheets/Sansation_Regular.ttf');
}


body {font-family: Sansation,Arial; background:white; }
#portfolio_current_projects {height:200px;}
#testimonial {background:#d9eff5; padding:10px; margin-top:5px; -moz-border-radius:5px; -moz-box-shadow: 0px 0px 4px black; -webkit-border-radius:5px; -webkit-box-shadow: 0px 0px 5px black; border-radius:5px; box-shadow: 0px 0px 4px black; -opera-border-radius:5px; -opera-box-shadow: 0px 0px 4px black;}
#testimonial #caption{float:left; 250px; }
#testimonial p {margin: 0px 0px 0px 250px;}
#image_testimonial {float:left; margin-right:15px;}
#head_align {margin: 0px auto; width:900px; position:relative; background: transparent url(/static/images/header_bg.jpg) no-repeat; height:85%;}
#header {background: #009CD9 url(/static/images/header_bg_repeat_1.jpg) top left repeat-x; height:351px; border-top: 10px solid #272727}
#header_sub {background: #009CD9 url(/static/images/header_bg_repeat_1.jpg) bottom left repeat-x; height:120px; border-top: 10px solid #272727;}
form ul.errorlist li {clear:both; color:red; margin-left: 200px; margin-bottom:-20px}
.success_message {background:#28b66b; padding: 10px; margin:10px; color:white; border: 1px solid black;}
#contact {width:650px}
#contact form {background: #afe1f0; padding:20px; border-top: 10px solid #705709; -moz-box-shadow:1px 1px 6px black}
form label {float:left; width:200px;}
form input {float:left; width:230px; height:20px; margin-bottom:10px;}
form textarea {margin-left:200px;}
form .submit {margin-left:200px}
.tweet {background:#e1e1e1; margin:5px; padding:10px}
#cover_flow {padding: 10px 0px;background:#3e3e3e url(/static/images/coverflow_bg.png) top left repeat-x; width:900px; height:300px; margin: 100px auto 0px auto; -moz-box-shadow: 0px 0px 10px black; -webkit-box-shadow: 0px 0px 10px black;}
#navi ul {list-style:none; width:900px; margin:0px auto; padding-top:35px}
#navi li {float:left;}
#navi li a {text-decoration:none; color:black; margin-right:10px; color:white; padding:6px 10px; -moz-border-radius: 6px;  -webkit-border-radius: 6px; font-size:17px}
#navi li a:hover {background:#272727; -moz-box-shadow:0px 0px 7px #272727; -webkit-box-shadow:0px 0px 7px #272727; }
#navi li a.active {background:#272727; -moz-box-shadow:0px 0px 7px #272727; }
#wrapper {margin: 30px auto 50px auto; width:900px; font-size:13px; line-height:17px}
#wrapper_startpage {margin: 120px auto 50px auto; width:900px; font-size:13px; line-height:17px}
#wrapper_startpage h1{margin-bottom:9px} 
#wrapper h1 {font-family:Sansation; margin:20px 0px 10px 0px; color: #009CD9}
#footer {background: #009CD9 url(/static/images/footer_bg.png) top left repeat-x; height:100px; color:white; margin-top:50px; padding:30px; text-align:center; }
#footer a {color:white;font-size:14px;}
.clear {clear:both;}
.col66 {
	float:left; width:572px; background:#d9eff5; padding:10px; 
	-moz-border-radius:5px; -moz-box-shadow: 0px 0px 4px black; 
	-webkit-border-radius:5px; -webkit-box-shadow: 0px 0px 5px black; 
	border-radius:5px; box-shadow: 0px 0px 4px black; 
	-opera-border-radius:5px; -opera-box-shadow: 0px 0px 4px black;
}

.col33 {float:left; width:570px; background: #d9eff5; padding:10px; -moz-border-radius:5px; -moz-box-shadow: 0px 0px 4px black; -webkit-border-radius:5px; -webkit-box-shadow: 0px 0px 5px black; border-radius:5px; box-shadow: 0px 0px 4px black; -opera-border-radius:5px; -opera-box-shadow: 0px 0px 4px black;}
.colr33 {float:right; width:267px; background: #d9eff5; padding:10px; -moz-border-radius:5px; -moz-box-shadow: 0px 0px 4px black; -webkit-border-radius:5px; -webkit-box-shadow: 0px 0px 5px black; border-radius:5px; box-shadow: 0px 0px 4px black; -opera-border-radius:5px; -opera-box-shadow: 0px 0px 4px black;}
.col {margin:5px}

#about_me_image {float:left; width:300px; margin-top:20px;  }
#about_me_image img {width:250px; border: 7px solid white; -moz-box-shadow: 2px 1px 10px black}
#about_me {margin-left:300px; width:420px}
h1 {font-size:25px; color: #36ACDE}
p {margin: 25px 0px;}
a {text-decoration:none;}
h1 a {color:#36ACDE}
#blog, #blogentry {width:600px; }
#blogentry {background: #d9eff5; padding: 20px; -moz-border-radius:7px; -moz-box-shadow: 0px 0px 5px black;}
#write_comment_link {background: #2CA2D4; padding:5px 10px; color:white; text-align:right; text-decoration: underline; cursor:pointer; }
#comment_form {background: #57A3C4; }
#comment_form form {margin:0; padding:10px; color:white; border-top: 1px solid black;}
#blog_comments { margin-top:10px;}
#comment_list {margin-top:20px}
.comment {background: #f5fbfd; margin:2px 0px; padding:10px}
.current_blogentry h1{margin-bottom:20px;}
.current_blogentry p {line-height:19px}
.current_blogentry {margin-top:10px;}

ul {list-style-type:disc; list-style-color:red; margin-left:15px;}

#portfolios p {margin: 15px 0px;}
#portfolios .portfolio .project_description {float:left; width:290px; margin-right:10px;}
#portfolios .portfolio .project_image {text-align:right;}
#portfolios h1 {line-height:23px}
.portfolio {border-top:2px solid #705709; padding: 10px 0px;}
#portfolios_current_projects {text-align:center;}
#portfolio_current_projects {float:left; width:260px; margin-right:20px;}
#portfolio_current_projects .current_projects_title {margin-top:5px;}