/* File: custom.css Description: Custom styles for Thesis BASIC USAGE: If you have enabled the custom stylesheet in the Thesis options panel, the tag will be appended with the "custom" class, like so: . You can use the "custom" class to override *any* CSS declarations contained in the style.css file. For example, if you wish to change the default link color to green, you would add the following declarations to this file: .custom a, .custom a:visited { color: #090; } <--- This makes links green .custom a:hover { color: #00f; } <--- This makes links blue when you mouse over them WHY THIS WORKS: By using the "custom" class, you are creating more specific CSS declarations for HTML elements. CSS styling is applied through rules of specificity, and because declarations prepended with .custom are more specific, they get applied when the page is rendered! More information about styling your Thesis installation using this file can be found in the User's Guide: http://diythemes.com/thesis/rtfm/customizing-thesis-with-customcss/ */ /* ------------[ Misc Customization ]------------ */ .custom .sidebar a {color: #581b3d;} .custom .sidebar a:hover {color: #581b3d;} body.special-events #archive_info p {display: none;} body.special-events #archive_info {border-bottom: none;} /* Teasers One Across Instead of Two */ .custom .teaser { width: 100%; margin-top: 2em; padding-top: 2em; border-top: 1px dotted #bbb; text-align: justify; } .custom .teasers_box { padding-top: 0; border-top: 0;} /* Remove Comments on this entry are closed */ .custom .comments_closed p { display: none; } /* Move Headline up on Homepage */ body.home .post_box { padding-top: 0.5em; } body.home .headline_area { margin-bottom:1.0em; } body.custom .headline_area h2.entry-title { -moz-border-radius-topright: 5px; -moz-border-radius-bottomright: 5px; -webkit-border-top-right-radius: 5px; -webkit-border-bottom-right-radius: 5px; } /* Resize Content Area */ .custom #content {width: 68.5em;} /* custom background for sidebars */ .custom .sidebar ul.sidebar_list {background-color: #F9E4B7; margin-top: 2px;padding-left: 1.0em;} /* Body Background Image */ body.custom {background: #f9f0de;} .custom #header_area {background: #f9f0de url('images/headerBG2.jpg') repeat-x scroll 0 0; border-bottom: 1px solid #581b3d;} .custom #content_area {background: #f9f0de url('images/content-area-bg.jpg') repeat-x scroll 0 0;} /* end Body Background Image */ /* Remove Header Bottom Line */ .custom #header {border-bottom:none;} /* end Remove Header Bottom Line */ /* Remove link outlines */ .custom a, a:active {outline: none;} /* end Remove link outlines */ .custom #container { width: 960px; margin: 0 auto; } /* Gray Border Lines */ .custom #container {border:0; margin: 0; padding:0;} .custom #page {background: none; border: 1px; color: #000; padding: 0; margin:0;} .custom #content_box {border:0; padding:0; margin:0; background:none; } /* content sidebars 1px vertical line */ .custom #column_wrap { border:0; padding:0; margin:0; background:#000; } /* content and sidebar dividing line */ .custom #sidebars {border:0; padding:0; margin:0;} /* left-side 1px vertical line on sidebar */ .custom #sidebar_1 {border:0; padding:0; margin:0; } /* right-side 1px vertical line on sidebar */ .custom #sidebar_2 {border:0; padding:0; margin:0;} /* right-side 1px vertical */ .custom #footer {border-top: 0;} .custom #content_box {background: none; border:0;} /* removes gray vertical line on left-side content-box */ .custom #content_box {border-bottom:1px solid #ffffff;} .custom .post_box, .teaser_box {border-top: 1px dotted #f6a916;} /* end Gray Border Lines */ /* ------------[ end Misc Customization ]------------ */ /* ------------[ Header Area Customization ]------------ */ /* HEADER */ .custom #header {margin: 0 auto; padding: 0; border: none; background: #481631 url('images/headerBG2.jpg') repeat-x;} /* Position Logo in My Header */ .custom #headerimage { position: relative; width: 960px; height: 90px; margin: 0 auto; border: 0; padding: 0; } .custom #headerimage ul { list-style: none; margin: 0; padding: 0; } .custom #headerimage .logoimg { position: absolute; width: 140px; height: 79px; top: 5px; left: 5px; } .custom #headerimage li.logoimg a img { border: none; } .custom #headerimage li.logoimg a:hover {outline: none;} .custom #headerimage h1 { position: absolute; width: 600px; font-size: 2em; color: #fff; margin: 10px 0 0 170px; } .custom #headerimage h1 a { color: #fff; text-decoration: none; } .custom #headerimage h1 a:hover {color: #f6a916; text-decoration: none; border: none; outline: none;} /* Header Navigation - Dynamic */ .custom ul#tabs {position: absolute; border: none; margin: 50px 0 0 670px; padding: 0.75em; background: none; letter-spacing: 0; width: 285px;} .custom ul#tabs li {background: none; border: 0;} .custom ul#tabs li a {background: none; color: #fff; outline: none;} .custom ul#tabs li a:hover {color: #f6a916; padding-bottom: 2px; text-decoration: none; border-bottom: 1px dotted #f3a745;} .custom ul#tabs .current_page_item a {color: #f6a916;} .custom ul#tabs .current_page_item a:hover {text-decoration: none; border: none;} /* END HEADER */ /* ------------[ end Header Area Customization ]------------ */ /* ------------[ Feartured Area Customization ]------------ */ /* Style Carousel */ #topcarosel {border:1px solid #efefef; padding: 0px;padding-left:10px;} .carouselu {width:150px;float:left;padding:3px;text-align:center;} .carouselu IMG {border:2px solid #ccc;display:block;} /* end Style Carousel */ /* ------FEATURE------ */ #feature { width: 960px; position: relative; z-index: 1; } /* ------Horizontal Navigation------ */ #nav2 { height: 30px; margin-top: 0px; margin-left: 185px; clear: both; position: relative; z-index: 11; } /* Mega Drop Down */ #mega { list-style:none; font-weight:bold; height:2em; margin:0px -1px 0 0; } #mega li { background:#581b3d; border:1px solid #40122c; margin-left:-1px; padding-top: 3px; float:left; width:100px; text-align:center; position:relative; } #mega li:hover { background:#581b3d; border-bottom:0; /* border-bottom:0; and padding-bottom:1px; keeps
  • and
    connected */ padding:5px 0 1px 0; margin-top:-3px; border-top:2px solid #f6a916; z-index:1; /* shadow above adjacent li */ } #mega a { color:#fff; font-size: 1.2em; outline:0; text-decoration:none; display:block; line-height:2em; } /* Hide/Show Div */ #mega div { position:absolute; left:-999em; margin-top:1px; width:280px; padding:0 10px 10px; border:2px solid #581b3d; border-top:0; font-weight:normal; text-align:left; background:#F9E4B7; } #mega li:hover div { left:-1px;top:auto; } #mega li.dif:hover div { left:-202px; } /* Within Div Styles */ #mega div h2 { background:#40122c; color: #fff; font-size:1.5em; padding:3px 10px; margin:10px 0 5px 0; clear:both; float:left; width:260px; position:relative; /* makes above drop shadow */ } .custom.ie #mega a { font-size: 2.5em; } .custom.ie #mega div h2 { font-size: 3.0em; } #mega div p { float:left; width:250px; padding-left:5px; position:relative; /* makes above drop shadow */ margin: 5px 0 5px 20px; padding: 0; } .custom.ie #mega div p { font-size: 2.0em; } #mega div p a { text-decoration:none; float:left; clear:left; width:100%; /* For IE6/7 */ line-height:1.1; font-size: 1.2em; color: #581b3d; } .custom.ie #mega div a { font-size: 1.5em; } #mega div a:hover, #mega div a:focus, #mega div a:active { color: #f6a916; } /* Drop Shadow */ #mega div .s1, #mega div .s2, #mega div .s3 { position:absolute; width:100%;height:100%; } #mega div .s1 { background:url(images/rightcorner.png) 100% 0 no-repeat; top:1px;right:-9px; } #mega div .s2 { background:url(images/leftcorner.png) 0 100% no-repeat; bottom:-9px;left:1px; } #mega div .s3 { background:url(images/shadow.png) 100% 100%; top:9px;right:-9px; } #mega li:hover .s4 { background:url(images/li-shadow.png) 100% 0 repeat-y; position:absolute; top:0;right:-9px; height:100%; padding:0 8px 0 0; } * html #mega li:hover .s4 { background:none; } #mega li:hover .dif-s4 { padding-bottom:9px } /* ------end horizontal Navigation------ */ /* ------Vertical Navigation------ */ .nav3-top-symbol { padding: 4px 0 0 23px; } .nav3-bottom-symbol { padding: 0 0 0 23px; } #nav3 { font-family: Georgia, Helvetica, sans-serif; float: left; width: 180px; display: inline; clear: both; } #nav3 ul { list-style: none; margin: 0px; padding: 0px; } #nav3 ul li { width: 180px; padding: 0; } #nav3 ul li a { display: block; height: 34px; margin: 0; text-decoration: none; float: left; text-indent: -9999px; border: none; } #nav3 ul li a.play { width: 180px; background: url(images/nav-playing-btn.jpg) bottom no-repeat; } #nav3 ul li a.cal { width: 180px; background: url(images/nav-calendar-btn.jpg) bottom no-repeat; } #nav3 ul li a.ven { width: 180px; background: url(images/nav-venues-btn.jpg) bottom no-repeat; } #nav3 ul li a.spec{ width: 180px; background: url(images/nav-special-btn.jpg) bottom no-repeat; } #nav3 ul li a.photos { width: 180px; background: url(images/nav-photo-btn.jpg) bottom no-repeat; } #nav3 ul li a.edu { width: 180px; background: url(images/nav-education-btn.jpg) bottom no-repeat; } #nav3 ul li a.aud { width: 180px; background: url(images/nav-auditions-btn.jpg) bottom no-repeat; } #nav3 ul li a.support { width: 180px; background: url(images/nav-support-btn.jpg) bottom no-repeat; } #nav3 ul li a.news { width: 180px; background: url(images/nav-news-btn.jpg) bottom no-repeat; } #nav3 ul li a:visited { background-position: bottom; } #nav3 ul li a:hover { background-position: center; } #nav3 ul li a:active { background-position: bottom; } body.now-playing #nav3 ul li a.play, body.calendar #nav3 ul li a.cal, body.venues #nav3 ul li a.ven, body.special-events #nav3 ul li a.spec, body.photosvideos #nav3 ul li a.photos, body.education #nav3 ul li a.edu, body.auditions #nav3 ul li a.aud, body.support-the-arts #nav3 ul li a.support, body.in-the-news #nav3 ul li a.news { background-position: top; } /* ------end Vertical Navigation------ */ /* ------Premium Sponsor Ads------ */ #premium-ad { float: left; width: 494px; height: 338px; margin: 7px 0 0 10px; padding: 0; } #premium-ad { background: url(images/stage-black.jpg) no-repeat; border: 1px solid #f6a916; } /* s3slider Post Carousel */ #flashcontent { width: 345px; height: 205px; margin: 55px 0 0 79px; } #s3slider { width: 345px; /* important to be same as image width */ height: 205px; /* important to be same as image height */ position: relative; /* important */ overflow: hidden; /* important */ } #s3sliderContent { width: 345px; /* important to be same as image width or wider */ position: absolute; /* important */ top: 0; /* important */ margin-left: 0; /* important */ } .s3sliderImage { float: left; /* important */ position: relative; /* important */ display: none; /* important */ } .s3sliderImage span { position: absolute; /* important */ left: 0; font: 12px/15px Arial, Helvetica, sans-serif; padding: 10px 13px; width: 345px; background-color: #000; filter: alpha(opacity=0); /* here you can set the opacity of box with text */ -moz-opacity: 0.0; /* here you can set the opacity of box with text */ -khtml-opacity: 0.0; /* here you can set the opacity of box with text */ opacity: 0.0; /* here you can set the opacity of box with text */ color: #fff; display: none; /* important */ bottom: 0; /* if you put top: 0; -> the box with text will be shown at the top of the image if you put bottom: 0; -> the box with text will be shown at the bottom of the image */ } .s3sliderImage span a {color: #f6a916;} .clear { clear: both; } /* POSTER */ #poster { position: relative; width: 190px; height: 340px; margin: 10px 0 0 745px; padding: 0; } #poster-top-symbol { position: relative; padding: 3px 0 0 60px; } /* sponsor big ads */ #big-ads { position:relative; height: 337px; margin: 0px 0 0 0px; padding: 0; } #big-ads img { margin: 3px 0 0px 5px; padding: 1px; border: 2px solid #581b3d; } #big-ads a:hover img { padding: 1px; border: 2px solid #f6a916; } /* end sponsor big ads */ #poster-bottom-symbol { position: absolute; margin: 5px 0 0 63px; } /* END POSTER */ /* MID BAR */ #mid-bar { position: relative; width: 960px; height: 35px; margin: 0; padding: 0; clear: both; } #mid-bar h2 { position: absolute; width: 100px; font-family: Georgia, Helvetica, sans-serif; font-size: 2.0em; padding: 5px 0 0 750px; } .custom.ie #mid-bar h2 {font-size: 3.0em;} #facebook-twitter { position: absolute; width: 100px; margin: 3px 5px 0 820px; } #facebook-twitter ul { list-style: none; } #facebook-twitter ul li { display: inline; /*--prevents "stepdown"--*/ float: right; } #facebook-twitter ul li a { text-decoration: none; margin: 0 5px 0 0; } #facebook-twitter ul li a:visited, #facebook-twitter ul li a:hover, #facebook-twitter ul li a:active { text-decoration: none; } #facebook-twitter ul li img { width: 24px; height: 24px; } /* end MID BAR */ /* ------------[ end Feartured Area Customization ]------------ */ /* ------------[ Content Area Customization ]------------ */ #shows { float: left; width: 670px; margin: 0; } /* ------ Blog ------ */ /* Big Post */ body.custom .headline_area h2.entry-title {color: #fff; padding: 2px 275px 2px 5px; background: #581b3d} body.custom .headline_area h2.entry-title a {color: #fff;} body.custom .headline_area h2.entry-title a:visited, body.custom .headline_area h2.entry-title a:active {color: #fff;} body.custom .headline_area h2.entry-title a:hover {color: #f6a916;} /* end Big Post */ /* ------ end Blog ------ */ /* ------Home > Event Posters------ */ .boxgrid{ width:205px; height:250px; margin:10px 14px 10px 0; float:left; background:#40122c; border: solid 2px #f6a916; overflow: hidden; position: relative; } .boxgrid img{ position: absolute; top: 0; left: 0; border: 0; } .boxgrid h3{ margin: 0 10px; color:#f9f0de; font-weight:bold; font-size:18px; font-family: Georgia, Helvetica, sans-serif; } .boxgrid p { padding: 0 10px; color: #afafaf; font-weight:bold; font:12pt "Lucida Sans", Helvetica, sans-serif; } /* show col1 */ #show-col1 { float: left; width: 670px; display: inline; } /* end show col1 */ /* show col2 */ #show-col2 { clear: both; float: left; width: 670px; display: inline; padding: 0 0 10px; } /* end show col2 */ /* ------end Home > Event Posters------ */ /* ------ Venues ------ */ .venue-1 { padding: 0 0 0 10px; } .venue-1 h2 { padding: 2px 0 2px 5px; color: #fff; background-color: #40122c; } .venue-1 h3 { padding: 5px 0 0 20px; } .venue-1 p { padding: 0 0 0 30px; } .venue-1 img { padding: 5px 0 5px 30px; } .venue-1 .event-1-description { text-align: justify; } .venue-1 .venue-border { border-bottom: 1px dotted #f6a916; } .custom .venue-1 a, .custom .venue-1 a:active, .custom .venue-1 a:visited {color: #fff; text-decoration: none;} .custom .venue-1 a:hover {color: #f6a916;} /* ------ end Venue ------ */ /* ------ Calendar > Event Calendar ------ */ /* general table styles */ .custom table.wp-table-reloaded thead tr .header { background-color: #581b3d; color: #fff; } .custom table.wp-table-reloaded tbody tr.odd td { background-color:#e8e3da; } /* ------ end Calendar > Event Calendar ------ */ /* ------ SIDEBAR ------ */ #sidebar { float: right; width: 245px; margin: 10px 20px 10px 0; border-left: 1px dotted #f6a916; } /* Sidebar > Google Search */ .custom li.thesis_widget_google_cse form input[type="text"] {width: 70%;} /* Sidebar > Other Links Widget */ .custom .sidebar h3 {color: #111;} .custom #other-links a {color: #581b3d;} .custom #other-links a:hover {color: #f6a916;} /* ------ END SIDEBAR ------ */ /* ------------[ end Content Area Customization ]------------ */ /* ------------[ Footer Area Customization ]------------ */ .custom #footer_area {min-height: 275px; background: #280617 url('images/footer2.jpg') repeat-x scroll 0 0; border-top: 1px solid #481631;} .custom #footer {width: 960px; min-height: 275px;} .custom #footer div.Footer1 {float:left; margin: 5px 3px 0 0; padding-left: 10px; text-align: left; width: 20em;} .custom #footer div.Footer2, #footer div.Footer3 {float:left; margin: 5px 3px 0 0; padding-left: 80px; text-align: left; width: 29em;} .custom #footer div.col h3 {color: #fff; font-size: 1.8em; margin-bottom: 10px;} .custom #footer a {border: none;} .custom #footer p {color: #f9f0de;} .custom #footer div.col a, #footer div.col a:active, #footer div.col a:visited {color: #f6a916; text-decoration: none;} .custom #footer div.col a:hover {color: #fff; text-decoration: none;} .custom #footer div.Footer1 a {font-size: 1.1em;} .custom #footer div.Footer1 h3 {color: #fff; font-size: 1.7em;} .custom #footer div.Footer2 li {color: #f9f0de;} .custom #footer div.Footer3 p {font-size: 1.0em; line-height: 1.5em;} .custom #footer div.Footer3 p.copy {margin-top: 30px;} .custom #footer div.Footer3 a.donate {width: 100px; color: #40122c; font-size: 1.0em; margin-bottom: 10px; padding: 10px; background-color: #f6a916; text-align: center;} .custom #footer div.Footer3 a.donate:hover {width: 100px; color: #f6a916; font-size: 1.0em; margin-bottom: 10px; padding: 10px; background-color: #40122c; border: 1px solid #f6a916; text-align: center;} /* ------End Footer------ */ /* ------------[ Footer Area Customization ]------------ */ /* ------COLORBOX------ */ #colorbox, #modalBackgroundOverlay, #modalWrap{position:absolute; top:0; left:0; z-index:9999;} #modalBackgroundOverlay{position:fixed; width:100%; height:100%;} #colorbox{overflow:hidden; padding:1px; margin-top:-1px; margin-left:-1px;}/*padding fixes a ghosting issue in IE7, the negative margin compensates */ #modalWrap{width:9000px; height:9000px;} #modalContent, #borderTopLeft, #borderTopCenter, #borderTopRight, #borderBottomLeft, #borderBottomCenter, #borderBottomRight, #borderMiddleLeft, #borderMiddleRight {float:left; height:0; width:0; overflow:hidden;} #borderMiddleLeft, #borderBottomLeft{clear:left;} #modalContent{position:relative; overflow:visible;} #contentTitle{margin:0;} #modalClose, #contentPrevious, #contentNext{outline:none; cursor:pointer; border:0; margin:0;} #modalLoadedContent{overflow:auto; width:0; height:0;} #modalLoadedContent iframe{display:block; width:100%; height:100%; border:0;} #modalLoadedContent embed{display:block; border:0;}/* Display:block removes the line-height gap embedded content */ #modalLoadingOverlay{position:absolute; width:100%; height:100%; top:0; left:0;} #modalBackgroundOverlay{background:#202020;} #colorBox{} #borderTopLeft{width:27px; height:27px; background:url(../images/borderTopLeft.png) 0 0 no-repeat;} #borderTopCenter{height:27px; background:url(../images/borderTopCenter.png) 0 0 repeat-x;} #borderTopRight{width:27px; height:27px; background:url(../images/borderTopRight.png) 0 0 no-repeat;} #borderBottomLeft{width:27px; height:27px; background:url(../images/borderBottomLeft.png) 0 0 no-repeat;} #borderBottomCenter{height:27px; background:url(../images/borderBottomCenter.png) 0 0 repeat-x;} #borderBottomRight{width:27px; height:27px; background:url(../images/borderBottomRight.png) 0 0 no-repeat;} #borderMiddleLeft{width:27px; background:url(../images/borderMiddleLeft.png) 0 0 repeat-y;} #borderMiddleRight{width:27px; background:url(../images/borderMiddleRight.png) 0 0 repeat-y;} #modalContent{background:#000; } #modalLoadedContent{margin-bottom:20px;} #contentTitle{display:none;} #contentCurrent{position:absolute; bottom:0px; left:65px; font-weight:bold; color:#999;} #contentPrevious{position:absolute; bottom:0px; left:0; font-weight:bold;} #contentNext{position:absolute; bottom:0px; left:110px; font-weight:bold;} #modalLoadingOverlay{background:url(../images/loading.gif) 5px 5px no-repeat #fff;} #modalClose{position:absolute; bottom:0; right:0; display:block; font-weight:bold;} #modalClose:hover{background-position:bottom left;} /* ------end COLORBOX------ */ /* ------List Category Posts Plugin------ */ .format_text h2 { padding: 2px; color: #fff; background-color: #581b3d; -moz-border-radius-topright: 5px; -moz-border-radius-bottomright: 5px; -webkit-border-top-right-radius: 5px; -webkit-border-bottom-right-radius: 5px;} body.custom in-the-news .format_text a:hover {background-color: #f9f0de;} ul.lcp_catlist li {border-bottom: 1px dotted #f6a916; padding-top: 10px; padding-bottom: 10px;} ul.lcp_catlist li:hover {background-color: #F9E4B7;} .custom a, a:active {text-decoration: none;} /* ------end List Category Posts Plugin------ */ /* ------Jack & Lindas Page------ */ #jack-lindas {position: relative; width: 630px; margin: 0;} #jack-lindas img.country-cafe {position: relative; width: 527px; height: 252px; margin-left: 20px;} #jack-lindas img.jl-portrait {position: relative; width: 160px; height: 121px; float: left; margin:5px 15px 15px 20px;} #jack-lindas p.address { width: 430px; margin-top: 20px; margin-left: 55px; margin-bottom: 50px; font-weight: bold; padding: 10px 10px 10px 20px; border-top: 1px dotted #f6a916; border-bottom: 1px dotted #f6a916; } #jack-lindas h3 {width: 550px; font-weight: bold; color: #581b3d;} #jack-lindas .format_text p {clear:both; position:relative; width: 550px; margin-left: 20px; margin-top: 10px;} /* ------end Jack & Lindas Page------ */ /* ------Spotlight Photography Post------ */ #spotlight {position: relative; width: 630px; margin: 0 auto;} #spotlight h3 {width: 550px; font-weight: bold; color: #581b3d;} #spotlight .sp-link a, .sp-link a:visited, .sp-link a:active {width: 550px; color: #581b3d; margin: 10px 0 10px 0;} #spotlight .sp-link a:hover {width: 550px; color: #f6a916; margin: 10px 0 30px 0;} #spotlight #sl-paypal .pp-button {position: relative; width: 140px; height: 26px; margin: 5px 0 30px 0;background: #481631; color: #f6a916;border:1px solid #40122c;} #spotlight #sl-paypal .pp-button:hover {position: relative; width: 140px; height: 26px; margin: 5px 0 30px 0;background: #f6a916; color: #481631;border:1px solid #40122c;} #spotlight img.sp-logo {position: relative; width: 530px; height: 72px; margin:20px 0 0 0;} #spotlight img.pdf-icon {position: relative; width: 16px; height: 16px; margin: 0;} /* ------end Spotlight Photography Post------ */