/* styles by Ryan Hinkel */

html {height:101%;}
body {margin: 0 0 50px;font: 12px/20px 'Helvetica', 'Arial';background-color:#fff;}


a img {border-style:none;}


p {margin: 0px 0 20px;}
i {padding: 0 3px 0 0;}
h2 {margin: 0;font-size: 24px; line-height: 30px;color:#555;margin: 20px 0;}

.quote {font-style:italic; padding: 0 3px 0 0;font-size:12px;}
.quoter {font-size: 12px;}

/* Nav */
#header {padding:40px 0;position:relative;}
#header img {float:left;}
#header .byline {width:200px;position:absolute; top:70px; left:0; color: #444;}

#header #nav {margin: 11px 0 0 320px; padding:0; list-style-type: none; }
#nav li {float:left;height:18px;margin-left:26px;position:relative;}
#nav li a {font-size: 18px;text-decoration: none;}
#nav li span {position: absolute;top:18px;right: 0;padding-top:6px;color:#333;display:none;font-size:14px;}
#nav li:hover span {display:block;}

#header, #content {width: 750px; margin: 0 auto;}

#content {clear:both;padding-top: 70px;}
#footer {clear:both;}



/* Home */
#project_cover {float:right; width:400px;color:#555;}
#project_cover h2 {font-size: 28px;line-height: 42px;margin: 0;}
#project_cover h3 {font-size: 16px; margin: 5px 0 0;font-weight:normal;}
#project_cover img {float:left; padding: 0 20px 8px 0;}
#project_cover p {font-size:14px;}
#project_cover p {font-size:14px;}

#news {float:left; width: 199px;padding: 0;color:#555;margin:0px;}
#news h3 {font-size: 16px; margin: 5px 0 0;font-weight:normal;}

.news_item {margin: 10px 0 60px;}

/* Projects */
#projects {width: 750px; color:#555;}

.project_item {clear:both;margin: 0 0 50px;overflow:auto;}
.project_item img {float:left;margin-right: 20px;border: 0 solid #92c98e;}
.project_item .audio {float:left;margin-right: 20px;border: 0 solid #92c98e;text-align:center;width:233px;height: 135px;padding: 20px 0;background-color:#e6e6e7;}

.project_item h3 {margin: 0 0 10px 270px;font-weight: normal; font-size: 18px;}
.project_item p {font-size: 14px; margin-left: 270px;}
.project_item h4 {font-size: 16px; font-weight:normal;margin: 0 0 4px;margin-left: 270px;}
.project_item a {font-size: 14px;padding: 0 2px;}

/* About */
#about {width: 750px; color:#555;}

.about_item {clear:both;margin: 0 0 50px;overflow:auto;}
.about_item img {float:left;margin-right: 20px;}
.about_item h3 {margin: 0 0 10px 270px;font-weight: normal; font-size: 18px;}
.about_item p {font-size: 14px; margin-left: 270px;}

/* Contact */
#contact {width: 750px; color:#555;}
#contact h3 {font-size: 16px; margin: 5px 0 0;font-weight:normal;}
#contact img {float:left; padding: 0 20px 8px 0;}

.contact_item {margin: 10px 0 30px 350px;}


/* Press */
#press {width: 750px; color:#555;}
#press h3 {font-size: 16px; margin: 5px 0 0;font-weight:normal;}
#press a {}
#press img {float:left; padding: 0 20px 8px 0;}

.press_item {margin: 10px 0 30px 350px;}
.press_item a {font-size: 18px;}
.press_item span {font-size: 18px;}
.press_item .date {font-size: 13px;display:block;}


/* Wig Day */
#right_column {float:right; width:400px;color:#555;}
#right_column h2 {font-size: 44px;line-height: 72px;color:#999;margin: 0;color:#3d88b8;}
#right_column h3 {font-size: 16px; margin: 0px 0 0;font-weight:normal;}
#right_column img {float:left; padding: 0 10px 20px 0;}

#left_column {float:left; width: 199px;padding: 0;color:#555;margin:0px;}
#left_column h2 {font-size: 56px; line-height: 40px; margin: 5px 0 30px;letter-spacing: -3px;}
#left_column h3 {font-size: 16px; margin: 5px 0 0;font-weight:normal;}