/* 122 */
html {
height:100%;
}
body {
font-family: "Neue Helvetica", "Helvetica Neue", helvetica, arial, sans-serif;
font-size: 62.5%;
color: #353535;
height:100%;
}
/* Whole visible website */
#body-frame {
position: relative;
top: 0; left: 50%;
margin-left: -470px;
width: 940px;
min-height: 700px;
line-height: 150%;
background: url(/site/images/backgrounds/stripes-faux.png) transparent -20px 0 repeat-y; /* faux columns */
height:100%;
}
/* Navigation at the top - general */
ul#navi-header {
display: block;
width: 940px;
height: 50px;
list-style: none;
background: #fff;
}
ul#navi-header li {
display: inline-block;
float: left;
margin: 0 2px 0 0;
}
body ul#navi-header li a.chosen-header-1:link, body ul#navi-header li a.chosen-header-1:visited, body ul#navi-header li a.chosen-header-1:active, body ul#navi-header li a.chosen-header-1:hover {
background: url(/site/images/navi/navi-header-1.png) transparent 0 -30px no-repeat;
color: #000;
}
body ul#navi-header li a.chosen-header-6:link, body ul#navi-header li a.chosen-header-6:visited, body ul#navi-header li a.chosen-header-6:active, body ul#navi-header li a.chosen-header-6:hover {
background: url(/site/images/navi/navi-header-6.png) transparent 0 -30px no-repeat;
color: #000;
}
/* Navigation at the top - specific links */
ul#navi-header li a, ul#navi-header li a:link, ul#navi-header li a:visited {
display: block;
padding: 6px 0 9px 0;
text-align: center;
color: #FFF;
text-decoration: none;
font-weight: bold;
font-size: 1.1em;
}
ul#navi-header li a.navi-header-1 {
background: url(/site/images/navi/navi-header-1.png) transparent 0 0 no-repeat;
height: 15px;
width: 129px;
}
ul#navi-header li a.navi-header-1:hover {
background: url(/site/images/navi/navi-header-1.png) transparent 0 -30px no-repeat;
color: #000;
}
ul#navi-header li a.navi-header-2 {
background: url(/site/images/navi/navi-header-2.png) transparent 0 0 no-repeat;
height: 15px;
width: 111px;
}
ul#navi-header li a.navi-header-2:hover {
background: url(/site/images/navi/navi-header-2.png) transparent 0 -30px no-repeat;
color: #000;
}
ul#navi-header li a.navi-header-3 {
background: url(/site/images/navi/navi-header-3.png) transparent 0 0 no-repeat;
height: 15px;
width: 59px;
}
ul#navi-header li a.navi-header-3:hover {
background: url(/site/images/navi/navi-header-3.png) transparent 0 -30px no-repeat;
color: #000;
}
ul#navi-header li a.navi-header-4 {
background: url(/site/images/navi/navi-header-4.png) transparent 0 0 no-repeat;
height: 15px;
width: 88px;
}
ul#navi-header li a.navi-header-4:hover {
background: url(/site/images/navi/navi-header-4.png) transparent 0 -30px no-repeat;
color: #000;
}
ul#navi-header li a.navi-header-10 {
background: url(/site/images/navi/navi-header-10.png) transparent 0 0 no-repeat;
height: 15px;
width: 78px;
}
ul#navi-header li a.navi-header-10:hover {
background: url(/site/images/navi/navi-header-10.png) transparent 0 -30px no-repeat;
color: #000;
}
ul#navi-header li a.navi-header-5 {
background: url(/site/images/navi/navi-header-5.png) transparent 0 0 no-repeat;
height: 15px;
width: 58px;
}
ul#navi-header li a.navi-header-5:hover {
background: url(/site/images/navi/navi-header-5.png) transparent 0 -30px no-repeat;
color: #000;
}
ul#navi-header li a.navi-header-6 {
background: url(/site/images/navi/navi-header-6.png) transparent 0 0 no-repeat;
height: 15px;
width: 72px;
}
ul#navi-header li a.navi-header-6:hover {
background: url(/site/images/navi/navi-header-6.png) transparent 0 -30px no-repeat;
color: #000;
}
ul#navi-header li a.navi-header-7 {
background: url(/site/images/navi/navi-header-7.png) transparent 0 0 no-repeat;
height: 15px;
width: 64px;
}
ul#navi-header li a.navi-header-7:hover {
background: url(/site/images/navi/navi-header-7.png) transparent 0 -30px no-repeat;
color: #000;
}
ul#navi-header li a.navi-header-8 {
background: url(/site/images/navi/navi-header-8.png) transparent 0 0 no-repeat;
height: 15px;
width: 81px;
}
ul#navi-header li a.navi-header-8:hover {
background: url(/site/images/navi/navi-header-8.png) transparent 0 -30px no-repeat;
color: #000;
}
ul#navi-header li.navi-header-12 {
background: url(/site/images/navi/navi-header-12.png) transparent 0 0 no-repeat;
height: 30px;
width: 64px;
margin: 0 0 0 0 !important;
}
ul#navi-header li a.navi-header-11 {
background: url(/site/images/navi/navi-header-11.png) transparent 0 0 no-repeat;
height: 15px;
width: 58px;
}
ul#navi-header li a.navi-header-11:hover {
background: url(/site/images/navi/navi-header-11.png) transparent 0 -30px no-repeat;
color: #000;
}
/* header */
h1#logo {
display: inline-block;
background: url(/site/images/logo/logo184x90.png) #fff no-repeat;
width: 184px;
height: 90px;
float: left;
margin: 0 28px 0 0;
text-indent:-9999px;
}
h1#logo a {
display:block;
width: 184px;
height: 90px;
}
.banner728x90 {
display: inline-block;
background: #B3B3B3;
width: 728px;
height: 90px;
}
/* content */
#content {
float: left;
width: 780px;
min-height: 301px;
}
/* sub Navigation - General */
ul#sub-navi {
display: block;
width: 580px;
height: 20px;
list-style: none;
background: url(/site/images/backgrounds/sub-navi-bg.png) #fff 0 25px no-repeat;
margin: 0 10px 0 0;
padding: 25px 0;
float: left;
}
ul#sub-navi li {
position: relative;
top: -5px; left: 6px;
display: inline-block;
float: left;
}
/* sub Navigation - specific */
#subnavi-1 {
display: block;
background: url(/site/images/navi/subnavi-1.png) transparent 0 0 no-repeat;
width: 57px;
height: 30px;
text-indent: -9999px;
font-size: 0;
}
#subnavi-1:hover {
background: url(/site/images/navi/subnavi-1.png) transparent 0 -30px no-repeat;
}
/* Home link without "chosen" */
#subnavi-2 {
display: block;
background: url(/site/images/navi/subnavi-2.png) transparent 0 0 no-repeat;
width: 54px;
height: 30px;
text-indent: -9999px;
font-size: 0;
}
#subnavi-2:hover {
background: url(/site/images/navi/subnavi-2.png) transparent 0 -30px no-repeat;
}
.news-chosen {
background: url(/site/images/navi/subnavi-2.png) transparent 0 -30px no-repeat !important;
}
#subnavi-3 {
display: block;
background: url(/site/images/navi/subnavi-3.png) transparent 0 0 no-repeat;
width: 81px;
height: 30px;
text-indent: -9999px;
font-size: 0;
}
#subnavi-3:hover {
background: url(/site/images/navi/subnavi-3.png) transparent 0 -30px no-repeat;
}
.features-chosen {
background: url(/site/images/navi/subnavi-3.png) transparent 0 -30px no-repeat !important;
}
#subnavi-4 {
display: block;
background: url(/site/images/navi/subnavi-4.png) transparent 0 0 no-repeat;
width: 77px;
height: 30px;
text-indent: -9999px;
font-size: 0;
}
#subnavi-4:hover {
background: url(/site/images/navi/subnavi-4.png) transparent 0 -30px no-repeat;
}
.reviews-chosen {
background: url(/site/images/navi/subnavi-4.png) transparent 0 -30px no-repeat !important;
}
#subnavi-5 {
display: block;
background: url(/site/images/navi/subnavi-5.png) transparent 0 0 no-repeat;
width: 116px;
height: 30px;
text-indent: -9999px;
font-size: 0;
}
#subnavi-5:hover {
background: url(/site/images/navi/subnavi-5.png) transparent 0 -30px no-repeat;
}
.ontheverge-chosen {
background: url(/site/images/navi/subnavi-5.png) transparent 0 -30px no-repeat !important;
}
#subnavi-6 {
display: block;
background: url(/site/images/navi/subnavi-6.png) transparent 0 0 no-repeat;
width: 57px;
height: 30px;
text-indent: -9999px;
font-size: 0;
}
#subnavi-6:hover {
background: url(/site/images/navi/subnavi-6.png) transparent 0 -30px no-repeat;
}
.video-chosen {
background: url(/site/images/navi/subnavi-6.png) transparent 0 -30px no-repeat !important;
}
#subnavi-7 {
display: block;
background: url(/site/images/navi/subnavi-7.png) transparent 0 0 no-repeat;
width: 59px;
height: 30px;
text-indent: -9999px;
font-size: 0;
}
#subnavi-7:hover {
background: url(/site/images/navi/subnavi-7.png) transparent 0 -30px no-repeat;
}
.audio-chosen {
background: url(/site/images/navi/subnavi-7.png) transparent 0 -30px no-repeat !important;
}
#subnavi-8 {
display: block;
background: url(/site/images/navi/subnavi-8.png) transparent 0 0 no-repeat;
width: 67px;
height: 30px;
text-indent: -9999px;
font-size: 0;
}
#subnavi-8:hover {
background: url(/site/images/navi/subnavi-8.png) transparent 0 -30px no-repeat;
}
.artists-chosen {
background: url(/site/images/navi/subnavi-8.png) transparent 0 -30px no-repeat !important;
}
#subnavi-9 {
display: block;
background: url(/site/images/navi/subnavi-9.png) transparent 0 0 no-repeat;
width: 50px;
height: 30px;
text-indent: -9999px;
font-size: 0;
}
#subnavi-9:hover {
background: url(/site/images/navi/subnavi-9.png) transparent 0 -30px no-repeat;
}
#subnavi-10 {
display: block;
background: url(/site/images/navi/subnavi-10.png) transparent 0 0 no-repeat;
width: 57px;
height: 30px;
text-indent: -9999px;
font-size: 0;
}
#subnavi-10:hover {
background: url(/site/images/navi/subnavi-10.png) transparent 0 -30px no-repeat;
}
.blogs-chosen {
background: url(/site/images/navi/subnavi-10.png) transparent 0 -30px no-repeat !important;
}
/* search field */
#btnsearch {
position: relative;
top: 20px; left: 0;
display: block;
width: 178px;
height: 30px;
background: url(/site/images/backgrounds/search-box.png) transparent no-repeat;
font-size: 1.1em;
color: #fff;
padding: 6px 5px 0 7px;
float: left;
}
#search input {
width: 150px;
height: 16px;
border-radius: 3px;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
margin-right: 5px;
border: 0;
}
/* sub content - without far right ad column */
#content-box {
width: 780px;
min-height: 500px;
float: left;
}
.striped-border-right {
width: 120px;
display: block;
float: left;
padding: 10px;
margin: 0 0 0 20px;
border-top: 20px solid #fff;
}
/* content columns & wrappers */
#left-side {
width: 130px;
height:100%!important;
float: left;
margin: 0 10px 0 0;
}
#central-part,
.central-part{
width: 300px;
float: left;
margin: 0 20px 0 20px;
line-height: 170%;
}
#right-side,
.right-side{
width: 300px;
float: left;
margin: 0 0 0 0;
}
.central-right-container {
width: 620px!important;
float: left!important;
margin: 0 0 0 20px;
line-height: 170%;
border-top: 1px dotted #999;
padding-top:20px;
}
.central-right-container.top {
padding-top:0;
border:none;
}
.central-right-container #central-part {
margin:0 20px 0 0!important;
}
.central-part .img-container,
.central-right-container .img-container {
margin-bottom:20px;
width:300px;
overflow:hidden;
}
.central-right-container .img-container {
width:600px;
}
.central-right-container p {
font-size: 12px!important;
line-height: 150%;
margin: 0 0 20px 0;
}
.central-right-container p.photo-desc {
color: #444;
text-align: left;
border-bottom: 1px solid #ccc;
padding: 10px 30px 10px 10px;
margin-top:0px!important;
position:relative;
background: #F0F0F0;
text-shadow: 0 1px 0 #fff;
margin-bottom:0!important;
}
#central-part .embed-container,
.central-right-container .embed-container {
width:300px;
overflow:hidden;
margin-bottom:20px!important;
}
.central-right-container .embed-container {
width:600px;
padding-top:0;
margin-top:0;
}
#content-box #central-part .embed-container object,
#content-box .central-right-container .embed-container object {
display: block;
width: 300px;
font-style: normal;
}
#content-box .central-right-container .embed-container object {
width: 600px;
}
.central-right-container #comments {
padding-top:30px;
}
.publish-info {margin:20px 0;}
.relix-reverb {
margin:0 0 40px 0;
}
.relix-reverb .hp-container {
height:330px;
overflow:scroll;
overflow-x:hidden;
padding-right:10px;
}
#relixav {
overflow:hidden;
}
.avcontent-video {
overflow:hidden;
}
#relixav div.spot {
display:none;
height:350px;
float:left;
}
.audio-wrapper {
float:left;
width:640px;
}
.colspan2 {
float: left;
width: 620px;
margin: 0 0 20px 20px;
position:relative;
min-height:100px!important;
padding-bottom: 10px;
border-bottom: 1px dotted #999;
}
.colspan2 .share {
float: right;
width: 125px;
position:absolute;
top:50px;
right:0;
}
.news,
.features,
.reviews,
.cds,
.dvds,
.shows,
.artists,
.issues,
.video,
.on-the-verge {position:relative;}
.news .share,
.features .share,
.reviews .share,
.cds .share,
.dvds .share,
.shows .share,
.artists .share,
.issues .share,
.video .share,
.on-the-verge .share {
float: right;
width: 125px;
position:absolute;
top:45px;
right:0;
}
.jamgal .share,
.poll-results .share,
.polls .share,
.poll .share {
float: right;
width: 125px;
position:absolute;
top:255px;
right:480px;
}
.striped-border-bottom {
clear: both;
display: block;
background: url(/site/images/backgrounds/stripes-area.png) transparent 0 0 repeat;
float: left;
margin: 20px 0 0 160px;
width:620px;
}
/* banners and ads */
.googleads {
width: 300px;
height: 250px;
background: #CCC;
margin: 0 0 40px 0;
}
.banner728x90 {
display: inline-block;
background: #B3B3B3;
width: 728px;
height: 90px;
}
.banner300x250 {
display: block;
background: #B3B3B3;
width: 300px;
height: 250px;
margin: 0 0 40px 0;
}
.banner120x600 {
background: #B3B3B3;
width: 120px;
height: 600px;
}
.banner468x60 {
display: block;
background: #B3B3B3;
width: 468px;
height: 60px;
margin:20px auto;
}
.banner125x125 {
display: block;
background: #B3B3B3;
width: 125px;
height: 125px;
margin-top: 10px;
}
/* footer */
#footer-box {
clear: both;
height: 200px;
background: #fff;
padding-top: 20px;
}
#footer {
width: 938px;
height: 120px;
clear: both;
border: 1px solid #A6A6A6;
border-bottom-left-radius: 10px;
-webkit-border-bottom-left-radius: 10px;
-moz-border-bottom-left-radius: 10px;
border-radius-bottom-left: 10px;
-webkit-border-radius-bottom-left: 10px;
-moz-border-radius-bottom-left: 10px;
border-radius-bottomleft: 10px;
-webkit-border-radius-bottomleft: 10px;
-moz-border-radius-bottomleft: 10px;
}
#footer #footer-logo {
float: left;
background: url(/site/images/logo/logo136x68.png) 0 0 no-repeat;
width: 136px;
height: 68px;
margin: 32px 0 0 18px;
}
#footer ul {
line-height: 160%;
margin: 25px -30px 0 85px;
float: left;
list-style: none;
font-size: 1.2em;
font-weight: bold;
}
#footer ul li a {
color: #000;
text-decoration: none;
}
#footer ul li a:hover {
color: #0080FF;
}
#footer-box p a {
color: #0080FF;
text-decoration: none;
}
#copyright {
font-size: 1.0em;
font-weight: bold;
margin: 0 0 50px 0;
display: inline-block;
}
#createdby {
float: right;
font-size: 1.0em;
font-weight: bold;
display: inline-block;
}
/* ---------------------------------------------------------
Styling the content
--------------------------------------------------------- */
/* headlines */
#content-box h2 {
display: block;
background: url(/site/images/backgrounds/h2-bg.png) transparent 0 0 no-repeat;
width: 300px;
height: 26px;
text-indent: -9999px;
font-size: 0;
margin: 0 0 15px 0;
}
#content-box .colspan2 h2 {
display: block;
background: url(/site/images/backgrounds/h2-bg-both-columns.png) transparent 0 0 no-repeat;
width: 620px;
height: 26px;
text-indent: -9999px;
font-size: 0;
margin: 0 0 0 0;
}
#content-box #central-part h3,
.central-right-container h3,
#content-box #right-side h3,
#content-box .colspan2 h3,
#pop-out-player h3 {
font-size: 15px;
margin: 0 0 18px 0;
border-bottom: 1px dotted #999;
padding-bottom: 10px;
}
#content-box #right-side h3,
.homepage h3 {
font-size: 1.5em;
margin: 0 0 20px 0;
border-bottom:0!important;
padding:0!important;
} {
font-size: 1.5em;
margin: 0 0 20px 0;
border-bottom:0;
padding:0!important;
}
#content-box .colspan2 h3 {border:0;margin-top:20px;}
#content-box h3.h3-colspan2 {
margin: 60px 0 25px 0;
width: 620px;
clear: both;
}
#content-box h3 a {
font-size: 0.9em;
margin: 0 0 20px 0;
}
#content-box h3 a:link {
color: #000;
background: transparent;
text-decoration:none;
}
#content-box h3 a:visited {
color: #000;
background: transparent;
text-decoration:none;
}
#content-box h3 a:hover {
color: #000;
background: #B6CB07;
text-decoration:none;
}
#content-box h3 a:active {
color: #000;
background: transparent;
text-decoration:none;
}
/* Get Embed Code Link */
.colspan2 h3 small {
font-size:12px!important;
}
.colspan2 h3 small a:link {
color: #0080FF!important;
text-decoration: none!important;
}
.colspan2 h3 small a:visited {
color: #0080FF!important;
text-decoration: none!important;
}
.colspan2 h3 small p a:hover {
color: #000!important;
background: #B6CB07!important;
text-decoration: none;
}
.colspan2 h3 small a:active {
color: #0080FF!important;
text-decoration: none!important;
}
#content-box h3.review-post-title {
margin-top: 30px;
border-bottom: 1px solid #CCC;
}
#content-box h3.photo-title {
margin-bottom:10px;
font-size:15px;
overflow:hidden;
}
#content-box h3.video-post-title {
border-bottom: 1px solid #CCC;
width: 620px;
}
#content-box h3.generic-post-title {
margin-top: 30px;
border-bottom: 1px solid #CCC;
}
#central-part h4,
.central-right-container h4{
display: inline-block;
font-size: 12px;
font-weight: bold;
margin: 5px 0 5px 0;
}
.relix-reverb h4 {
width:100%;
margin-bottom:10px!important;
}
#central-part h4 a, #right-side h4 a,
#content-box .central-right-container h4 a {
font-weight: normal;
color: #0080FF;
text-decoration: none;
}
#central-part h4 a:hover,
#right-side h4 a:hover,
#content-box .central-right-container h4 a:hover {
color: #000;
background: #B6CB07;
text-decoration: none;
}
/* video-player */
#content-box #video-display,
#content-box #audio-display {
width: 620px;
background: #fff;
margin: 0 auto;
padding:0;
margin-bottom:20px;
}
#content-box #video-display {
min-height:295px;
}
#content-box #audio-display {
}
#content-box #playlist-player {
min-height:70px!important;
}
#content-box #actual-video {
width: 512px;
background: white;
margin: 0 auto;
overflow:hidden;
}
#content-box #video-player {
width: 512px;
background: white;
margin: 0 auto;
}
#content-box #audio-player {
width: 512px;
background: white;
margin: 0 auto;
}
/* Get Embed Code Textarea */
.embedCode form textarea {
width:615px;
height:80px;
border:1px solid #ccc;
}
/* links */
#central-part p a,
#right-side p a,
.central-right-container p a,
.colspan2 p a {
color: #0080FF;
text-decoration: none;
}
#central-part p a:hover,
#right-side p a:hover,
.central-right-container p a:hover,
.colspan2 p a:hover {
color: #000;
background: #B6CB07;
text-decoration: none;
}
#left-side a {
color: #000;
text-decoration: none;
}
/* feed */
#right-side p a.rssfeed {
background: url(/site/images/gui/rss-icon.png) transparent 2px 2px no-repeat;
padding: 2px 2px 2px 40px;
}
#right-side a.rssfeed:hover {
background: url(/site/images/gui/rss-icon.png) #B6CB07 2px 2px no-repeat;
padding: 2px 2px 2px 40px;
}
.relix-reverb h4 span a:link {
color:#000!important;
text-decoration:none!important;
font-weight:bold!important;
}
.relix-reverb h4 span a:visited {
color:#000!important;
text-decoration:none!important;
font-weight:bold!important;
}
.relix-reverb h4 span a:hover {
color:#000!important;
text-decoration:none!important;
font-weight:bold!important;
}
.relix-reverb h4 span a:active {
color:#000!important;
text-decoration:none!important;
font-weight:bold!important;
}
/* hr */
hr.line-break {
background: #D8D8D8;
margin: 20px 0 20px 0;
border: 0;
height: 1px;
clear: both;
width: 100%;
}
/* controls */
/* controls */
.sub-controls {
float:right;
background:transparent;
text-align: right;
padding: 0 10px 0 0;
color: #fff;
font-size: 1.1em;
position: relative;
z-index:80;
margin-top:-36px;
}
.sub-controls li {
list-style: none;
}
.sub-controls span {color:#B6CB07!important;font-weight:bold!important;}
.video .sub-controls,
.audio .sub-controls,
.relix-radio .sub-controls,
.live-at-relix .sub-controls,
.artist-exclusives .sub-controls,
.relix-tv .sub-controls,
.relix-audio .sub-controls {
margin-top:-20px;
}
.sub-controls a, .sub-controls a:link, .sub-controls a:visited {
color: #fff;
text-decoration: none;
}
.sub-controls a:hover, .sub-controls a:active {
color: #0080FF;
text-decoration: none;
}
/* tabbed view */
#right-side div.small-tabs {
margin: 25px 0 0 0;
font-size: 1.2em;
border-bottom: 1px solid #CCC;
padding: 5px 0 4px 0;
}
#right-side div.small-tabs a {
border: 1px solid #CCC;
border-bottom:0;
color: #999;
text-decoration: none;
padding: 5px 4px;
}
#right-side div.small-tabs a:hover {
background: #F4F4F4;
}
#right-side div.small-tabs a.chosen {
border-bottom: 1px solid #fff;
}
#central-part div.small-tabs {
margin: 25px 0 10px 0;
font-size: 1.2em;
border-bottom: 1px solid #CCC;
padding: 5px 0 3px 0;
}
#central-part div.small-tabs a {
border: 1px solid #CCC;
border-bottom:0;
color: #999;
text-decoration: none;
padding: 5px 4px;
}
#central-part div.small-tabs a:hover {
background: #F4F4F4;
}
#central-part div.small-tabs a.chosen {
border-bottom: 1px solid #fff;
}
/* paragraphs */
#content-box #left-side p {
font-size: 1.1em;
font-weight: bold;
margin: 10px 0;
}
#content-box #central-part p,
#content-box #right-side p {
font-size: 1.2em;
line-height: 150%;
margin: 0 0 30px 0;
}
.publish-info p {
font-size: 1.2em;
line-height: 150%;
margin: -5px 0 2px 0!important;
padding: 5px 0 !important;
}
/* multiple pages navigation */
#content-box #right-side .page-nav,
#pop-out-player .page-nav {
width: 300px;
clear: both;
border-top: 1px solid #D8D8D8;
border-bottom: 1px solid #D8D8D8;
margin: 30px 0!important;
}
#content-box #central-part .page-nav,
#pop-out-player .page-nav {
width: 300px;
border-top: 1px solid #D8D8D8;
border-bottom: 1px solid #D8D8D8;
margin: 30px 0!important;
}
#pop-out-player .page-nav {
margin: 0!important;
}
.homepage .page-nav {
width: 300px;
border-top: 1px solid #D8D8D8;
border-bottom: 1px solid #D8D8D8;
margin: 0!important;
padding:0!important;
}
#content-box #central-part .page-nav-title {
display: inline-block;
width: auto;
height: 23px;
font-size: 1.1em;
font-weight: bold;
text-align: center;
padding: 5px 12px 0 12px;
background: #0080FF;
color: #fff;
margin:0;
text-decoration: none;
}
#content-box #right-side .page-nav-title {
display: inline-block;
width: auto;
height: 23px;
font-size: 1.1em;
font-weight: bold;
text-align: center;
padding: 5px 12px 0 12px;
background: #0080FF;
color: #fff;
margin:0;
text-decoration: none;
}
.homepage .contests-mask {
overflow:hidden;
background:transparent;
}
.homepage .contests-mask .contests {
width:900px!important;
float:left;
/* This number is the total number of contests x 300 */
}
.homepage .contests-mask .contests .contest-container {
width:300px;
background:transparent;
float:left;
}
.homepage .contests p {
margin:0!important;
padding:0!important;
}
/* Page nav */
#content-box .page-nav ul,
#pop-out-player .page-nav ul {
list-style: none;
display: inline-block;
float: right;
position: relative;
left: -3px;
}
#content-box .page-nav ul li,
#pop-out-player .page-nav ul li {
display: inline-block;
}
#content-box #central-part .page-nav ul a,
#content-box .page-nav ul a,
#pop-out-player .page-nav ul a {
display: inline-block;
width: 15px;
height: 22px;
font-size: 1.1em;
text-decoration: none;
font-weight: bold;
text-align: center;
padding: 6px 0 0 0;
margin: 0 -3px 0 0;
}
#content-box #central-part li.page-nav-arrow-right a,
#content-box #right-side li.page-nav-arrow-right a,
#pop-out-player li.page-nav-arrow-right a {
margin-left: 10px !important;
}
#content-box #central-part li.page-nav-arrow-left a,
#content-box #right-side li.page-nav-arrow-left a,
#pop-out-player li.page-nav-arrow-left a {
margin-right: 10px !important;
}
/* Page nav link colors */
.page-nav ul li a:link {
background: transparent;
color: #0080FF;
}
.page-nav ul li a:visited {
background: transparent;
color: #0080FF;
}
.page-nav ul li a:hover {
background: #0080FF;
color: #fff;
}
.page-nav ul li a:active {
background: transparent;
color: #0080FF;
}
/* Page nav selected state */
.page-nav ul li a.chosen:link {
background: #0080FF;
color: #fff;
}
.page-nav ul li a.chosen:visited {
background: #0080FF;
color: #fff;
}
.page-nav ul li a.chosen:hover {
background: #0080FF;
color: #fff;
}
.page-nav ul li a.chosen:active {
background: #0080FF;
color: #fff;
}
/* aditional formating */
#content-box .review-image {
margin: 5px 15px 25px 0;
}
#content-box .content-image {
margin: 5px 15px 25px 0;
}
#content-box .cleared {
clear: both !important;
overflow:hidden;
margin: 30px 0 100px 0;
}
#content-box #central-part .comment,
.central-right-container .comment{
border-bottom: 1px dotted #C8C8C8;
margin: 20px 0 15px 0;
padding: 8px 0;
}
#content-box #central-part .comment p,
.central-right-container .comment p {
margin: 5px 0 5px 0 !important;
}
#content-box #central-part cite,
.central-right-container .comment cite {
display: block;
font-size: 1.1em;
background: #E6E6E6;
padding: 5px 10px;
width: 280px;
font-style: normal;
margin: 5px 5px 20px 0;
text-shadow: 0 1px 0 #fff;
color: #333;
}
#content-box #central-part blockquote,
.central-right-container .comment blockquote {
display: block;
font-size: 1.4em !important;
color: #818181;
font-style: italic;
line-height: 150%;
margin: 20px 0;
}
/* Login / SIgn-up */
#multi-form {
float:left;
margin:10px 0 20px 0;
padding:0 0 20px 0;
width:300px;
border-bottom: 1px dotted #999;
}
#multi-form div {
margin-top:5px;
float:left;
}
#multi-form p {
font-size:1.1em;
margin:10px 0 0 148px;
}
#multi-form p {
margin:0;
padding:0 10px;
font-size:1.2em;
line-height:1.7em;
}
.spacer{clear:both; height:1px;}
form {padding:0;margin:0;}
#multi-form dl.zend_form {
float:left;
width:300px;
}
#multi-form dl.zend_form dt {
float:left;
height:40px;
width:125px;
text-align:right;
margin-right:10px;
}
#multi-form dl.zend_form dd {
float:left;
height:40px;
width:130px;
}
#multi-form input.text {
float:left;
font-size:1.2em;
padding:4px 2px;
border:solid 1px #ccc;
margin:0;
}
#multi-form input.check {
float:left;
padding:4px 2px;
margin:2px 0 20px 0;
}
#multi-form label {
font-size:1.2em;
font-weight:bold;
float:left;
width:100%;
padding-right:10px;
}
#multi-form .small {
color:#999;
display:block;
font-size:11px;
line-height:17px;
font-weight:normal;
}
/* Errors for sign-up and Login
.error {
float:left;
color:#fff;
padding:10px 0;
margin:0 0 10px 0;
font-size: 1.1em;
/* background: url(/site/images/gui/exclamation.png) #8D2B29 270px center no-repeat; */
background: #8D2B29;
border: 2px solid red;
}
.error p {
float:left;
margin-left:0!important;
font-weight:bold;
padding:0!important;
margin:0 0 10px 10px!important;
color:#fff;
}
.error ul {
list-style-type:disc;
float:left;
width:100%;
margin:0!important;
padding:0!important;
}
.error ul li {
margin:0 0 5px 30px;
padding:0!important;
border-bottom:0!important;
}
.error ul li a {
color:#fff;
text-decoration:none;
}
*/
/* lists */
#content-box #central-part ul.data-list {
list-style-type: circle;
font-size: 1.2em;
margin: 25px 0 40px 22px;
}
#content-box #central-part ul.data-list li {
padding: 7px 0 7px 0;
border-bottom: 1px dotted #999;
}
#content-box #central-part ul.data-list a,
#content-box #right-side ul.data-list a {
color: #0080FF;
text-decoration: none;
}
#content-box #central-part ul.data-list a:hover,
#content-box #right-side ul.data-list a:hover {
color: #000;
background: #B6CB07;
}
/* Latest Content */
#right-side .latest-content {
margin: 25px 0 30px 0;
}
#content-box .latest-content ul {
font-size: 1.2em;
margin: 20px 0 30px 20px;
list-style-type: circle;
}
#content-box .latest-content ul li {
border-bottom: 1px dotted #999;
padding: 8px 0 8px 0;
}
#content-box .latest-content ul a {
color: #0080FF;
text-decoration: none;
}
#content-box .latest-content ul a:hover {
color: #000;
background: #B6CB07;
}
/* Most Popular */
#content-box #central-part ul ol,
#content-box .most-popular ol {
font-size: 1.2em;
margin: 20px 0 60px 20px;
list-style-type: decimal;
}
#content-box #central-part ol li,
#content-box .most-popular ol li {
border-bottom: 1px dotted #999;
padding: 8px 0 8px 0;
}
#content-box #central-part ol a,
#content-box .most-popular ol a {
color: #0080FF;
text-decoration: none;
}
#content-box #central-part ol a:hover,
#content-box .most-popular ol a:hover {
color: #000;
background: #B6CB07;
}
#content-box #right-side .thumbnail,
#content-box #central-part .thumbnail {
margin-bottom:20px;
}
#content-box #left-side #subscribe-btn {
display: block;
position: absolute;
top: 253px;
left: 86px;
width: 70px;
height: 70px;
background: url(/site/images/gui/subscribe-btn.png) transparent 0 0 no-repeat;
z-index: 50;
}
/* video clips thumbnails */
#content-box #central-part .video-thumb {
width: 140px;
height: auto;
margin: 0 0 5px 0;
float: left;
}
#content-box #central-part div.alpha {
margin-right: 20px !important;
}
#content-box #central-part .video-thumb h4 {
margin: 5px 0 5px 2px;
}
.video-thumb img {
display: block;
width: 140px;
height: 79px;
background: #E6E6E6;
}
#content-box #central-part .thumbnail-management {
position: relative;
top: 20px;
left: 0;
display: block;
font-size: 1.2em;
margin: 40px 0 20px 0;
clear: both;
}
#content-box #central-part .thumbnail-management a {
display: block;
color: #0080FF;
text-decoration: none;
float: right;
margin: 5px 0 20px 10px;
}
#content-box #central-part .thumbnail-management a:hover {
color: #000;
background: #B6CB07;
}
#content-box #central-part .thumbnail-management a.plus-btn {
position: relative; top: -2px;
width: 20px;
height: 20px;
text-indent: -9999px;
background: url(/site/images/gui/plus-btn.png) transparent 0 0 no-repeat;
}
#content-box #central-part .thumbnail-management a.minus-btn {
position: relative; top: -2px;
width: 20px;
height: 20px;
text-indent: -9999px;
background: url(/site/images/gui/minus-btn.png) transparent 0 0 no-repeat;
}
#content-box #central-part .thumbnail-management a.plus-btn:active {
background: url(/site/images/gui/plus-btn.png) transparent 0 -20px no-repeat;
}
#content-box #central-part .thumbnail-management a.minus-btn:active {
background: url(/site/images/gui/minus-btn.png) transparent 0 -20px no-repeat;
}
/* covers styling */
#content-box #left-side #current-issue {
width: 130px;
height: 216px;
background: url(/site/images/backgrounds/blue-rounded-corner-bottom-left.png) #408AD8 left bottom no-repeat;
}
#content-box #left-side #current-issue h3 {
width: 115px;
height: 41px;
text-indent: -9999px;
font-size: 0;
background: url(/site/images/gui/current-issue.png) transparent 5px 8px no-repeat;
}
#content-box #left-side #current-issue img {
position: relative;
left: 7px;
top: 11px;
}
#content-box #left-side #january-issue {
width: 130px;
height: 216px;
background: url(/site/images/backgrounds/blue-rounded-corner-bottom-left.png) #B3B3B3 left bottom no-repeat;
}
#content-box #left-side #january-issue h3 {
width: 115px;
height: 41px;
text-indent: -9999px;
font-size: 0;
background: url(/site/images/gui/january-issue.png) transparent 5px 8px no-repeat;
}
#content-box #left-side #january-issue img {
position: relative;
left: 7px;
top: 11px;
}
#content-box #left-side #february-issue {
width: 130px;
height: 216px;
background: url(/site/images/backgrounds/blue-rounded-corner-bottom-left.png) #B3B3B3 left bottom no-repeat;
}
#content-box #left-side #february-issue h3 {
width: 115px;
height: 41px;
text-indent: -9999px;
font-size: 0;
background: url(/site/images/gui/february-issue.png) transparent 5px 8px no-repeat;
}
#content-box #left-side #february-issue img {
position: relative;
left: 7px;
top: 11px;
}
#content-box #left-side #march-issue {
width: 130px;
height: 216px;
background: url(/site/images/backgrounds/blue-rounded-corner-bottom-left.png) #B3B3B3 left bottom no-repeat;
}
#content-box #left-side #march-issue h3 {
width: 115px;
height: 41px;
text-indent: -9999px;
font-size: 0;
background: url(/site/images/gui/march-issue.png) transparent 5px 8px no-repeat;
}
#content-box #left-side #march-issue img {
position: relative;
left: 7px;
top: 11px;
}
#content-box #left-side #april-issue {
width: 130px;
height: 216px;
background: url(/site/images/backgrounds/blue-rounded-corner-bottom-left.png) #B3B3B3 left bottom no-repeat;
}
#content-box #left-side #april-issue h3 {
width: 115px;
height: 41px;
text-indent: -9999px;
font-size: 0;
background: url(/site/images/gui/april-issue.png) transparent 5px 8px no-repeat;
}
#content-box #left-side #april-issue img {
position: relative;
left: 7px;
top: 11px;
}
#content-box #left-side #may-issue {
width: 130px;
height: 216px;
background: url(/site/images/backgrounds/blue-rounded-corner-bottom-left.png) #B3B3B3 left bottom no-repeat;
}
#content-box #left-side #may-issue h3 {
width: 115px;
height: 41px;
text-indent: -9999px;
font-size: 0;
background: url(/site/images/gui/may-issue.png) transparent 5px 8px no-repeat;
}
#content-box #left-side #may-issue img {
position: relative;
left: 7px;
top: 11px;
}
#content-box #left-side #june-issue {
width: 130px;
height: 216px;
background: url(/site/images/backgrounds/blue-rounded-corner-bottom-left.png) #B3B3B3 left bottom no-repeat;
}
#content-box #left-side #june-issue h3 {
width: 115px;
height: 41px;
text-indent: -9999px;
font-size: 0;
background: url(/site/images/gui/june-issue.png) transparent 5px 8px no-repeat;
}
#content-box #left-side #june-issue img {
position: relative;
left: 7px;
top: 11px;
}
#content-box #left-side #july-issue {
width: 130px;
height: 216px;
background: url(/site/images/backgrounds/blue-rounded-corner-bottom-left.png) #B3B3B3 left bottom no-repeat;
}
#content-box #left-side #july-issue h3 {
width: 115px;
height: 41px;
text-indent: -9999px;
font-size: 0;
background: url(/site/images/gui/july-issue.png) transparent 5px 8px no-repeat;
}
#content-box #left-side #july-issue img {
position: relative;
left: 7px;
top: 11px;
}
#content-box #left-side #august-issue {
width: 130px;
height: 216px;
background: url(/site/images/backgrounds/blue-rounded-corner-bottom-left.png) #B3B3B3 left bottom no-repeat;
}
#content-box #left-side #august-issue h3 {
width: 115px;
height: 41px;
text-indent: -9999px;
font-size: 0;
background: url(/site/images/gui/august-issue.png) transparent 5px 8px no-repeat;
}
#content-box #left-side #august-issue img {
position: relative;
left: 7px;
top: 11px;
}
#content-box #left-side #september-issue {
width: 130px;
height: 216px;
background: url(/site/images/backgrounds/blue-rounded-corner-bottom-left.png) #B3B3B3 left bottom no-repeat;
}
#content-box #left-side #september-issue h3 {
width: 115px;
height: 41px;
text-indent: -9999px;
font-size: 0;
background: url(/site/images/gui/september-issue.png) transparent 5px 8px no-repeat;
}
#content-box #left-side #september-issue img {
position: relative;
left: 7px;
top: 11px;
}
#content-box #left-side #october-issue {
width: 130px;
height: 216px;
background: url(/site/images/backgrounds/blue-rounded-corner-bottom-left.png) #B3B3B3 left bottom no-repeat;
}
#content-box #left-side #october-issue h3 {
width: 115px;
height: 41px;
text-indent: -9999px;
font-size: 0;
background: url(/site/images/gui/october-issue.png) transparent 5px 8px no-repeat;
}
#content-box #left-side #october-issue img {
position: relative;
left: 7px;
top: 11px;
}
#content-box #left-side #november-issue {
width: 130px;
height: 216px;
background: url(/site/images/backgrounds/blue-rounded-corner-bottom-left.png) #B3B3B3 left bottom no-repeat;
}
#content-box #left-side #november-issue h3 {
width: 115px;
height: 41px;
text-indent: -9999px;
font-size: 0;
background: url(/site/images/gui/november-issue.png) transparent 5px 8px no-repeat;
}
#content-box #left-side #november-issue img {
position: relative;
left: 7px;
top: 11px;
}
#content-box #left-side #december-issue {
width: 130px;
height: 216px;
background: url(/site/images/backgrounds/blue-rounded-corner-bottom-left.png) #B3B3B3 left bottom no-repeat;
}
#content-box #left-side #december-issue h3 {
width: 115px;
height: 41px;
text-indent: -9999px;
font-size: 0;
background: url(/site/images/gui/december-issue.png) transparent 5px 8px no-repeat;
}
#content-box #left-side #december-issue img {
position: relative;
left: 7px;
top: 11px;
}
/* Search */
.main-search {
float:left;
width:190px;
height:30px;
margin:0 0 0 0;
padding:0;
background: url(/site/images/backgrounds/search-box.png) no-repeat;
position: relative;
top: 20px; left: 0;
}
.main-search form {
padding: 0;
margin:0 0 0 0;
height:19px;
position:absolute;
bottom:50%;
right:7px;
height:10px;
overflow:visible;
}
.main-search div.text {
float:left;
padding:1px;
background:#fff;
}
.main-search form .text input#inputsearch {
float:left;
font-family:Arial, Helvetica, sans-serif;
font-size: 11px;
border:0;
color:#999;
background:#fff;
width:140px;
height:14px;
margin:0;
padding:2px;
}
.main-search div.btn {
float:left;
margin-left:-1px;
padding:1px;
background:#fff;
}
.main-search div.btn form input {
width:29px;
height:19px;
padding:0;
margin:0;
}
/* Pop out icon */
.pop-out {position:relative;width:100%;height:12px; margin:-20px 0 20px 0;padding:0;}
.pop-out {position:relative;width:100%;height:12px;margin:15px 0 5px 0!important;padding:0;}
.pop-out a {
background: transparent url(/site/images/icons/pop-out95x12.gif) no-repeat;
display:block;
height:12px;
width:95px;
text-indent:-9999px;
position:absolute;
right:0;
top:0;
}
/* Track listing */
.tracklist
{
width:300px;
margin:20px 0;
float:left;
}
.tracklist ul
{
width: 100%;
background:#eee;
float:left;
font-weight: bold;
}
.tracklist ul li
{
border-top: 1px solid #999;
width:100%;
line-height:250%;
text-indent:10px;
float:left;
}
.tracklist ul li a {position:relative;}
.tracklist ul li a, .tracklist ul li a:link, .tracklist ul li a:visited {
display:block;
width:100%;
color:black;
background:transparent;
text-decoration:none;
}
.tracklist ul li a:hover {
color:black;
background:#d5df4b;
text-decoration:none;
}
.tracklist ul li a:active {
background:transparent;
text-decoration:none;
}
.tracklist ul li.selected a {
display:block;
color:black;
background:#d5df4b;
text-decoration:none;
}
.tracklist ul li a span
{
display:block;
position:absolute;
top:0;
right:10px;
}
/* Playlist page */
table#main-playlist {
margin-top:20px;
text-align:left;
border-bottom:1px solid #ccc;
border-left:1px solid #ccc;
}
table#main-playlist th {
line-height:240%;
border-right:1px solid #ccc;
text-indent:5px;
}
table#main-playlist td {
font-size:1.1em;
line-height:240%;
background:#eee;
font-weight:bold;
border-right:1px solid #ccc;
text-indent:5px;
}
table#main-playlist tr {
border-top: 1px solid #ccc;
}
table#main-playlist tbody td {
cursor: pointer;
}
table#main-playlist tr.playing td {
background:#d5df4b;
}
/* Common declarations for all */
#content-box h2 span {
display: block;
width: 300px;
height: 26px;
}
#content-box .relix-reverb h2 span {
background: url(/site/images/gui/the-latest106x14.png) transparent 6px 5px no-repeat;
}
/* main headlines within the content: interior */
#content-box .about-us h2 span {
background: url(/site/images/gui/about-us90x14.png) transparent 6px 5px no-repeat;
}
#content-box .advertise h2 span {
background: url(/site/images/gui/advertise94x14.png) transparent 6px 5px no-repeat;
}
#content-box .contact-us h2 span {
background: url(/site/images/gui/contact-us109x13.png) transparent 6px 5px no-repeat;
}
#content-box .news h2 span {
background: url(/site/images/gui/latest-news.png) transparent 6px 5px no-repeat;
}
#content-box .polls h2 span {
background: url(/site/images/gui/polls.png) transparent 6px 5px no-repeat;
}
#content-box .poll h2 span {
background: url(/site/images/gui/poll.png) transparent 6px 5px no-repeat;
}
#content-box .rss h2 span {
background: url(/site/images/gui/rss39x13.png) transparent 6px 6px no-repeat;
}
#content-box .on-the-verge h2 span {
background: url(/site/images/gui/on-the-verge.png) transparent 6px 5px no-repeat;
}
#content-box .features h2 span {
background: url(/site/images/gui/features.png) transparent 6px 5px no-repeat;
}
#content-box .reviews h2 span {
background: url(/site/images/gui/reviews.png) transparent 6px 5px no-repeat;
}
#content-box .cds h2 span {
background: url(/site/images/gui/reviews-cd116x14.png) transparent 6px 5px no-repeat;
}
#content-box .dvds h2 span {
background: url(/site/images/gui/reviews-dvd130x14.png) transparent 6px 5px no-repeat;
}
#content-box .shows h2 span {
background: url(/site/images/gui/reviews-shows139x14.png) transparent 6px 5px no-repeat;
}
#content-box .audio h2 span {
background: url(/site/images/gui/audio57x14.png) transparent 6px 5px no-repeat;
}
#content-box .relix-radio h2 span {
background: url(/site/images/gui/relix-radio113x14.png) transparent 6px 5px no-repeat;
}
/* These two are common to Video and Audio */
#content-box .artist-exclusives h2 span {
background: url(/site/images/gui/artist-exclusives167x14.png) transparent 6px 5px no-repeat;
}
#content-box .live-at-relix h2 span {
background: url(/site/images/gui/live-at-relix125x14.png) transparent 6px 5px no-repeat;
}
#content-box .video h2 span {
background: url(/site/images/gui/video56x14.png) transparent 6px 5px no-repeat;
}
#content-box .relix-tv h2 span {
background: url(/site/images/gui/relix-tv.png) transparent 6px 5px no-repeat;
}
#content-box .artists h2 span {
background: url(/site/images/gui/artists.png) transparent 6px 5px no-repeat;
}
#content-box .search h2 span {
background: url(/site/images/gui/search-results.png) transparent 6px 5px no-repeat;
}
#content-box .contests h2 span {
background: url(/site/images/gui/contests.png) transparent 6px 5px no-repeat;
}
#content-box .login h2 span {
background: url(/site/images/gui/login.png) transparent 6px 5px no-repeat;
}
#content-box .newsletter h2 span {
background: url(/site/images/gui/newsletter.png) transparent 6px 5px no-repeat;
}
#content-box .sign-up h2 span {
background: url(/site/images/gui/signup.png) transparent 6px 5px no-repeat;
}
.forgot-password h2 span {
background: url(/site/images/gui/forgot-password162x19.png) transparent 6px 5px no-repeat;
}
#content-box .page-not-found h2 span {
background: url(/site/images/gui/page-not-found.png) transparent 6px 5px no-repeat;
}
#content-box .server-error h2 span {
background: url(/site/images/gui/server-error.png) transparent 6px 5px no-repeat;
}
#content-box .blogs h2 span {
background: url(/site/images/gui/blogs.png) transparent 6px 5px no-repeat;
}
#content-box .jamgal h2 span {
background: url(/site/images/gui/jamgal.png) transparent 6px 5px no-repeat;
}
#content-box .doctors-orders h2 span {
background: url(/site/images/gui/doctors-orders.png) transparent 6px 5px no-repeat;
}
#content-box .exposed h2 span {
background: url(/site/images/gui/exposed.png) transparent 6px 5px no-repeat;
}
#content-box .geeks-and-freaks h2 span {
background: url(/site/images/gui/geeks-and-freaks.png) transparent 6px 5px no-repeat;
}
#content-box .ghosts-of-jambands-past h2 span {
background: url(/site/images/gui/ghosts-of-jambands-past.png) transparent 6px 5px no-repeat;
}
#content-box .indie-outing h2 span {
background: url(/site/images/gui/indie-outing.png) transparent 6px 5px no-repeat;
}
#content-box .picks-and-pans h2 span {
background: url(/site/images/gui/picks-and-pans.png) transparent 6px 5px no-repeat;
}
#content-box .covering-relix h2 span {
background: url(/site/images/gui/covering-relix145x19.png) transparent 6px 5px no-repeat;
}
#content-box .this-must-be-the-place h2 span {
background: url(/site/images/gui/this-must-be-the-place.png) transparent 6px 5px no-repeat;
}
#content-box .poll-results h2 span {
background: url(/site/images/gui/poll-results.png) transparent 6px 5px no-repeat;
}
#content-box .festival.details h2 span {
background: url(/site/images/gui/festival-details.png) transparent 6px 5px no-repeat;
}
#content-box .festival.news h2 span {
background: url(/site/images/gui/festival-news.png) transparent 6px 5px no-repeat;
}
#content-box .festival-search h2 span {
background: url(/site/images/gui/festivals-search162x14.png) transparent 6px 5px no-repeat;
}
#content-box .festival .result h2 span {
background: url(/site/images/gui/festivals.png) transparent 6px 5px no-repeat;
}
#content-box .festival.map h2 span,
#content-box .festival .map h2 span {
background: url(/site/images/gui/festival-map.png) transparent 6px 5px no-repeat!important;
}
/* main haeadlines within the content: right column */
.relix-av h2 span {
background: url(/site/images/gui/relix-av.png) transparent 6px 5px no-repeat;
}
.most-popular h2 span {
background: url(/site/images/gui/most-popular.png) transparent 6px 5px no-repeat !important;
}
.latest-content h2 span {
background: url(/site/images/gui/latest-content.png) transparent 6px 5px no-repeat;
}
.latest-content.festival-news h2 span {
background: url(/site/images/gui/festival-news.png) transparent 6px 5px no-repeat!important;
}
.latest-content.featured-content h2 span {
background: url(/site/images/gui/featured-content.png) transparent 6px 5px no-repeat!important;
}
.issues h2 span {
background: url(/site/images/gui/latest-content.png) transparent 6px 5px no-repeat;
}
/* New addition - 02-01-2010 */
.news p.timestamp {margin:0 0 15px 0!important;}
#content-box .news h3 {font-size:14px!important;line-height:150%!important;margin-bottom:15px!important;}
/* 7-9-2010 */
#central-part.wide img {
margin-bottom: 20px;
}
.poll-vote {float:left;width:100%;}
.poll-vote dl dd {
float: left;
}
input[type="radio"], input[type="checkbox"] {
margin: 3px 0.5ex;
}
.poll-vote dt {
float: right;
font-size: 1.2em;
line-height: 1.7em;
padding-bottom: 5px;
text-align: left;
width: 270px;
}
.poll-vote .buttons {
float: left;
margin-top: 10px;
width: 100%;
}
input[type="button"], input[type="submit"], input[type="reset"], input[type="file"]::-webkit-file-upload-button, button {
-webkit-box-align: center;
-webkit-box-sizing: border-box;
background-color: buttonface;
border: 2px outset buttonface;
color: buttontext;
cursor: default;
padding: 2px 6px 3px;
text-align: center;
}
.poll-module {
margin-top: 40px;
}
.poll-module h4 {
margin-bottom: 20px !important;
}
.poll-module .button {
margin-top: 20px !important;
}
.poll-result {
float: left;
width: 280px !important;
}
.poll-result dl {
margin-top: 0px;
width: 280px !important;
border-bottom: 1px solid #CCC;
overflow:hidden;
margin: 0px 0px 10px 10px;
padding: 0px;
font-size:1.2em;
}
.poll-result dl dt {
width: 280px;
float: left;
line-height: 1.3em;
margin-bottom: 5px;
margin-top: 0;
width: 155px;
}
.poll-result dl dd {
float: right;
line-height: 1.3em;
text-align: right;
width: 50px;
}
.poll-result dl dd.result {
background: #BABABA;
clear: both;
float: left;
height: 10px;
margin: 0px;
}
.post p, .comments p {
width: 100%;
}
.post p, .intro p, .comments p {
float: left;
font-size: 1.2em;
line-height: 1.7em;
margin-bottom: 10px;
}
.poll-result p {
float: left;
font-size: 12px;
margin: 10px 0px 10px 10px;
padding: 0px;
}
.poll-result .buttons {
float: left;
margin-top: 10px;
width: 100%;
}
/* comment styling */
#comments-display label {
display: block;
width: 100px;
margin-left: 1px;
}
#comments-display input {
background-color: white;
width: 180px;
margin: 0 0 10px 0;
border: 1px solid #CCCCCC;
}
#comments-display textarea {
background-color: white;
width: 307px;
max-width: 307px;
border: 1px solid #CCCCCC;
margin-bottom: 10px;
font-family: "Neue Helvetica", "Helvetica Neue", helvetica, arial, sans-serif;
}
#comments-display span.error {
display: block;
font-size: 1.2em;
font-weight: bold;
color: red;
}
#recaptcha_widget_div {
position: relative;
top: -4px;
left: -2px;
}
#comments-display input#submit-comment {
width: 100px;
margin: 15px 0 0 0;
-webkit-appearance: push-button;
border-style: inset;
-webkit-box-sizing: border-box;
-webkit-box-align: center;
-webkit-box-sizing: border-box;
background-color: buttonface;
border: 2px outset buttonface;
color: buttontext;
cursor: default;
padding: 2px 6px 3px;
text-align: center;
}
#comments-display .comment-head {
background: #F0F0F0;
padding: 4px 8px;
text-shadow: 0 1px 0 #fff;
}
#comments-display .comment-head a:hover {
text-shadow: none;
}
#comments-display .comment-message {
position: relative;
top: 5px;
left: 5px;
}
#comments-display .comment-timestamp {
display: block;
font-size: 0.8em;
color: #999999;
}
#comments-display label.error {
color: #ff0000;
}
#comments-display input.error, #comments-display textarea.error {
background-color: #FFF3F3;
box-shadow: 0 0 3px #FF0000;
-moz-box-shadow: 0 0 3px #FF0000;
-webkit-box-shadow: 0 0 3px #FF0000;
border: 1px solid red;
}