@charset "UTF-8";
/* CSS Document */
body{
background:#ccc;
font-family:Helvetica, "Times New Roman", Times, serif;
font-size:12px;
font-weight: normal;
overflow-x: hidden;
}

.imageGallaryLink{
	font-size:16px;
}

.miniText {
font-family:Arial, Helvetica, sans-serif;
font-size:10px;
font-weight: normal;
}
.miniGray {
font-family:Arial, Helvetica, sans-serif;
font-size:10px;
font-weight: normal;
color:#999999;
}
.mediumText {
font-family:Arial, Helvetica, sans-serif;
font-size:14px;
font-weight:bold;
}
.megaText {
font-family:Arial, Helvetica, sans-serif;
font-size:22px;
font-weight:bold;
}

h1{
margin-top:0px;
}

h2{
margin-top:0px;
}

div{
	font-weight: normal;
}
p{
	font-weight: normal;
}
td{
	font-weight: normal;
}
hr{
	border:#eee 1px solid;
}
object{
	padding:0px;
	margin:0px;
}

/* Design Columns */
#all{
    width: 100%;
    padding: 0px;
    text-align: center;
    margin-top: 0px;
}
#viewCartPayPal{
	position:fixed;
	top:5px;
	right:5px;
	z-index:1000;
}
#main-container{
/*	border:1px #000 solid;
*/	width:1200px;
	display:inline-block;
	margin-top:0px;
	position:relative;
	text-align:center;
}
#mainContent-container{
	border:0px;
	width:100%;
	display:block;
	margin-top:10px;
	position:relative;
	text-align: inherit;
	margin:20px auto;
}

#mainHeader{
	display: block;
}
#mainLogo{
	display:inline-block;
}
.logo{
	display: block;
	width:800px;
	height:auto;
}
#mainNav{
	width: 600px;
	display:block;
	left:-94px;
	position:relative;
	padding-left: 10px;
	padding-right: 10px;
	margin: 10px 0px 10px;
	display: inline-block;
	overflow:visible;
	text-align:left;
	/*border-bottom:1px #FFCC00 solid;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;*/
	vertical-align:top;
}
#mainNav a{
	border:0px #000 solid;
	padding: 2px;
	margin-left:4px;
	margin-right:4px;
}

.navUL{
	display:none;
	margin:0px;
	padding:3px;
	position:absolute;
	top:14px;
	left:6px;
	z-index:30;
	border:1px #000 solid;
	background:#fff;
	background:rgba(255,255,255,0.9);
	list-style:none;
	-moz-border-radius-bottomleft:5px;
	-moz-border-radius-bottomright:5px;
	-webkit-border-bottom-left-radius:5px;
	-webkit-border-bottom-right-radius:5px;

}

/* JOIN MAILINGLIST */
#joinMailinglist{
	position:absolute;
	right:-163px;
	top:4px;
}
/* */
#mainArtists {
	/*border:#000 1px solid;*/
	color:#999;
	margin: 5px;
	display: inline;
	float:left;
	vertical-align:top;
	width:200px;
	padding: 0px;
	position:relative;
	overflow:visible;
	text-align:right;
	left:0px;
	height:400px;
}
.showArtists{
	position:absolute;
	top:-12px;
	right:10px;
	z-index:10;
}
#mainArtists hr{
	border:#eee 1px solid;
}
#mainArtists a{
	color:#999;
}
#mainArtists a:hover{
	color:#91694F;
}	
#mainArtists p{
	margin:0px 0px 10px 0px;
	color:#ccc;
}
#mainArtistHeader{
	position:absolute;
	margin-top:-62px;
	height:62px;
	right:10px;
	color:#000000;
	font-weight:lighter;
	font-size:24px;
}

.liOff{
	display:none;
}
.liOn{
	display:list-item;
}

/*  MAIN CONTENT  */
#mainContent {
	width:740px;
	margin: 5px;
	display: inline;
	float:left;
	text-align:left;
	vertical-align:top;
	position: relative;
	padding: 0px 10px 10px 10px;
	border-right:1px #ddd solid;/* FFCC00 */
	border-left:1px #ddd solid;
	vertical-align:top;
}
#profileImage{
	border:2px #ccc solid;
	padding:5px;
}
.newsParagraph{
	font-size:10px;
}

