@charset "utf-8";

html, body, div, h1, h2, h3, h4, img, p { margin:0; padding:0; }
body { background:#FFF url(../img/bg.jpg); color:#333; font-family:'Palatino Linotype','Book Antiqua',Palatino,Georgia,serif; font-size:small; }

h1 { clear:both; float:left; font-size:4.0em; line-height:110px; width:400px; }
h1 a { color:#333; }
h1 a:hover { color:#9a711a; }
h2 { clear:both; font-size:2.5em; line-height:40px; }
h3 { clear:both; font-size:1.6em; line-height:40px; }
h3 a { color:#333; }

a { color:#600; text-decoration:none; }
a:hover { color:#9a711a; }

br { clear:both; }
img { border:none; }

#wrapper { border-top:10px solid #333; margin:0px auto 50px auto; width:950px; }
#featured { clear:both; margin-bottom:20px; }
#contact { float:right; font-size:2.0em; line-height:30px; margin-top:20px; text-align:right; width:400px; }
#contact a { text-decoration:none; }
#intro h3 a { color:#600; }
#intro h3 a:hover { color:#9a711a; }
#features { margin-left:-20px; }

.topic { float:left; margin:20px 0 0 20px; position:relative; width:300px; }
.topic img { position:relative; z-index:100; }

/* HOMEPAGE SKETCH STYLES */
.sketch { display:none; height:233px; left:0px; position:absolute; top:-42px; width:300px; z-index:-5; }
#architect-sketch { background:#FFF url(../img/architect-sketch.jpg) no-repeat left top; }
#creative-design-sketch { background:#FFF url(../img/creative-design-sketch.jpg) no-repeat left top; }
#game-design-sketch { background:#FFF url(../img/game-design-sketch.jpg) no-repeat left top; }

/* PROJECT DETAIL STYLES */
.project { clear:both; }
.project img { float:left; margin-right:15px; margin-top:15px; }
.project h3 { clear:none; line-height:30px; padding-top:15px; }
.project p.summary { color:#595939; line-height:30px; }
.project p.summary span { margin-right:10px; }
.project p a { text-decoration:underline; }

/* MISC. STYLES */
a.home { clear:both; font-size:1.6em; font-weight:bold; line-height:40px; }
.social img { margin-right:20px; }
.noshow { display:none; }