/*
  Title # Music Hub
  Date  # 21 November 2009
*/

body{ padding:0px; margin:0px; background-color:#CCCCCC; }


#wrap{
      width:1000px;
	  margin:auto;
	  text-align:left;
	  }
	  
	  
#wrap2{
      width:1000px;
	  background-color:#FFFFFF;
	  float:left;
	  position:relative;
	  }	  
	  

h1{ font-family:Georgia, "Times New Roman", Times, serif; font-size:17px; font-weight:normal; color:#FFFFFF; padding:0px; margin:0px; }

ul{ padding:0px; margin:0px; }	  

.input_box{ font-family:Verdana, Arial, Helvetica, sans-serif; font-size:13px; font-weight:normal; color:#000000; border:none;
            background-color:#FFFFFF; width:150px; height:22px;
		  }

/* ================================================= Start Text =============================================== */

.prepand{ padding-top:5px; }
.prepand2{ padding-top:10px; }
.prepand3{ padding-top:15px; }
.prepand4{ padding-top:20px; }
.prepand5{ padding-top:25px; }
.prepand6{ padding-top:30px; }
.prepand6{ padding-top:35px; }

.color{ color:#CE9E0B; }
.color2{ color:#336ECF; }
.color3{ color:#0298FE; }
.color4{ color:#B7FF77; }


.text{ font-family:Verdana, Arial, Helvetica, sans-serif; font-size:13px; font-weight:normal; color:#6B6B6B; line-height:20px; }
    .text a{ color:#0066FF; text-decoration:none; }
	   .text a:hover{ color:#FF6600; text-decoration:underline; }


.font{ font-family:Georgia, "Times New Roman", Times, serif; font-size:17px; font-weight:normal; color:#FFFFFF; }

.font2{ font-family:Georgia, "Times New Roman", Times, serif; font-size:21px; font-weight:normal; color:#4C2F02; }
.font3{ font-family:Verdana, Arial, Helvetica, sans-serif; font-size:17px; font-weight:normal; color:#4C2F02; }
.font2a{ font-family:Georgia, "Times New Roman", Times, serif; font-size:21px; font-weight:normal; color:#253002; }
.font3a{ font-family:Verdana, Arial, Helvetica, sans-serif; font-size:17px; font-weight:normal; color:#485602; }

.font4{ font-family:Georgia, "Times New Roman", Times, serif; font-size:17px; font-weight:normal; color:#1882FB; }
    .font4 a{ color:#1882FB; text-decoration:none; }
	   .font4 a:hover{ color:#000000; }

.font5{ font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; font-weight:normal; color:#383838; }

.font6{ font-family:Verdana, Arial, Helvetica, sans-serif; font-size:13px; font-weight:normal; color:#818181; }
   .font6 a{ color:#818181; text-decoration:none; }
       .font6 a:hover{ color:#000000; }
	   
.font7{ font-family:Georgia, "Times New Roman", Times, serif; font-size:21px; font-weight:normal; color:#C71B1B; }

.font8{ font-family:Verdana, Arial, Helvetica, sans-serif; font-size:17px; font-weight:normal; color:#3C0202; }	  

.font9{ font-family:Georgia, "Times New Roman", Times, serif; font-size:21px; font-weight:normal; color:#FFFFFF; }

.font10{ font-family:Verdana, Arial, Helvetica, sans-serif; font-size:13px; font-weight:normal; color:#FFFFFF; } 

.font11{ font-family:Georgia, "Times New Roman", Times, serif; font-size:15px; font-weight:normal; color:#1882FB; }
    .font11 a{ color:#1882FB; text-decoration:none; }
	   .font11 a:hover{ color:#0099FF; text-decoration:underline; }



/* ================================================= End Text ================================================ */

/* ================================================= Start Top =============================================== */

#top{
     width:1000px;
	 background:url(images/mh_top_bg.jpg) no-repeat;
	 height:167px;
	 padding-top:17px;
	 float:left;
	 position:relative;
	 text-align:center;
	 }

/* ================================================= End Top ================================================ */


/* ================================================= Start Navigation =============================================== */

#navigation{
            width:1000px;
			background:url(images/mh_nav_bg.gif) repeat-x;
			height:45px;
			float:left;
			position:relative;
			}
			
			
			
			
			
	  .hover_fixed{ color:#FF9804; background:url(images/mh_nav_hover.jpg) center bottom no-repeat; padding-bottom:10px; }			
			
	  .nav_right{
	             width:221px;
				 padding:10px 0px 0px 9px;
				 background:url(images/mh_nav_right_bg2.gif) repeat-x;
				 height:35px;
				 float:left;
				 position:relative;
				 }				

/* ================================================= End Navigation  ================================================ */


/* ================================================= Start Main Body =============================================== */

#main_body{
           width:965px;
		   padding:17px 24px 34px 11px;
		   float:left;
		   position:relative;
		   *z-index:-1;
		   }
		   
/* ============ Start Left ============== */

#left{
      width:748px;
	  padding-right:36px;
	  float:left;
	  position:relative;
	  
	  }
	  
.left2{
      width:748px;
	  float:left;
	  position:relative;
	  }
	  
	  .left_video{
	              width:469px;
				  padding:4px 26px 0px 8px;
				  background:url(images/mh_video_bg.jpg) no-repeat;
				  height:219px;
				  float:left;
				  position:relative;
				
				  } 
				  
	  .banner{
	          width:132px;
			  padding:4px 4px 0px 4px;
			  background:url(images/mh_banner.jpg) no-repeat;
			  height:123px;
			  text-align:center;
			  float:left;
			  position:relative;
			  }
			  
	  .banner2{
	          width:132px;
			  padding:4px 4px 0px 4px;
			  background:url(images/mh_banner2.jpg) no-repeat;
			  height:123px;
			  text-align:center;
			  float:left;
			  position:absolute;
			  top:0px;
			  left:663px;
			  z-index:1;
			  }		  	
			  
.left3{
      width:741px;
	  padding:42px 0px 0px 7px;
	  float:left;
	  position:relative;
	  }
	  
	.left3a{
		   width:737px;
		   float:left;
		   position:relative;
		   } 
		   
		   .left_bar{
				    width:465px;
					padding-left:14px;
					background:url(images/mh_left_bar.jpg) no-repeat;
					height:32px;
					padding-top:5px;
				    float:left;
				    position:relative;
				    }
					
				.left_bar h1{ font-family:Georgia, "Times New Roman", Times, serif; font-size:21px; font-weight:normal; color:#00CCFF; }
				   .left_bar h1 a{ color:#00CCFF; text-decoration:none; }
				      .left_bar h1 a:hover{ color:#FFF60A; }
					
		  .banner3{
				  width:174px;
				  padding-right:8px;
				  background:url(images/mh_banner3.jpg) no-repeat;
				  height:140px;
				  padding-top:12px;
				  text-align:right;
				  float:right;
				  position:absolute;
				  left:570px;
				  top:139px;				  
				  }
				  
	.left3b{
		   width:737px;
		   padding-top:14px;
		   border-bottom:1px solid #E1E1E1;
		   float:left;
		   position:relative;
		   }
		   
		   .left3b1{
				   width:520px;
				   padding-left:12px;
				   float:left;
				   position:relative;
				   }
		   .left3b2{
				   width:230px;
				   float:right;
				   position:relative;
				   text-align:right;
				   }
				   
		   .left3b3{
				   width:737px;
				   padding-top:8px;
				   float:left;
				   position:relative;
				   }
				   
		   .comments_box{
		                 width:178px;
						 padding:7px 0px 7px 0px;
						 background-color:#E1E1E1;
						 float:right;
						 position:relative;
						 text-align:center;
						 }
						 
			   
		.left4{
			  width:741px;
			  padding:20px 0px 0px 7px;
			  float:left;
			  position:relative;
			  }	   				 	   		   		   			  	 
			  
/* ============= End Left =============== */

/* ============ Start Right ============== */

#right{
      width:181px;
	  float:left;
	  position:relative;
	  }
	  
   .banner4{
		   width:123px;
		   padding-left:17px;
		   background:url(images/mh_banner4.jpg) no-repeat;
		   height:127px;
		   float:right;
		   position:relative;
		   }
		   
.right2{
      width:167px;
	  padding-top:20px;
	  float:left;
	  position:relative;
	  }
	  
	 .archives{
			  width:145px;
			  padding-left:22px;
			  background:url(images/mh_archives_bg.jpg) no-repeat;
			  height:30px;
			  padding-top:2px;
			  float:left;
			  position:relative;
			  }
			  
			 .archives h1{ font-family:Georgia, "Times New Roman", Times, serif; font-size:19px; font-weight:normal; color:#FFFFFF; } 
			  
	 .archives2{
			   width:130px;
			   padding:6px 5px 17px 30px;
			   background-color:#F4F4F4;
			   border-left:1px solid #E5E5E5;
			   border-right:1px solid #E5E5E5;
			   border-bottom:1px solid #E5E5E5;
			   float:left;
			   position:relative;
			   }
			   
			.archives2 li{ font-family:Verdana, Arial, Helvetica, sans-serif; font-size:13px; font-weight:normal; color:#3A3A3A; list-style:none;
			               line-height:22px;
						 }	 
				  .archives2 li a{ color:#3A3A3A; text-decoration:none; }	
					.archives2 li a:hover{ color:#FF7800; }   		    		   	  

/* ============= End Right =============== */		   

/* ================================================= End Main Body ================================================ */


/* ================================================= Start Bottom =============================================== */

#bottom{
        width:1000px;
		padding:7px 0px 6px 0px;
		background-color:#222222;
		float:left;
		position:relative;
		text-align:center;
		*z-index:-1;
		}
		
.bottom_font{ font-family:Verdana, Arial, Helvetica, sans-serif; font-size:13px; font-weight:normal; color:#9F9F9F; }
   .bottom_font a{ color:#9F9F9F; text-decoration:none; }
      .bottom_font a:hover{ color:#FFFFFF; }				

/* ================================================= End Bottom ================================================ */
.inputbox{
	font-family:Georgia, Times, serif; 	font-size:12px; font-weight:normal; color:#666666; text-align:left;line-height:16px; border:#CCCCCC 1px solid;	background:#ffffff; 
}

.submit_btn{
	background-color:#FF5803;border-color:#FE6401 #FF5B02 #FF5403 #FF5B02;border-style:solid;border-width:1px;font-family:Georgia, Times, serif;;font-size:13px;color:#FFFFFF;padding:2px 15px 3px;text-align:left; cursor:pointer;width:60px;
}
.archive_text{
	float:left;
	width:95%;
	padding:8px 0px 0px 8px;
}

.comment_text{
	float:left;
	width:90%;
	padding-left:9%;
}


.nav{
	width:770px;
	background:url(images/mh_nav_right_bg.jpg) right no-repeat;
	height:35px;
	padding-top:10px;
	float:left;
	position:relative;
	text-align:center;
	}


/*.nav {
	margin: 0px;
	padding: 0px;
		margin-left:130px;
		float:left;
	}
	
  .nav li a{ color:#FFFFFF; text-decoration:none; padding-bottom:10px; position:relative; }	
	.nav li a:hover{ color:#FF9804; background:url(images/mh_nav_hover.jpg) center bottom no-repeat; } 
	
  .nav li{ 
  	font-family:Georgia, "Times New Roman", Times, serif; 
	font-size:21px; 
	font-weight:normal; 
	color:#FFFFFF; 
	list-style:none;
	background:url(images/mh_nav_bullett.gif) left no-repeat; 
	padding-left:11px; 
	padding-right:4px; 
	display:inline;
}	 
*/	
	
	
.nav ul {
	float: left;
	list-style: none;
	margin: 0px;
	padding: 0px;
	}
	
.nav li {
	float: left;
	list-style: none;
	/*margin: 0px;
	padding: 0px;*/
	background:url(images/mh_nav_bullett.gif) left no-repeat;
 	font-family:Georgia, "Times New Roman", Times, serif; 
	font-size:21px; 
	font-weight:normal; 
	color:#FFFFFF; 
	padding-left:11px; 
	padding-right:4px; 
	display:inline;

	

	}
	
.nav li a, .nav li a:link, .nav li a:visited {
	background: none;
	color: #0099FF;
	display: block;
	font-size: 20px;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-weight: normal;
	text-transform: none;
	text-decoration: none;
    margin: 0px;
	padding: 0px 0px 10px 0px;
	}

.nav li a:hover, .nav li a:active {
	
	color: #FF9804;
	display: block;
	font-size: 20px;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-weight: normal;
	text-transform: none;
	text-decoration: none;
    margin-top: 0px;
	padding: 0px 0px 10px 0px;
	background:url(images/mh_nav_hover.jpg) center bottom no-repeat;
	}
	
.nav li li a, .nav li li a:link, .nav li li a:visited {
	background: #1C1C1C; 
	color: #0099FF;
	width: 150px;
	font-size: 17px;
	font-family:Georgia, "Times New Roman", Times, serif; 
	font-weight: normal;
	/*text-transform: uppercase;*/
	float: none;
	margin: 0px;
	padding: 7px 10px 7px 10px;
	border-bottom: 1px solid #000000;
	border-left: 1px solid #000000;
	border-right: 1px solid #000000;
	}
	
.nav li li a:hover, .nav li li a:active {
	background: #1C1C1C;
	color: #FF9804;
	margin: 0px;
	padding: 7px 10px 7px 10px;
	}

.nav li ul {

	position: absolute;
	left: -999em;
	height: auto;
	width: 170px;
	margin: 0px;
	padding: 0px;
	z-index: 100;
	}
	
	/*my*/
.nav li ul li{

	float: left;
	list-style: none;
	background: none;
 	font-family:Georgia, "Times New Roman", Times, serif; 
	font-size:21px; 
	font-weight:normal; 
	color:#FFFFFF; 
	padding-left:11px; 
	padding-right:4px; 
	display:inline;
	}
	
	/*my*/
	
	

.nav li li { 
	}

.nav li ul a { 
	width: 140px;
	}

.nav li ul a:hover, .nav li ul a:active { 
	}

.nav li ul ul {
	margin: -30px 0 0 161px;
	}

.nav li:hover ul ul, .nav li:hover ul ul ul, .nav li.sfhover ul ul, .nav li.sfhover ul ul ul {
	left: -999em;
	}

.nav li:hover ul, .nav li li:hover ul, .nav li li li:hover ul, .nav li.sfhover ul, .nav li li.sfhover ul, .nav li li li.sfhover ul {
	left: auto;
	}

.nav li:hover, .nav li.sfhover { 
	position: static;
	}
	
.common{
	left:left;
	position:relative;
	width:97%;
	padding-left:2%;
}