/*
Theme Name: Sarah Terry
Description: Theme for SarahTerry.me
Author: Ben Carr
Author URI: http://www.bencarr.net/
*/


/* GENERAL & TYPOGRAPHY 
------------------------------------------------- */
body { background: #FFF url(i/bg.jpg); font-family: 'Lucida Grande', 'Lucida Sans', Arial, sans-serif; color: #433d3d; border-top: 7px solid #000; }
h1 { text-indent: -9999px; width: 115px; height: 11px; margin: 0 auto 50px; background-image: url(i/stheadings.png); }
#about h1 { background-position: 0 0; }
#portfolio h1 { background-position: 0 -11px; }
#contact h1 { background-position: 0 -22px; }
h2 { color: #000; font-size: 20px; font-weight: bold; font-family: "Gill Sans", "Arial Black", Helvetica, sans-serif; }
h3 { font-style: italic; color: #888; font-size: 16px; }
h3, .serif { font-family: Georgia, Times, Times New Roman, serif; }
p { line-height: 150%; margin: 12px 0; }	
a { position: relative; color: #000; text-decoration: none; }
a:hover, a:focus { text-decoration: underline; }
a:active { top: 1px; }
.center { text-align: center; } .right { text-align: right; } .left { text-align: left; }

/* STRUCTURE
------------------------------------------------ */
#header { margin: 20px auto 0; height: 90px; background: url(i/logo.png) no-repeat center center; }
#footer { clear: both; background: #000; margin: 50px 0 0; padding: 10px 0; color: #AAA; width: 100%; font-size: 11px; -webkit-box-shadow: 0 0 10px #444; -moz-box-shadow: 0 0 10px #444; }
#bclogo{ display: block; width: 100px; margin: 10px auto; }
.section { border-top: 1px dotted #CCC; margin-top: 40px; padding-top: 40px; }
#about p { width: 630px; margin: 15px auto 0; }
.centered { display: block; float: none; margin-left: auto; margin-right: auto; }

/* WORK
------------------------------------------------ */
#portfolio { font-size: 12px; }
.project { margin-bottom: 30px; }
.projectimage { position: relative; height: 250px; width: 150px; float: left; margin-right: 20px; text-align: center; }
.projectimage img { max-width: 150px; max-height: 220px; -moz-box-shadow: 0 0 5px #CCC; -webkit-box-shadow: 0 0 5px #CCC; }
.right .projectimage { float: right; margin-right: 0; margin-left: 20px; }

/* CONTACT 
------------------------------------------------ */
#contact { overflow: hidden; }
#response { display: none; }
label { display: block; width: 100%; text-align: center; padding: 4px 3px 3px; color: #888; font-size: 12px; }
input, textarea { display: block; color: #000; border: 1px solid #cccbbb; margin: 0 auto 20px; padding: 3px; font-size: 12px; background: #dbdacc; }
input { width: 50%; text-align: center; }
textarea { width: 98%; height: 200px; overflow: auto; }
button { background: transparent; font-size: 16px; font-style: italic; color: #919082; border: 0; cursor: pointer; margin-bottom: 25px; }
button:hover { color: #000; }
input.error, textarea.error { border-color: #600; }
label.error { color: #900; margin-top: -20px; font-weight: bold; }