/* 1. TEMPLATE */ /*Global Styles*/ * {margin:0px; padding:0px;} body {background:url('/wp-content/themes/horizon/images/background.jpg') repeat-x #140701; font-family:arial; font-size:x-small;} h2 {font-size: 130%;} p{font-size:120%; padding-top:10px;} #wrap {margin:0px auto; width:881px;} #top-contain, #bottom-contain, #footer {float:left; width:881px; border-left:1px solid #666; border-right:1px solid #666; margin:0px auto; background-color:#fff;} #bottom-contain {background-color:#E6E7E9;} #flash-banner {margin:0 auto; height:411px; width:866px; background-color:#fff; margin-bottom:10px;} #home-link {float:left; display:block; width:255px; margin-left:20px; height:100px;} .banner {margin:30px 0px 10px 8px; height:0px; width:580px;} #about .header {background: url('/wp-content/themes/horizon/images/top-about.gif') no-repeat;} #local .header {background: url('/wp-content/themes/horizon/images/top-local.gif') no-repeat;} #contact .header {background: url('/wp-content/themes/horizon/images/top-contact.gif') no-repeat;} #links .header {background: url('/wp-content/themes/horizon/images/top-links.gif') no-repeat;} #gallery .header {background: url('/wp-content/themes/horizon/images/top-gallery.gif') no-repeat center; height:150px;} /* Header and Navigation */ #header {background:url('/wp-content/themes/horizon/images/header.jpg') no-repeat; height:115px; width:881px;} #nav {float:right; width:600px; padding-right:1px;} * html #nav {float:right; margin-top:-100px;} #nav form {float:right; color:#fff; text-transform:uppercase; margin-top:20px; padding:0; margin-right:20px; width:175px; height:25px;} * html #nav form {margin-right:10px;} .search-enter {float:left; display:block; width:140px; height:19px; margin-right:10px;} * html .search-enter {margin-right:2px; height:16px;} .search-submit {float:right; width:19px; height:19px; background-color:#fff; border:0px; background:url('/wp-content/themes/horizon/images/search-button.gif'); cursor:pointer;} .search-submit:hover {background-position:0px 19px; cursor:pointer;} #nav #flash-nav {float:left; margin-top:5px;} /*2. LEFT COLUMN */ #l-content {float:left; width:600px; padding:8px 8px 0 8px;} /* Feature, Category Fields */ .feature {float:left; width:600px; background-color:#fff;} .feature .header {height:90px; margin-left:8px;} .feature .header#news {background:url(images/news-feature.gif) no-repeat;} .feature .header#gene-speak {background:url(images/gene-feature.gif) no-repeat;} .feature .header#recent-interest {background:url(images/recent-interest.gif) no-repeat;} .feature .header#tos-page {background:url(images/tos-entry-header.png) no-repeat bottom;} .feature dl {float:left; width:544px; padding:19px;background-color:#efefef; margin-left:8px;} * html .feature dl {margin-left:4px;} .feature dl dt a {display:block; font-size:180%; text-decoration:none; color:#444;} .feature dl dt a:hover {color:#222;} span.subject {color:#b69f21;} .feature dl dt a:hover span.subject{color:#7E2D00;} .feature dl dd {float:left; display:block; width:300px;} #about .feature dl dd p {float:left; display:block; width:458px;} .feature dd.img, #single div.img {float:right;width:171px;} .feature dd.img img, .post div.img img{width:154px;height:154px; padding:4px; background-color:#fff; border:1px solid #ccc; border-bottom-color:#888; border-right-color:#888;} .post-img {margin-top:15px; width:154px; height:154px;} .home-banner {margin:10px 0 10px 8px;} /* Local Events & Map */ #local h2 {font-size:180%; margin-bottom:10px; width:200px;} #local dl ul {list-style:none;} #local dl ul li {font-size:110%;} #local dl ul li {margin-top:5px; padding:10px 10px 20px 10px; width:520px; background-color:#333; border:1px solid #777;} * html #upcoming li {width:215px;} .date { color:#aaa; font-size:115%; font-weight:600;} #local dl ul li a {line-height:.9em; font-weight:100; font-size:200%; color:#fff; text-decoration:none; text-transform:none;} #local dl ul li a:hover {color:#F6E854;} #local dt a {font-size:140%;} #map dl {padding-left:10px; background-color:#fff;} #map dl img {padding:3px; background-color:#fff; border:1px solid #ccc;} #go-links-local {background-color:#222; margin:0px; padding:10px; padding-right:5px; padding-top:30px; margin-left:9px; border:1px dotted #ddd;} /* Feature Buttons */ .buttons. .more-button {clear:both; width:330px;} .more-button {float:left;} .buttons {float:right; margin-top:10px;} .img .buttons {float:left; margin-left:30px;} .buttons a, .more-button a {font-size:110%; color:#fff; font-weight:bold; display:block; width:103px; height:18px; border:1px solid; margin-top:5px; text-decoration:none; border:0px; background-repeat:repeat-y; text-align:center; padding-top:5px; } a.orange {background:url(/wp-content/themes/horizon/images/button-orange.gif);} a.grey {background:url(/wp-content/themes/horizon/images/button-grey.gif); margin:20px 0px;} a.blue {background:url(/wp-content/themes/horizon/images/button-blue.gif); color:white;} a.yellow {background:url(/wp-content/themes/horizon/images/button-yellow.gif); color:#000;} .buttons a:hover, .more-button a:hover {background-position: 0px 23px;} /* Archives, Search Results, and Single Posts */ #post-nav {float:left; width:590px;padding:5px; clear:both; background-color:#222; border:1px dotted #666; } .post {float:left; width:582px; padding:20px 10px; clear:both; background-color:#fff;} .post h2{ margin-left:15px;font-size:280%;} .post p {margin-top:5px; margin-left:15px; margin-right:15px;} .post .post-img, .post p img {margin:0 10px 10px 0; padding:4px; background-color:#fff; border:1px solid #ccc; border-bottom-color:#888; border-right-color:#888;} #full-post {float:left; border-bottom:1px dotted #bbb; padding-bottom:20px; clear:both;} #full-post img {float:left; margin:10px 10px 10px 0px;} #full-post p {line-height:150%;} #post-info {clear:both;margin:0px auto; padding:10px; width:580px; border:1px dotted #666; background-color:#222; color:#fff;} #post-info a {color:#aaa; text-decoration:none;} #post-info a:hover {color:#F6E854;} .rs_event_meta {padding:10px; background-color:#333; width:540px; margin-left:15px; margin-top:10px;} .single-event-date {color:#aaa; font-size:155%; font-weight:600;} .single-event-time {font-size:155%; font-weight:bold; color:#fff; line-height:1.4em;} #go-back a:hover, #go-forward a:hover {color:#F6E854;} #go-back {float:left; margin-left:10px; font-size:150%; color:#fff;} #go-forward {float:right; margin-right:10px; font-size:150%; color:#fff;} #go-back a, #go-forward a {font-size:75%; text-decoration:none; font-weight:bold; color:#fff; text-transform:uppercase;} #archives-search {padding:30px 0px 0px 20px; width:580px;} #archives-search dd {margin-left:10px; width:400px;} #archives-search .post {background-color:#222; padding:4px; margin:0px 0px 4px 0px;} #archives-search .date {float:left; width:7em; height:8em; padding:5px; text-align:center; background-color:#333; display:block; text-transform:uppercase; color:#777; font-size:120%;} #local div.date {border:0px; margin-top:5px; padding-top:5px; border-top:1px dotted #666;} #local div.date-day {border:0px solid;} .date-day {font-size:120%; color:#fff; margin-bottom:5px;} .date-number {font-size:240%; color:#fff;} #archives-search a {text-decoration:none; color:#fff;} #archives-search a:hover {color:#F6E854;} #archives-search .post-title {font-size:220%;} .author_of_post, .author_description {margin-left:15px;font-size:120%; color:#8F3D2C;} .author_description {font-style:oblique; clear:both;} .author_of_post a, .author_description a {color:#8F3D2C; text-transform:uppercase; text-decoration:none; font-weight:bold;} .author_of_post a:hover, .author_description a:hover {color:orange;} img.author_pic {float:left; width:50px; height:50px; padding:2px; border:1px solid #ccc; margin-right:15px;} .feature .author_of_post {margin-left:3px;} .postmetadata {color:#888; font-size:120%;} .archive-title {margin:0 0 30px 10px; font-size:150%; color:#7F1C07;} .post .buttons {margin-left:0px;} .post-image-contain {float:left; margin:10px 0px 0px 15px; width:277px;} .post-image-contain .buttons {margin:0px; padding:0px;} /* Gallery */ #gallery .feature {width:865px;} #gallery .feature dl {width:810px; height:510px; margin-bottom:10px;} #gallery #flash-contain {float:left; width:750px; height:450px; padding:30px; background-color:#181818;} #gallery #flashcontent {float:left; display:block; width:750px; height:400px;} #gallery-instruct {margin:10px auto; width:600px; text-align:center; text-transform:uppercase;} #gallery-instruct strong {font-size:110%;} /* Map */ #map #bottom-contain {padding:0px; margin:0px;} #map #l-content {margin:0px; width:865px;} #map #l-content .feature {padding:0px; margin:0px;} #map #l-content .feature dl {padding:0px; width:690px; margin:12px;} #map #l-content .feature dl img {display:block;} #map #bottom-ad {height:40px;} #back-link {display:block; width:216px; height:25px; margin-top:10px; background:url(/wp-content/themes/horizon/images/back-link-local.gif) no-repeat;} /*About Page*/ #about .feature dl dd p {margin-bottom:0px;} #about .feature dl dd p a {color:#9D3A00;} #about .feature dl dd strong {font-size:110%; font-weight:100px; color:#d23ea2;} #about .feature dl dd img {float:left; padding:3px; background-color:#fff; border:1px solid #ccc; margin-right:8px;} #bios {float:left;} #bios h1 {display:block; font-size:180%; font-weight:100; text-decoration:none; color:#444; margin-top:20px;} .bio {float:left; margin:10px 0px 20px 0px; width:500px; font-size:120%;} .bio h2 {margin-bottom:0px; font-size:110%; text-transform:uppercase;color:#444;} .bio h3 {display:block; font-size:100%; margin-bottom:5px;} .gallery-link {float:left; display:block; margin-top:10px;} /*Contact Form*/ .contactleft {margin-top:10px; font-size:120%; font-weight:bold;} .contacterror {color:red;} .errormessage, .thanks {font-size:170%; color:brown; font-weight:bold;} .contact-ep {float:left; padding-left:15px; height:280px;} #contact input {padding:2px; margin:5px 0px;} #contact textarea {padding:2px; margin:5px 0px; width:400px;} #contact dd {width:500px;} #contact dl {background:url(/wp-content/themes/horizon/images/dont-just.jpg) no-repeat 292px 19px #EFEFEF;} #google-map-link {color:white;} #google-map-link:hover {color:#F6E854;} #contact-contain {float:left;margin-top:0px; width:235px; background-color:#222; padding:15px;} #contact-contain h1 {margin-top:10px; margin-bottom:0px; font-size:160%; color:#666; display:block; line-height:0px;} #contact-contain span {font-size:120%; line-height:1.5em; color:#fff; font-weight:bold;} #contact form {margin-top:0px; clear:both; float:left; height:400px;} /* 404 and Search Defunct Pages */ #not-found {margin-left:50px; width:500px;} #not-found .header {background: url('/wp-content/themes/horizon/images/sorry.gif') 90px no-repeat; height:200px; width:500px;} #not-found p {font-size:200%; text-align:center;} #not-found form {margin-left:170px; margin-bottom:40px;} #not-found input {float:left;} /* Bottom of Left Column */ #l-bottom {background-color:#fff; padding-bottom:10px;} #bottom-ad {display:block; clear:both; width:600px; background:url('/wp-content/themes/horizon/images/bottom-border.gif') no-repeat bottom #fff; margin-bottom:12px; padding-top:10px; padding-bottom:30px;} #bottom-ad img {display:block; clear:both; margin:0px auto; padding:2px; border:1px dotted #ddd; left:10px; top:10px;} #bottom-nav {margin-left:10px;background:url('/wp-content/themes/horizon/images/bottom-horizon.gif') no-repeat #000; height:24px; width:580px; margin-bottom:0px;} #bottom-nav ul {list-style:none; margin-left:220px; padding-top:5px;} #bottom-nav ul li {float:left; color:#fff; margin:0px 4px; font-size:120%;} #bottom-nav ul li a {color:#fff; text-decoration:none; padding-right:8px;} #bottom-nav ul li a:hover {color:#F6E854;} /*3. RIGHT COLUMN */ #r-sidebar {float:left; margin:7px 0 0 2px; width:253px; background:url(/wp-content/themes/horizon/images/sidebar-repeat.gif) repeat-y;} #sidebar-top {padding-top:10px; width:253px; background:url(/wp-content/themes/horizon/images/sidebar-top.gif) no-repeat; } #sidebar-bottom {width:253px; background:url(/wp-content/themes/horizon/images/sidebar-bottom.jpg) 0 bottom no-repeat; padding-bottom:140px;} /*Lists*/ #r-sidebar ul.blog-sidebar {list-style:none; margin:0px auto; padding:90px 10px 20px 10px; display:block; width:216px; background:url(images/horizon-blog.gif) 0px 0px no-repeat #222; border:1px solid white;} #r-sidebar ul h1 {font-size:200%; color:#fff; text-transform:uppercase;} #r-sidebar ul h2 {font-size:140%; color:#eee; text-transform:uppercase; margin-top:20px;} #r-sidebar ul li a {color:#aaa; font-size:120%; font-weight:bold; text-decoration:none;} #r-sidebar ul li a:hover {color:#F6E854;} #go-links, #go-links-local {margin-top:20px; width:217px; color:#666; font-size:80%; border-top:1px dotted #333; padding-top:5px;} #go-links p, #go-links-local p {margin-top:0px; padding-top:3px;} #go-links a, #go-links-local a {font-size:160%; padding-bottom:2px; color:#fff; text-transform:uppercase; text-decoration:none;} #go-links a:hover, #go-links-local a:hover {color:#F6E854;} #go-links-local {padding-top:12px;} .rss {display:block; height:18px; width:12px; padding-left:20px; text-transform:uppercase; color:#F6E854; text-decoration:none; font-color:#333; background:url(/wp-content/themes/horizon/images/rss.gif) 0px 0px no-repeat;} #r-sidebar .rss {margin-top:30px;} .rss:hover {background-position:0px -18px; color:#fff;} .local-head {clear:both; width:155px;} .local-head .rss {float:left; padding-left:10px;} .local-head h2 {display:block;} /*Upcoming Events*/ #upcoming-tab {display:block; margin-top:20px; width:253px; height:28px; background:url(/wp-content/themes/horizon/images/upcoming.gif) 61px 0px no-repeat;} ul#upcoming {padding:0px 0px 0px 1px; margin:0px auto; margin-top:0px; width:234px; list-style:none; border:1px solid #fff;} ul#upcoming li {padding:10px 10px 20px 10px; background:url(/wp-content/themes/horizon/images/upcoming-li-one.gif) repeat-y; border-bottom:1px dotted #555; } * html ul#upcoming {width:0px;} * html ul#upcoming li {width:210px; padding:12px;} ul#upcoming li.two {background:url(/wp-content/themes/horizon/images/upcoming-li-two.gif) repeat-y;} ul#upcoming li .date {text-transform:uppercase; color:#777; font-size:100%;} ul#upcoming li a {display:block; font-size:130%; font-weight:0; color:#fff; text-decoration:none;} ul#upcoming li a.learn {float:right; font-size:90%; color:#DEC32B; text-transform:uppercase;} ul#upcoming li:hover {cursor:pointer;} ul#upcoming li:hover .date {color:#fff;} ul#upcoming li:hover a {color:#F6E854;} ul#upcoming li:hover a.learn {color:yellow;} /*Spots and Ads*/ .sidebar-box { margin:5px auto; width:214px; border:1px solid #fff; padding:10px; background:url(images/upcoming-li-one.gif) repeat-y; color:#fff; font-family:Arial, Helvetica, sans-serif; font-size:0.9em; font-weight:lighter; } .sidebar-box p { margin:0; line-height:160%; } #join, #buy-used{margin:0px auto; margin-top:10px; display:block; width:234px; height:100px; border:1px solid white;} #join {background:url(/wp-content/themes/horizon/images/join-mail.gif);} #buy-used {background:url(/wp-content/themes/horizon/images/we-buy.gif);} .ad {margin:0px auto; margin-top:10px; display:block; width:234px; border:1px solid white; background-color:black;} .ad#local-button {height:80px; background-color:black;} .ad img {border:0px;} #sidebar-bottom object {margin:0px auto; display:block; margin-top:10px;} #join:hover, #buy-used:hover, .ad:hover{border-color:#F6E854;} /*Links*/ .link-column {float:left;} #links .feature dl ul {display:block; list-style:none; padding:10px; width:230px; margin:10px; background-color:#222; color:#fff;} .linkcat h2 {font-size:200%; border-bottom:1px dotted #555;} #links .feature dl ul li ul {padding:0px; margin:0px; margin-top:10px; margin-left:15px;padding-left:0px; list-style:circle; width:180px;} #links .feature dl ul li ul li {margin-bottom:10px; color:#aaa; font-size:120%;} #links .feature dl ul li ul li a {display:block; margin-top:5px; color:#fff; text-decoration:none; font-weight:bold;} #links .feature dl ul li ul li a:hover {color:#F6E854;} /*4. FOOTER*/ #footer {display:block; margin-bottom:0px; height:81px; width:881px; clear:both; background:url('/wp-content/themes/horizon/images/footer.jpg') no-repeat #000; border-bottom:1px solid #666;} * html #copyright {margin-right:5px; color:#fff;} #address {height:25px;width:100px; display:block; float:right;text-transform:uppercase; width:460px; margin-right:25px; margin-top: 5px; text-align:right;} * html #address {margin-left:120px;} #one {float:left; width:610px; height:30px;} #two {float:left; width:865px; margin-top:0px; margin-left:15px; height:35px;} * html #two {width:820px;} #site-design {float:left;text-transform:uppercase; color:#666; font-size:90%; margin-top:19px;} #site-design a {color:#DEC32B;} #copyright {float:right; background:url('/wp-content/themes/horizon/images/bird-logo.gif') no-repeat left; color:#fff; height:25px; width:130px; margin-right:0px; margin-top:0px; padding:10px 0 0 45px;} /* 5. TWITTER */ #twitter-feed, #social-networks { background:url(images/upcoming-li-one.gif) repeat-y; margin:0px auto; margin-top:10px; display:block; width:234px; border:1px solid white; } #twitter-feed #twitter-logo { background: url(images/horizon-twitter.png) no-repeat top center; height:25px; margin-top:5px; margin-bottom:2px; } ul.twitter { list-style:none; color:#fff; } ul.twitter .twitter-item { padding:10px; border-bottom: 1px solid #fff; font-size:120%; overflow:hidden; } ul.twitter li:hover { color:#F6E854; } #social-networks ul { list-style:none; text-align:center; } #social-networks ul li { float:left; display:block; margin:4px; } #social-networks ul li a { display:block; float:left; width:70px; height:27px; } #social-networks .myspace-logo { background: url(images/myspace-doors.png) no-repeat top left; } #social-networks .myspace-logo:hover { background: url(images/myspace-doors.png) no-repeat top right; } #social-networks .facebook-logo { background: url(images/facebook-doors.png) no-repeat top left; } #social-networks .facebook-logo:hover { background: url(images/facebook-doors.png) no-repeat top right; } #social-networks .twitter-logo { background: url(images/twitter-doors.png) no-repeat top left; } #social-networks .twitter-logo:hover { background: url(images/twitter-doors.png) no-repeat top right; } .clear { clear:both; } .jquery-dialog { font-size:2.5em; } /* TOWER OF SONG */ #tos-ad { width:600px; background:#000; min-height:290px; margin-bottom:25px; } #tos-ad img { border:0; } .tos-ad-col { margin:5px; float:left; } #tos-ad-video { border:1px solid #999; } #tos-ad-video, #tos-ad-video object, #tos-ad-video embed { width:315px !important; height:185px !important; } #tos-ad-text { height:95px; color:#fff; font-size:1.5em; width:265px; line-height:125%; letter-spacing:125%; } .alignleft {float:left; margin:0 15px 15px 0;} .tos-page dl dd { width:auto; } .tos-header { background:url(images/tos-header.jpg) no-repeat top left; } .tos-header .tos-sponsor { float:right; margin-right:10px; margin-top:5px; } .tos-header #tos-header-text { width:215px; height:175px; margin-top:200px; margin-left:630px; position:absolute; color:#fff; font-size:1em; padding:5px; text-align:justify; line-height:140%; }