/* CSS Document */ /* Theme Name:Humble beast Theme URI:http://humblebeast.com/ Description:Humble Beast Version:1.0.2 Author:MediaKamp Author URI:http://mediakamp.com Tags:Humble Beast, mediakamp The CSS, XHTML and design is released under GPL: http://www.opensource.org/licenses/gpl-license.php */ /* Global reset */ *, html, body, div, dl, dt, dd, ul, ol, li, pre, form, label, fieldset, input, p, blockquote, th, td{margin:0; padding:0} .clear{clear:both; display:block; overflow:hidden; visibility:hidden; width:0; height:0; list-style-type: none;} table{border-collapse:collapse; border-spacing:0} fieldset, img{border:0} address, caption, cite, code, dfn, em, strong, th, var{font-style:normal; font-weight:normal} ol{ list-style:none; overflow:hidden} caption, th{text-align:left} /* PNG Hack */ .ie-png { _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src=Õandrewsellick.pngÕ,sizingMethod=ÕscaleÕ); height: 50px; width: 257px; } .ie-hide{ border:0px solid #FFFFFF; _display:none; } #radio {margin-top:0px; width: 180px; height: 30px; position: absolute; right: 0px; top: 0px;} /* Feature Page */ #featureTop{margin:0 auto; width:1000px;} #feature p{float:left; width:250px; height:100px; color:#fff; margin:5px} #featureMiddle{margin-top:10px; width:970px;} .col_left {width: 600px; float: left;margin:0 10px 10px 0;} .featured_news {position: relative; top:0px; left: 0px;z-index: 222;} #box {width: 590px;float: left; margin-right: 10px;background: #444 ;padding: 5px;margin-bottom: 10px;} .news_logo {position: absolute; top:0px; left: 0px; width: 100px; height: 100px; z-index: 999; background: url(images/news.png) no-repeat;} .featured_blog {width: 615px;float: left;} .blog_logo {position: absolute; top:-0px; left: 0px; width: 100px; height: 100px; z-index: 999; background: url(images/blog.png) no-repeat;} #blog_box ul {width: 580px;} #blog_box li {margin: 0px 10px 10px 0; padding: 5px;list-style-type: none; padding-bottom: 15px; width: 285px; height: 220px; background: #444; display: block; float: left} .store_logo {position: absolute; top:-0px; left: 0px; width: 100px; height: 100px; z-index: 999; background: url(images/store.png) no-repeat;} .release_logo {position: absolute; top:-0px; left: 0px; width: 390px; height: 30px; z-index: 999; background: url(images/release_logo.png) no-repeat;} .readmore a {font-weight: 200;text-transform: uppercase; font-size: 18px; letter-spacing: 1px; margin: 10px 0 0 5px;} .readmore a:hover {text-decoration: none;} .featured_media {position: relative; top:0px; left: 0px;z-index: 222;width: 380px;float: left; margin-top:10px;background: #444 ;padding: 5px;} .video_logo {position: absolute; top:-0px; left: 0px; width: 100px; height: 100px; z-index: 999; background: url(images/video.png) no-repeat;} .col_right {width: 380px; float: left;} .featured_store{position: relative; top:0px; left: 0px;z-index: 222;width: 380px;background: #444 ;padding: 5px;} .featured_release {width: 400px;} .albums {float:left; padding-right: 5px; } .enewsletter {width: 380px; height: 90px; background: #444 ;margin:10px 0 10px 0;padding: 5px;} .enewsletter li{list-style-type: none;} .events {position: relative; top:0px; left: 0px;z-index: 222;width: 380px; background: #444 ;padding: 5px;} .events_logo {position: absolute; top:-0px; left: 0px; width: 100px; height: 100px; z-index: 999; background: url(images/events.png) no-repeat;} .events li {list-style-type: none; text-align: right;} .footerHome{margin:0 auto; padding:0; padding-top:10px; background:#000; overflow:hidden; z-index: 100;margin-top: 10px; clear: both;margin-bottom: 30px;} .stepcarousel{position:relative; /*leave this value alone*/overflow:scroll; /*leave this value alone*/width:1000px; /*Width of Carousel Viewer itself*/height:480px; /*Height should enough to fit largest content's height*/background:transparent; margin-top: -24px;border-bottom: 4px solid #444;} .stepcarousel .belt{position:absolute; /*leave this value alone*/left:0; top:0} .stepcarousel .panel{background:#000; float:left; /*leave this value alone*/overflow:hidden; /*clip content that go outside dimensions of holding panel DIV*/margin:0px; width:1000px; /*Width of each panel holding each content. If removed,widths should be individually defined on each content DIV then. */height:480px; position:relative} .stepcarousel .panel .projectDetails{position:absolute; z-index:1; top:20px; left:20px; z-index:9; width:400px; margin:60px 0 0 0; background: url(images/feature_bg.png) repeat; padding: 10px; padding-left: 15px;} .stepcarousel .panel .projectDetails .title{width:330px; margin: 4px 0 0 0; padding-left: 4px;} .stepcarousel .panel .projectDetails p{width:380px; margin:2px 0 0 0; font-size: 1.1em;letter-spacing: 1px; } .stepcarousel .panel .projectImg img{border:none} .stepcarousel .panel .projectDetails .feature_artist_page{padding:70px 0 0 0;} .stepcarousel .panel .projectDetails .feature_artist_album{padding:3px 0 0 0;} /* The below restores some sensible defaults */ red{color:#c30} strong{font-weight:bold} em{font-style:italic} * a{position:relative}/* Gets links displaying over a PNG background */ .date {color: #CCC; font-weight: bold; font-style: italic;} a img{border:none}/* Gets rid of IE's blue borders */ img .alignright{float: right} a img .alignright{float: right} a img .alignleft{float: left} img .alignleft{float: left} /* type elements */ body{font-size:12px; font-family:"Helvetica Neue", Arial, sans-serif; color:#999; background: #000 url(images/header.png) repeat-x top center;} #full-wrap {margin:0 auto;background:#000 ) center top repeat-y; width: 1000px; height: 100%;} /* space elements */ #spacer{width:100%; height:1px; clear:both} .spacer{height:20px; clear:both} /* page elements */ #wrapper{position:relative; margin:0 auto; width:1000px; } #page{margin:0 auto;width:1000px; height:100%; list-style:none} #page h4{margin-bottom:0px;padding:10px; padding-top:10px; padding-left:8px; font-size:1.1em; font-weight:normal; letter-spacing:0em; text-transform:uppercase} #page h4 a{color:#fff} /* header */ #header{margin:0 auto; width:1000px; height:134px; background:url(images/header.png) repeat-x top center; position: relative; top:0; left: 0; z-index: 999;} .top{width:1000px; min-height:160px; float:left; padding:0; z-index:100; overflow:hidden} .launch{position:absolute; top:31px; left:765px; z-index:6; width:231px; height:34px; float:right; background:url(images/launch.png) no-repeat; } /* main */ #main{margin:auto 0px; width:1000px} .main-menu{width:555px; min-height:75px; margin:5px 15px 0 0; float:left} .main-logo{position:absolute; top:15px; left:-10px; z-index:9; width:280px; text-align:right} .main p{ font-size:.90em; line-height:19px; margin-bottom:5px; color:#333} .main-full ul{margin-bottom:19px} .main-full li{padding:3px 20px 3px 20px; list-style-image:url(images/bullet.jpg); list-style-position:inside} /* left */ #left{float:left;background: #fff;width:600px;padding: 20px} #leftcontent{width:615px; min-height:600px; padding:5px; padding-right:25px; margin-left:10px} #left h3 a{background:#00ccff; color:#fff; padding-top:.32em; padding-bottom:.32em; padding-left:20px; padding-right:100px; font-size: .81em; font-weight:normal; text-transform:uppercase} #left p{color:#fff; padding-right:20px; padding-left:20px} #left img{padding-right:2px} /* contact */ #holder{float:left;background: transparent;width:600px;padding: 20px} #Discography {position: relative; top:0px; left: 0px;z-index: 222;width: 380px;background: #444 ;padding: 5px;} /* about page */ #about{margin:0 auto; width:900px; height:100%;background:url(images/page.jpg) top center repeat-y;} .aboutHeader{float:left;width:900px; height:104px; margin-top:20px;background:url(images/about-header.png) no-repeat top center; clear: both;} .aboutContent{float:left; width:858px; margin-top: -3px; margin-left: 21px; background:#fff url(images/about-content.jpg) repeat-y top center; color:#333;min-height:600px;} .aboutContent p{margin-top:10px; padding-left:25px; padding-right:45px; } .aboutLeft{float:left;width:579px; padding: 5px; padding-bottom: 20px; } .aboutSidebarHeader{width:111px; height:100px; margin-bottom: 30px; padding-left: 20px;} .aboutSidebar{float:left; width:240px; height: auto !important;min-height: 100%;} .aboutTitle {background: url(images/team-title.png) no-repeat center left; color: #fff; padding: 5px 0 5px 10px; font-size: 1.2em; text-transform: uppercase;margin:5px 0 0 15px;} .aboutSidebar .textwidget {margin-left: 20px;} /* blog page */ .blogHeader{float:left;width:900px; height:96px; margin-top:20px;background:url(images/blog-header.png) no-repeat top center; clear: both;} .blogLeft{float:left;width:700px;padding-left: 20px; padding: 10px;font-family:"Helvetica Neue", Arial, Helvetica, sans-serif; } .blogContent p{margin-top:10px; padding-left:5px; padding-right:25px; line-height: 1.3em; } .blogContent{float:left; width:1000px; background:#fff; color:#333;min-height:600px; margin-top: -24px;} .blogContent li {text-indent: 10px;margin-left: 20px;} img.blogLeft {border: 0px; margin-bottom: 10px; float:left; } .blogLeft .post{margin-bottom: 20px;border-bottom: 1px solid #333; } .blogLeft .post-comments {margin-top: 10px;} .blogLeft .post-headline {border-bottom: 2px solid #333;} .blogLeft h6 a{color: #333; font-size: 17px; margin-bottom: -5px;} .blogLeft h6 a:hover {} .blogLeft small {margin-top: -15px;margin-bottom: 2px;} .blogSidebar{float:left; width:240px; height: auto !important;min-height: 100%;padding-left: 15px;} .blogSidebar p{color: #999;} h2.widgettitle {padding: 10px 0 2px 0px; color: #999; font-size: 1.1em;text-transform: uppercase; } #tag_cloud-3 a {color: #666;} #tag_cloud-3 a:hover {color: #999999; text-decoration: none;} /* events page */ .eventsHeader{float:left;width:900px; height:104px; margin-top:20px;background:url(images/events-header.png) no-repeat top center; clear: both;} .eventsLeft{float:left;width:569px; padding: 10px;font-family:"Helvetica Neue", Arial, Helvetica, sans-serif; } .testHeader{float:left;width:900px; height:104px; margin-top:20px;background:url(images/testimonies-header.png) no-repeat top center; clear: both;} .fastHeader{float:left;width:900px; height:96px; margin-top:20px;background:url(images/fastfriday-header.png) no-repeat top center; clear: both;} .contactHeader{float:left;width:900px; height:96px; margin-top:20px;background:url(images/contact-header.png) no-repeat top center; clear: both;} .contactContent{float:left; width:858px; margin-top: 0px; margin-left: 21px; background:#fff url(images/about-content.jpg) repeat-y top center; color:#333;min-height:600px;} /* navigation */ #miniflex{float:right;width:450px; font-size:1.1em; /* could be specified at a higher level */margin:84px 0 0 0; padding:0 5px 0 5px; color:#666} /* search */ .search{width:860px; height:80px; display:none} .search-input{width:840px; height:30px; font-size:25px; padding:5px; text-transform:capitalize; border:5px solid #9BDCDA; color:#202020; background-color:#fff} .search-input:hover{background-color:#fff; border:5px solid #9BDCDA; color:#202020} .search-small{width:560px; height:80px} .search-small-input{width:500px; height:30px; font-size:25px; padding:5px; text-transform:capitalize; border:5px solid #9BDCDA; color:#202020; background-color:#fff} .search-small-input:hover{background-color:#fff; border:5px solid #9BDCDA; color:#202020} .shopHeader {width: 960px; height: 300px; background: url(images/shop-header.png) no-repeat; margin-top: -23px;margin-bottom: 20px;} .shopp-sidebar { width: 160px; float: right; margin: 0px 0px 0px 14px; padding: 10px; padding-right: 0px; background-color: #222; min-height: 200px; } .shopp-left {width:700px; float: left;} .shopp-sidebar li{ margin-bottom: 10px; border-bottom: 1px solid #111; padding-bottom: 5px; line-height: 1.5em; list-style-type: none; } .shopp-sidebar a{ font-size: 9pt; color: #CCC;} .shopp-sidebar a:hover {color: #00ccff;} .shopp-sidebar h2{ font-family: "Helvetica", Arial, sans-serif; color: #00ccff; font-size: 10pt; font-weight: bold; text-transform: none; margin: 0px 10px 10px 0px; padding: 0px; padding-left: 0px; padding-bottom: 10px; border-bottom: 1px solid #000; } /* Entries - Post Meta Date */ #box .date { width:100px; height:60px; font-weight:bold; position:absolute; right:0; top:0; color: #00ccff; } #box .date .date_holder {margin:17px 9px 0 0;} #box .date span.day {display: block; float: right; line-height: 28px; font-size: 38px; letter-spacing:-2px;} #box .date span.month {width: 40px; display: block; float: right; font-size: 16px; line-height: 14px; padding-left: 2px; text-align: center; text-transform: uppercase; } #box .date span.year {font-size:16px; width: 40px; display: block; } /* Entries - Post Meta Date */ #blog_box .date { width:100px; height:60px; font-weight:bold; position:absolute; right:0; top:0; color: #00ccff; } #blog_box .date .date_holder {margin:17px 9px 0 0;} #blog_box .date span.day {display: block; float: right; line-height: 28px; font-size: 38px; letter-spacing:-2px;} #blog_box .date span.month {width: 40px; display: block; float: right; font-size: 16px; line-height: 14px; padding-left: 2px; text-align: center; text-transform: uppercase; } #blog_box .date span.year {font-size:16px; width: 40px; display: block; } /* video page */ .video{margin: 0 auto;width: 859px; height: 100%; margin-top: 10px;background: #fff;} .videocontent {float: left; width: 859px; background: #fff;min-height:600px;} .videothumb {background:url(http://mediakamp.com/comeandlive/wordpress/wp-content/themes/CAL/images/bandgrid.png) repeat; width:224px; height:116px; padding:8px; margin: 0 10px 0 10px} .videothumb:hover {background:url(http://mediakamp.com/comeandlive/wordpress/wp-content/themes/CAL/images/bandgridover.png) repeat; width:224px; height:116px; padding:8px} .video h2 {font-size: 24px;font-style: normal;font-weight: bold;letter-spacing: normal;line-height: 1.5em;color: #00ccff; border-bottom: 1px solid #00ccff} .videoFeature {float:left;margin-left:30px;width: 800px; background: #fff;} .videoFooter{float: left; background: url(images/media-footer.png) no-repeat top center;color: #fff; width: 800px; height: 98px;} .videoFeatureTitle {padding: 38px 0 0 20px; font-size: 1.8em; } .videoMainBox h3 {height:20px;padding:10px; padding-left: 20px; font-size: 1.20em; color: #fff; background:url(images/shop-title.jpg) left top no-repeat; margin:0 0 5px 8px; } .videoMainBox {margin: 0 auto; width: 800px; background: #fff;clear: both;margin-left: -8px;} .videoBox {float: left;width: 390px;height: 270px;margin-top: 0pt;margin-bottom: 0pt;margin-left: 10px;} .videoMainBoxTitle {text-transform: uppercase;} .videoFlickr {margin-bottom: 10px;margin-left: 8px; } .videoFlickr img {margin: 1px; border: 1px solid #fff;} .videoFlickr img:hover {border: 1px solid #00ccff;} /* search results page */ .post-info-main{color:#ccc; margin-top:-25px;} .post-info-main-small{color:#ccc; margin-top:-12px} .alignleft{float:left; font-size:12px; margin:10px 0 10px 0;} .alignleft a{color:#999; font-weight:bold} #haslayout{display:block}/* put it back to what it should be in separate rule */ /* sidebar */ #sidebar{width:200px; padding:0px; float:right; margin-right:55px; margin-top:20px; text-align:left; margin-bottom:30px; list-style:none} #sidebar img{float:left; margin-top:5px} /* default sidebar one col items */ .popular ul li, .linkcat ul li, .widget_links ul li, .widget_recent_entries ul li, .widget_rss ul li, .widget_recent_comments ul li, .widget_delicious ul li{padding:0 0 5px 0; color:#999; font-size:90%; line-height:1em; list-style-type: none;} .popular ul li a, .linkcat ul li a, .widget_links ul li a, .widget_recent_entries ul li a, .widget_rss ul li a, .widget_delicious ul li a{font-weight:bold; color:#666; font-size:12px; line-height:1.3em} .widget_recent_comments ul li a{font-weight:bold; color:#666; font-style:italic; font-size:12px; line-height:1.3em} /* default sidebar two col items */ /*.pagenav ul li, .categories ul li, */ .archives ul li, .admin ul li, .widget_pages ul li, .widget_archive ul li, .widget_meta ul li, .widget_categories ul li{padding:3px 0 3px 0; width:125px; color:#666; padding-left:20px; float:left; text-align:right; list-style-type: none} /*.pagenav ul li a, .categories ul li a, */ .archives ul li a, .admin ul li a, .widget_pages ul li a, .widget_archive ul li a, .widget_meta ul li a, .widget_categories ul li a{font-weight:bold; color:#666; float:left; text-align:left} #sidebar ul li ul, #sidebar ul li #calendar_wrap, #sidebar ul li form, #sidebar #cat, .textwidget, #sidebar .widget_tag_cloud{margin-bottom:10px} /* Widget Sidebar */ .widget-footer{margin-bottom:0px} .widgettitle img{margin-right:5px} .textwidget{padding-top:20px;} .widget_tag_cloud {} a.tag-link {color:#666;} a.tag-link:hover {color: #00ccff;} /* Widget Calendar */ #wp-calendar{width:240px; font-size:14px} #wp-calendar caption{} #wp-calendar th, #wp-calendar td{width:38px; height:38px; text-align:center} #wp-calendar th{border-bottom:1px solid #aaa} #wp-calendar td a{font-weight:bold; color:#fff; text-decoration:underline} /* Widget tag cloud */ #tag_cloud{text-align:justify} #tag_cloud h2{padding-bottom:10px} /* Widget rss feed */ .rss-date{float:left; width:240px} .rssSummary{float:left; font-size:95%; padding-top:10px} .widget cite{float:left; font-size:95%; padding-top:5px} /* Widget search */ #sidebar #searchform{background-color:#6C6C6C; padding:3px 3px 3px 4px} #sidebar #searchform #s{width:192px; background:#fff; border:1px solid #fff; color:#221E1F; padding:3px; font-size:12px} #sidebar #searchform #searchsubmit{width:58px; background:#6C6C6C; border:1px solid #6C6C6C; color:#fff; padding:3px; font-size:12px} /* Widget categories in drop down format */ #sidebar #cat{width:234px; background-color:#6C6C6C; border:1px solid #6C6C6C; color:#fff; padding:3px; font-size:12px; height:25px; margin-top:10px} #sidebar #cat:active{outline:none} #sidebar #cat option{padding:3px; background-color:#6C6C6C; border:1px solid #6C6C6C; width:100%; color:#fff} .textwidget{line-height:1.5em; color:#ccc} /* footer */ .footer{margin:0 auto; width:100%; padding:0; padding-top:10px; background:#000; z-index:100; overflow:hidden; clear:left} .footerTopGrey{background:url(images/footer-grey.png) center top no-repeat; margin: 0px auto; width:960px; height:47px; margin-top:-10px; clear: both} .footerTopWhite{background:url(images/footer-white.png) center top no-repeat; margin: 0px auto; width:960px; height:47px; margin-top:-10px; clear: both} .footerBottom{margin:0 auto; width:100%; height: 100%; padding:0; padding-top:10px; background:#000; overflow:hidden; } .footerContent{margin: 0 auto; width: 1000px;min-height: 100%;border-top: 4px solid #444;} .footer p{font-size:.9em} .footright{text-align:right; color:#FFF; width:400px; float:right; margin-top:20px;} .footleft{color:#FFF; width:500px; height:60px; margin-top:20px; float:left; text-align:left} .footleft a, footleft a:hover{width:300px; color:#00ccff} .footright, footright a, footright a:hover{float:right; width:400px; color:#FFF} /* comments & forms */ #respond h3{padding-left:20px} #comment{width:500px} .comments-header{width:500px; height:70px; margin:0 auto; margin-top:15px; z-index:99} .comments-slider, .comments-slider-home, .comments-slider2, .comments-nonslider{width:500px; margin:0 auto; padding:10px 25px 50px 25px; margin-top:0px; color:#3C3C3C; z-index:99} .comments-slider, .comments-slider-home, .comments-nonslider{display:block} .comments-slider a, .comments-slider-home a, .comments-slider2 a, .comments-nonslider a{color:#aaa} .comments-slider a:hover, .comments-slider-home a:hover .comments-slider2 a:hover, .comments-nonslider a:hover{color:#888; text-decoration:underline} .comments{margin-top:-26px; padding:15px 25px 25px 25px} .comments-list{overflow:hidden} .comment{overflow:hidden; padding:25px 0 6px 0; border-bottom:1px solid #ccc} .comment-info{float:left; width:150px; margin-right:30px} .comment-date{margin-bottom:5px; line-height:normal; text-align:right; color:#aaa} .comment-time{text-align:right; color:#aaa} .comment-content{float:right; width:580px} .author{margin-bottom:5px} .author a{color:#3C3C3C; text-decoration:underline} .author-mod{margin-bottom:5px; font-weight:bold} .form{padding:15px 25px 25px 25px} .form-section{padding:25px 0 0 0; clear:both; overflow:hidden; color:#aaa} .form-labels{float:left; width:150px; margin-right:30px; text-align:right; padding-top:4px} .form-box{float:right; width:580px} .form-login{border:0px solid #3c3c3c; padding:5px 0; font-family:Helvetica,Arial,sans-serif; color:#3C3C3C; font-size:12px; margin-right:20px} .form-login a{color:#3C3C3C; font-weight:bold} .form-name, .form-site, .form-email, .form-textbox{border:0px solid #3c3c3c; padding:5px; background-color:#3C3C3C; font-family:Helvetica,Arial,sans-serif; color:#fff; font-size:12px; margin-right:20px} .form-name, .form-site, .form-email{width:350px} .form-textbox{width:480px; height:200px; overflow:auto} .form-submit{background-color:#CCC; border:0; padding:5px; font-family:Helvetica,Arial,sans-serif; color:#3C3C3C; font-size:12px} .category li{padding:0; float:left; text-align:center; } .nav{height:50px; width:860px} #author_comment{font-weight:bold; background-color:#fafafa} /* archive template */ .archives-template li{padding:15px 0px; border-bottom:1px solid #AAA; font-size:25px} .navigation{padding-bottom:10px; color:#666} .navigation-left{font-size:80%; float:left; width:430px; text-align:left} .navigation-right{font-size:80%; float:right; width:430px; text-align:right} #gallery-1{border:none} #gallery-1 img{border:none; margin:0px} .splash-top{width:870px; margin-left:10px; float:left; padding:0; background:#000; z-index:100; overflow:hidden} #splash-main{width:935px; float:left; margin-left:-17px; margin-right:auto; margin-bottom:auto; background-color:#000; z-index:1} div.socialable_tagline {color: #00ccff} a.spoiler-tgl { padding-top: 0px; padding-right: 0px; padding-bottom: 2px; padding-left: 30px; background-repeat: no-repeat; float: left; margin-right: 0pt; margin-bottom: 0pt; margin-top: -30px; margin-left: 408px; text-decoration: none; cursor: pointer; } a.spoiler-tgl:hover{} a.spoiler-tgl.collapsed { text-decoration: none; } div.spoiler-body p, div.spoiler-body div {padding-top: 10px;padding-right: 20px;padding-bottom: 5px;padding-left: 30px;margin-top: 1px;margin-right: 1px;margin-bottom: 1px;margin-left: 1px;clear: left} a:hover.spoiler-tgl { } a.spoiler-tgl.collapsed { text-decoration: none; } /* @end toggle-link */ /* @group widget & template */ .effcollapse { padding-left: 16px !important; background-position: 0 2px; background-repeat: no-repeat; cursor: pointer; text-decoration: none; margin-bottom: 20px; float: left; } .effcollapse.collapsed { } /* @end widget & template */ /* @group DO NOT EDIT */ .spoiler_outer_box {/* wrapper for blind effect */ overflow: hidden !important; margin: 0 !important; padding: 0 !important; } /*IE workaround*/ /*All IE browsers*/ * html #navlist li { background-image: url("images/gt.gif"); background-repeat: no-repeat; background-position: 0 50%; padding: 0 0.5em 0 1em; margin: 0 1em 0 -1em; } /*Win IE browsers - hide from Mac IE\*/ * html #navlist { height: 1%; } * html #navlist li { display: block; float: left; } h2.trigger { padding: 0 0 0 5px; margin: 0 0 5px 0; height: 100px; line-height: 46px; width: 500px; font-size: 2em; font-weight: normal; float: left; } .toggle_container { margin: 0; padding: 0; margin-left: -10px; overflow: hidden; font-size: 1.2em; width: 600px; clear: both; } .toggle_container .block { margin-bottom: 10px; } green { color:#00ccff; } /*End hide*/ /*Mac IE 5*/ * html #navlist li:first-child { background-image: none; } /* message display page */ .message_list { list-style: none; margin: 0; padding: 0; width: 383px; } .message_list li { padding: 0; margin: 0; background: url(images/message-bar.gif) no-repeat; } .message_head { padding: 5px 10px; cursor: pointer; position: relative; } .message_head .timestamp { color: #666666; font-size: 95%; position: absolute; right: 10px; top: 5px; } .message_head cite { font-size: 100%; font-weight: bold; font-style: normal; } .message_body { padding: 5px 10px 15px; } .collapse_buttons { text-align: right; border-top: solid 1px #e4e4e4; padding: 5px 0; width: 383px; } .collapse_buttons a { margin-left: 15px; float: right; } .show_all_message { background: url(images/tall-down-arrow.gif) no-repeat right center; padding-right: 12px; } .show_recent_only { display: none; background: url(images/tall-up-arrow.gif) no-repeat right center; padding-right: 12px; } .collpase_all_message { background: url(images/collapse-all.gif) no-repeat right center; padding-right: 12px; color: #666666; } #footercolumns {padding:.52em 0 0 0; margin-bottom: 30px; width: 1000px} #footercolumns .block_one{float: left; width:300px;margin-right: 40px; list-style-type: none;} #footercolumns .block_two{float: left; width:300px;margin-right: 20px; list-style-type: none; border: none;} #footercolumns .block_three{float: right; width:300px;margin-right: 2px; list-style-type: none; text-align: right;} #footercolumns .block_one li, .block_three li{margin: 0px;list-style-type: none;padding: 0;} .block_two li{ border-bottom: 1px solid #333; margin: 0px; list-style-type: none; padding: 0; padding-bottom: 4px; padding-top: 4px;} ul#recentcomments li{padding: 0 0px 5px 0px;} enewslabel { float:left; font-family:Arial, Helvetica, sans-serif; float: left; font-weight: normal; color:#00ccff; font-size:18px; } enewsinput { float:left; font-size:14px; font-family:Arial, Helvetica, sans-serif; width: 360px;padding:10px;border:none; background: #333; color: #999 } textarea { font-family:Arial, Helvetica, sans-serif; font-size:12px; width: 300px; height: 80px; color:#333; } #submitbutton { float:left; font-family:Arial, Helvetica, sans-serif;width: 380px; cursor:pointer; color:#00ccff; font-weight:normal; text-align: right; background:transparent;font-size: 18px; padding: 0px; margin: 5px 5px 0;} #submitbutton:hover {cursor:pointer; color:#666;} form { width:310px; } .bandlandwrap {width: 1000px;} .bandland {list-style-type: none;width: 480px; margin: 10px; float: left;} a.artistEmail {float: left; margin-right: 2px; } #dropmenu, #dropmenu ul {margin:0; padding:0; list-style-type:none; list-style-position:outside; position:relative; line-height:1.5em; z-index:300; width:100%; background:transparent; font-weight:normal;} #dropmenu a {display:block; padding:0.25em 1em; color:#666; text-decoration:none; background:transparent;} #dropmenu a:hover { color:#00ccff;} #dropmenu li {float:left; position:relative;} #dropmenu ul {position:absolute; display:none; width:12em; top:2em; left:-1px;} #dropmenu ul a { background:url(images/launch.png) repeat; } #dropmenu li ul {width:14.1em;} #dropmenu li ul a {width:12em; height:auto; float:left;} #dropmenu ul ul {top:auto;} #dropmenu li ul ul {left:12em; margin:0px 0 0 10px;} #dropmenu li:hover ul ul, #dropmenu li:hover ul ul ul, #dropmenu li:hover ul ul ul ul {display:none;} #dropmenu li:hover ul, #dropmenu li li:hover ul, #dropmenu li li li:hover ul, #dropmenu li li li li:hover ul {display:block;} .addtocart {background: #222; color: #999; padding: 5px; width: 120px;outline: none; border: none; cursor: pointer;text-transform: uppercase;} .addtocart:hover {background: #00ccff; color: #fff;} div .flickr_item flickr_item_view_squares {float: left;} div .flickrpress-itemss {float: left;}