/**************************************** Site phenomeHal2.0 - Yin Author Bliss TOC 1. Core Styles 2. Header Styles 3. Nav Styles 4. Content Styles 5. Footer Styles Colors Base Text #000 Red #9f0101 Gray # Body BG #fff Content BG #fff /***************************************/ /* 1. Core Styles */ * { margin: 0; padding: 0; font-size: 12px; font-family: Verdana, sans-serif; outline: none; } body { background: #fafafa url(../images/yin/hal.png) bottom center no-repeat fixed; } p { font-size: 1em; line-height: 1.5em; margin: 0 0 1.5em 0; } h1 { font-size: 2em; line-height: 1.5em; margin-top: 0.75em; margin-bottom: 0em; } h2 { font-size: 1.8333em; line-height: 1.6364em; margin-top: 0.8182em; margin-bottom: 0em; } h2 a { font-size: 1em; } h2 a:hover { color: #000; } h3 { font-size: 1.6667em; line-height: 1.8em; margin-top: 0.9em; margin-bottom: 0em; } h4 { font-size: 1.5em; line-height: 1em; margin-top: 1em; margin-bottom: 0em; } h5 { font-size: 1.3333em; line-height: 1.125em; margin-top: 1.125em; margin-bottom: 0em; } h6 { font-size: 1.1667em; line-height: 1.2857em; margin-top: 0; margin-bottom: 0em; } img { border: none; } a:link, a:visited { color: #9f0101; text-decoration: none; } a:hover { } #wrapper { position: relative; width: 1000px; margin: 0 auto; } #header-wrap { } #slider-wrap { width: 700px; background: #fff; padding: 5px; margin: 20px 0 10px 0; } #content-wrap { overflow: auto; zoom: 1; } #footer-wrap { } .yang { display: none; } /* 2. Header Styles */ #header { position: relative; } #zeroquote { display: none; } #twitquote { position: absolute; top: 40px; padding-left: 10px; } #twitquote p { } #header h1 { margin: 0; text-indent: -9999em; background: url(../images/yin/banner.png) bottom left no-repeat; height: 131px; width: 862px; } /* 3. Nav Styles */ #uppernav { position: absolute; top: 0; width: 100%; background: #fff; } ul#top-nav { list-style: none; height: 28px; padding: 0; margin: 0; font-weight: bold; } ul#top-nav li { float: left; position: relative; margin: 0; padding: 0; color: #000; } ul#top-nav li.hovered { background: #fafafa; } ul#top-nav li a { font-size: 1.3em; display: block; float: left; padding: 5px 10px; text-decoration: none; color: #000; } ul#top-nav li a:hover { background: #fafafa; } ul#top-nav li ul { display: none; position: absolute; top: 28px; width: 200px; background: #fafafa; height: auto; text-transform: none; z-index: 9999; } ul#top-nav li ul li { display: block; width: 160px; height: auto; line-height: 1.5em; white-space: nowrap; } ul#top-nav li ul li.hovered { background: none; } ul#top-nav li ul li a { display: block; float: none; border: none; font-size: 1.2em; font-weight: normal; height: auto; padding: 1px 10px; } ul#top-nav li ul li a:hover { background: #fff; width: 180px; } /*#uppernav ul { list-style: none; overflow: auto; zoom: 1; } #uppernav ul li { float: left; text-align: center; } #uppernav ul li a { float: left; color: #fff; font-size: 18px; padding: 5px 13px; text-transform: uppercase; } #uppernav ul li a:hover { background: #9f0101; }*/ #slider { position: relative; height: 230px; overflow: auto; zoom: 1; } #slider ul, #slider li { margin:0; padding:0; list-style:none; overflow: auto; zoom: 1; } #slider li { width: 700px; height:230px; overflow:hidden; } #slider li p a:hover { color: #fff; } /* numeric controls */ ol#controls { margin: 0; padding: 0; background: #fafafa; } ol#controls li { margin:0 5px 7px 0; padding:0; list-style:none; display: inline; } ol#controls li a { display: inline-block; border:1px solid #ccc; background:#000; color:#555; width: 10px; height: 10px; text-decoration:none; text-indent: -9999px; } ol#controls li.current a { background:#9f0101; color:#fff; } ol#controls li a:focus, #prevBtn a:focus, #nextBtn a:focus {outline:none;} /* panel layouts */ #slider li { } #slider li h5 { background: #fafafa; padding: 5px; margin: 0 0 0.5em; } #slider li img.left { float: left; padding: 2px; border: 1px solid #000; margin-right: 15px; } #slider li img.right { float: right; padding: 2px; border: 1px solid #000; margin-left: 15px; } #slider li p { margin-bottom: 0.5em; } /* 4. Content Styles */ #content { } #promos { float: left; width: 180px; } #twitter, #registration { background: #fff; padding: 5px; margin-bottom: 10px; } #twitter h4, #registration h4 { background: #fafafa; padding: 5px; margin-top: 0; } #twitter img { float: left; } #twitter h6 { } #twitter h6 a { font-size: 1em; } #twitter ul, #registration h4 { list-style: none; text-align: left; } #twitter ul li { padding: 5px 0; overflow: hidden; } #twitter span.twitter-timestamp { display: block; } #twitter span.twitter-timestamp a { font-size: 10px; color: #666; text-decoration: underline; } #posts { margin: 0 0 0 200px; width: 515px; } #posts .post { background: #fff; padding: 5px; width: 500px; margin-bottom: 15px; } #posts h2 { font-size: 1.5em; line-height: 1em; margin-bottom: 0.5em; background: #fafafa; padding: 5px; margin-top: 0; -webkit-transition: all 0.2s ease-in; -moz-transition: all 0.2s ease-in; } #posts h2:hover { padding-left: 10px; } #posts p { margin-bottom: 4px; } #posts .postinfo { font-size: 0.9em; margin: 0; padding-top: 4px; border-top: 1px solid #efefef; } #posts .postinfo a { font-size: 1em; } #posts .post { } .prevnext { overflow: hidden; zoom: 1; } .prevnext span { float: right; } .commentlist { list-style: none; } .commentlist li { padding: 1em 0; border-bottom: 1px solid #efefef; overflow: auto; zoom: 1; } .commentlist li img { float: left; margin: 0 7px 7px 0; display: none; } .commentlist cite { font-style: normal; font-weight: bold; } .commentlist p { margin-top: 7px; } .commentmetadata { font-size: 0.75em; } .commentmetadata a { font-size: 1em; } textarea#comment { width: 400px; height: 200px; } #banners { overflow: auto; zoom: 1; } #banners img { float: none; display: inline; margin: 5px; padding: 5px; border: 1px solid #000; } /* 5. Footer Styles */ #footer { padding: 5px; margin-top: 15px; background: #fff; } #footer p { margin: 0; } #footer p span { float: right; } /* 6. Specific Page Styles */ /*bio page*/ #post-2 img { float: right; padding: 2px; border: 1px solid #000; margin: 0 0 10px 10px; } /*contact page*/ #post-41 ul { margin-top: 20px; list-style: none; } #post-41 ul li { margin-bottom: 7px; overflow: auto; zoom: 1; } #post-41 ul li input { width: 200px; margin-right: 7px; border: 1px solid #000; } #post-41 ul li textarea { width: 400px; height: 200px; margin-right: 7px; border: 1px solid #000; } /*standup page*/ /*faq page*/ p.question { padding-top: 20px; font-weight: bold; font-size: 1.1em; } ul.faq { margin: 0 20px; } ul.faq li { margin-bottom: 7px; } /*photo galleries*/ .gallery { overflow: auto; zoom: 1; } .gallery img.bannah { float: left; margin: 10px 5px 10px 0; padding: 2px; border: 1px solid #000; } .gallery ul { list-style: none; margin: 10px 10px 10px 165px; } .gallery li { float: left; padding: 0 4px 4px; } .gallery ul li a img { height: 50px; width: 50px; } /*table styles for gig calendar*/ table.gigs { width: 90%; margin-bottom: 20px; border-collapse: collapse; } table.gigs td { text-align: left; padding: 3px 5px 10px; } table.gigs tr.odd { } table.gigs td.date { padding-right: 5px; } .gigs-rss, .attribution { text-align: center; font-size: 10px; } /*comments*/ ol.commentlist li { background: #fff; padding: 5px; width: 500px; margin-bottom: 15px; } /*charities*/ .charity img { float: left; margin: 0 10px 0 0; }