/* Theme Name: MustardTree Theme URI: http://www.mustardtreearts.com Description: the mustardtree theme - simple and custom Version: 1 Author: Zach Fonville Author URI: http://www.zachfonville.com Tags: blue, clean, single-column, dark */ /* @UTILITY // */ body {margin:0; background: #0b141a url(/wp-content/themes/mustard/images/headGrad.png) repeat-x scroll left top; font-family: "Helvetica Neue", Helvetica, Arial, Geneva, sans-serif; color:#5a6f76; font-size:13px; line-height:22px;} a {color: #869fa6; text-decoration: none; outline:none;} a:hover, a:active, a:focus {color: #c5d5d9; cursor: pointer;} ol, ul, li {list-style: none; margin:0; padding:0;} blockquote, q {quotes: none;} img {border-style: none;} label {display: block; clear:right; width:100%;} * html .clearfix {height: 1%;} .clearfix:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;} .clearfix {display: inline-block;} .clearfix {display: block;} .clear {clear: both;} .smSpace {clear: both; height: 20px;} .lgSpace {clear:both; height:40px;} .hugeSpace {clear:both; height:80px;} .left {float: left;} .right {float: right;} .hidden {display:none;} .noBorder {border:none !IMPORTANT;} .inMain {margin:-30px;} .paddingMore {margin:0 20px;} .noPadding {padding:1px 0 0 0 !important;} /* @TYPOGRAPHY // */ h1, h2, h3, h4 {font-weight: normal; color: #c5d5d9; border-bottom: 1px solid #3D545E; margin: 0; padding:35px 0 5px; font-family: Helvetica, Arial, Geneva, sans-serif;} h1 {font-size: 89px; line-height:98px;} h2 {font-size: 55px; line-height:64px;} h3 {font-size: 34px; line-height:43px;} h4 {font-size: 21px; line-height:30px;} strong {color:#869fa6; font-style: italic; font-weight: bold;} /* @STRUCTURE // */ html, body, #pageWrap {height:100%;} #pageWrap {width:960px; margin:0 auto; height: auto; min-height: 100%;} #content {padding-bottom: 450px;} #primary, #primary2 {background: #0d1214 url(/wp-content/themes/mustard/images/contentGrad.png) repeat-x top left; border: 1px solid #212427; min-height: 518px; width:960px; position:relative;} #contentMain {float: left; width: 485px; padding: 30px; min-height:458px;} #contentSide {float: right; width:390px; border-left: 1px solid #3D545E; min-height:498px; padding:10px; overflow-x: hidden; background: url(/wp-content/themes/mustard/images/contentGrad2.png) repeat-x bottom left;} #contentSongs {float: left; width: 269px; padding: 0 30px 30px; min-height:458px;text-transform: uppercase;} #contentPoll {float: right; width:570px; border-left: 1px solid #3D545E; min-height:498px; padding: 0 30px; overflow-x: hidden;} /* @NAVBAR // */ #nav {margin:0; padding:0; height:87px;} #logo {background: url(/wp-content/themes/mustard/images/logo.png) no-repeat top left; height:87px; width: 196px; overflow:hidden; float:left;} #logo a {display:block; height:87px; text-indent: -9999px;} #navigation {width:560px; height:87px; background: url(/wp-content/themes/mustard/images/navHilite.png); margin:0; position: relative; float: right;} #navigation li {margin: 0; padding: 0; list-style: none; position: absolute; top:0;} #navigation li, #navigation a {height: 87px; display: block; text-align: center; line-height: 122px;} .page-item-4 {left:0px; width: 112px;} .page-item-8 {left:112px; width:112px;} .page-item-11 {left:224px; width:112px;} .page-item-6 {left:336px; width:112px;} .page-item-2 {left:448px; width:112px;} .page-item-4 a:hover, .page-item-8 a:hover, .page-item-11 a:hover, .page-item-6 a:hover, .page-item-2 a:hover, .current_page_item, .current_page_parent, .current_page_ancestor {background: transparent url(/wp-content/themes/mustard/images/navHilite.png) 0 -87px no-repeat;} /* @HOME // */ #welcomeBar {background: url(/wp-content/themes/mustard/images/welcome.png) no-repeat top left; padding: 20px 30px; width:253px; height:478px; overflow:hidden; float:left; } #contentSlider {float:right; position:relative; height:518px; width:647px; background: url(/wp-content/themes/mustard/images/content/back.jpg) no-repeat top left;} .welcomeText {padding:0px 0px 20px;} .linksList {text-indent: 5px;} .linksList li {padding:5px 2px 10px;} /* @CALENDAR // */ .ec3_events li {border-bottom:1px solid #000;} #calendar, .ec3_events {padding:0px 20px 30px; } .ec3_events span.upcoming {display:block; width:100%; text-align:center;border-bottom: 1px solid #212427;padding: 20px 0 40px;} .ec3_events li span, .thisMonth {color: #bdd0d5;} #wp-calendar table {width:100%;} #wp-calendar table caption {text-align:center; padding: 0px 0px 20px; border-bottom: 1px solid #212427; color: #bdd0d5;} #wp-calendar .ec3_eventday a, #wp-calendar .ec3_today a {color:#fff; font-weight: bold; display: block; width:100%;} #wp-calendar table td, #wp-calendar table th {text-align:center;} #wp-calendar table td, #wp-calendar table td.pad:hover, #wp-calendar table.nav tr td {padding:1px;border:none;} #wp-calendar table td:hover, #wp-calendar table td.ec3_today {padding:0px;border:1px solid #212427;} #easyTooltip {padding:12px; border:1px solid #212427;background:#0b141a; max-width:270px; width:expression(this.width > 270 ? 270: true);} ul.ec3_events li {padding-top:10px; padding-bottom:12px; } td.pad span {display: none;} /* @LOGIN // */ #loginScreenOut {width:760px; padding:100px;} #loginScreenIn {width:350px; margin:0 auto; background: #000;border: 1px solid #212427; padding:25px 50px; font-size:11px;} #loginScreenIn h1 {font-weight: normal; border-bottom: 1px solid #212427; padding-bottom: 10px;} #loginScreenIn li {float:left; border-left: 1px solid #212427; font-size: 10px; padding:3px 15px;} #cycnav {clear: both; padding-top:20px;} #rememberme {float:left;} #reg_passmail {display: none;} #division {margin:7px 0;} .loginMeta {padding-top:10px; border-top: 1px solid #212427;} p.message {background: transparent !IMPORTANT; border:none !important;} /* @SUBMIT // */ #submitSide {float: right; width:390px; border-left: 1px solid #3D545E; border-bottom: 1px solid #212427; min-height:498px; padding:10px; overflow-x: hidden; background: #000;} #uploadWidget {width:330px;} #uploadBody {background:transparent; font-size:11px;} #uploadBody label {padding:0px;} #uploadBody input {cursor: pointer;} ul.directions li {width:223px;} .tall {height:300px;} .short {height:150px;} p.directions {padding:20px 60px; margin:0; border-top:1px solid #212427; background:black; text-align: center; font-size: 12px; line-height: 1.5;} .loginMeta {padding:15px 15px;} #policyOne {float: left; width: 419px; padding: 30px; min-height:458px;background: url(/wp-content/themes/mustard/images/contentGrad2.png) repeat-x bottom left;} #policyTwo {float: right; width:419px; border-left: 1px solid #3D545E; min-height:458px; padding:30px; overflow-x: hidden; background: url(/wp-content/themes/mustard/images/contentGrad2.png) repeat-x bottom left;} /* @JUDGES // */ #judgePic {width:220px; float:left; margin:30px;} #judgeBio {width:600px; float:left; } /* @ABOUT // */ #map {padding:10px 0; margin:0 30px;} /* @POLL // */ .songs li {padding-top:12px;} /* @GALLERY // */ #archiveImages {padding:30px 0; background: url(/wp-content/themes/mustard/images/archiveImagesBG.png);border-bottom: 1px solid #212427;} #galleryImages img, #archiveImages img {float:left;} #preview {position:absolute; border:1px solid #3D545E; background:black; padding:7px; display:none; color:#fff;} .archivePost {width:960px; height:360px; overflow:hidden; margin:0; padding:0; background:url(/wp-content/themes/mustard/images/archivePost.png) no-repeat top left; position:relative;} .archivePost img {position:absolute; top:48px; left:41px;} .archivePost h4.postTitle {position:absolute; top:33px; left:485px; width:400px; padding:0; overflow: hidden; } .archivePost p.metaData {position:absolute; top:70px; left:490px; width:400px;} .archivePost span {position: absolute; top:153px; left:490px; width:390px; font-size:11px; line-height:18px;} .categoryHead {padding-bottom:40px; width: 100%; text-align: center; border: none; background: url(/wp-content/themes/mustard/images/contentGrad2.png) repeat-x bottom left;} .artType, .artSize, .artValue {position:absolute; font-size: 11px; font-weight: normal !IMPORTANT;} .artType {top:100px; left:490px;} .artSize {top:73px; left:730px;} .artValue {top:100px; left:730px;} .attachment {width:500px; margin:0 auto; height:500px; padding:5px; background:#000; border: 1px solid #3D545E;} .attachment img {margin:0 auto;} /* pagenavi */ .wp-pagenavi {padding:20px 0 30px; text-align:center; background:#000; border: none;} .wp-pagenavi a:visited, .wp-pagenavi a:active, .wp-pagenavi a, .wp-pagenavi a:link {border: 1px solid #212427; padding: 5px 10px; margin:0 5px; text-decoration: none; color:#5a6f76; background-color: #0b141a;} .wp-pagenavi a:hover {color: #fff; background-color: #040608;} .wp-pagenavi span.pages {display:none;} .wp-pagenavi span.extend, .wp-pagenavi span.current {border: 1px solid #212427; padding: 5px 10px; margin:0 5px; color: #c5d5d9; background-color: #090208; font-style: italic;} /* @FOOTER&FORMS // */ label {display:block; padding:2px 5px 5px;} #footer {position: relative; margin-top: -450px; height: 450px; clear:both; background: url(/wp-content/themes/mustard/images/footGrad.png) repeat-x scroll left bottom;} #footWrap {width:960px; margin:0 auto; padding-top: 100px;} #footContent {float:left; width:550px;border-right:1px solid #212427;} #quickLinks {width:432px; height:100px; background: url(/wp-content/themes/mustard/images/quickLink.png) no-repeat; margin:0; position: relative; float: left;} #quickLinks li {margin: 0; padding: 0; list-style: none; position: absolute; left:0; overflow:hidden; text-indent: -9999px;} #quickLinks li, #quickLinks a {height: 50px; display:block;} #link1 {top:0px; height:50px; width:432px;} #link2 {top:50px; height:50px; width:432px;} #link1 a:hover {background: transparent url(/wp-content/themes/mustard/images/quickLink.png) 0 -100px no-repeat;} #link2 a:hover {background: transparent url(/wp-content/themes/mustard/images/quickLink.png) 0 -150px no-repeat;} #footContent span {display:block; padding-top: 200px; font-size: 9px;} #footContact {width: 320px; float: right;} #user_login, #user_pass, #user_email, #firstname, #lastname, #pass1, #pass2, #first_name, #last_name, #nickname, #email, #url, #aim, #yim, #jabber, #footContact input, #content_title, #q1captcha, #customfields-textfield-1, #customfields-textfield-2, #customfields-textfield-3, #footContact textarea, textarea#about, #website, #phone, .wpcf7-validates-as-required, #footContact button, #wp-submit, #cycsubmit, .submitBtn, #if_student_name_of_school, #footContact form, #best_phone, #content_content {border-width: 0; margin: 0; padding: 0; vertical-align: top;} #user_login, #user_pass, #user_email, #firstname, #lastname, #pass1, #pass2, #first_name, #last_name, #nickname, #email, #url, .wpcf7-validates-as-required, #customfields-textfield-1, #customfields-textfield-2, #customfields-textfield-3, #aim, #yim, #jabber, #phone, #if_student_name_of_school, #footContact input,#website, #content_title, #q1captcha, #footContact textarea, textarea#about, #best_phone, #content_content {color: #fff; line-height: 1; font-family:"Helvetica Neue", Helvetica, Arial, Geneva, sans-serif; } #user_login, #user_pass, #user_email, #firstname, #lastname, #pass1, #pass2, #customfields-textfield-1, #customfields-textfield-2, #customfields-textfield-3, #first_name, #last_name, .wpcf7-validates-as-required, #nickname, #email, #url, #aim, #yim, #jabber, #phone, #website, #best_phone, #if_student_name_of_school, #content_title, #q1captcha, #footContact .name input, #footContact .email input {margin: 0 20px 0px 0; width: 250px; height: 24px; text-indent: 10px; padding-top: 7px; background: transparent url(/wp-content/themes/mustard/images/input1.png) 100% 0 no-repeat !important;} #footContact textarea, textarea#about {overflow: hidden; margin: 0; width:300px; height: 100px; padding:10px 10px 0; background: url(/wp-content/themes/mustard/images/input2.png) 0 0 no-repeat;} #content_content {margin:0; width:320px; height:200px; padding:10px 10px 0; background: url(/wp-content/themes/mustard/images/input4.png) 0 0 no-repeat;} #footContact .submit, .submit, .submitBtn {width: 320px; text-align: right;} #footContact .submit button, #wp-submit, #cycsubmit, .submitBtn {cursor: pointer;width: 60px; height: 20px; background: url(/wp-content/themes/mustard/images/input3.png) 50% 50% no-repeat;} #footContact .submit button span {display: none;} .footHead {font-size: 15px; display:block; padding-bottom:20px;} #wp-submit {float:right; padding:20px 0;} #wp-submit, #cycsubmit, .submitBtn {overflow:hidden; text-indent: -9999px; display:block;} /* @SLIDER // */ #slider { position: relative; overflow: hidden;} #slider, #slider img, #slider ul { width: 647px; height: 518px;} #slider li,#slider ul { padding:0; margin:0;} #slider ul { position: absolute;} #slider .slide { float: left; position: relative; display: none;} #slider .slide:first-child { display: block;} #slider .slide span { position: absolute; right: 0; padding: 13px 20px 25px; width: 606px; background-color: transparent; color: #5a6f76; bottom: 0; opacity: 0; font-size: 10px;} /* @JGROWL // */ div.jGrowl {padding:10px;z-index:9999;} body > div.jGrowl {position:fixed;} body > div.jGrowl.top-left {left:0px;top:0px;} body > div.jGrowl.top-right {right: 0px;top:0px;} body > div.jGrowl.bottom-left {left:0px;bottom:0px;} body > div.jGrowl.bottom-right {right: 0px;bottom: 0px;} body > div.jGrowl.center {top:0px;width:50%;left:25%;} div.jGrowl div.jGrowl-notification {min-height: 40px;} div.jGrowl div.jGrowl-notification div.header {font-weight:bold;font-size:10px;} div.jGrowl div.jGrowl-notification div.close {float:right;font-weight:bold;font-size:12px;cursor:pointer;} div.jGrowl div.jGrowl-closer {height:15px;padding-top:4px;padding-bottom:4px;cursor: pointer;font-size:11px;font-weight:bold;text-align:center;} div.center div.jGrowl-notification, div.center div.jGrowl-closer {margin-left: auto;margin-right:auto;} div.jGrowl div.jGrowl-notification, div.jGrowl div.jGrowl-closer {background-color: #000;color: #fff;opacity: .85;filter: alpha(opacity = 85); zoom:1; width: 235px;padding: 10px; margin-top:5px; margin-bottom:5px; font-family: Tahoma, Arial, Helvetica, sans-serif;font-size: 12px;text-align:left;display: none; -moz-border-radius: 5px;-webkit-border-radius:5px;} div.ie6 {position:absolute;} div.ie6.top-right {right: auto; bottom: auto;left: expression( ( 0 - jGrowl.offsetWidth + ( document.documentElement.clientWidth ? document.documentElement.clientWidth : document.body.clientWidth ) + ( ignoreMe2 = document.documentElement.scrollLeft ? document.documentElement.scrollLeft : document.body.scrollLeft ) ) + 'px' );top:expression( ( 0 + ( ignoreMe = document.documentElement.scrollTop ? document.documentElement.scrollTop : document.body.scrollTop ) ) + 'px' );} div.ie6.top-left { left: expression( ( 0 + ( ignoreMe2 = document.documentElement.scrollLeft ? document.documentElement.scrollLeft : document.body.scrollLeft ) ) + 'px' ); top:expression( ( 0 + ( ignoreMe = document.documentElement.scrollTop ? document.documentElement.scrollTop : document.body.scrollTop ) ) + 'px' );} div.ie6.bottom-right {left:expression( ( 0 - jGrowl.offsetWidth + ( document.documentElement.clientWidth ? document.documentElement.clientWidth : document.body.clientWidth ) + ( ignoreMe2 = document.documentElement.scrollLeft ? document.documentElement.scrollLeft : document.body.scrollLeft ) ) + 'px' );top:expression( ( 0 - jGrowl.offsetHeight + ( document.documentElement.clientHeight ? document.documentElement.clientHeight : document.body.clientHeight ) + ( ignoreMe = document.documentElement.scrollTop ? document.documentElement.scrollTop : document.body.scrollTop ) ) + 'px' );} div.ie6.bottom-left {left:expression( ( 0 + ( ignoreMe2 = document.documentElement.scrollLeft ? document.documentElement.scrollLeft : document.body.scrollLeft ) ) + 'px' ); top:expression( ( 0 - jGrowl.offsetHeight + ( document.documentElement.clientHeight ? document.documentElement.clientHeight : document.body.clientHeight ) + ( ignoreMe = document.documentElement.scrollTop ? document.documentElement.scrollTop : document.body.scrollTop ) ) + 'px' );}div.ie6.center {left:expression( ( 0 + ( ignoreMe2 = document.documentElement.scrollLeft ? document.documentElement.scrollLeft : document.body.scrollLeft ) ) + 'px' );top:expression( ( 0 + ( ignoreMe = document.documentElement.scrollTop ? document.documentElement.scrollTop : document.body.scrollTop ) ) + 'px' );width:100%;}