body{ background:url(images/background_img/moon.jpg) no-repeat #000; background-position:top left; background-attachment:fixed; margin:0 auto; text-align:center; padding:0; color:#CCCCCC; font-family: Helvetica, Arial, Trebuchet,  sans-serif; font-size:13px; height: 100%; width:100%; 	 }

#container{ width:100%; height:auto; padding:0; margin:0; text-align:left; }

#header{ background:url(images/header_charcoal.jpg) no-repeat left; width:800px; height:308px;   padding:0; margin:0; }


p{ margin:0; padding:0;}

#mainbody{ width:800px; height:auto;  background: #000;   padding:0; margin:0 auto;  /* for IE */
  filter:alpha(opacity=80);
  /* CSS3 standard */  opacity:0.8;}
  
#mainbodyrightbackground{ background:url(images/mixes/all-over-the-world-mini.jpg) no-repeat #000;/* background-position:top right;*/  margin:0 auto; padding:0; width:300px; height:85px; position:fixed; top:544px; left:999px; }

#mainbodyinner{ width:800px; height:auto; background:#000; 
/*url(images/repeat_charcoal.png) repeat-y; _background:none; _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://www.daveallardice.com/images/repeat_charcoal.png',sizingMethod='scale');*/ padding:0  0 20px 0;  margin:0; float:left; font-family: Helvetica, Arial, Trebuchet, sans-serif;}
#mainbodyinner p{ padding:15px 10px 0 22px; margin:0;  }

#leftside{ width:430px; margin:0 ; padding:0; float:left;}
#rightside{ width:298px; margin:0; padding:0; float:left;}

#mainbodyend{/* background:url(images/bottom_charcoal.png) no-repeat; width:730px; height:9px;
_background: none; _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://www.daveallardice.com/images/bottom_charcoal.png',sizingMethod='image');*/ padding:0;  margin:0; height:6px; width:725px; text-align:center; float:left;  }

.clearall{ clear:both;}