.artistTable{
	padding:0px;
	margin:0px;
	width:680px;
}
.artistTable td{
	padding:0px 10px;
	margin:0px;
}

#releases{
	width:200px;
	overflow:auto;
	max-height:300px;
	padding:0px;
}
#listen{
	overflow:auto;
	max-height:300px;
	padding:5px;
	margin-bottom:10px;
}
#audioplayMain{
	/*position:relative;
	top:3px;
	display:inline-block;*/
}
.artistFieldset{
	border:1px #ddd solid;
	text-align:center;
	margin-bottom:5px;
	padding: 0px 0px 5px 5px;
	-moz-border-radius-bottomleft:30px;
	-webkit-border-bottom-left-radius:30px;
}
.storeItem{
	float:left;
	margin:5px;
}
#albumImage{
	border:1px #000 solid;
}


#mainReleases {
	padding: 0px;
	margin: 0px;
	display: inline;
	float:left;
	overflow: auto;
	position:relative;
	vertical-align:top;
	position: relative;
	width:150px;
	text-align:center;
	color:#ccc;
	height:500px;
	margin-right:50px;
	opacity:0.3;	
}
#mainReleases a{
	color:#000;
}
#mainReleases img{
	border:1px #000 solid;
}
#mainReleases a:hover{
	color:#EA8500;
	font-weight:bold;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
}	
#mainReleasesHeader{
	position:absolute;
	top:0px;
	margin-top:-62px;
	height:62px;
	left:10px;
	color:#000000;
	font-weight:lighter;
	font-size:24px;
}
#mainFooter{
	margin-top:40px;
	width:1100px;
	color:#999999;
	font-size:10px;
	vertical-align:top;
	text-align:center;
	font-family:Verdana, Arial, Helvetica, sans-serif;
}
#mainFooterHR{
	border: #999 1px solid;
	width: 300px;
}

#login{
	background: #eee;
	width: 200px;
	padding:5px;
	vertical-align:top;
	text-align:center;
	z-index:11;
	border:#999 solid 1px;
	overflow:hidden;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	font-weight: normal;
	position: relative;
}
#loginClose{
	position: absolute;
	top:3px;
	right: 7px;
	border: 0px;
}

/* LIVE */
.live img{
	border:0px;
	position:relative;
	top:1px;
	width:10px;
	height:10px;
}
.live a{
	padding-left:3px;
	padding-right:3px;
}
.liveSet{
	border:1px #666 solid;
	margin:3px;
}
.live{
	margin:3px;
}
.liveSet img{
	border:0px;
	position:relative;
	top:1px;
	width:10px;
	height:10px;
	padding-left:3px;
	padding-right:3px;
}

/* DIVS  */

#content{
	width: 530px;
	padding:10px;
	vertical-align:top;
	text-align:left;
	z-index:11;
	border:#999 solid 1px;
	overflow:hidden;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	font-weight: normal;
}

#images{
margin-top: 10px;
width: 530px;
padding:10px;
vertical-align:top;
text-align:center;
z-index:11;
border:#999 solid 1px;
display: inline-block;
-moz-border-radius:10px;
-webkit-border-radius:10px;
}
#news{
width: 250px;
padding: 10px;
vertical-align:top;
text-align:left;
z-index:11;
border:#999 solid 1px;
overflow:hidden;
-moz-border-radius:10px;
-webkit-border-radius:10px;
}

#artister{
	background:#eee;
	width: 130px;
	padding: 10px;
	vertical-align:top;
	text-align:center;
	z-index:11;
	border:#999 solid 1px;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
}


div#message{
	background:url(img/shade.png) 0 0;
	width:100%;
	height:100%;
	position:absolute;
	top:0px;
	left:0px;
	z-index:9999;
	display:none;
}

