/* html, body { height: 100%; } /* This forces a scrollbar on Mozilla & WebKit to prevent jumping on centered sites */*/
/* Do not remove the following section, these rules are required for forms */
.comment-replies {
margin-left: 30px;
}
.form-element.form-hide, .form-important {
display: none;
}
.form-element.form-type-checkbox label,
.form-element.form-type-radio label {
display: inline;
}
.form-float-left {
float: left;
}
.form-element.form-float-left {
padding-right: 10px;
}
/* This section works with the wt.hero function in site-local.js. Values set to % need to be set. Caption and control rules should be removed if not in use. */
div.heroshots {
position: relative;
width: 100%;
height: 465px;
overflow: hidden;
}
div.heroshots img {
position: absolute;
top: 0px;
left: 0px;
}
div.heroshots div.foreground {
}
div.heroshots div.caption {
display: none;
}
div.heroshots div.controls {
display: none;
}
div.heroshots div.controls ul {
}
div.heroshots div.controls ul li {
list-style:none;
}
div.heroshots div.controls ul li a {
}
div.heroshots div.controls ul li a.previous {
}
div.heroshots div.controls ul li a.pause {
}
div.heroshots div.controls ul li a.play {
}
div.heroshots div.controls ul li a.next {
}
/* Global styles */
.clear {
clear: both;
}
form .clear {
clear: none;
}
.left {
text-align: left;
}
.center {
text-align: center;
}
.right {
text-align: right;
}
img.left {
float: left;
}
img.center {
display: block;
margin-left: auto;
margin-right: auto;
}
img.right {
float: right;
}
/* Specific styles */
/*TYPOGRAPHY*/
body {color: #ffffff; font-family: "Helvetica-Neue", Helvetica, Arial, Sans-Serif; font-size: 92%;}
a {color: #8dc63f; text-decoration: underline;}
a.green {color: #8dc63f; font-weight: bold; text-decoration: none;}
a.green span {display: inline-block; background: transparent url(../images/arrow.png) 0 0 no-repeat;
text-indent: -5000px; overflow: hidden; height: 10px; width: 12px;}
a:hover {text-decoration: underline !important;}
h1 {font-family: Baskerville, Georgia, Serif; font-style: italic; font-weight: 300; font-size: 3em;}
#nav {font-weight: bold;}
p {font-size: 0.9em; line-height: 1.5em; margin-bottom: 1em;}
/*GLOBAL*/
body {background: black url(../images/bg.jpg) 50% 0; }
#logo {z-index: 20;}
#logo a {display: block; width: 150px; height: 160px; background: transparent url(../images/logo.png) 0 0 no-repeat;
position: fixed; top: 0; left: 17px; text-indent: -5000px; overflow: hidden; z-index: 20;}
#nav .menu {position: fixed; right: 0px; top: 30px; z-index: 20;}
ul.navigation li {float: left;}
.content {position: absolute; top: 130px; left: 50%; margin-left: -480px; width: 960px; line-height: 1.2em; font-weight: 200; padding-bottom: 4em; }
.content .copy {width: 600px;}
.content img {position: absolute; top: -5px; right: -75px;}
html#about .content img {right: -20px;}
#home-hero {width: 100%;}
#home-hero img {margin: 0 auto; position: static; display: block;}
#home img {position: static !important; float: left; margin-bottom: 15px;}
#home {width: 930px; font-family: Georgia; float: left; clear: both;}
#home p {margin-top: 15px; line-height: 1.4em; font-size: 1em;}
#footer {position: fixed; bottom: 5px; width: 100%;}
#footer .left { position: absolute; bottom: 0px; left: 30px;
background: transparent url(../images/tagline.png) 0 0 no-repeat; width: 317px; height: 17px;
text-indent: -5000px; overflow: hidden;}
#footer .right {position: absolute; bottom: 0px; right: 30px; color: #666; font-size: 0.7em;}
#footer .right a {color: #999; font-weight: bold;}
hr {line-height: 0; border: 0; border-top: 1px dotted #666; margin: 0 0 18px; clear: both;}
hr.top {margin: -18px 0 18px;}
fieldset legend, .form-element label {display: none;}
/*NAV*/
ul.navigation {position:fixed;right:0;top:30px; z-index:20;}
ul.navigation li a {background: transparent url(../images/nav.png) no-repeat; height: 26px;
text-indent: -5000px; overflow: hidden; display: block;}
ul.navigation li.nav-home a {background: transparent url(../images/home.png) no-repeat 0 -13px; height: 13px; width: 14px; margin: 5px 30px 0 0;}
ul.navigation li.nav-home a:hover, html#home ul.navigation li.nav-home a {background-position: 0 0;}
ul.navigation li.nav-news-and-updates a {background-position: 0 0; width: 131px;}
ul.navigation li.nav-news-and-updates a:hover, html#news-and-updates li.nav-news-and-updates a {background-position: 0 -26px !important;}
ul.navigation li.nav-portfolio a {background-position: -135px 0; width: 88px;}
ul.navigation li.nav-portfolio a:hover, html#portfolio li.nav-portfolio a {background-position: -135px -26px !important;}
ul.navigation li.nav-reclaimed a {background-position: -222px 0; width: 110px;}
ul.navigation li.nav-reclaimed a:hover, html#reclaimed li.nav-reclaimed a {background-position: -222px -26px !important;}
ul.navigation li.nav-heritage a {background-position: -331px 0; width: 100px;}
ul.navigation li.nav-heritage a:hover, html#heritage li.nav-heritage a {background-position: -331px -26px !important;}
ul.navigation li.nav-about a {background-position: -427px 0; width: 100px;}
ul.navigation li.nav-about a:hover, html#about li.nav-about a {background-position: -427px -26px !important;}
/*SIDE TAB*/
#tab {display: block; position: fixed; left: -5px; top: 50%;
font-size: 0.9em;}
ul#sidebar {z-index: 60;}
#tab #handle { width: 25px; height: 28px; background: transparent url(../images/tab.png) 0 0 no-repeat; position: absolute; margin-top: -12px; top: 50%; z-index: 50;}
#tab ul#portfolio-container {opacity:0; padding: 15px 15px 15px 45px; display: block; background: url(../images/tg.png) repeat;
-moz-border-radius: 3px; -webkit-border-radius: 3px;}
/*IMGRPL*/
#heritage-header {display: block; background: transparent url(../images/heritage-header.png) 0 0 no-repeat;
width: 590px; height: 67px; text-indent: -5000px; overflow: hidden; margin-left: 6px;}
#about-header {display: block; background: transparent url(../images/about-header.png) 0 0 no-repeat;
width: 600px; height: 67px; text-indent: -5000px; overflow: hidden; margin-left: 6px;}
#reclaimed-header {display: block; background: transparent url(../images/reclaimed-header.png) 0 0 no-repeat;
width: 600px; height: 67px; text-indent: -5000px; overflow: hidden; margin-left: 6px;}
#about-tagline {display: block; background: transparent url(../images/about-tagline.png) 0 0 no-repeat;
width:613px; height: 52px; text-indent: -5000px; overflow: hidden; }
#news-header {display: block; background: transparent url(../images/news-header.png) 0 0 no-repeat;
width: 600px; height: 67px; text-indent: -5000px; overflow: hidden; margin-left: 126px; margin-bottom: -32px;}
/*ABOUT PAGE*/
#contactform #info {width: 40%; float: left; font-size: 76%;}
#contactform #info li {margin-bottom: 5px; }
#contactform #info li span {display: inline-block; background: transparent url(../images/icons.png) no-repeat;
text-indent: -5000px; overflow: hidden;}
#contactform #info .title {font-weight: bold; font-size: 140%;}
#contactform #info .in {margin: 0 0 0 16px;}
#contactform #info a {color: white; text-decoration: none;}
#address span {background: 0 0; width: 14px; height: 14px;}
#map span {background-position: 0 -14px !important; width: 16px; height: 16px;}
#phone span {background-position: 0 -29px !important; width: 16px; height: 15px;}
#email span {background-position: 0 -44px !important; width: 16px; height: 13px;}
#facebook span {background-position: 0 -60px !important; width: 16px; height: 15px;}
#contactform #form {width: 55%; float: right;}
#contactform #form input, #contactform #form textarea {float: left; clear: both; width: 100%; margin-bottom: 15px; padding: 3px 0 3px 3px; border: 1px solid #333;}
input.input-submit { width: 30px !important; background: url(../images/icons.png) 0 -76px; height: 20px; text-indent: -5000px;
overflow: hidden; border: none !important; margin-right: -3px;}
ul.form-errors {background: #FBE3E4 none repeat scroll 0 0; border-color: #FBC2C4; color: #8A1F11; border: 2px solid; margin-bottom: 1em; padding: 0.8em; font-size: 0.9em;}
p.success {background: #E6EFC2 none repeat scroll 0 0; border-color: #C6D880; color: #264409; border: 2px solid; padding: 0.8em;}
/*NEWS PAGE*/
.news { position: absolute; top: 145px; width: 960px; line-height: 1.2em; font-weight: 200; padding-bottom: 4em; margin-left: 10px; left: 30px;}
#signup .form-element {float: right; margin-top: -28px;}
#signup .form-element input.input-text {border: 1px solid #333; padding: 3px; margin-top: -2px; height: 12px; width: 170px; margin-right: 31px;}
#signup .form-element input.input-button {width: 30px; background: url(../images/icons.png) 0 -76px; height: 20px; text-indent: -5000px;
overflow: hidden; border: none; }
.news .copy .post {margin: 15px 0; float: left; clear: both;}
.news .copy .post .date {width: 130px; float: left; height: 100%; text-transform: uppercase; font-size: 0.85em;}
.news .copy .post .preview {float: left; width: 585px;}
.news h2.headline { font-family: Georgia, Times, Serif; font-style: italic; color: #8dc63f; font-weight: 300; font-size: 1.6em; margin-bottom: 0.5em; }
.news h2.headline a {text-decoration: none;}
.news .copy .post img {float: left; border: 5px solid white; margin: 0 15px 15px 0;}
.news p {font-size: 0.9em; line-height: 1.5em; margin-bottom: 1em; }
ul.sidebar li ul li a img {border: none !important; margin: 0;}
.posts {float: left; clear: both; width: 715px;}
.posts .post .preview { width: 585px;}
.posts hr {margin: 0;}
div.news-sidebar {float: left; width: 245px;}
div.news-sidebar ul.sidebar { float: left; font-size: 0.9em; margin-left: 33px; margin-top: 15px; line-height: 2em;}
div.news-sidebar h4 {}
div.news-sidebar ul.sidebar h4 span {color: #8dc63f; font-weight: bolder;}
div.news-sidebar ul.sidebar ul {list-style: none; }
div.news-sidebar ul.sidebar ul li {margin-left: 15px;}
div.news-sidebar ul.sidebar a {color: white; text-decoration: none;}
div.news-sidebar div#join-form {display: none;}
.social {width: 100%; float: left; clear: both;}
.social ul {}
.social ul li {display: inline-block; margin: 0 30px 15px 0;}
.social ul li span {display: inline-block; width: 12px; height: 14px; background: transparent url(../images/social-sprites.png) 0 2px no-repeat; margin-right: 9px;}
.social ul li.Category span {background-position: -11px 2px;}
.social ul li.Author span {background-position: -22px 2px;}
.social ul li a {color: white; text-decoration: none; font-size: 0.7em;}
#disqus_thread {clear: both !important; width: 585px !important; margin-left: 130px !important;
border-top: 1px dotted white; margin-top: 15px; padding-top: 15px;}
#dsq-new-post h3 {float: left !important;}
.pagination {width: 100%; float: left; clear: both; margin-bottom: 15px;}
.pagination a {color: white; text-decoration: none;}
.pagination .previous a { float: left;}
.pagination .next a {float: right;}
/*PORTFOLIO*/
#infoBox {width: auto; min-height: 75px; position: fixed; top: 50%; margin-top: -30px; left: 50%; margin-left: -325px; background: url(../images/tg.png) repeat; color: white; display: none; padding: 15px 45px 15px 15px;
-moz-border-radius: 3px; -webkit-border-radius: 3px;}
#infoBox #close a {top: 5px; right: 5px; display: block; width: 24px; height: 24px; position: absolute;
background: transparent url(../images/close.png) 0 0 no-repeat; text-indent: -5000px; overflow: hidden;}
#infoBox h4 {display: block; font-family: Georgia, Sans-Serif; font-style: italic; color: #8dc63f; font-size: 2em; margin-bottom: 15px; font-weight: lighter;}
#photos {position: absolute; width: 100%; height: 100%; overflow: hidden;}
#photos .set {display: none; }
#photos .current-set {display: block !important;}
#photos .image {position: absolute; }
ul#portfolio-container {width: 155px; text-align: right; z-index: 40;}
ul#portfolio-container ul li.title {font-weight: bold; margin-top: 20px; font-size: 1.1em;}
ul#portfolio-container ul li.title span {color:#8DC63F; font-size:1.2em;font-weight:bold;line-height:0;margin-right:5px;}
ul#portfolio-container ul {list-style: none;}
ul#portfolio-container ul li {font-size: 0.9em; margin: 9px 0;}
ul#portfolio-container ul li a {color: white; text-decoration: none;}
ul#portfolio-container ul li.current-item a {color: #8DC63F; padding-right: 15px;
background: transparent url(../images/greenarrow.png) 100% 3px no-repeat;}
ul#portfolio-container ul li.current-item a:hover {text-decoration: none;}
#gallery-nav {z-index: 20; display: block; position: fixed; right: 0; top: 200px; display: none; min-width: 100px;}
#gallery-nav span.project-name {float: right; font-family: Georgia, Times, Serif; font-style: italic; font-size: 1.4em; display: block; padding: 5px;
position: relative; text-align: right; right: 91px; background: transparent url(../images/tg.png) repeat; padding-left: 10px;
-moz-border-radius-topleft: 3px; -moz-border-radius-bottomleft: 3px;
-webkit-border-top-left-radius: 3px; -webkit-border-bottom-left-radius: 3px;}
#gallery-nav ul {width: 72px; position: absolute; right:0px; background: transparent url(../images/tg.png) repeat; width: auto;}
#gallery-nav ul li {display: block; float: left;}
#gallery-nav ul li a {display: block; overflow: hidden; float: left; background: transparent url(../images/portfolio-controls.png) 0 0 no-repeat; height: 30px; text-indent: -5000px; opacity: 1.0 !important; margin-right: 5px;}
#gallery-nav ul li.previous a {background-position: 0 0; width: 20px; margin-left: 5px;}
#gallery-nav ul li.info a.on {background-position: -27px 0; width: 30px;}
#gallery-nav ul li.info a.off {background-position: -83px 0; width: 30px;}
#gallery-nav ul li.next a {background-position: -65px 0; width: 20px;}
.content .copy #portfolio {display: none;}
/* .image img {opacity:0;}*/
#home .sidebar a {color: white !important; text-decoration: none !important;}
div.callout a {text-decoration: none; font-weight: bold; font-size: 1em;}
span.arrow {display: inline-block; width: 15px; height: 10px; background: transparent url(../images/greenarrow.png) 0 3px no-repeat; text-indent: -5000px; margin-left: 10px;}
/*div.news div.copy h1#news-header { position: fixed; }
div.news div.copy div#signup { position: fixed; }
div.news div.copy hr.top { position: fixed; }
div.news div.news-sidebar { position: fixed; }*/
div#hd {
background: transparent url('../images/HSD_transparent_04.png') 50% 0;
width: 100%;
height: 120px;
position: fixed;
z-index: 10;
}
div.portfolio div.portfolio div#wrapper div#hd {
background: none;
}
#login-wrap {
position: relative;
top: 170px;
}