/* --------------------------------------------------------------------------------------- RESET --------------------------------------------------------------------------------------- */ html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; background: transparent; } body { line-height: 1; } ol, ul { list-style: none; } blockquote, q { quotes: none; } blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; } :focus { outline: 0; } ins { text-decoration: none; } del { text-decoration: line-through; } table { border-collapse: collapse; border-spacing: 0; } /* --------------------------------------------------------------------------------------- TYPOGRAPHY --------------------------------------------------------------------------------------- */ html { font-size:100.01%; } body { font-size: 100%; color: #838383; font-family: Helvetica,Arial,sans-serif; } h1,h2,h3,h4,h5,h6 { font-weight: normal; color: #595959; } h1 { font-size: 3em; line-height: 1; margin-bottom: 0.5em; } h2 { font-size: 2em; margin-bottom: 0.75em; } h3 { font-size: 1.5em; line-height: 1; margin-bottom: 20px; } h4 { font-size: 1.2em; line-height: 1.25; margin-bottom: 1.25em; } h5 { font-size: 1em; font-weight: bold; margin-bottom: 1.5em; } h6 { font-size: 1em; font-weight: bold; } h1 img, h2 img, h3 img, h4 img, h5 img, h6 img { margin: 0; } .content h3 { font-size:13px; padding-bottom:7px; background:url("images/border.png") repeat-x scroll center bottom transparent; } .content h4 { font-size:13px; text-transform:uppercase; margin-bottom:10px; line-height:0; } p { font-size:14px; line-height:1.8em; margin: 0 0 1.5em; } p img.left { float: left; margin: 1.5em 1.5em 1.5em 0; padding: 0; } p img.right { float: right; margin: 1.5em 0 1.5em 1.5em; } a:focus, a:hover { color: #838383; text-decoration:underline; } a { color: #838383; font-size:13px; text-decoration:none; } blockquote { margin: 1.5em; color: #666; font-style: italic; } strong { font-weight: bold; } em,dfn { font-style: italic; } dfn { font-weight: bold; } sup, sub { line-height: 0; } abbr, acronym { border-bottom: 1px dotted #666; } address { margin: 0 0 1.5em; font-style: italic; } del { color:#666; } pre { margin: 1.5em 0; white-space: pre; } pre,code,tt { font: 1em 'andale mono', 'lucida console', monospace; line-height: 1.5; } /* --------------------------------------------------------------------------------------- HTML ELEMENTS --------------------------------------------------------------------------------------- */ body { background-color:#F3F4F4; } /* --------------------------------------------------------------------------------------- POSITION | CLEAR | FLOATS | REUSABLE ELEMENTS --------------------------------------------------------------------------------------- */ /* --------------------------------------------------------------------------------------- NAVIGATION | CATEGORIES | SEARCH --------------------------------------------------------------------------------------- */ ul.menu { float:right; margin:0; padding:0; width:264px; height:78px; overflow:hidden; } ul.menu li { float:left; padding-left:10px;} ul.menu li a span { margin-left:-5000px; } ul.menu li a { background:url("images/home-menu.png") no-repeat; display:block; height:78px; width:78px; overflow:hidden; } #home ul.menu li.home-link a, #work ul.menu li.home-link a, #contact ul.menu li.home-link a{ background-position:0px 0px;} #home ul.menu li.pressed-home a { background-position:0px -86px;} #home ul.menu li.home-link a:hover, #work ul.menu li.home-link a:hover, #contact ul.menu li.home-link a:hover { background-position:0px -86px; } #home ul.menu li.work-link a, #work ul.menu li.work-link a, #contact ul.menu li.work-link a, #contact ul.menu li.work-link a { background-position:-78px 0; } #work ul.menu li.pressed-work a { background-position:-78px -86px;} #home ul.menu li.work-link a:hover, #work ul.menu li.work-link a:hover, #contact ul.menu li.work-link a:hover { background-position:-78px -86px; } #home ul.menu li.contact-link a, #work ul.menu li.contact-link a, #contact ul.menu li.contact-link a { background-position:-156px 0; } #contact ul.menu li.pressed-contact a { background-position:-156px -86px;} #home ul.menu li.contact-link a:hover, #work ul.menu li.contact-link a:hover, #contact ul.menu li.contact-link a:hover{ background-position:-156px -86px; } /* --------------------------------------------------------------------------------------- HEADER --------------------------------------------------------------------------------------- */ .header { position: relative; margin: 0 0 30px; padding: 30px 0 0px; overflow:hidden; } .logo { float:left; } .under-construction {background:none repeat scroll 0 0 #51D2F7; color:#FFFFFF; font-style:italic; text-align:center;} /* --------------------------------------------------------------------------------------- WRAPPER AND PAGE NUMBERS --------------------------------------------------------------------------------------- */ #home, #work, #contact { overflow:hidden; background: url(images/background.gif) repeat-x; border-bottom:1px solid #dededf; } p#filler { padding:0 0 760px; } /* filler until blog is up */ .wrapper { width: 860px; margin: 0px auto 0px auto; overflow:hidden; } .texture { background:url("images/background.png") repeat; padding:0 0 60px; min-height:1060px; } /* --------------------------------------------------------------------------------------- CONTENT --------------------------------------------------------------------------------------- */ p.intro-text { display:block; width:860px; margin: 0 0 60px; } .col2 { float:left; margin-left:60px; width:335px;} .col2 img#quote { margin-top:40px; } .col1 h3 img { padding:0; background:none; } .col1 { float:left; width:465px; } .col1 #slider, .col1 img.thumb { border:10px solid #fff; } .row { overflow:hidden; margin-bottom:60px; } .visit-site { float:right; height:80px; overflow:hidden; } #contact-info p { margin-bottom:0px; } #work .col2 p { margin-bottom:1em; font-style:italic;} #work .col2 a { font-style:italic; } #slider { width:445px; height:273px; } /* --------------------------------------------------------------------------------------- SIDEBAR --------------------------------------------------------------------------------------- */ /* --------------------------------------------------------------------------------------- FOOTER --------------------------------------------------------------------------------------- */ /* --------------------------------------------------------------------------------------- FORM --------------------------------------------------------------------------------------- */ fieldset { padding:10px 0 10px; } fieldset { padding:10px 0 10px; } fieldset li { margin-bottom:5px; } label { width:150px; float:left; padding-right:10px } input { width:200px; padding: 2px 5px 3px;} textarea { width:300px; height:150px; } fieldset#submit input { width:61px; height: 24px; padding-left:160px } p#required { padding-left:160px; } p.register input { width:30px;} #checkbox label { width:260px; padding-right:95px; } #checkbox input { width:10px; } #checkbox p { margin-bottom:30px } fieldset#submit.push-right input { padding-left:310px; }