body, input, textarea { font-family: 'Trebuchet MS', 'Lucida Grande', 'Lucida Sans', Arial, sans-serif; } article.bottom p.call-to-action, header.global section#banner { font-family: Tahoma, Verdana, sans-serif; } nav#main, h1, h2 { font-family: Georgia, Times, serif; } img.right { float:right; margin-left:1.2em; } img.left { float:left; margin-right:1.2em; } img.center { display:block; margin:1.2em auto; } /* Navigation */ nav#main { background:#292929; border-bottom:2px solid #515151; padding:1.5em 0; overflow:auto; } nav#main ul li { float:left; padding-right:2.5em; } nav#main ul li a { font-size:1.4em; color:#a6a6a6; text-decoration: none; text-transform:uppercase; letter-spacing:.04em; } nav#main ul li a:hover, nav#main ul li.active a { color:white; } /* Header */ header.global { background:#171717 url(../images/header-bg.gif) repeat-x top; padding:4.5em 0 15.6em; } header.global div.wrapper { position:relative; } div#logo { width:575px; margin:0 auto; } div#logo a { height:166px; display:block; text-indent:-9999px; background: url(../images/logo.gif) no-repeat; } header.global section#banner { position:absolute; left:0; top:20.8em; -webkit-box-shadow: 0 0 10px #000; -moz-box-shadow: 0 0 10px #000; box-shadow: 0 0 10px #000; width:984px; height:291px; } header.global nav { position:absolute; right:0; top:54em; } header.global nav p { padding:0; color:#a9a9a9; font-size:1.2em; text-transform: uppercase; font-weight:bold; letter-spacing:.02em; } header.global nav p a { color:#a9a9a9; text-decoration: underline; } header.global nav p a.current { color:white; text-decoration: none; } header.global nav p a:hover { text-decoration: none; } /* Main Article */ div#main-article { background:#292929; overflow:hidden; padding-bottom:3em; padding-top:19.4em; } body.inner div#main-article { min-height:35em; } div#main-article article { width:68.6em; float:left; } div#main-article aside { width:28em; float:right; margin-top:6em; } div#main-article h1 { font-size:2.6em; font-weight:normal; color:white; background: url(../images/ornaments/h1.gif) no-repeat right top; padding:.5em 95px .25em 0; float:left; margin-bottom:.5em; text-shadow:-1px -1px 0 #000; } div#main-article h1 + * { clear:left; } div#main-article h2 { text-transform: uppercase; color:white; font-size:1.8em; letter-spacing:.02em; padding:1em 0 .5em; font-weight:normal; } div#main-article p, div#main-article li { font-size:1.4em; color:#a9a9a9; line-height:1.5em; } div#main-article ul, div#main-article ol { padding-left:3em; margin-bottom:1.2em; } div#main-article ul { list-style-type: disc; } div#main-article ol { list-style-type: decimal; } div#main-article p.next a { color:white; font-weight:bold; text-decoration: none; } div#main-article p.next a:hover { background:white; color:#292929; } /* Project Page */ div#main-article p.location { font-size:1.8em; font-weight:bold; color:white; } div#main-article p.next { text-align:right; } div#main-article nav.controller { overflow:hidden; padding-bottom:1.2em; display:none; } div#main-article nav.controller ul { float:right; list-style-type:none; margin:0; padding:0; } div#main-article nav.controller ul li { float:left; font-size:1.2em; font-weight:bold; } div#main-article nav.controller ul li a { float:left; padding:.5em 1em; color:#a9a9a9; text-decoration: none; -moz-border-radius:.5em; -webkit-border-radius:.5em; border-radius:.5em; } div#main-article nav.controller ul li.active a, div#main-article nav.controller ul li.active a:hover { color:#292929; background:#a9a9a9; } div#main-article nav.controller ul li a:hover { color:white; } div#main-article section.panel { padding-bottom:2.5em; width:100%; } div#main-article section.panel img { float:right; margin-left:2em; border:3px solid white; margin-bottom:1.5em; } html.boxshadow div#main-article section.panel img { -moz-box-shadow:0 0 15px black; -webkit-box-shadow:0 0 15px black; box-shadow:0 0 15px black; } html.csstransforms div#main-article section.panel img { -moz-transform: rotate(3deg); -webkit-transform: rotate(3deg); transform: rotate(3deg); } div#main-article nav.gallery { margin-left:-1.4em; } div#main-article nav.gallery ul { list-style-type:none; padding:0; margin:0; overflow:hidden; } div#main-article nav.gallery ul li { font-size:1em; float:left; margin-left:1.4em; margin-bottom:1.4em; } div#main-article nav.gallery ul li a img { border:3px solid white; } div#main-article nav.gallery ul li a:hover img { border-color:#a9a9a9; } /* Aside Sections */ div#main-article aside section { background:#444; -moz-border-radius:1.2em; -webkit-border-radius:1.2em; border-radius:1.2em; padding:2.3em; } div#main-article aside section h2 { font-size:1.8em; color:white; text-transform:uppercase; font-weight:normal; text-align:center; letter-spacing:.02em; padding:.5em; border-top:1px solid #2c2c2c; border-bottom:1px solid #2c2c2c; background: url(../images/ornaments/aside-h2.gif) no-repeat center; margin-bottom:.75em; } /* Aside - Contact */ div#main-article aside section.contact dl { text-align:center; color:white; } div#main-article aside section.contact dl.address { padding-bottom:1em; } div#main-article aside section.contact dl.address dt { font-size:1.4em; font-weight:bold; padding-bottom:.25em; } div#main-article aside section.contact dl.address dd { font-size:1.2em; line-height:1.4em; } div#main-article aside section.contact dl.additional-contact dt, div#main-article aside section.contact dl.additional-contact dd { display:inline; font-size:1.2em; line-height:1.4em; } div#main-article aside section.contact dl.additional-contact dt { color:#9c9c9c; } div#main-article aside section.contact dl.additional-contact dd a { color:white; text-decoration: underline; } div#main-article aside section.contact dl.additional-contact dd a:hover { text-decoration: none; } /* Aside - Projects */ div#main-article aside section.projects { margin-bottom:2em; } div#main-article aside section.projects nav { padding-left:1.2em; } div#main-article aside section.projects ul { list-style-type:none; padding:0; margin:0; } div#main-article aside section.projects ul li { margin-bottom:.5em; } div#main-article aside section.projects ul li.last { margin-bottom:0; } div#main-article aside section.projects ul li a { color:#a9a9a9; text-decoration: none; font-weight:bold; } div#main-article aside section.projects ul li a:hover, div#main-article aside section.projects ul li.active a { color:white; } /* Bottom Article */ article.bottom { background:#444; padding:2.4em 0; overflow:hidden; } article.bottom hgroup { overflow:hidden; } article.bottom hgroup h2 { color:white; font-size:1.8em; text-transform:uppercase; font-weight:normal; letter-spacing:.02em; float:left; background: url(../images/ornaments/bottom-h2.gif) no-repeat right top; padding:.5em 68px .25em 0; } article.bottom hgroup h3 { clear:left; font-size:1.4em; font-weight:bold; color:#9d9d9d; padding:1em 0; } article.bottom img { margin-top:-6.5em; margin-right:-1.5em; } article.bottom p { font-size:1.3em; color:white; line-height:1.4em; } article.bottom p.call-to-action { font-size:1.1em; text-transform:uppercase; font-weight:bold; } article.bottom p.call-to-action a { color:#9d9d9d; text-decoration: none; } article.bottom p.call-to-action a:hover { background:#9d9d9d; color:white; } /* Footer */ footer { background:#171717; overflow:hidden; padding:1.5em 0 3em; } footer nav { float:left; } footer nav ul li { float:left; padding-right:.75em; margin-right:.75em; border-right:1px solid white; font-size:1.2em; } footer nav ul li.last { padding-right:0; margin-right:0; border-right:none; } footer nav ul li a { color:white; text-decoration: none; } footer nav ul li a:hover { text-decoration: underline; } footer p.copyright { text-align:right; font-size:1.2em; color:#959595; padding:0; } footer p.copyright a { color:white; text-decoration: none; } footer p.copyright a:hover { text-decoration: underline; }