/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ C O M M O N   T A G S.
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
html {
	direction        : ltr;
	height           : 100%;
}
body {
	top              : 0px;
	left             : 0px;
	width            : 100%;
	height           : 100%;
}
body, div, p, form {
	margin           : 0px;
	padding          : 0px;
}
body, div, table, p, input, textarea, select, h1, h2, h3, h4, h5, h6 {
	color            : #ffffff;
	font-size        : 11px;
	font-family      : Arial, Helvetica, Verdana, sans-serif;
	font-weight      : normal;
}
a, div#dataFrame a {
	color            : #ffffff;
	text-decoration  : underline;
}
a:hover, div#dataFrame a:hover {
	color            : #a20d00;
	text-decoration  : none;
}
a img {
	border           : none;
}
form, form fieldset, form input {
	padding          : 0px;
	margin           : 0px;
	display          : block;
	border           : 0px solid green;
	overflow         : hidden;
}
form legend, form label {
	display          : none;
}
input.radio {
	padding          : 0px;
	margin           : 0px;
}
hr {
	padding          : 0px;
	margin           : 0px;
	clear            : both;
	width            : 100%;
	height           : 3px;
	border           : 0px;
	color            : #a20d00;
	background-color : #a20d00;
}



/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ M E N U   /   M A I L I N G - L I S T   F O R M.
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
body, body#mainFrame {
	background       : #0c0c0c;
}
div#dataFrame {
	position         : relative;
	margin-right     : auto;
	margin-left      : auto;
	padding          : 0px;
	width            : 725px;
	/*overflow         : auto;*/
	background       : #0c0c0c;
	/*border           : 1px solid red;*/
}
ul#menuFrame {
	position         : absolute;
	top              : 530px;
	left             : 2px;
	width            : 262px;
	padding          : 0px;
	margin           : 0px;
	list-style       : none;
}
ul#menuFrame li {
	padding          : 0px;
	margin           : 0px;
}
ul#menuFrame li a {
	display          : block;
	border           : 0px;
	text-decoration  : none;
}
ul#menuFrame li img {
	display          : block;
	clear            : both;
	border           : 0px;
}
img#menuBack, img#menuAddThis {
	float            : left;
	margin-top       : 15px;
	border           : 0px;
}
img#menuAddThis {
	float            : right;
}
div#mailinglistFrame {
	position         : absolute;
	top              : 410px;
	left             : 2px;
	width            : 255px;
	height           : 100px;
}
div#mailinglistListingFrame {
	position         : absolute;
	top              : 2px;
	left             : 2px;
	width            : 725px;
	height           : 100px;
	border           : 1px solid green;
}



/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ I N F O   P A G E.
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
div#infoHeader {
	margin-bottom    : 30px;
	overflow         : auto;
}
div#infoHeader img {
	display          : block;
	float            : left;
}
h3.infoSectionTitle {
	display          : inline;
	font-size        : 14px;
	font-weight      : bold;
	padding          : 0px;
	margin           : 0px 0px 10px 0px;
}
a.soundcloud-dropbox {
	display          : block;
	margin           : 0px auto;
	background       : transparent url(http://a1.soundcloud.com/images/dropbox_small_dark.png?4f2942) top left no-repeat;
	color            : #ffffff;
	font-size        : 10px;
	height           : 23px;
	padding          : 26px 60px 0px 12px;
	width            : 122px;
	text-decoration  : none;
	line-height      : 1.3em;
}
a.soundcloud-dropbox:hover {
	color            : white !important;
	background-color :	transparent !important;
	background-position: -250px 0 !important;
}
ul#socialnetworksList {
	margin           : 0px 0px 0px 13px;
	padding          : 0px;
}
ul#socialnetworksList li {
	float            : left;
	margin           : 0px;
	padding          : 0px 24px 0px 0px;
	list-style       : none;
}
ul#socialnetworksList li a {
	display          : block;
}



/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ R E L E A S E S   P A G E.
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
img#releasesHeader {
	margin-bottom    : 50px;
	float            : left;
	clear            : left;
}
img#releasesBeatport {
	float            : right;
	margin-top       : 5px;
	border           : 1px solid #2f2f2f;
}
div.releasesSection {
	clear            : both;
	overflow         : auto;
	margin-bottom    : 75px;
}
img.releasesBadge, img.releasesSectionBadge {
	float            : left;
	margin-right     : 20px;
}
div.releasesTracks h3 {
	margin           : 0px 0px 30px 0px;
	padding          : 0px;
	font-size        : 14px;
	font-weight      : bold;
	text-decoration  : underline;
}
div.releasesTracks h4 {
	font-size        : 11px;
	font-weight      : normal;
	padding          : 0px;
	margin           : 15px 0px 5px 0px;
}
div#dataFrame div.releasesTracks a {
	margin           : 0px;
	padding          : 0px;
	font-size        : 14px;
	font-weight      : bold;
	font-style       : italic;
	text-decoration  : none;
}
img.releasesPaypal {
	margin-left      : 15px;
	vertical-align   : top;
}
div.releasesInfos {
	display          : none;
}



