/*
	Default Styles
*/

* {padding: 0; margin: 0; outline: 0; }

body { font: 13px/17px Arial, sans-serif; color:#8d8e92; background: #000 url(images/bg.jpg) no-repeat fixed center 0; padding-bottom: 20px; }

a { color:#f92f24; text-decoration: none; }
a:hover { color:#ba0f05; }
a img { border: 0; }

.aj { display: block; text-align: justify; }
.ac { display: block; text-align: center; }
.al { display: block; text-align: left; }
.ar { display: block; text-align: right; }
.fl { float: left; display: inline; }
.fr { float: right; display: inline; }
.cl { font-size: 0; line-height: 0; height: 0; display: block; clear: both; }
.notext { font-size: 0; line-height: 0; text-indent: -4000px; }
.hidden { display: none; }
.shell { width: 858px; margin: 0 auto }

/*
	Header
*/

#header { height: 138px; padding-top: 13px }

.links { text-align: right; padding-top: 26px }
.links a { margin-left: 22px }

h1#logo { height: 104px; width: 71px; float: left; display: inline; }
h1#logo a { display: block; height: 104px; background: url(images/logo.png); }

#navigation { padding-left: 9px }
#navigation ul { list-style: none outside; font: 19px "Trebuchet MS", Arial, sans-serif; text-transform: uppercase; }
#navigation li { float: left; display: inline; }
#navigation li a { float: left; display: inline; color: #4b4b4b; margin-right: 65px; line-height: 24px; }
#navigation li a.last { margin-right: 0 }
#navigation li a.active-link:hover { color: #CC0000; }
#navigation li a.active,
#navigation li a:hover { color: #f92f24; }

/*
	Content
*/


.content { background: #000; width: 858px }
.content .top { background: url(images/top.gif) no-repeat; width: 858px }
.content .bottom { background: url(images/btm.gif) no-repeat 0 bottom; width: 858px; padding-bottom: 15px; }

.header-content { margin-bottom: 15px; }
.header-content .bottom { padding-bottom: 0; }

.left-part { float: left; display: inline; width: 235px; padding-top: 25px }
.left-part p { padding-bottom: 11px; padding-left: 35px; }
.left-part strong { text-transform: uppercase; display: block; font-weight: normal; }
.heading { padding-bottom: 8px;padding-left: 35px }
.heading h2 { font-size: 17px; font-weight: normal; }
.heading p { padding-left: 0; }
.left-part .heading h2 strong { font-size: 17px; text-transform: uppercase; display: block; font-weight: bold; }
.left-part .more { text-transform: uppercase; font: bold 11px Arial, sans-serif;  background: url(images/arr.gif) no-repeat right 1px; padding-right: 20px; }
.left-part .more:hover { background-position: right -87px; }

div.image { float: right; display: inline; }
div.image img { display: block; }

.middle {}
.shop-middle { margin-top: 0 !important; }
.middle table { width: 793px; margin: 0 auto; }
.middle tr.last td { border: 0; padding-bottom: 0; }
.middle td { border-bottom: solid 1px #242526; padding: 15px 0; vertical-align: top; }
.middle td .more { text-transform: uppercase; font-size: 11px; font-weight: bold; background: url(images/arr.gif) no-repeat right 1px; padding-right: 20px; }
.middle td .more:hover { background-position: right -87px; }
.middle td small { font-size: 11px; }
.middle td.date { width: 80px }
.middle td.event { font-size: 17px; color: #f92f24; width: 185px; font-weight: bold; }
.middle td.info { width:445px }
.middle td.last { vertical-align:middle; }
.middle td.last a { background-image: url(images/arr.gif); float: right; display: inline; width: 11px; height: 11px; }
.middle td.last a:hover { background-position: 0 bottom; }
.middle td.last a.active { background-position: 0 bottom; }
.middle .shop { padding-top: 10px; }
.middle .shop td { padding: 24px 0 }
.middle .shop td.image { width: 146px }
.middle .shop td.description { width: 263px; padding-left: 47px }
.middle .shop td.description h2.cd { font-size: 17px; background: url(images/disc.gif) no-repeat 0 0px; padding-left: 32px; line-height: 25px; padding-bottom: 5px }
.middle .shop td.description h2.vinyl { font-size: 17px; background: url(images/vinyl.gif) no-repeat 0 0px; padding-left: 32px; line-height: 25px; padding-bottom: 5px }
.middle .shop td.description h2.mp3 { font-size: 17px; background: url(images/icon-mp3.gif) no-repeat 0 0px; padding-left: 32px; line-height: 25px; padding-bottom: 5px }
.middle .shop td.description h2 a { color:#8d8e92; }
.middle .shop td.description h2 a:hover { color:#ba0f05; }
.middle .shop td.description .cart { padding: 10px 0 0 33px; height: 20px; }
.middle .shop td.description span { color: #f92f24; font-size: 17px; font-weight: bold; float: left; white-space: nowrap; margin-right: 10px; }
.middle .shop td.description .postage { color: #8d8e92; font-size: 15px; font-weight: normal; float: left; white-space: nowrap; margin-right: 10px; }
.middle .shop td.description p { padding-left: 33px; }
.cart-link { float: left; font-size: 0; line-height: 0; width: 19px; height: 16px; background: url(images/cart.gif); text-indent: -4000px; }

/*
	News
*/

.paging { float: right; display: inline; padding: 10px 24px 0 0; }
.paging ul { list-style: none outside; }
.paging ul li { float: left; display: inline; }
.paging ul li a { float: left; display: inline; height: 11px; line-height: 11px; text-transform: uppercase; font-size: 11px; font-weight: bold; margin-right: 8px; }
.paging ul li a:hover { background-position: 0 bottom; }
.paging ul li a.next:hover { background-position: right bottom; }
.paging a.prev { background: url(images/prev.gif) no-repeat 0 0; padding-left: 20px;}
.paging a.next { background: url(images/next.gif) no-repeat right 0; padding-right: 20px; }

/*
	Artists
*/

#artists { padding: 0 35px; }
#artists .artist .last { padding: 20px 0; }
#artists .artist { border-bottom: 1px solid #242526; padding: 20px 0; }
#artists .artist img { float: left; display: inline; height: 54px; width: 160px; overflow: hidden; margin-right: 30px; background: #474749;  }
#artists .artist .artist-info { float: left; display: inline; width: 590px; }
#artists .artist .artist-info h2 { font: bold 17px/17px Arial, sans-serif; margin-bottom: 5px; }
#artists .artist .artist-info h2 a { color: #f92f24; background: url(images/arr.gif) no-repeat right 4px; padding-right: 20px; }
#artists .artist .artist-info h2 a:hover { background-position: right -85px; }

#artists .profile { padding: 30px 0; }
#artists .profile .player { float: left; display: inline; height: 313px; width: 287px; background: url(images/artist-mp3-player.gif) no-repeat 0 0; }
#artists .profile .photo { float: right; display: inline; height: 313px; width: 466px; overflow: hidden; background: #474749; }

#artists .profile .description { padding: 30px 0 0 50px; }
#artists .profile .description ul { list-style: none outside; float: left; display: inline; width: 115px; }
#artists .profile .description ul li { float: left; display: inline; width: 115px; height: 30px; padding-bottom: 10px; }
#artists .profile .description ul li a { float: left; display: inline; width: 75px; height: 28px; background: url(images/artist-links.gif) no-repeat 0 0; line-height:  12px; padding: 2px 0 0 40px; font-weight: bold; font-size: 11px; text-transform: uppercase; }
#artists .profile .description ul li a:hover { background: url(images/artist-links-hover.gif) no-repeat 0 0; }
#artists .profile .description ul li a.facebook { background-position: 0 -40px; }
#artists .profile .description ul li a.facebook:hover { background: url(images/artist-links-hover.gif) no-repeat 0 -40px; }
#artists .profile .description ul li a.my-space { background-position: 0 -80px; }
#artists .profile .description ul li a.my-space:hover { background: url(images/artist-links-hover.gif) no-repeat 0 -80px; }
#artists .profile .description ul li a.listen { background-position: 0 -120px; }
#artists .profile .description ul li a.listen:hover { background: url(images/artist-links-hover.gif) no-repeat 0 -120px; }
#artists .profile .description ul li a.download { background-position: 0 -160px; }
#artists .profile .description ul li a.download:hover { background: url(images/artist-links-hover.gif) no-repeat 0 -160px; }
#artists .profile .description h3 { font: 17px/17px Arial, sans-serif; color: #8d8e92; margin-bottom: 20px; }
#artists .profile .description p { padding-bottom: 15px; }
#artists .profile .description .info { float: left; display: inline; width: 466px; margin-left: 156px; }

/*
	Events
*/

#events { padding: 0 30px; }
#events .event { padding: 35px 30px 35px 0; border-bottom: 1px solid #242526; }
#events .event .header { float: left; display: inline; width: 200px; }
#events .event .header h3 { font: 17px/17px Arial, sans-serif; color: #8d8e92; }
#events .event .header h2 { font: bold 17px/17px Arial, sans-serif; color: #8d8e92; text-transform: uppercase; padding-top: 5px; }
#events .event .header span { display: block; padding-bottom: 10px; }
#events .event .header p { font-size: 11px; padding-bottom: 10px; }
#events .event .description { float: left; display: inline; width: 290px; text-align: justify; margin-left: 70px; }
#events .event img { float: right; display: inline; background: #242526; }


/*
	Broadcast
*/

#broadcasts { padding: 0 25px; }
#broadcasts h3 { font: 20px/20px Arial, sans-serif; color: #8d8e92; padding: 20px 0 0; }
#broadcasts .broadcast { padding: 15px 0; border-bottom: 1px solid #242526; }
#broadcasts .broadcast a.fl { width: 240px; height: 65px; overflow: hidden; margin: 0 35px 0 0; }
#broadcasts .broadcast .description { float: left; display: inline; width: 500px; }
#broadcasts .broadcast .description small { display: block; font-size: 11px; }

#broadcasts .youtube-channel .description { float: left; display: inline; width: 240px; }
#broadcasts .youtube-channel .description h2 { font: bold 17px/17px Arial, sans-serif; margin: 15px 0; }
#broadcasts .youtube-channel .description p { padding-bottom: 15px; }
#broadcasts .youtube-channel .video { float: right; display: inline; height: 314px; width: 521px; padding: 20px 15px 0 0; }

/*
	MP3
*/


#mp3 .description { width: 485px; }
#mp3 .description h2 {  background-image: url(images/icon-mp3.gif); no-repeat 0 0px; }
#mp3 .external-links li { list-style: none outside; width: 126px; }
#mp3 .external-links li a { display: block; background: url(images/mp3-external-link.gif) no-repeat 0 0; font-size: 0; line-height: 0; text-indent: -4000px; margin-bottom: 10px; }
#mp3 .external-links li a.itunes { height: 25px; }
#mp3 .external-links li a.itunes:hover { background: url(images/mp3-external-link-hover.gif) no-repeat 0 0; }
#mp3 .external-links li a.download { height: 32px; background-position: 0 -33px; }
#mp3 .external-links li a.download:hover { background: url(images/mp3-external-link-hover.gif) no-repeat 0 -33px; }
#mp3 .external-links li a.beatport { height: 25px; background-position: 0 -75px; }
#mp3 .external-links li a.beatport:hover { background: url(images/mp3-external-link-hover.gif) no-repeat 0 -75px; }
#mp3 .external-links li a.juno { height: 20px; background-position: 0 -105px; }
#mp3 .external-links li a.juno:hover { background: url(images/mp3-external-link-hover.gif) no-repeat 0 -105px; }
#mp3 .external-links li a.amazon { height: 24px; background-position: 0 -133px; }
#mp3 .external-links li a.amazon:hover { background: url(images/mp3-external-link-hover.gif) no-repeat 0 -133px; }

/*
	About
*/

#about { padding: 30px; }
#about h2 { font: 17px/17px Arial, sans-serif; margin-bottom: 15px; }
#about img.timeline { display:  block; margin: 60px 0; }
#about .col-left { float: left; display: inline; width: 380px; }
#about .col-right { float: right; display: inline; width: 386px; }
#about .col-right ul { float: right; list-style: none outside; text-transform: uppercase; font-weight: bold; padding: 15px 9px 0 0; }
#about .col-right ul li { width: 120px; }
#about .col-right ul li a { display: block; background: url(images/arr.gif) no-repeat right 3px; width: 125px; }
#about .col-right ul li a:hover { background: url(images/arr.gif) no-repeat right -86px; width: 125px; }


/*
	Footer
*/


.footer { margin-top: 5px; }
.footer .bottom { padding-top: 15px; padding-bottom: 15px }
.footer p { float: left; display: inline; font-size: 10px; width: 225px; line-height: 14px; }
.footer .share { float: left; display: inline; width: 120px; margin-right: 11px; margin-left: 20px }
.footer .submit { margin: 0 0 0 auto; width: 375px; }
.footer .submit label {  float: left; display: inline; padding-right: 14px; font: 15px/20px "Trebuchet MS", Arial, sans-serif; text-transform: uppercase;  color: #F92F24; font-weight: bold;}
.footer .submit .field { background: #202021; width: 117px; padding: 2px; font-size: 15px; line-height: 15px; float: left; display: inline; border: solid 1px #2c2c2e; color: #666; font-size: 11px; }

.footer .submit .btnp input {
	cursor: pointer; 
	color: #ed1d12; 
	text-transform: uppercase; 
	border: 0; 
	background: url(images/arr.gif) no-repeat right 2px; 
	height: 14px; 
	float: left; 
	font: 11px/14px Arial, sans-serif;
	display: inline;
	font-weight: bold;
	margin: 3px 10px 0 10px;
	padding-right: 15px;
}

.footer .submit .btnp input:hover { background-position: right -87px; }