div#messageBoard{
	position:fixed;
	top:10px;
	left:10px;
	background:#fff;
	border:#000000 solid 1px;
	text-align:left;
	padding:5px;
	-moz-border-radius:2px;
	-webkit-border-radius:2px;
	display:none;
	z-index:10000;
}

#hagenBak{
	position: fixed;
	font-family: Helvetica;
	font-weight: bold;
	color: #eee;
	z-index: -1;
	font-size: 100px;
}
.pageDelete{
	border: #999 1px solid;
	-moz-border-radius: 5px;
	display: block;
	position: relative;
	margin: 3px;
	padding: 3px;
}
.pageDelete img{
	position: absolute;
	right: 5px;
	top: 2px;
}
/* FORMS */
textarea{
border:1px solid #999;
font-family:Arial, Helvetica, sans-serif;
font-size:10px;
padding:3px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
overflow:auto;
}

input[type=text]{
border:1px solid #999;
font-family:Arial, Helvetica, sans-serif;
font-size:10px;
padding:3px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
}
input[type=password]{
border:1px solid #999;
font-family:Arial, Helvetica, sans-serif;
font-size:10px;
padding:3px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
}
input[type=button]{
border:1px solid #999;
font-family:Arial, Helvetica, sans-serif;
font-size:10px;
padding:3px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
}
input[type=submit]{
border:1px solid #999;
font-family:Arial, Helvetica, sans-serif;
font-size:10px;
padding:3px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
}

/* GLOSSY MENU */
.glossymenu{
padding: 0;
width: 100px; /*width of menu*/
border: 1px solid #000000;
color: #ccc;
z-index:50;
overflow:visible;
display:block;
text-align:left;
}

.glossymenu a.menuitem{
background: #ccc url(/img/glossyback_BW.gif) repeat-x bottom left;
display: block;
position: relative; /*To help in the anchoring of the ".statusicon" icon image*/
width: auto;
padding: 4px 0;
padding-left: 10px;
text-decoration: none;
color:#FFFFFF;
}


.glossymenu a.menuitem:visited, .glossymenu .menuitem:active{
color:#FFFFFF;
}

.glossymenu a.menuitem .statusicon{ /*CSS for icon image that gets dynamically added to headers*/
position: absolute;
top: 5px;
right: 5px;
border: none;
}

.glossymenu a.menuitem:hover{
background:#ccc url(/img/glossyback_BW.gif);
}

.glossymenu div.submenu{ /*DIV that contains each sub menu*/
background:url(/img/glossyback3_BW.gif) repeat-x top left;
z-index:110;
}

.glossymenu div.submenu ul{ /*UL of each sub menu*/
list-style-type: none;
margin: 0;
padding: 0;
}

.glossymenu div.submenu ul li{
border-bottom: 1px solid #000000;
}

.glossymenu div.submenu ul li a{
display: block;
text-decoration: none;
padding: 2px 0;
padding-left: 10px;
color:#000000;
}

.glossymenu div.submenu ul li a:hover{
background: #DFDCCB;
color:#FF1010;
}


/* ADMIN */
div#adminAll{
    width: 100%;
    padding: 0px 0px 0px 0px;
    text-align: center;
    margin-top: 0px;
    margin-left: auto;
    margin-right: auto;
	vertical-align:top;
}
.main{
	width:900px;
	background:rgba(255,255,255,0.8);
	display:inline-block;
	margin-top:10px;
	position:relative;
	-moz-border-radius:15px;
	-webkit-border-radius:15px;
	border:#999 solid 1px;
}
.header{
	background: #fff url(/img/glossyback2.gif) repeat-x top left;
	width:100%;
	height:54px;
	text-align:left;
	position:absolute;
	top:0px;
	left:0px;
	-moz-border-radius-topleft:15px;
	-moz-border-radius-topright:15px;
	-webkit-border-top-left-radius:15px;
	-webkit-border-top-right-radius:15px;
}
.header img{
	position:relative;
	top:5px;
}