/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ T O O L - T I P.
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
div.tip {
	position         : relative;
	z-index          : 98;
	width            : 400px;
	overflow         : hidden;
	border           : 0px;
}
div.tip-title, div.tip-text {
	margin           : 0px;
	padding          : 0px;
	color            : #ffffff;
	font-weight      : bold;
	border           : 0px solid #ff0000;
	text-transform   : capitalize;
}
div.tip-title {
	padding          : 8px 7px;
	background       : transparent url(../images/releasesTooltipBackground.png) no-repeat left top;
	/*border           : 1px solid #fff000;*/
}

div.tip-text {
	padding          : 0px 7px 8px 7px;
	font-weight      : normal;
	text-align       : justify;
	text-transform   : none;
	background       : transparent url(../images/releasesTooltipBackground.png) no-repeat left bottom;
}
div.tip-text hr {
	padding          : 0px;
	margin           : 0px 0px 8px 0px;
	clear            : both;
	width            : 386px;
	height           : 1px;
	border           : 0px;
	color            : #ffffff;
	background-color : #ffffff;
}



/*~~~~~~~~~~~~~~~~~~~ M A I L I N G - L I S T   -   B A C K - O F F I C E   F O R M.
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
form#mailinglistForm {
	width            : 262px;
	overflow         : auto;
	margin           : 0px auto;	
	border           : 0px solid red;
}
form#mailinglistForm input#mailinglistFormEmail {
	float            : left;
	width            : 208px !important;
	height           : 18px;
	color            : #ffc0c0;
	padding          : 2px 6px 0px 6px;
	margin           : 0px;
	border           : 0px;
	overflow         : hidden;
	background       : transparent url(../images/mailinglistFormEmail_out.png) no-repeat left top;
}
form#mailinglistForm input#mailinglistFormOk {
	float            : right;
}
form#mailinglistListingForm textarea#mailinglistFormListingArea {
	width            : 713px !important;
	height           : 444px;
	color            : #ffffff;
	padding          : 3px 6px;
	margin           : 0px;
	border           : 0px;
	overflow         : hidden;
	background       : transparent url(../images/mailinglistListingFormArea.png) no-repeat left top;
	text-align       : justify;
}
form#mailinglistListingForm input#mailinglistListingFormButton {
	margin-top       : 10px;
}



/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ N E W S L E T T E R.
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
h2.newsletterSectionHeader, h2.infoSectionHeader {
	height           : 18px;
	padding          : 4px 10px;
	margin           : 0px;
	border           : 0px;
	color            : #f6e7e6;
	text-align       : left;
	font-size        : 15px;
	font-style       : italic;
	font-weight      : bold;
	background-color : #a20d00;
}
div.newsletterSectionContent, div.infoSectionContent {
	display          : block;
	/*position         : relative;*/
	overflow         : auto;
	padding          : 12px 10px 20px 10px;
	background-color : #1d1d1f;
	margin           : 6px 0px 25px 0px;
}
div.newsletterSectionContent ul {
	margin           : 0px 0px 0px 30px;
	padding          : 0px;
}
div.newsletterSectionContent p, div.newsletterSectionContent li, div.infoSectionContent p {
	font-size        : 11px;
	font-family      : Verdana, Helvetica, Arial, sans-serif;
	line-height      : 14px;
}
div.infoSectionContent img {
	margin-right     : 10px;
}
div.newsletterSectionContent hr {
	padding          : 0px;
	margin           : 0px;
	clear            : both;
	width            : 100%;
	height           : 1px;
	border           : 0px;
	color            : #ffffff;
	background-color : #ffffff;
}
h3.newsletterSectionTitle {
	font-size        : 14px;
	font-weight      : bold;
	padding          : 0px;
	margin           : 5px 0px 7px 0px;
}
table.newsletterSectionDisc {
	width            : 100%;
	padding          : 0px;
	margin           : 0px;
	border           : 0px;
}
img.newsletterSectionBadge {
	border           : 0px;
	margin-left      : 5px;
}
p#newsletterSectionPlayer, img#newsletterSectionPlayer {
	width            : 410px;
	height           : 207px;
	margin-left      : 5px;
	border           : 2px solid #ffffff;
}
div#newletterFooter {
	display          : block;
	overflow         : auto;
	margin           : 15px 0px;
}



/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ A L E R T   B O X.
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
div#alertBox {
	position         : absolute;
	display          : block;
	width            : 350px;
	height           : 122px;
	z-index          : 999;
	color            : #ffffff;
	text-align       : center;
	background       : transparent url(../images/alertboxBackground.png) no-repeat left top;
}
div#alertBox h3#alertBoxTitle {
	margin           : 12px 0px 0px 0px;
	padding          : 0px;
	font-size        : 17px;
	font-style       : italic;
	font-weight      : bold;
}
div#alertBox img {
	margin           : 0px;
	padding          : 0px;
}
div#alertBox p#alertBoxContent {
	margin           : 10px;
	line-height      : 16px;
}