/* Theme Name: Hessen Bands Theme Theme URI: http://buddypress.org Description: The bands theme for BuddyPress. This theme handles all non-blog pages. Version: 1.0.3 Author: developer Author URI: http://wordpress.com */ @import url(css/loader.php); /*************** HESSEN ***************/ /* Reset Browser Defaul Styles */ html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; background: transparent;} body {line-height: 1;} ol, ul {list-style: none;} blockquote, q { quotes: none;} blockquote:before, blockquote:after, q:before, q:after {content: ''; content: none;} :focus {outline: 0;} ins {text-decoration: none;} del {text-decoration: line-through;} table {border-collapse: collapse;border-spacing: 0;} a { text-decoration: none; color: #343434; } a:hover {color:#cc0000} a:hover span {cursor:pointer} /* body styles */ body { margin: 0px; padding: 0px; font-family:Arial, Helvetica, sans-serif; } #wp-admin-bar {display:none} .clear {clear:both} .space10 {clear:both; height:10px; overflow:hidden} .space20 {clear:both; height:20px; overflow:hidden} .space26 {clear:both; height:26px; overflow:hidden} .banner728 {height:90px; overflow:hidden; float:right; margin:21px 0px 19px;} .banner160 {height:600px; float:right;} .body { width: 1010px; margin: 0px; padding: 0px; background:#ffffff url(img/body-header.jpg) center top no-repeat; font-size: 12px; } /* header styles */ #header {width:auto; margin:0px 0px 10px 0px; background:url(img/header-background2.jpg) top left no-repeat; } #header h1 {display:block; width:287px; height:72px; overflow:hidden; padding-top:58px; position: absolute} #header h1 a {display:block; height:72px; width:287px; overflow:hidden; text-indent:-999px;} /* main-menu styles */ #main-menu {width:880px; margin-left:140px; height:40px;} #main-menu li {float:left; margin-right:3px; position:relative; z-index:6} #main-menu li a, #main-menu li a.active {display:block; color:#ffffff; font:bold 12px/40px Arial, Helvetica, sans-serif; background:#333333 url(img/main-menu-items.gif) 0px 0px no-repeat; padding:0px 13px; text-transform:uppercase; position:relative; height:40px;} #main-menu li a:hover {background:#cc0000 url(img/main-menu-items.gif) 0px -40px no-repeat; text-decoration:none;} #main-menu li a.active {background:#cccccc url(img/main-menu-items.gif) 0px -80px no-repeat; color:#000000} #main-menu li a span {position:absolute; display:block; width:13px; height:40px; overflow:hidden; background:#333333 url(img/main-menu-items.gif) 0px -200px no-repeat; top:0px; right:0px; cursor:pointer;} #main-menu li a:hover span {position:absolute; display:block; width:13px; height:40px; overflow:hidden; background:#cc0000 url(img/main-menu-items.gif) 0px -160px no-repeat; top:0px; right:0px;} #main-menu li a.active span {position:absolute; display:block; width:13px; height:40px; overflow:hidden; background:#cccccc url(img/main-menu-items.gif) 0px -120px no-repeat; top:0px; right:0px;} #main-menu li ul {display:none; height:auto; width:220px; position: absolute; top:33px; padding:7px 0px; left:0px; z-index:4; background:#333333; -moz-border-radius:7px; -moz-border-radius-topleft:0px; border-radius:7px; border-top-left-radius:0px; -webkit-border-radius:7px; -webkit-border-top-left-radius:0px;} #main-menu li:hover ul {display:block;} #main-menu li ul li {display:block; float:none; margin:0px; white-space:nowrap} #main-menu li ul li a {font:bold 12px/20px Arial, Helvetica, sans-serif; height:20px; background:none;} #main-menu li a.active2 {background:#cc0000 url(img/main-menu-items.gif) 0px -40px no-repeat; text-decoration:none;} #main-menu li a.active2:hover {display:block; color:#ffffff; font:bold 12px/40px Arial, Helvetica, sans-serif; background:#333333 url(img/main-menu-items.gif) 0px 0px no-repeat; padding:0px 13px; text-transform:uppercase; position:relative; height:40px;} #main-menu li a.active2 span {position:absolute; display:block; width:13px; height:40px; overflow:hidden; background:#cc0000 url(img/main-menu-items.gif) 0px -160px no-repeat; top:0px; right:0px;} #main-menu li a.active2:hover span{position:absolute; display:block; width:13px; height:40px; overflow:hidden; background:#333333 url(img/main-menu-items.gif) 0px -200px no-repeat; top:0px; right:0px; cursor:pointer;} /* content styles */ .content {width:auto; clear:both; overflow:hidden; padding:0px 0px 20px 0px; margin:0px auto;} .content h1 {font-size:18px; color:#999999; margin-bottom:10px; text-transform:uppercase} .content h1.dark {color:#333333} .content h2 {font:bold 18px/28px Arial, Helvetica, sans-serif; color:#333333} .content h2 a {color:#333333;} .content h2 a:hover {text-decoration:none; color:#cc0000} .content .article-date {font:11px/20px Times, serif; color:#999999; text-transform:uppercase; letter-spacing:2px; margin:0px 0px 10px;} .content .article-meta {margin:5px 0px 0px; font:bold 12px/39px Arial, Helvetica, sans-serif; color:#333333;} .content .article-meta a.read-more {color:#333333} .content .article-meta a.read-more:hover {color:#cc0000; text-decoration:none} .content .article-meta a.comment-number {padding:7px 10px 12px 10px; background:#333333 url(img/comment-number-arrow.gif) left bottom no-repeat; color:#ffffff; margin:0px 10px 0px 0px;} .content .article-meta a.comment-number:hover {text-decoration:none; background-color:#cc0000} .content p {color:#666666; font:12px/18px Arial, Helvetica, sans-serif; text-align:justify;} /* #main {width:825px; float:left; margin-right:14px; position:relative;} */ .content-head {background:url(img/content-head.jpg) 589px 320px no-repeat; width:825px; position:relative} #mask {width:825px; background:url(img/content-head-mask.png) left top no-repeat; height:321px; position:absolute; top:0px; left:0px; z-index:2} #mask ul {width:511px; height:76px; position:absolute; top:220px; left:31px;} #mask ul li {height:100px; display:none; width:530px; background:none !important} #mask ul li h3 {font:bold 24px/36px Arial, Helvetica, sans-serif; color:#ffffff; padding-right:19px;} #mask ul li h3 a {color:#ffffff} #mask ul li h3 a:hover {text-decoration:none} #mask ul li p { font:12px/20px Arial, Helvetica, sans-serif; color:#cccccc; padding-right:19px} #image-slideshow {height:320px; width:825px; overflow:hidden; position:relative; z-index:1;} #head-next, #head-prev {width:30px; height:40px; overflow:hidden; position:absolute; top:1px; cursor:pointer; z-index:3;} #head-prev {left:359px} #head-next {left:391px;} #bands-prev, #bands-next {width:23px; height:40px; overflow:hidden; background:url(img/slideshow-arrows.png) 0px 0px no-repeat; position:absolute; top:34px; cursor:pointer; z-index:3;} #bands-next {background:url(img/slideshow-arrows.png) -23px 0px no-repeat; right:49px;} #binding {display:block; width:215px; height:319px; position:absolute; bottom:50px; right:13px; z-index:3;} a#binding:hover {text-decoration:none} .content-head #breadcrumbs {float:none; width:100%} #breadcrumbs {height:50px; font:12px/35px Arial, Helvetica, sans-serif; color:#999999; float:left; width:500px; margin-right:20px;margin-left:10px} #breadcrumbs a { color:#333333;} #breadcrumbs a:hover {text-decoration:none; color:#cc0000} .breadcrumbs {height:25px; font:12px/35px Arial, Helvetica, sans-serif; color:#999999; width:500px; margin-right:20px;margin-left:10px} .breadcrumbs a { color:#333333;} .breadcrumbs a:hover {text-decoration:none; color:#cc0000} .content-wrap {width:500px; float:left; margin-right:20px; overflow:hidden; position:relative; top:-10px; font-size:12px;} #bands-slide {height:200px; overflow:hidden; width:500px; position:relative} #bands-slide-items {position:relative; width:510px; left:0px;} #bands-slide a.item {display:block; float:left; height:198px; width:158px; margin-right:10px; position:relative; border:1px solid #333333; overflow:hidden} #bands-slide a.item:hover {text-decoration:none} .content a.item span {position:absolute; display:block; bottom:0px; right:0px;} .content a.item span.band-mask {width:160px; height:200px; background:url(img/pixel.png);} .content a.item span.band-name { text-align:right; height:30px; padding-top:110px; width:143px; padding-right:17px; font:bold 11px/30px Arial, Helvetica, sans-serif; text-transform:uppercase; color:#ffffff; overflow:hidden; display:none;} #bands-prev {top:60px; left:0px;} #bands-next {top:60px; right:0px} .content .col-left, .content .col-right {width:240px; float:left} .content .col-left {margin-right:20px;} .content .col-left h1, .content .col-right h1 {margin:0px 0px 0px;} .content #featured-member {padding:10px 0px 0px; border:1px solid #cccccc; border-left:0; border-right:0;} #featured-member .left {float:left; margin-right:20px; width:140px;} #featured-member .right {float:left; width:340px} #featured-member h2 {line-height:normal} #featured-member a.avatar {margin-bottom:5px; display:block; width:140px; height:130px; overflow:hidden} #featured-member a.avatar img {border:1px solid #cccccc; padding:3px} #featured-member a.avatar:hover img {border-color:#cc0000} #featured-member .meta {font:11px/20px Arial, Helvetica, sans-serif; color:#999999; text-transform:uppercase; letter-spacing:1px; margin:0px 0px 10px;} #featured-member .left p {font-size:11px; line-height:24px;} /* article page */ .content-wrap .article-title {background:#f2f2f2 url(img/article-title.gif) left top repeat-x; margin-bottom:1px; padding:10px 137px 10px 10px; border-top:1px solid #ebebeb;} .content-wrap .article-title h2 {font:bold 18px/22px Arial, Helvetica, sans-serif; color:#343434; padding:0px; margin:0px; width:300px} .content-wrap a.author-avatar {line-height:1; float:left; margin-right:10px;} .content-wrap a.author-avatar img {border:1px solid #bebebe;} .content-wrap a.author-avatar:hover img {border-color:#cc0000} .content-wrap .article-title h2 span.article-author {font:10px/10px "Times New Roman", Times, serif; color:#939393; text-transform:uppercase; letter-spacing:1px; display:block; margin-top:5px;} .content-wrap a.comment-number2 {font-size:12px; font-weight:bold; padding:7px 10px 12px 10px; background:#333333 url(img/comment-number-arrow2.gif) left bottom no-repeat; color:#ffffff; margin:4px 0px 0px; float:right;} .content-wrap a.comment-number2:hover {text-decoration:none; background-color:#cc0000} .content-wrap a.comment-number {padding:7px 10px 10px 10px; background:#333333 url(img/comment-number-arrow.gif) left bottom no-repeat; color:#ffffff; margin:0px 10px 0px 0px; font-weight:bold;} .content-wrap a.comment-number:hover {text-decoration:none; background-color:#cc0000} .content-wrap .bar {background:#f0f0f0; border:1px solid #dfdfdf; border-right:0px; border-left:0px; padding:0px 10px; font-size:11px; line-height:28px; color:#343434; height:28px; margin-bottom:10px; position:relative} .content-wrap .bar a {color:#343434; margin-right:5px; padding:0px 5px 0px 20px;; display:block; float:left; height:28px;} .content-wrap .bar a:hover {color:#ffffff; text-decoration:none; background:#343434;} .content-wrap .bar a.twitter {background:url(img/bar-icons/twitter.gif) 5px top no-repeat; display:block; float:left;} .content-wrap .bar a.twitter:hover {background:#343434 url(img/bar-icons/twitter.gif) 5px bottom no-repeat;} .content-wrap .bar a.mail {background:url(img/bar-icons/mail.gif) 5px top no-repeat; display:block; float:left;} .content-wrap .bar a.mail:hover {background:#343434 url(img/bar-icons/mail.gif) 5px bottom no-repeat;} .content-wrap .bar a.print {background:url(img/bar-icons/print.gif) 5px top no-repeat; display:block; float:left;} .content-wrap .bar a.print:hover {background:#343434 url(img/bar-icons/print.gif) 5px bottom no-repeat;} .content-wrap .bar a.share {background:url(img/bar-icons/share.gif) 5px top no-repeat; display:block; float:left;} .content-wrap .bar a.share:hover {background:#343434 url(img/bar-icons/share.gif) 5px bottom no-repeat;} .content-wrap .article-content {font:12px/24px Arial, Helvetica, sans-serif; color:#666666; margin:20px 0px;} .content-wrap .article-content p {padding:0px 0px 20px;} .content-wrap .article-content h3 {font:bold 14px/20px Arial, Helvetica, sans-serif; padding:10px 0px 5px; color:#343434;} .content-wrap .article-content blockquote {padding:0px 0px 20px 15px; color:#343434; font-style:italic; text-align:justify; background:url(img/quotes.gif) left 4px no-repeat;} .content-wrap .article-content ul {padding:0px 0px 20px;} .content-wrap .article-content ul li {background:url(img/bullets.gif) left 9px no-repeat; padding-left:13px} .content-wrap .article-content a {color:#cc0000} .content-wrap .article-content a:hover {color:#339933; text-decoration:none} .content-wrap .article-pages {text-align:right; padding-bottom:20px} .content-wrap .article-pages span {letter-spacing:5px} .content-wrap .article-pages a.prev {padding:0px 10px 0px 0px} .content-wrap .article-pages a.next {padding:0px 0px 0px 10px} .content-wrap .taxonomy {padding:0px 10px 10px; margin:0px 0px 10px; border-bottom:1px solid #dfdfdf; font-size:11px; line-height:22px;} .content-wrap .taxonomy .dark{color:#343434} .content-wrap .taxonomy a {color:#666666} .content-wrap .taxonomy a:hover {color:#cc0000; text-decoration:none} .content-wrap .pagination div a {display:block; height:38px; line-height:38px; color:#666666; width:224px; float:left;} .content-wrap .pagination div a:hover {color:#cc0000} .content-wrap .pagination div.prev-article a {padding-left:25px; background:url(img/pagination.gif) left top no-repeat;} .content-wrap .pagination div.next-article a {padding-right:25px; background:url(img/pagination.gif) right bottom no-repeat; text-align:right; float:right} .content-wrap ul.related-articles {line-height:30px; margin:5px 0px 10px;} .content-wrap ul.related-articles li a {color:#666666} .content-wrap ul.related-articles li a:hover {color:#cc0000} .content-wrap ul.related-groups {margin:10px 0px 10px;} .content-wrap ul.related-groups li {border-bottom:1px solid #d8d8d8; padding-bottom:9px; margin-bottom:10px;} .content-wrap ul.related-groups li a {color:#666666} .content-wrap ul.related-groups li a:hover {color:#cc0000} .content-wrap ul.related-groups li img {margin-right:10px; border:1px solid #d8d8d8} .content-wrap ul.related-groups li table {width:100%} .content-wrap ul.related-groups li td {vertical-align:middle} .content-wrap ul.related-groups li td.member-count {text-align:right; font-weight:bold; padding-right:10px} .content-wrap .font {font-size:18px; text-transform:uppercase} .content-wrap .article-meta2 {padding-top:10px; text-align:right} .content-wrap .article-meta2 a {display:block; text-align:right; margin-bottom:10px;} .content-wrap .article-meta2 a img {margin-right:5px; vertical-align:middle} .content-wrap .align-left {line-height:1; display:block; float:left; margin-right:15px;} /* comments */ .content-wrap .comments {margin:0px 0px 20px;} .comments .comment {border:1px solid #e2e2e2; background:#f2f2f2; padding:20px 10px; margin-top:20px; color:#343434;} .comments .comment .comment-title a {font-weight:bold} .content .comments .comment.author {background:#434343; color:#cccccc; border-color:#000000;} .content .comments .comment.author .comment-content p {background:#434343; color:#cccccc;} .comments .comment-avatar {display:block; float:left; margin-right:15px; line-height:1;} .comments .comment-avatar img {border:1px solid #343434} .comments .comment-avatar:hover img {border-color:#cc0000} .comments .comment.author .comment-avatar img {border:1px solid #cccccc} .comments .comment.author .comment-avatar:hover img {border-color:#ffffff} .comments .comment-content {float:left; width:410px;} .comments .quick-links {text-align:right;} .comments .comment-content .quick-links {padding-top:5px} .comments .comment-date, .comments .top-link {color:#999999; font-weight:normal} .comments .comment.author .top-link {color:#999999; font-weight:normal} .comments .top-link:hover, .comments .comment.author .top-link:hover {color:#cccccc} .comments .comment.author a {font-weight:bold; color: #ffffff} .comments .comment.author a:hover {color: #cccccc; font-weight:bold;} .comments .top-link:hover, .comments .comment.author .top-link:hover {color:#cccccc; font-weight:normal} .comments-pagination {margin-top:10px;} /* comment form */ #respond .ct-field {border:1px solid #c4c4c4; width:250px; padding:8px 4px; font:12px/12px Arial, Helvetica, sans-serif; color:#666666; margin-right:15px; margin-bottom:10px;} #respond label {font-weight:bold; cursor:pointer;} #respond label span {font-weight:normal;} #respond label.req {color:#343434} #respond label.req span {color:#999999} #respond label.opt {color:#999999} #respond textarea {padding:9px; border:1px solid #c4c4c4; font:12px/16px Arial, Helvetica, sans-serif; color:#666666; width:480px; height:150px; margin-bottom:10px;} #respond .ct-submit {background:url(img/comment-submit.gif) center center; width:60px; height:30px; font:bold 12px/30px Arial, Helvetica, sans-serif; color:#ffffff; padding:0px; border:0; cursor:pointer} /* sidebar styles */ .content #sidebar { position:relative; top:0px; font:12px/20px Arial, Helvetica, sans-serif; color:#666666; width:300px; float:left; overflow:hidden;} #sidebar ul {margin-bottom:13px} #sidebar ul li {height:30px} #sidebar ul li a {color:#666666; display:block; height:30px; float:left} #sidebar ul li a:hover {color:#cc0000; text-decoration:none;} #sidebar ul li a span {background:url(img/sidebar-list-span.jpg) left top no-repeat; margin-right:5px; color:#ffffff; font-weight:bold; display:block; float:left; width:23px; height:20px; line-height:20px; text-align:center; overflow:hidden} #sidebar ul li a:hover span {background:url(img/sidebar-list-span.jpg) left bottom no-repeat;} #sidebar .featured-video {display:block; width:300px; overflow:hidden; position:relative} #sidebar .featured-video:hover {text-decoration:none} #sidebar .featured-video span {display:block; position:absolute;} #sidebar .featured-video span.video-title, #sidebar .featured-video span.video-band {top:10px; left:10px; padding:5px 10px; background:url(img/pixel.png); color:#ffffff; font-weight:bold; font-size:14px;} #sidebar .featured-video span.video-band {top:45px; font-weight:normal} #sidebar .featured-video span.video-play {top:95px; left:122px; width:54px; height:54px; overflow:hidden} #sidebar input#search-term {border:1px solid #cccccc; padding:6px 10px 7px; font:12px/12px Arial, Helvetica, sans-serif; color: #999999; width:228px; margin-right:14px;} #sidebar input#search-submit {width:36px; height:32px; text-align:center; text-transform:uppercase; font:bold 12px/32px Arial, Helvetica, sans-serif; color:#333333; border:0; background:url(img/search-submit.jpg) center center no-repeat; cursor:pointer;} #login-form {background:#ffffff url(img/login-background.jpg) left top no-repeat; padding-top:20px; width: 300px;} #login-form h2 {font-size:12px; line-height:12px; text-transform:uppercase; padding:0px 20px; margin-bottom:10px} #login-form form {padding:0px 20px} #login-form form label {float:left; width:85px; margin-right:5px; cursor:pointer; line-height:30px;} #login-form form input.text-field {width:148px; border:1px solid #cccccc; font:12px/12px Arial, Helvetica, sans-serif; color: #999999; padding:6px 10px 7px; margin-bottom:10px} #login-form form input.form-submit {border:0; background:url(img/form-sumit-backgrund.gif) 0px 0px; height:30px; width:34px; padding:0; font-weight:bold; text-align:center; color:#ffffff; margin-right:10px; cursor:pointer; vertical-align:middle; margin-bottom:5px;} #login-form form a {color:#cc0000; font-weight:bold} #login-form form a:hover {text-decoration:none; } #login-form div.close {height:19px; overflow:hidden; background:url(img/login-background.jpg) -300px 0px no-repeat;} #sidebar a.rss {color:#cc0000; display:block; margin-bottom:10px; background:url(img/rssIcon-red.jpg) left center no-repeat; padding-left:20px; height:14px; line-height:14px;} #sidebar .poll-box {background:#fbfbfb; border:1px solid #e6e6e6; padding:10px 20px;} #sidebar .poll-box h2 {text-align:center; font:bold 14px/20px Arial, Helvetica, sans-serif; color:#343434;} #sidebar .poll-box ul li {line-height:16px; height:auto} #sidebar .poll-box label {cursor:pointer} #sidebar .poll-submit {background:url(img/poll-submit.gif) center center; width:74px; height:30px; font:bold 12px/30px Arial, Helvetica, sans-serif; color:#ffffff; padding:0px; border:0; cursor:pointer;} #sidebar .poll-box p {text-align:center;} #sidebar ul.random-pictures {width:320px;} #sidebar ul.random-pictures li {width:140px; float:left; margin-right:20px} #sidebar ul.random-pictures li a {line-height:1; display:block; width:138px; height:138px; border:1px solid #343434;} #sidebar ul.random-pictures li a:hover {border-color:#cc0000} /* partners box */ #partners {margin-top:40px; /*margin-left: 5px */} .content #partners h1 {padding:10px 0px 5px; clear:both; margin:0px} #partners .slim-column {width:190px; overflow:hidden; float:left; margin-right:12px} #partners .wide-column {width:392px; overflow:hidden; float:left; margin-right:12px} #partners .no-margin {margin:0} #partners a {display:block; width:188px; height:116px; border:1px solid #cccccc; margin-bottom:5px; float:left; margin-right:12px;} #partners a:hover {text-decoration:none; border-color:#cc0000} /* footer */ #footer {font-size:12px;} #footer h1 {font-size:18px; color:#333333; margin-bottom:10px; text-transform:uppercase} #footer .col1 {width:220px; float:left; margin-right:30px;margin-left:10px} #footer .col2 {width:270px; float:left; margin-right:30px;margin-left:10px} #footer .col3 {width:240px; float:left; margin-right:30px;margin-left:10px} #footer .col4 {float:left; width:140px;margin-left:10px} #footer .row {border-top:1px solid #ebe9e9; background:#f7f7f7; padding:20px 0px 50px; width: 100%; float: left;} #footer ._row {border-top:1px solid #ebe9e9; background:#f7f7f7; padding:20px 0px 50px; width: 100%; float: left;} #footer .wrapper {width:auto; margin:0px auto; clear:both} #members-list li {height:30px; display:block; border-bottom:1px solid #dddddd; padding:10px 0px;} #members-list a {display:block; line-height:20px; float:left; color:#333333;} #members-list a img {border:1px solid #bebebe; margin-right:10px; vertical-align:middle} #members-list a:hover {color:#cc0000; text-decoration:none} #members-list a:hover img {border-color:#cc0000} #members-list span {display:inline; line-height:20px; color:#999999;} #recent-comments li { color:#666666; line-height:20px; margin-bottom:7px} #recent-comments a {font-weight:bold; color:#333333} #recent-comments a:hover {color:#cc0000; text-decoration:none} #categories li {border-bottom:1px solid #cccccc; text-align: left} #categories li a {color:#666666; display:block; padding:8px 0px 7px; line-height:15px;} #categories li a:hover {color:#cc0000; text-decoration:none;} #archives a {display:block; border:1px solid #cccccc; line-height:24px; padding:0px 0px 0px 10px; margin-bottom:10px; color:#999999; height:46px; background:#ffffff;} #archives .count {font-size:24px; font-weight:bold; color:#333333; float:left; height:24px; overflow:hidden; margin-right:8px; padding:11px 0px} #archives .month {float:right; padding:11px 10px; background:#e6e6e6; color:#333333; font-weight:bold; text-transform:uppercase;} #archives .generic {padding:11px 0px; display:block; float:left;} #archives a:hover {text-decoration:none;} #archives a:hover .count, #archives a:hover .generic, #archives a:hover .month {color:#cc0000} #footer .dark {background:#ededed; border-color:#d5d5d5; text-align:center; color:#666666;} #footer .dark strong {color:#333333;} #footer .dark a {color:#666666;} #footer .dark a:hover {color:#cc0000; text-decoration:none} /* LightBox Styles */ #jquery-overlay {position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px;} #jquery-lightbox {position: absolute; top: 0; left: 0; width: 100%; z-index: 100; text-align: center; line-height: 0; } #jquery-lightbox a img {border: none; } #lightbox-container-image-box {position: relative; background-color: #fff; width: 250px; height: 250px; margin: 0 auto; } #lightbox-container-image {padding: 10px; } #lightbox-loading {position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0; } #lightbox-nav {position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; } #lightbox-container-image-box > #lightbox-nav {left: 0; } #lightbox-nav a {outline: none; padding:0; border:0;} #lightbox-nav-btnPrev, #lightbox-nav-btnNext {width: 49%; height: 100%; zoom: 1; display: block; } #lightbox-nav-btnPrev {left: 0; float: left; } #lightbox-nav-btnNext {right: 0; float: right; } #lightbox-container-image-data-box {font: 10px Verdana, Helvetica, sans-serif; background-color: #fff; margin: 0 auto; line-height: 1.4em; overflow: auto; width: 100%; padding: 0 10px 0; } #lightbox-container-image-data {padding: 0 10px; color: #666; } #lightbox-container-image-data #lightbox-image-details {text-align: left; } #lightbox-image-details-caption {font-weight: bold; } #lightbox-image-details-currentNumber {display: block; clear: left; padding-bottom: 1.0em; } #lightbox-secNav-btnClose {height:25px; width:25px; position:absolute; top:-12px; right:-12px; z-index:300; } .bookmark {position:absolute; border:1px solid #d8d8d8; background:#fbfbfb; padding:10px; width:478px; height:16px; display:none;} .bookmark a {display:block; float:left; width:16px; height:16px; margin-right:10px;} .bookmark a#facebook {background:url(img/bookmarks.png) -176px 0px no-repeat} .bookmark a#webnews {background:url(img/bookmarks.png) -160px -112px no-repeat} .bookmark a#misterwong {background:url(img/bookmarks.png) -96px -16px no-repeat} .bookmark a#myspace {background:url(img/bookmarks.png) -144px -16px no-repeat} .bookmark a#google {background:url(img/bookmarks.png) 0px -16px no-repeat} .bookmark a#yahoo {background:url(img/bookmarks.png) -192px -48px no-repeat} .bookmark a#netvibes {background:url(img/bookmarks.png) -96px -96px no-repeat} /* setup form */ #regform{ background:#fafafa; padding:20px 35px; border:1px solid #e6e6e6; color:#666666; font:12px/18px Arial, Helvetica, sans-serif; text-align:justify;} #regform label {display:block; float:left; color:#343434; width:82px; font:bold 12px/40px Arial, Helvetica, sans-serif; margin-right:20px; text-align:right; margin-top:15px;} #regform input {background:url(img/register-input.gif) top left no-repeat; padding:12px 10px 8px; width:301px; font:12px/20px Arial, Helvetica, sans-serif; height:20px; float:left; border:0; margin-top:15px;} #regform input#submit {clear:both; float:none; width:90px; height:30px; font:bold 12px/30px Arial, Helvetica, sans-serif; color:#ffffff; text-align:center; padding:0; margin-left:102px; background:url(img/register-submit.gif) center center no-repeat; cursor:pointer} #regform p.help-text {clear:both; margin-left:102px; font-size:10px;} span.signup-description {clear:both; display:block} #regform h3 {clear:both; margin:30px 0px 10px; color:#343434; text-transform:uppercase} div#avatar-form-fields{clear:both} #regform .error {display:none} div.avatar-field {position:relative; height:55px;} #regform p {margin-bottom:10px} /* activation form */ #actform h3 {clear:both; margin:0px 0px 10px; color:#343434; text-transform:uppercase; font-size:18px;} #actform p#intro-text {margin-bottom:15px} #actform label {width:100px; float:left; padding:3px 0px; margin-right:20px; font-weight:bold; color:#343434; cursor:pointer; text-align:right;} #actform input#key {width:320px; float:left; border:1px solid #c4c4c4; padding:3px;} #actform input#submit {clear:both; float:none; width:90px; height:30px; font:bold 12px/30px Arial, Helvetica, sans-serif; color:#ffffff; text-align:center; padding:0; margin-left:120px; background:url(img/register-submit.gif) center center no-repeat; cursor:pointer; border:0; margin-top:10px;} /* members listing */ #member-navbar {font:11px/30px Arial, Helvetica, sans-serif; border:1px solid #ebebeb; border-left:0px; border-right:0px; margin-bottom:20px; background:#f8f8f8; height:30px;} #member-navbar a {margin-left:6px; display:block; float:left; line-height:30px;} #member-navbar a.grey {padding:0px 8px; display:block; float:left; line-height:30px; margin:0; background:#e0e0e0; margin-right:1px;} #member-navbar a.grey:hover, #member-navbar a.grey.active {background:#343434; color:#ffffff} #member-page {text-align:right; font:12px/18px Arial, Helvetica, sans-serif; color:#999999;} #member-page p {float:left; text-align:left; color:#999999;} #member-page a {color:#666666} #member-page a:hover {color:#cc0000} #member-big-list {clear:both; margin-top:5px;} .member-row {padding:9px 10px; border-width:1px 0px 1px 0px; border-style:solid; height:50px; clear:both;} .member-row.odd {border-color:#eaeaea; background:#f8f8f8} .member-row.even {border-color:#ffffff; background:#ffffff} .member-avatar {display:block; width:50px; height:50px; float:left; margin-right:20px} .member-name {font-weight:bold; line-height:30px; display:block;} /* user profile */ #logout-bar {height:50px; float:left; font:12px/50px Arial, Helvetica, sans-serif; width:340px;} #logout-bar a {font-weight:bold;} #logout-bar #logout-link {display:block; float:right; background:url(img/profile-icons.gif) left -9px no-repeat; padding-left:15px;padding-right:40px; color:#cc0000; height:30px; margin-top:10px; line-height:30px;} #profile-intro {position:relative; height:178px; width: 450px} #profile-avatar {width:148px; float:left; border:1px solid #c7c7c7; background:#e9e9e9; position:relative; margin-right:20px; margin-left:10px;} #profile-avatar img {width: 140px;padding:4px} #profile-avatar #profile-add-friend {position:absolute; bottom:1px; left:1px; display:block; width:142px; height:30px; font:bold 12px/30px Arial, Helvetica, sans-serif; text-align:center; background:url(img/add-friend-bg.png) left top no-repeat; padding-left:5px; color:#000000;} #profile-avatar #profile-add-friend:hover {color:#cc0000} #profile-details {width:330px; float:left; position:relative;} #profile-details h3 {font:bold 24px/34px Arial, Helvetica, sans-serif; color:#343434;} #profile-details p.profile-meta {font:12px/18px Arial, Helvetica, sans-serif; color:#666666} #profile-details #profile-status-corner {position:relative; left:-7px; top:25px; height:8px; width:8px; background:url(img/status-corner.gif) left top no-repeat} #profile-details p.profile-status {border:1px solid #d9d9d9; background:#f6f6f6; padding:10px; font:12px/20px Arial, Helvetica, sans-serif;} #profile-details p.profile-status span {display:block; text-align:right; font-size:11px; color:#a6a6a6; line-height:15px;} #profile-basic {border-top:1px solid #e6e6e6; margin-bottom:36px;} #profile-basic .basic-item {border-bottom:1px solid #e6e6e6; padding:5px 0px;} #profile-basic .basic-label {font-weight:bold; color:#343434; float:left; width:140px; line-height:24px;} #profile-basic .basic-item p {float:left; line-height:24px; width:340px;} #activity-current-page {float:left; color:#999999;} #activity-pagination {float:right;} #activity-pagination a {color:#666666} .activity-item {clear:both; margin-top:0px;} .content .activity-item p {line-height:24px; padding:3px 0px; padding-left:40px;} .activity-item a {color:#cc0000} span.activity-timestamp {font-size:11px; color:#999999; margin-left:10px;} .activity-avatar {float:left; margin-right:10px} .activity-avatar img {border:1px solid #b4b4b4} #profile-activity {margin-bottom:36px;} #wire-current-page {float:left; color:#999999;} #wire-pagination {float:right;} #wire-pagination a {color:#666666} .wire-item {clear:both; padding:15px 10px;} .wire-item.odd {border-style:solid; border-width:1px 0px 1px 0px; border-color:#dddddd; background:#f6f6f6} .wire-item a.wire-avatar {display:block; float:left; border:1px solid #343434; margin-right:10px; width:48px; height:48px;} .wire-content {padding-left:60px;} .wire-author {margin-bottom:10px; color:#999999} .wire-author a {color:#cc0000} .profile-submenu {position:relative; height:77px; border:1px solid #dedede; background:#f6f6f6;} .profile-submenu li {float:left; position:relative; line-height:38px; font-weight:bold;} .profile-submenu li.active {background:#343434} .profile-submenu li a {display:block; line-height:38px; padding:0px 10px;} .profile-submenu li.active a {color:#ffffff} .profile-submenu li ul {position:absolute; background:#ffffff; top:38px; border-top:1px solid #dedede; width:498px;} .profile-submenu li ul li {font-weight:normal; font-size:11px;} .profile-submenu li ul li a {line-height:38px; padding:0px 6px 0px 6px;} .profile-submenu li.active ul li a {color:#343434; background:#ffffff} .profile-submenu li.active ul li a:hover {color:#cc0001;} /* profile sidebar */ #sidebar #profile-browse li {height:29px; line-height:29px; border-bottom:1px solid #dedede; padding-left:20px;} #profile-browse li.profile-icon{background:url(img/profile-icons.gif) left -50px no-repeat} #profile-browse li.bands-icon{background:url(img/profile-icons.gif) left -79px no-repeat} #profile-browse li.comments-icon{background:url(img/profile-icons.gif) left -108px no-repeat} #profile-browse li.friends-icon{background:url(img/profile-icons.gif) left -136px no-repeat} #profile-browse li.groups-icon{background:url(img/profile-icons.gif) left -165px no-repeat} #sidebar #profile-browse li a {float:none; display:block; height:29px; line-height:29px; color:#343434;} #sidebar #profile-browse li a:hover {color:#cc0000;} #sidebar #favorite-bands, #sidebar #friends-list, #sidebar #groups-list {width:315px;} #sidebar #favorite-bands li, #sidebar #friends-list li, #sidebar #groups-list li {height:50px; width:50px; float:left; margin:0px 12px 13px 0px;} #sidebar #favorite-bands li a img, #sidebar #friends-list li a img, #sidebar #groups-list li a img {border:1px solid #999999} #sidebar #favorite-bands li a:hover img, #sidebar #friends-list li a:hover img, #sidebar #groups-list li a:hover img {border:1px solid #343434} #sidebar .admin-notification {float:left; height:30px; line-height:30px; display:block; position:relative; background:url(img/notif-bg1.gif) center center repeat-x; border-right:1px solid #dedede; margin-right:10px; padding-right:5px; margin-bottom:10px;} #sidebar .admin-notification span {font-weight:bold; background:#343434 url(img/notif-bg2.gif) top left no-repeat; display:block; float:left; padding:0px 7px; margin-right:5px; line-height:30px; color:#ffffff;} #sidebar .admin-notification:hover span {background:#cc0001 url(img/notif-bg2.gif) bottom left no-repeat;} #sidebar .admin-box {padding:5px; background:#e7e7e7; margin-bottom:15px;} #sidebar .admin-box h2 {font-size:12px; line-height:24px; padding:0px 6px 4px} #sidebar .admin-box ul {margin:0px; padding:0px} #sidebar .admin-box ul li {background:#f6f6f6; border-width:1px 0px 1px 0px; border-color:#ffffff #ffffff #dedede; border-style:solid; float:none;} #sidebar .admin-box ul li a {display:block; float:none; line-height:29px; padding:0px 10px 0px 27px; } #sidebar .admin-box ul li a.basic-icon {background:url(img/profile-icons.gif) 5px -310px no-repeat} #sidebar .admin-box ul li a.pic-icon {background:url(img/profile-icons.gif) 5px -50px no-repeat} #sidebar .admin-box ul li a.settings-icon {background:url(img/profile-icons.gif) 5px -340px no-repeat} #sidebar .admin-box ul li a.bands-icon {background:url(img/profile-icons.gif) 5px -79px no-repeat} #sidebar .admin-box ul li a.friends-icon {background:url(img/profile-icons.gif) 5px -137px no-repeat} #sidebar .admin-box ul li a.groups-icon {background:url(img/profile-icons.gif) 5px -166px no-repeat} #sidebar .admin-box ul li a.wire-icon {background:url(img/profile-icons.gif) 5px -108px no-repeat} #sidebar .admin-box ul li a.messages-icon {background:url(img/profile-icons.gif) 5px -369px no-repeat} /* band profile */ #band-intro {height:400px; width:500px; overflow:hidden} #band-intro h3 {font:bold 24px/24px Arial, Helvetica, sans-serif; color:#343434; margin-bottom:7px;} #band-avatar {border:1px solid #c7c7c7; position:relative; height:300px; overflow:hidden; width:400px;} #band-avatar #band-add-friend {position:absolute; bottom:20px; left:0px; display:block; width:142px; height:30px; font:bold 12px/30px Arial, Helvetica, sans-serif; text-align:center; background:url(img/add-friend-bg.png) left -29px no-repeat; padding-left:7px; color:#000000;} #band-avatar #fan-post-new-alt, #band-avatar #fan-post-delete-alt {position:absolute; bottom:20px; left:0px; display:block; width:240px; height:30px; font:bold 12px/30px Arial, Helvetica, sans-serif; text-align:center; background:url(img/add-friend-bg.png) left -29px no-repeat; padding-left:0px; color:#000000;} #band-avatar #band-add-friend:hover {color:#cc0000} #band-binding {position:absolute; left:270px; top:340px; width:180px; height:280px; background:url(img/band-binding.png) left top;} #band-genre {height:20px; padding:0px 5px; background:#343434; color:#ffffff; font:bold 11px/20px Arial, Helvetica, sans-serif; position:absolute; top:0px; right:70px; z-index:3;} .news-item {margin-bottom:20px;} .content .news-item p {line-height:24px} #video-holder {line-height:1px} #video-details {background:#efefef url(img/videos-desc-bg.gif) left top repeat-x; border-width:1px 0px 1px 0px; border-color:#747474 #ffffff #cdcdcd; border-style:solid; padding:20px 30px 10px; position:relative;} #video-details h6 {font:bold 18px/24px Arial, Helvetica, sans-serif; color:#343434; margin-bottom:5px;} #next-video, #prev-video {width:23px; height:40px; overflow:hidden; background:url(img/slideshow-arrows.png) 0px 0px no-repeat; position:absolute; top:10px; cursor:pointer; z-index:3;} #prev-video {left:0px;} #next-video {background:url(img/slideshow-arrows.png) -23px 0px no-repeat; right:0px;} #wire-form {margin-bottom:10px} #wire-form textarea {border:1px solid #dddddd; font:12px/18px Arial, Helvetica, sans-serif; padding:5px; color:#666666; width:488px; margin-bottom:10px; display:block;} #wire-form input#wire-submit {background:url(img/comment-submit.gif) center center no-repeat; width:60px; height:30px; display:block; font:bold 12px/30px Arial, Helvetica, sans-serif; text-align:center; padding:0; margin:0; border:0; color:#ffffff;} /* band sidebar */ #sidebar #band-videos {width:320px;} #sidebar #band-videos li {width:140px; height:120px; float:left; margin-right:20px; position:relative;} #sidebar #band-videos a {float:none; font-weight:bold; color:#343434; height:120px;} #sidebar #band-videos a img {display:block} #sidebar #band-videos a span {display:block; position:absolute; top:0px; left:0px; width:140px; height:90px; background:url(img/play-small.png) top left no-repeat} #sidebar #fans-list, #sidebar #band-photos {width:315px;} #sidebar #fans-list li, #sidebar #band-photos li {height:50px; width:50px; float:left; margin:0px 12px 13px 0px;} #sidebar #fans-list li a img, #sidebar #band-photos li a img {border:1px solid #999999} #sidebar #fans-list li a:hover img, #sidebar #band-photos li a:hover img {border:1px solid #343434} #sidebar #band-browse {width:320px} #sidebar #band-browse li {width:140px; margin-right:20px; float:left; border-bottom:1px solid #dddddd; height:30px; line-height:30px;} #sidebar #band-browse li a {float:none; padding-left:20px;} #band-browse li.profile-icon{background:url(img/profile-icons.gif) left -50px no-repeat} #band-browse li.fans-icon{background:url(img/profile-icons.gif) left -136px no-repeat} #band-browse li.videos-icon{background:url(img/profile-icons.gif) left -195px no-repeat} #band-browse li.photos-icon{background:url(img/profile-icons.gif) left -224px no-repeat} #band-browse li.audio-icon{background:url(img/profile-icons.gif) left -280px no-repeat} #band-browse li.tourdates-icon{background:url(img/profile-icons.gif) left -252px no-repeat} #sidebar #band-tourdates li {font-weight:bold; color:#343434;} #sidebar #band-tourdates a {float:none; display:inline; font-weight:normal; color:#666666; padding-left:10px;} #sidebar #band-tourdates a:hover {color:#cc0000} /* group profile */ #group-intro {position:relative; *height:178px; padding-bottom:20px;} #group-avatar {width:148px; float:left; border:1px solid #c7c7c7; background:#e9e9e9; position:relative; margin-right:20px;} #group-avatar img {padding:4px} #group-avatar #group-join {position:absolute; bottom:1px; left:1px; display:block; width:142px; height:30px; font:bold 12px/30px Arial, Helvetica, sans-serif; text-align:center; background:url(img/add-friend-bg.png) left top no-repeat; padding-left:5px; color:#000000;} #group-avatar #group-join:hover {color:#cc0000} #group-details {width:330px; float:left; position:relative;} #group-details h3 {font:bold 24px/34px Arial, Helvetica, sans-serif; color:#343434;} #group-details p.gorup-meta {font:12px/18px Arial, Helvetica, sans-serif; color:#666666} #group-details p.group-status {padding:10px 0px; font:12px/30px Arial, Helvetica, sans-serif; font-weight:bold; color:#343434;} p.group-status a {color:#cc0000} p.group-status a.group-admin {float:left; width:28px; height:28px; margin-right:10px; border:1px solid #b4b4b4} /* group sidebar */ #sidebar #group-browse li {height:29px; line-height:29px; border-bottom:1px solid #dedede; padding-left:20px;} #group-browse li.home-icon{background:url(img/profile-icons.gif) left -165px no-repeat} #group-browse li.members-icon{background:url(img/profile-icons.gif) left -136px no-repeat} #group-browse li.wire-icon{background:url(img/profile-icons.gif) left -108px no-repeat} #sidebar #group-browse li a {float:none; display:block; height:29px; line-height:29px; color:#343434;} #sidebar #group-browse li a:hover {color:#cc0000;} #sidebar #group-members {width:315px;} #sidebar #group-members li {height:50px; width:50px; float:left; margin:0px 12px 13px 0px;} #sidebar #group-members li a img {border:1px solid #999999} #sidebar #group-members li a:hover img {border:1px solid #343434} .alignright {float:right; margin-left:15px} .alignleft {float:left; margin-right:15px !important;} #binding-article {display:block; float:right; width:127px; height:137px; background:url(img/article-title.gif) left 21px repeat-x; position:absolute; right:325px; top:20px; z-index:20;} /* cforms styles */ .cform input.single {border:1px solid #C4C4C4; color:#666666; font:12px/12px Arial,Helvetica,sans-serif; margin:0px 5px 10px 0px; padding:8px 4px; width:250px;} .cform label {display:block; font-weight:bold;} .cform textarea {border:1px solid #C4C4C4; color:#666666; font-family:Arial,Helvetica,sans-serif; font-size:12px; height:150px; line-height:16px; margin-bottom:10px; padding:9px; width:350px; vertical-align:top; margin-right:5px;} .cform span.reqtxt, .cform span.emailreqtxt {font-size:10px;} .cf_hidden, .linklove {display:none} .cform input.sendbutton {background: url(img/cform-submit.gif) repeat scroll center center; border:0; color:#FFFFFF; cursor:pointer; font-family:Arial,Helvetica,sans-serif; font-size:12px; font-weight:bold; height:30px; line-height:30px; padding:0; width:90px;} ul#top-articles li {height:30px} ul#top-articles li a {color:#666666; display:block; height:30px; float:left; line-height:20px;} ul#top-articles li a:hover {color:#cc0000; text-decoration:none;} ul#top-articles li a span {background:url(img/sidebar-list-span.jpg) left top no-repeat; margin-right:5px; color:#ffffff; font-weight:bold; display:block; float:left; width:23px; height:20px; line-height:20px; text-align:center; overflow:hidden} ul#top-articles li a:hover span {background:url(img/sidebar-list-span.jpg) left bottom no-repeat;} #sidebar #recent-comments ul li, #sidebar #recent-comments ul li a {height:auto} #sidebar #recent-comments {padding-bottom:13px} #sidebar #recent-comments ul li {margin-bottom:1px} /* video playlist */ #video-playlist h4 {font:bold 14px/24px Arial, Helvetica, sans-serif; color:#343434} #video-playlist li {height:90px; position:relative; padding:10px 0px;} #video-playlist li.nowplaying {border:1px solid #dedede; border-left:0; border-right:0; background:#f6f6f6} #video-playlist a {float:none; font-weight:bold; color:#343434; height:120px;} #video-playlist a img {display:block; float:left; margin-right:20px;} #video-playlist a span {display:block; position:absolute; top:10px; left:0px; width:140px; height:90px; background:url(img/play-small.png) top left no-repeat} #video-playlist li.nowplaying a span {display:none} #video-playlist h6 {padding:10px 0px;} #video-playlist p {margin-right:20px} #video-playlist span#video-status {font-weight:bold; color:#cc0000; position:absolute; right:20px; top:20px; display:block; float:right;} /* photo gallery */ #photo-list li {width:50px; height:50px; margin:0px 10px 10px 0px; display:block; float:left;} #photo-list a {border:1px solid #b4b4b4; display:block; height:48px; width:48px;} #photo-list a:hover, #photo-list a.active-photo {border:1px solid #cc0000} /* audio gallery */ #audio-list h4 {font:bold 14px/24px Arial, Helvetica, sans-serif; color:#343434} #audio-list li {display:block; font:12px/29px Arial, Helvetica, sans-serif; color:#666666; border-bottom:1px solid #dedede; background:#ffffff; padding:0px 10px;} #audio-list li.odd {background:#f6f6f6} #audio-list li a {display:block} #audio-list li a.audio-active {color:#cc0000; background:url(img/red-dot.gif) left 13px no-repeat; padding-left:10px; color:#cc0000} .binding {background:url(img/profile-binding.jpg) right top no-repeat; padding:10px 75px 10px 0px;} .binding #group-details, .binding #profile-details {width:255px;} .binding #group-binding, .binding #member-binding {position:absolute; width:62px; height:178px; right:0px; top:0px; display:block;} .group-button a, .friendship-button a, .blog-button a, .generic-button a { height: 20px; line-height: 20px; }