.main #adminHeader #logo{
	position:absolute;
	top:14px;
	left:20px;
	color:rgba(255,255,255,0.9);
	font-size:24px;	
}
.main #adminHeader #controls{
	position:absolute;
	top:20px;
	right:10px;
}
.main #adminHeader #search{
	display:inline-block;
	position:relative;
	margin-left:10px;
	top:-5px;
}
.content{
	display:inline-block;
	margin:54px 0px 0px 0px;
	padding:10px 10px 10px 10px;
	position:relative;
	text-align:left;
	width:880px;
}
.main #adminContent #columnA {
	display: inline;
	float:left;
	width: 100px;
	overflow: visible;
	position:relative;
	vertical-align:top;
	padding:5px;
}
.main #adminContent #columnB {
	width:750px;
	display:inline;
	float:left;
	text-align:left;
	padding:5px;
	vertical-align:top;
}

#error{
	display:inline-block;
	background:#fff;
	border:#999 solid 1px;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	padding:10px;
	margin:10px;
	width:450px;
	text-align:left;
}

/* Upload */
.upload{
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border:#999 1px solid;
	padding:3px;
	margin:3px;
}

/* MP3 */
.finderItem{
	border: #999 1px solid;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	display: inline-block;
	position: relative;
	vertical-align:middle;
	margin: 3px;
}
.finderItemAbove{
	border: #999 1px solid;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	display: inline-block;
	position: relative;
	vertical-align:middle;
	margin: 3px;
}
#finderItemHeader{
	position:relative;
	height:15px;
	top:0px;
	left:0px;
	background:url(/img/finderItemBak-blue.gif) repeat-x top left;
	text-align:center;
	-moz-border-radius-topleft:5px;
	-moz-border-radius-topright:5px;
	-webkit-border-top-left-radius:5px;
	-webkit-border-top-right-radius:5px;
	vertical-align:middle;
	padding:2px;
}
#finderItemHeader h4{
	display:inline;
	font-weight:normal;
}
#finderItemContent{
	margin-bottom:3px;
	padding:2px;
	text-align:center;
}
#profileImageAdmin{
	display:inline-block;
}
#profileImageAdmin img{
	border:#999 1px solid;
}
#finderItemImages{
	display:inline;
}
#finderItemImages img{
	display:inline-block;
	width:14px;
	height:14px;
	vertical-align:middle;
	position:relative;
	margin-bottom:4px;
}
#audioplayAdmin{
	display:inline-block;
	vertical-align:middle;
}

.finderMenuSelect{
	display:block;
	margin:3px;
}
finderContactsMenuSelect{
	display:inline-block;
}

#loading{
	width:400px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border:#999 1px solid;
	padding:3px;
	margin:3px;
	font-size:14px;
	font-weight:bold;
}

.blob{
	background:#eee url(img/transBak_EEEEEE_70.png) repeat;
	border:#999 1px solid;
	position:absolute;
	top:50%;
	left:50%;
	margin-left:-300px;
	margin-top:-100px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	overflow:auto;
	padding:0px 5px 5px 5px;
}
.blobAbove{
	background:#eee url(img/transBak_EEEEEE_70.png) repeat;
	border:#999 1px solid;
	position:fixed;
	top:50%;
	left:50%;
	margin-left:-300px;
	margin-top:-300px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	overflow-y:hidden;
	overflow-x:hidden;
}
#blobHeader{
	background: #fff url(/img/blobBak-blue.gif) repeat-x top left;
	width:100%;
	height:27px;
	text-align:left;
	position:relative;
	top:-3px;
	left:-5px;
	padding-right:10px;
	-moz-border-radius-topleft:5px;
	-moz-border-radius-topright:5px;
	-webkit-border-top-left-radius:5px;
	-webkit-border-top-right-radius:5px;
}
#loadingContent{
	width:100%;
	text-align:center;
}

#shade{
	width:100%;
	height:27px;
	position:absolute;
	top:0px;
	left:0px;
}
#blobHeader #editBlobImages{
	position:absolute;
	top: 4px;
	right:5px;
	z-index:2002;
}
#blobHeader #editBlobImages img{
	display:inline-block;
}