a{ color:#FFffff ; font-weight:bold; text-decoration:none;}
a:hover{ color:#70B1DB ; font-weight:bold;}

img{ border: 3px solid #fff;}
img.noborder{ border:none; margin:0; padding:0; width:auto; height:auto; clear:both; float:left;}
img.noborderdivider{ border:none; margin:30px 0 30px 0; padding:0; width:auto; height:auto;}

/*IMAGES........*/
.leftimg{margin:0 0 0 18px; padding:0;}
.centerimg{ margin:0 auto; padding:0; text-align:center; width:auto; height:auto;}
.rightimg{ float:right; margin:10px 18px 10px 10px ;}
.blueborder{ float:right; margin:10px 18px 10px 10px ; border:2px double #509CCD;}
.greyborder{ float:right; margin:10px 18px 10px 10px ; border:2px double #242424;}

.introimg{margin:10px 0 0px 2px; padding:0; border:none; clear:both; width:auto; height:auto; float:left;}

.listen { position:relative; background:url(images/listen-hover.gif) no-repeat; margin: 10px 0 0 7px; padding: 0; border:none; width: 196px; height: 40px; clear:both;}
.listen img { width: 196x; height:40px; border:none; margin: 0; padding: 0;}
.listen a { display:block; }
.listen a:hover img{ visibility:hidden;}



/*end IMAGES........*/

#facebook{ position:fixed; top:3px; left:85px; width:150px; height:auto; padding:0; margin:0;}
#facebook img { border:1px solid #7393AC; margin:1px;}

.youtubevid{ text-align:center; width:425px; height:auto; margin:0 auto; border-top:2px solid #0F63C3; border-bottom:2px solid #0F63C3; padding:15px 0;}

h1 { width:auto; font-size:50px; color:#fff; line-height:28px; margin:10px 10px 3px 16px; padding: 0; font-weight:100; letter-spacing:-0.05em; }
h2 { width:auto; font-size:24px; color:#ffffff; line-height:28px; margin:0px 10px 0px 0; padding: 0;  font-weight:100; letter-spacing:-0.05em; }
h3 { width:auto; font-size:18px; color:#9E1C88; line-height:28px; margin:20px 0px 10px 0; padding: 0; font-weight:100; letter-spacing:-0.05em; }
h4 { width:auto; font-size:13px; color:#ffffff; line-height:20px; margin:0px 10px 10px 0; padding: 0;font-weight:100; letter-spacing:-0.05em;  }
h5 { width:auto; font-size:12px; color:#cccccc; line-height:20px; margin:0px 10px 0px 0; padding: 0;font-weight:100; letter-spacing:-0.05em;  }
h6 { width:auto; font-size:17px; color:#fff; line-height:20px; margin:10px 10px 3px 0; padding: 0; font-weight:100; letter-spacing:-0.01em; }


/*NAVIGATION........*/
#nav{width:740px; height:54px; padding:15px 0 0 0; margin:0 0 0 20px ; text-align:center;  background:#000;   }
#spacer{ height:10px; width:725px;}

.navone
{
position: relative;
font-family: arial, helvetica, sans-serif;
background:url(images/nav/hover/nav1.jpg) no-repeat;
margin: 0;
padding: 0;
float:left;
}

.navone a{display:block; }

.navone img
{
width: 155px;
height: 54px;
border: 0;}

.navone a:hover img
{
visibility:hidden;}

* html a:hover
{visibility:visible;}


.navtwo
{position: relative;
font-family: arial, helvetica, sans-serif;
background:url(images/nav/hover/nav2.jpg) no-repeat;
margin: 0;
padding: 0;
float:left;}

.navtwo a{display:block; }

.navtwo img
{width: 168px;
height: 54px;
border: 0;}

.navtwo a:hover img
{visibility:hidden;}

.navthree
{position: relative;
font-family: arial, helvetica, sans-serif;
background:url(images/nav/hover/nav3.jpg) no-repeat;
margin: 0;
padding: 0;
float:left;}

.navthree a{display:block; }

.navthree img
{width: 186px;
height: 54px;
border: 0;}

.navthree a:hover img
{visibility:hidden;}

.navfour
{position: relative;
font-family: arial, helvetica, sans-serif;
background:url(images/nav/hover/nav4.jpg) no-repeat;
margin: 0;
padding: 0;
float:left;}

.navfour a{display:block; }

.navfour img
{width: 213px;
height: 54px;
border: 0;}

.navfour a:hover img
{visibility:hidden;}
/*end NAVIGATION........*/




/*MIXES........*/

.mixboxfull{ margin:40px 0 30px 10px; padding:0;   width:695px; height:auto; float:left; }

.mixboxfull img{ border:none;}
 

.mixboxleft{ color:#CCCCCC; margin:40px 0 0 10px; padding:0; border:3px solid #242424; background:url(images/background_img/stripe_21.png) #000; width:335px; height:auto; float:left;}
.mixboxleft a{ font-weight:bold; font-size:14px; padding:0; margin:0; color:#ffffff;}
.mixboxleft a:hover{ color:#84bde1;}
.mixboxleft p{ padding:0; margin:0; text-align:left;}
.mixboxleft ul { list-style:none; margin:0; padding:10px 0 0px 7px;}
.mixboxleft li{ list-style:none; margin:0; padding:0; font-size:14px; line-height:18px;}

.mixboxdjdemo{ margin:10px 0 0 10px; padding:0; border:3px solid #242424; background:url(images/background_img/stripe_21.png) #000; width:335px; height:auto; float:left; color:#CCCCCC; }
.mixboxdjdemo a{ font-weight:bold; font-size:14px; padding:0; margin:0; color:#ffffff;}
.mixboxdjdemo a:hover{ color:#84bde1;}
.mixboxdjdemo p{ padding:0; margin:0; text-align:left;}
.mixboxdjdemo ul { list-style:none; margin:0; padding:10px 0 0px 7px;}
.mixboxdjdemo li{ list-style:none; margin:0; padding:0; font-size:14px; line-height:18px;}


#mixarchiveouter{  margin:0; padding:0 0 25px 0 ; border:0;  width:750px; height:auto;  background:url(images/divider-mixfull.jpg) bottom left no-repeat #000;}











.mix h3 { width:auto; font-size:15px; color:#71B1DD; line-height:16px; margin:0; padding:0 0 0 5px; }
.mix h4 { width:auto; font-size:14px; color:#cccccc; line-height:16px; margin:0; padding:0 0 0 5px; }
.mix h5 { width:auto; font-size:13px; color:#cccccc; line-height:16px; margin:0; padding:0 0 0 5px; }
.mix h6 { width:auto; font-size:12px; color:#cccccc; line-height:16px; margin:0; padding:0 0 0 5px; }

.reveal{ margin:0px 0 10px 10px; clear:both;	}
.reveal a{ }

#revealallover{
	display:none;
	clear:both;
	
	}
#revealallover ul {
	list-style:none;
	padding:0;
	margin:5px;
		}	
	
#revealallover li{
	list-style:none;
	padding:0;
	margin:0;
		}
		
#revealcomeondown{
	display:none;
	clear:both;
	
	}
#revealcomeondown ul {
	list-style:none;
	padding:0;
	margin:5px;
		}	
	
#revealcomeondown li{
	list-style:none;
	padding:0;
	margin:0;
		}		
/*end MIXES........*/



.mytracksleft{ margin:10px 0 0 10px; padding:4px; border:1px solid #C548AE; width:327px; height:auto; float:left;}
.mytracksleft a{ font-weight:bold; font-size:14px; padding:0; margin:0; color:#ffffff;}
.mytracksleft a:hover{ color:#84bde1;}
.mytracksleft p{ padding:0; margin:0; text-align:left;}
.mytracksleft li{ list-style:none; padding:4px; margin:0;}
.mytracksleft ul{ list-style:none; padding:5px; margin:0;}

.mytracks2{ margin:10px 0 0 10px; padding:0; border:1px solid #C548AE; width:335px; height:auto; float:left;}
.mytracks2 a{ font-weight:bold; font-size:14px; margin:0; padding:0; color:#ffffff;}
.mytracks2 a:hover{ color:#84bde1;}
.mytracksr2 p{ padding:0; margin:0; text-align:left;}



/*SPAN COLORS........*/
.pink{color:#9E1C88; font-size:14px;}
.purple{ color:#ab27aa;}
.orange{ color:#ff9d1d;}
.green{color:#bbd139;}
.blue{color:#7ab9e1;}
.yellow{color:#d3d11f;}

#counter{ margin:0 auto padding:0;
	position:relative;
	top:800px;}