/* Body -------------------------------------------------------------- */ body { background: url(../images/bg.png) #0b0b0b; color:#ccc; text-shadow: 0px -1px 0px #000; } p {font-size: 1em; } body#soon {background: url(../images/divsa-soon.jpg) no-repeat top center #000; text-indent: -9999px; } body.innerpage #primaryContent { color: #333;text-shadow: none; } /* Links -------------------------------------------------------------- */ a {font-weight: normal; text-decoration: none;} a:link {color: #cc3333;} a:visited {color: #666;} a:hover {color: #999; text-decoration: underline;} a:active {color:silver;} .edit {position: absolute; right: 10px; top: 10px; } /* Fonts -------------------------------------------------------------- */ h1, h2, h3 {color: #cc3333; font-weight: normal; margin-bottom: 10px;} h2 { font-size: 1.6em; } h2 a {color: #cc3333;} .innerpage h1 { font-size: 1.6em;color: #000; } .innerpage #primaryContent h3 { font-size: 1.4em;color: #000; } /* Nav -------------------------------------------------------------- */ #nav {background: url(../images/bg-nav.png) repeat-x #cc3333; color: #fff; height: 39px; overflow: hidden; font-size: 1em; text-shadow: 0px -1px 0px #ac1012; } #nav div {margin: 0 auto; width: 975px; text-align: center; padding: 8px 0 0 0; } #nav a {display: block; float: left; padding: 1px 10px; border-right: solid 1px #cf1316; border-left: solid 1px #f8595f; color: #fff; text-transform: uppercase; font-weight: normal; text-decoration: none;} #nav a:hover, #nav a.active {color: #212121; } #nav a.first {border-left: none; } #nav a.last {border-right: none; } /* logo -------------------------------------------------------------- */ #logo a {text-indent: -9999px; background: url(../images/logo.png) no-repeat; display: block; width: 237px; height: 127px;} /* Wrap, Wrapper and container -------------------------------------------------------------- */ #header {margin: 0 auto; width: 975px; } #home #wrap,#home #wrapper, #home #header {background: url(../images/bg-home.jpg) no-repeat top center; clear:both; } #home #container {position: relative;background: url(../images/bg-container.png) repeat-y; margin: 0 auto; width: 975px; } #blog #container {position: relative;background: url(../images/bg-container-inner.png) repeat-y; margin: 0 auto; width: 975px; } #blog #wrap,#blog #wrapper, #blog #header {background: url(../images/bg-blog.jpg) no-repeat top center; clear:both; } #podcasts #container {position: relative;background: url(../images/bg-container-inner.png) repeat-y; margin: 0 auto; width: 975px; } #podcasts #wrap,#podcasts #wrapper, #podcasts #header {background: url(../images/bg-podcast.jpg) no-repeat top center; clear:both; } #mixtapes #container {position: relative;background: url(../images/bg-container-inner.png) repeat-y; margin: 0 auto; width: 975px; } #mixtapes #wrap,#mixtapes #wrapper, #mixtapes #header {background: url(../images/bg-mixtapes.jpg) no-repeat top center; clear:both; } #schedule #container {position: relative;background: url(../images/bg-container-inner.png) repeat-y; margin: 0 auto; width: 975px; } #schedule #wrap,#schedule #wrapper, #schedule #header {background: url(../images/bg-schedule.jpg) no-repeat top center; clear:both; } #contact #container {position: relative;background: url(../images/bg-container-inner.png) repeat-y; margin: 0 auto; width: 975px; } #contact #wrap,#contact #wrapper, #contact #header {background: url(../images/bg-contact.jpg) no-repeat top center; clear:both; } /* Intro -------------------------------------------------------------- */ #intro {background: url(../images/txt-intro.png) no-repeat; width: 495px; height: 210px; margin: 45px 0 0 55px; position: relative;} #intro h1 {color: #fff; text-transform: uppercase; text-indent: -9999px;margin: 0; padding: 0; } #intro p {font-size: 1.3em; font-weight: normal; line-height: 1.8em; color: #ccc;} /* Home -------------------------------------------------------------- */ .homeplayer { border: solid 1px #212121;padding: 1px;background: #000; margin-bottom: 20px; } #player1 { border: solid 1px #212121;padding: 1px;background: #000; margin-bottom: 20px; width: 350px; height: 350px; } #home #countdowntable{ width: 480px; margin: 0; } /* recentupdates -------------------------------------------------------------- */ #recentupdates {background: url(../images/bg-home.jpg) no-repeat -328px -382px; position: relative; padding: 0 20px; margin: 0 15px; overflow: hidden; } .block .icon {background:url(../images/sprites.png) no-repeat -165px -184px; width: 126px; height: 120px; display: block; position: absolute; top: -15px; left: 10px; text-indent: -9999px;} .Mixtapes .icon {background-position: -309px -184px !important; } .Galleries .icon {background-position: -1px -183px !important; } .Podcasts .icon {background-position: -165px -187px !important; } .block .new {background: url(../images/sprites.png) no-repeat -320px -122px; width: 50px; height:25px; text-indent: -9999px; display: block; position: absolute; z-index: 10; top: 83px; left: 50px;} #recentupdates .block .date { background: none; padding: 0; } #recentupdates .block .case img { position: absolute; top: -10px; left: 22px; } #slider {overflow: hidden;} #slider .block {background: url(../images/sprites.png) no-repeat -1px -1px; width: 145px; height: 160px; display: block; float: left; text-align: center;font-size: 0.8em; margin:30px 20px 0 10px; position: relative;} #slider .block:hover {background-position: -162px -1px;} #slider a .block h3 {font-size: 1.2em; margin: 0; font-weight:bold; margin-top: 110px; } #slider a .block .info {color: #fff; font-weight: normal;} #slider a .block .source {margin-right: 3px; padding-right: 3px; border-right: solid 1px #2e2e2e;} #slider ul, #slider li {margin:0;padding:0;list-style:none;} #slider a {text-decoration: none; } #slider li { width:875px;height:216px;overflow:hidden;} #slider ul {overflow: hidden; padding-left: 10px;} #prevBtn, #nextBtn { display:block;width:30px;height:50px;position:absolute;left:19px;top:90px;} #nextBtn { left:897px;} #prevBtn a, #nextBtn a { background: url(../images/sprites.png) no-repeat -316px -7px; display:block;width:30px;height:50px; text-indent: -9999px;} #nextBtn a { background: url(../images/sprites.png) no-repeat -350px -7px; } #prevBtn a:hover { background-position: -390px -7px;} #nextBtn a:hover { background-position: -424px -7px;} #prevBtn a:active { background-position: -316px -6px;} #nextBtn a:active { background-position: -350px -6px;} /* Old Slider with arrows #slider {overflow: hidden;} #slider .block {background: url(../images/sprites.png) no-repeat -1px -1px; width: 145px; height: 160px; display: block; float: left; text-align: center;font-size: 0.8em; margin: 0 10px; position: relative; margin-top: 30px; } #slider .block:hover {background-position: -162px -1px;} #slider a .block h3 {font-size: 1.2em; margin: 0; font-weight:bold; margin-top: 110px; } #slider a .block .info {color: #fff; font-weight: normal;} #slider a .block .source {margin-right: 3px; padding-right: 3px; border-right: solid 1px #2e2e2e;} #slider ul, #slider li {margin:0;padding:0;list-style:none;} #slider a {text-decoration: none; } #slider li { width:875px;height:216px;overflow:hidden;} #slider ul {overflow: hidden; padding-left: 41px;} #prevBtn, #nextBtn { display:block;width:30px;height:50px;position:absolute;left:19px;top:90px;} #nextBtn { left:897px;} #prevBtn a, #nextBtn a { background: url(../images/sprites.png) no-repeat -316px -7px; display:block;width:30px;height:50px; text-indent: -9999px;} #nextBtn a { background: url(../images/sprites.png) no-repeat -350px -7px; } #prevBtn a:hover { background-position: -390px -7px;} #nextBtn a:hover { background-position: -424px -7px;} #prevBtn a:active { background-position: -316px -6px;} #nextBtn a:active { background-position: -350px -6px;} */ /* PrimaryContent -------------------------------------------------------------- */ #primaryContent {position: relative;width: 480px; float: left;display: inline; margin:40px 0 20px 55px; } .innerpage #primaryContent {width: 450px; margin:40px 30px 20px 55px; } #primaryContent td{border-bottom:1px solid #e6e6e6;} /* Buttons -------------------------------------------------------------- */ a.btn {background: url(../images/sprites.png) no-repeat -481px -458px; display: block; width: 186px; height: 27px; margin-bottom: 10px; text-align: center; padding: 6px 0 0 0; color: #818181; font-weight: normal; clear: both; } a.btn:hover {color: #fff; } /* Blog -------------------------------------------------------------- */ .post-summary, .post, .relatedentries, .comments {margin-bottom: 20px; position: relative; } .post-summary .edit, .post .edit, .relatedentries .edit, .comments .edit { position: absolute; top: 10px; right: 10px; z-index: 100; } .innerpage .post-summary, .innerpage .post, .innerpage .relatedentries, .innerpage .comments { border-bottom: solid 1px #e6e6e6; } .post-summary .thumb, .thumb { float: left; background: #f2f2f2; padding: 4px; border:solid 1px #e6e6e6; margin: 5px 15px 15px 0; } .pic { background: #f2f2f2; padding: 4px; border:solid 1px #e6e6e6; margin-bottom: 10px;} .post-summary h3 {margin-bottom: 5px; font-size: 1.3em;} .post-summary h3 a {font-weight: normal; } .post-summary h3 a:visited { color: #cc3333;} .post-info, .post-info a {color: #666;font-weight: normal;margin-bottom: 5px; padding:0 0 5px 0; font-size: 0.9em; } .post-info a:hover {color: #999; text-decoration: underline; } /* .date {background: url(../images/sprites.png) no-repeat -687px 1px;padding: 4px 0; padding-left: 18px; } .post-info .comments a {background: url(../images/sprites.png) no-repeat -687px -29px; padding-left: 18px; margin-left: 10px; }*/ .post-info .comments { border-left: solid 1px #e6e6e6; margin-left: 5px; padding-left: 5px; border-bottom: none; } #home .post-info .comments { border-left: solid 1px #333;} .caption { background: #e6e6e6; color: #212121; padding: 10px; } .post h1 { margin-bottom: 0; } .post .miniplayer {margin-bottom: 10px; clear: both;} /* Comments -------------------------------------------------------------- */ .commentBlock {padding: 20px 20px 5px 20px;clear: both; position: relative; background:#f2f2f2; border: solid 1px #E6E6E6; margin-bottom: 10px; width:408px;-moz-border-radius: 5px; -webkit-border-radius: 5px;} .adminComment {background:#f2f2f2; border-color: #212121;} .comment {padding:0 0 10px 0; float: left; display: inline;width: 320px;} .comment .date { font-size: 0.8em; background: none; padding: 0; color: #999; } .comment .author { font-size: 0.8em; background: none; padding: 0; color: #999; } .posted {padding: 0 0 10px 0; font-weight: bold; float: left; display: inline; width: 80px;} .posted .date {font-size: 0.8em; font-weight: normal; color:#808080;background: none; padding-left: 0; } .avatar { border: solid 1px #e5e5e5; padding: 3px; background:#fff; margin-right: 10px; } .commentsLink a { background: url(../images/icons.gif) no-repeat 0 2px; padding-left: 18px; margin-left:10px; } .commentBlock .edit {position: absolute; top: 10px; right: 10px; } /* SecondaryContent -------------------------------------------------------------- */ #secondaryContent {float: left; display: inline; width: 345px; margin: 40px 0 20px 40px; } .innerpage #secondaryContent { padding-top: 200px; } #secondaryContent .block {background: url(../images/sprites.png) no-repeat -1px -328px; height: 145px; margin-bottom: 20px;} #secondaryContent .block h2 {padding: 28px 0 0px 20px; margin-bottom: 0px; } #secondaryContent .block p {margin: 0 0 10px 20px; } #secondaryContent .blockexpand {background: url(../images/bg-blockexpand.png) no-repeat top left; margin-bottom: 20px; } #secondaryContent .blockexpand h2 {padding: 28px 0 5px 20px; margin-bottom: 5px; } #secondaryContent .blockexpand .bottomblock {background: url(../images/bg-blockexpand.png) no-repeat bottom; height: 30px; clear: both;} #secondaryContent .blockexpandsplit {background: url(../images/bg-blocksplit.png) no-repeat top left; margin-bottom: 20px; } #secondaryContent .blockexpandsplit h2 {padding: 28px 0 5px 20px; margin-bottom: 5px; } #secondaryContent .blockexpandsplit .bottomblock {background: url(../images/bg-blocksplit.png) no-repeat bottom; height: 30px; clear: both;} .blockexpandsplit ul { float: left; display: inline; margin-bottom: 0; width: 170px; } .blockexpandsplit ul li { list-style-type: none;margin: 0; padding: 0 0 0 20px; } .blockexpandsplit ul li a { color: #fff; padding: 2px 0 2px 20px; line-height: 1.6em; display: block; background: url(../images/sprites.png) no-repeat -686px -156px;} .blockexpandsplit ul#archives li a { padding: 2px 0 2px 20px; background: url(../images/sprites.png) no-repeat -686px -58px;} .blockexpandsplit ul li a:hover { color: #666; text-decoration: underline; } .blockexpandsplit ul h2 { font-size: 1.4em; } .socials {margin-left: 20px; } .socials li {display: inline; float: left; list-style-type: none; margin: 0 5px 0 0; } .socials li a {background: url(../images/sprites.png) no-repeat -320px -61px; text-indent: -9999px; display: block; width: 20px; height: 20px; } .socials li.youtube a {background-position:-320px -86px;} .socials li.youtube a:hover {background-position:-320px -59px;} .socials li.facebook a {background-position:-344px -86px;} .socials li.facebook a:hover {background-position:-344px -59px;} .socials li.myspace a {background-position:-368px -86px;} .socials li.myspace a:hover {background-position:-368px -59px;} .socials li.twitter a {background-position:-391px -86px;} .socials li.twitter a:hover {background-position:-391px -59px;} .socials li.rss a {background-position:-415px -86px;} .socials li.rss a:hover {background-position:-415px -59px;} .socials li.podcast a {background-position:-441px -86px; width: 165px; height: 24px; } .socials li.podcast a:hover {background-position:-441px -59px; width: 165px; height: 24px; } .socials li.delicious a {background-position:-167px -521px} .socials li.delicious a:hover {background-position:-167px -504px} .socials li.reddit a {background-position:-84px -521px} .socials li.reddit a:hover {background-position:-84px -504px} .socials li.stumbleupon a {background-position:-63px -521px} .socials li.stumbleupon a:hover {background-position:-63px -504px} .socialicons li {display: inline; float: left; list-style-type: none; margin: 0 5px 0 0; } .socialicons li a {display: block; width: 20px; height: 20px; } #primaryContent .socials { margin-left: 0; } #fanclub-form {margin-left: 20px; } #fanclub input.emailinput {background: url(../images/sprites.png) no-repeat -364px -330px; font-size: 1em; padding: 7px 0px 0 30px; color:#ccc; border: none; height: 26px; width: 196px;} #fanclub .submitbutton {vertical-align: top;} /* COUNTDOWN -------------------------------------------------------------- */ #countdown { position: relative; clear: both; } #countdown .edit { position: absolute; top: 10px; right: 10px; z-index: 100;} #countdowntable {font-size: 0.8em; margin: 0 20px; width: 300px; } #countdowntable td {border-bottom: solid 1px #2b2b2b; padding: 4px 2px; } #countdowntable td.number {color: #cc3333;width: 10px; } #countdowntable td.song {color: #fff; text-transform: uppercase; width: 150px;} #countdowntable td.artist {color:#666; width: 110px;} /* Podcast -------------------------------------------------------------- */ .itunepodcast { position: relative; padding-left: 90px; border-top: solid 1px #E6E6E6;border-bottom: solid 1px #E6E6E6; margin-bottom: 20px; padding-top: 15px;} .itunepodcast p { font-size: 0.9em; } #podcasticon a { text-indent: -9999px; position: absolute; background: url(../images/sprites.png) no-repeat -165px -196px; display: block; width: 140px; height: 125px; top: 20px; left: -50px; } .podcast-post {position: relative; border-bottom: solid 1px #E6E6E6; margin-bottom: 20px; } .podcast-post .edit { position: absolute; top: -20px; right: 10px; z-index: 100; } .podcast-post .songslist { background: #f2f2f2; border: solid 1px #e6e6e6; padding: 10px 20px 0 20px; margin-bottom: 20px;} .musiclist { font-size: 0.9em; clear: both; } .podcast-post h3 a.dl { font-size: 0.6em; } .number {color:#cc3333; } /* mixtapes -------------------------------------------------------------- */ .mixtape-post { position: relative; border-bottom: solid 1px #E6E6E6; margin-bottom: 20px; padding:0;} .mixtape-post .edit { position: absolute; top: 10px; right: 10px; z-index: 100; } .mixtape-post h3, .mixtape-post h1 {margin-bottom: 0; } .mixtape-post .date {color:#cc3333; margin-bottom: 15px; } .mixtape-post .thumb { margin-bottom: 20px; } .mixtape-post .miniplayer { position: absolute; left: 0; top: 140px;} .mixtapeplayer { margin-bottom: 15px; } a.dl {float: right; display: block; font-size: 0.8em; color: #fff; background: #cc3333; padding: 2px 5px; border: solid 1px #ff3333; border-bottom-color: #993333; border-right-color:#993333; margin-bottom: 10px;-moz-border-radius: 3px; -webkit-border-radius: 3px; } .trackslist .artist { font-size: 0.9em; color: #999; } /* Schedule -------------------------------------------------------------- */ #events-table td {padding: 15px 0; margin: 0; } #events-table .edit {position: relative; } #events-table td.info h3 {margin-bottom: 0; } #events-table .date {color:#cc3333; } #events-table td .thumb {float: none; margin: 0 15px 0 0; vertical-align: top;} #events-table td img { vertical-align:bottom; } #events-table td p.location {margin: 0; } /* Page navi -------------------------------------------------------------- */ .pagenavi pagenavi {text-transform: uppercase;clear: both;font-weight: normal;text-align: right;margin-bottom: 10px;} .pagenavi a,.pagenavi strong {padding: 3px 6px;background: #cc3333;margin-left: 3px;color: #fff;text-decoration: none;-moz-border-radius: 1px; -webkit-border-radius: 1px;} .pagenavi a:hover,.pagenavi strong {background: #303030;} /* Forms Styles -------------------------------------------------------------- */ .form { margin: 0 0 20px 0; padding: 20px; background: #f2f2f2; border:1px solid #E6E6E6; -moz-border-radius: 5px; -webkit-border-radius: 5px; } form p.note {color: #62accc; font-size: 0.9em; padding-top: 10px; border-top: solid 1px #d4ebf5; } form p.noteField {color: #333; font-size: 0.9em; padding-top: 10px; margin-left: 146px; } .form label, .addcomment label { float: left; width: 100px; padding: 0.7em 1em 0 1em; text-align: left; font-weight: bold; color: #212121; } .login label { float: none; width: 100px; padding: 0.7em 1em 0 1em; text-align: left; font-weight: bold; color: #212121; } .form p { margin-bottom: .5em; padding: 0; display: block; } .form input.textField, .form textarea { width: 260px; border: solid 1px #cbcbcb; border-bottom:solid 1px #fff; border-right: solid 1px #fff; color: #333; padding: 0.5em; font-family:"Helvetica Neue", Arial, Helvetica, Geneva, sans-serif; font-size: 1.1em; -moz-border-radius: 3px; -webkit-border-radius: 3px; } fieldset div select { } .selectList { clear: both; } div.fm-multi div { margin: 5px 0; } div.fm-multi input { width: 1em; } div.fm-multi label { display: block; width: 200px; padding-left: 5em; text-align: left; } .form .checkbox label { width: 300px; margin-left: 130px; } .form .submitZone { clear: both; padding: 1em 0 0em 125px; } .form .submitZone input.submit { border: none; } .form #fm-submit input:focus, #newsletterForm input.btn-submit:focus { border: none; } input:focus, .form textarea:focus { background: #ffffcc; color: #000; } fieldset.questions { padding: 10px 0;border-top: solid 1px #d4ebf5; } .smallField { width: 150px !important; } .captchaImage { margin: 5px 126px; display:block; } .check label { font-weight: bold;float: none; color:#7BA8BD;margin: 0; padding: 5px 0 20px 0; position: relative; clear: both; display: block;height: 10px; width: 560px;border-bottom: solid 1px #d4ebf5;} .check label input { width: auto;} .check span { position: absolute; left: 300px; top: 0; width: 200px; color:#666666; } /* required fields - does not work in IE */ fieldset div.fm-req { font-weight: bold; } fieldset div.fm-req label:before { content: "* "; /* does not work in IE */ } #loginForm label { float:none; padding: 5px 0; margin: 10px 0; } /* Footer -------------------------------------------------------------- */ #home #footer {clear:both;margin: 0 auto; width: 824px; background: url(../images/bg-footer.png) no-repeat; height: 150px; padding: 64px 15px 0 137px; color: #666;} .innerpage #footer {clear:both;margin: 0 auto; width: 824px; background: url(../images/bg-footer-inner.png) no-repeat; height: 150px; padding: 64px 15px 0 137px; color: #666;} #footer a {color: #666; font-weight: normal; } #footer p {margin: 0; padding: 0;} #footer ul {list-style-type: none; padding: 0; margin: 0; } #footer li {padding: 0; margin: 0; float: left; display: inline;} #footer li a { display: block; padding: 0 5px; border-right: solid 1px #333; } #footer li a.first {padding-left: 0; } #footer li a.last {border-right: none;} #footer #dc {float: right; margin-right: 20px; width: 38px; height: 23px; text-indent: -9999px; } #footer #dc a {display: block; width: 38px; height: 23px;background: url(../images/sprites.png) no-repeat -365px -389px; } #footer #dc a:hover {background-position: -365px -410px; }