@import "reset.css";.line{clear:both;height:5px;background-color:#eee;}
.post-line{clear:both;border-bottom:1px solid #eee;margin:40px 0;}
.cache-images{visibility:hidden;}
#wrap{width:960px;margin:0 auto;text-align:center;}
body{background:url(../images/main-bg.jpg) repeat-x;background-color:#ffffff;color:#555555;line-height:22px;font-family:Arial;font-size:12px;text-align:center;}
h1{font-size:45px;color:#444;letter-spacing:-2px;font-weight:bold;margin:20px 0 0 0;padding:0;}
h2{font-size:22px;margin:10px 0;font-weight:bold;}
h3{font-size:24px;margin:10px 0;}
h4{font-size:18px;margin:10px 0;}
h5{font-size:16px;margin:10px 0;}
h6{font-size:14px;margin:10px 0;}
a:link, a:visited{color:#0072bc;text-decoration:none;}
a:hover, a:active{color:#555555;}
p{font-size:14px;margin-bottom:15px;}
.title{margin-top:0;}
em{font-style:italic;}
#main{clear:both;padding:10px 0 0 0;}
#content{float:left;width:600px;padding:0 5px;text-align:left;}
#sidebar{float:right;width:300px;text-align:left;}
#header{padding:20px 0;overflow:hidden;}
#header h1{font-size:45px;color:#444;letter-spacing:-2px;font-weight:bold;margin:20px 0 0 0;padding:0;}
#header h2{color:#aaa;margin:15px 0 0 0;padding:0;font-size:30px;letter-spacing:-1px;}
#header .line{margin:30px 0 0 0;}
.subtitle{margin:0 0 14px 0;}
#nav{float:left;width:100%;overflow:hidden;position:relative;margin:40px 0 0 0;border-top:5px #eee solid;border-bottom:5px #eee solid;padding:12px 0 8px 0;}
#nav ul{clear:left;float:left;margin:0;padding:0;position:relative;left:50%;text-align:center;}
#nav ul li{float:left;list-style:none;margin:0;padding:0;position:relative;right:50%;}
#nav ul li a{margin:0 0 0 1px;padding:3px 0;font-size:16px;color:#444;text-transform:uppercase;}
#nav ul li a:hover{color:#0072bc;}
#nav li span{padding:0 20px;color:#444;font-size:16px;}
#nav li a.current{color:#0072bc;}
.post{text-align:left;margin:0 40px 40px 0;float:left;}
.post h2{margin:0 0 -5px 0;line-height:32px;font-size:20px;}
.post p{margin:10px 0 0 0;}
.post .meta{font-size:20px;color:#888;margin:0 0 25px 0;}
.post .meta a{color:#888;}
.post .meta a:hover{color:#aaa;}
.previous-posts{font-size:16px;}
#other-posts{text-align:left;font-size:16px;}
.read-post-link{display:block;margin:10px 0 0 0;}
#frontpage-content{clear:both;margin:0 75px;width:810px;overflow:hidden;}
#frontpage-intro{background-color:#f5f5f5;border:2px #e5e5e5 solid;padding:0 10px 10px 10px;text-align:left;margin-bottom:20px}
#frontpage-intro p{font-size:14px;color:#888;margin:0;line-height:22px;}
#frontpage-intro p span{color:#555;}
#featured-projects h3{color:#888;font-size:20px;text-align:left;}
#featured-projects{margin:10px;}
#featured-projects #featured-projects-bg{float:left;background-color:#f5f5f5;border:2px #e5e5e5 solid;padding-bottom:6px;}
#featured-projects #featured-projects-bg img{border:2px #e5e5e5 solid;}
#featured-projects .featured-project-image{float:left;margin:6px;}
#featured-projects .featured-project-image:hover{opacity:0.7;}
#portfolio{clear:both;margin:15px 0 0 0;width:960px;overflow:hidden;}
#portfolio h3{text-align:left;font-size:16px;margin:0 0 2px 0;font-style:italic;}
#portfolio .portfolio-item{float:left;margin:0 0 40px 45px;}
#portfolio .portfolio-item-first{float:left;margin:0 15px 40px 10px;}
#portfolio .portfolio-item{float:left;margin:0 0 40px 54px;}
#portfolio .portfolio-item img, #portfolio .portfolio-item-first img{border:2px #e5e5e5 solid;}
#portfolio .portfolio-item img:hover, #portfolio .portfolio-item-first img:hover{opacity:0.7;}
#project{float:left;margin:10px 0 60px 0;width:100%;text-align:left;}
#project #project-meta h3{margin:0 0 8px 0;}
#project h4{font-size:20px;}
#project .screenshot img{float:right;margin:2px 0 0 2px;width:400px;border:2px #eee solid;}
#project #project-content{float:left;margin:6px 0 0 0;width:450px;}
#project #project-content .completion{margin-bottom:25px;}
.testimonial-author{font-weight:bold;margin:-8px 0 -3px 0;}
.grey{color:#888;}
#sidebar{font-size:14px;}
#sidebar h3{font-size:16px;margin:20px 0 5px 0;}
#sidebar .sponsors h3{margin-top:0;}
#sidebar .sponsors{float:left;padding-bottom:20px;}
#sidebar .sponsors a img{float:left;margin:10px 10px 0 0;}
#sidebar-contact{float:right;background:#f5f5f5;border:1px solid #e5e5e5;width:220px;padding:20px 20px 5px 20px;text-align:left;}
#sidebar-contact h3{margin:0;padding:0 0 20px 0;font-size:20px;}
#sidebar-contact h4{margin:0;padding:0;font-size:16px;}
#sidebar-contact p{font-size:14px;color:#888;margin:0 0 15px 0;line-height:18px;}
#contact-page{float:left;font-size:14px;width:500px;margin:0 0 70px 0;text-align:left;}
#contact-page .title{margin:0 0 15px 0;}
#contact-page p{font-size:14px;margin:0 0 25px 2px;}
#contact-page #contact-form{margin:0 0 0 0;}
#contact-page #contact-form fieldset{border:none;}
#contact-page #contact-form input{border:1px #dddddd solid;padding:12px 10px 10px 10px;font-size:12px;color:#555555;font-family:Arial, Helvetica, sans-serif;margin:0 200px 15px 0;width:275px;font-size:14px;}
#contact-page #contact-form textarea{border:1px #dddddd solid;width:515px;height:249px;border:1px #dddddd solid;font-size:12px;color:#555555;font-family:Arial, Helvetica, sans-serif;line-height:24px;margin:0 0 15px 0;padding:20px 20px 0 15px;width:450px;font-size:14px;}
#contact-page #contact-form .submit{background:url(../images/submit-button-blue.png) no-repeat;width:109px;height:38px;border:none;cursor:pointer;margin:0 0 0 -5px;}
#contact-page #contact-form .submit:hover{background:url(../images/submit-button-blue-hover.png) no-repeat;}
.hide{display:none;}
#response{background-color:#f5f5f5;border:1px #e5e5e5 solid;padding:15px;color:#cc0000;}
#footer{clear:both;border-top:5px #eee solid;margin:20px 0;color:#bbb;text-align:center;}
#footer p{font-size:17px;margin:10px 0;}
.clear{clear:both;}