#blobHeader h2{
	
}
.blob #blobContent h3{
	position:relative;
	margin:5px 0px;
}
#blobContent{
	display:block;
	position:relative;
	text-align:left;
}
#submit{
	position:absolute;
	top:30px;
	right:3px;
	z-index:30;
}
#submit2{
	position:relative;
	width:100%;
	text-align:right;
	z-index:30;
}
#blobHeader p {
	font-size:18px;
	font-weight:bold;
	position:relative;
	margin-top:3px;
	margin-left:5px;
}
.nav{
	position:relative;
	margin-top:-5px;
}
.addLive img{
	width:15px;
	height:15px;
}
.ui-datepicker{
	z-index:30;
}

.trackListItem{
	border:1px #999 solid;
	margin:3px;
	padding:3px;
	background:#eee;
}
.trackListUl{
	list-style-type:decimal;
	margin:3px;
}
.membersListUl{
	list-style-type:none;
	margin-left:-43px;
}

/* Minimize */
#minimize_container{
	position:fixed;
	bottom:0px;
	left:0px;
	width:100%;
	/*height:36px;*/
	border-top:#aaa 2px solid;
	background:rgba(255,255,255,0.5);
	z-index:3000;
}
.minimized{
	border: #999 1px solid;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	display: inline-block;
	position: relative;
	vertical-align:middle;
	margin: 3px;
	height:27px;
	width:180px;
}
#minimizedHeader{
	background: #fff url(/img/blobBak-blue.gif) repeat-x top left;
	width:100%;
	height:27px;
	text-align:left;
	position:absolute;
	top:0px;
	left:0px;
	-moz-border-radius-topleft:5px;
	-moz-border-radius-topright:5px;
	-webkit-border-top-left-radius:5px;
	-webkit-border-top-right-radius:5px;
	
}
#minimizedShade{
	width:100%;
	height:27px;
	position:absolute;
	top:0px;
	left:0px;
}
#minimizedImages{
	position:absolute;
	top: 4px;
	right:5px;
	z-index:2002;
}
#minimizedImages img{
	display:inline-block;
}

#minimizedHeader p{
	font-weight:bold;
	font-size:16px;
	margin:5px;
}

/* SEARCH */
.searchBlock{
	display:block;
	margin-bottom:20px;
}

/* WALL */
.main #wallHeader #logo{
	
	color:rgba(0,0,0,0.9);
	font-size:36px;
}
#inputWall{
	display:inline-block;
}
#wallContent{
	margin:10px;
	
}
#wallDiv{
	width:500px;
}
#wall{
	display:inline-block;
	border: #999 1px solid;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	position:relative;
	width:100%;
	margin-bottom:10px;
}
#wallImage img{
	max-height:40px;
	border:1px #999 solid;
}
#wallMessage{
	text-align:left;
	vertical-align:top;
}
.wallDelete{
	position:absolute;
	bottom:3px;
	right:3px;
}

/* EDITOR RELATED STYLES - CUSTOMIZE FOR YOUR NEEDS */
/*
    The classes panel, the visual feedback and the preview
    will be affected by these values.
    
    - Commented styles inside style definitions are used for visual 
      feedback when using the editor.
    - Comments before opening the style are used as caption.
    - Comments after the class name and before the style declaration ({)
      define the jQuery expression that decides whether this 
      style should be applied or not.
      
    Note: the WYMeditor and /WYMeditor comments below are required
    for the CSS parser to work properly.
*/

/* WYMeditor */

/* PARA: Date */
p.date {
  color: #ccf;
  /* background-color: #ff9; border: 2px solid #ee9; */
}

/* PARA: Hidden note */
p.hidden-note /* p[@class!="important"] */ {
     display: none;
    /* color: #999; border: 2px solid #ccc; */
}

/* PARA: Important */
p.important /* p[@class!="hidden-note"] */ {
    color: red; font-weight: bold;
    /* color: red; font-weight: bold; border: 2px solid red; */
}

img.border {
    border: 1px solid #ccc;
    /* border: 4px solid #ccc; */
}

/* LIST: Special */
ul.special,
ol.special {
    color: green;
    /** / background-color: #fc9; border: 2px solid red; /**/
}


/* /WYMeditor */
/* END EDITOR RELATED STYLES */