

/*-------  Header --------*/




header {
	position: fixed;
	width: 100%;
	top: 0;
	color: #666;
	z-index: 999999;
	padding: 0px;
	border-bottom: 1px solid #000;
	-moz-box-shadow: 0px 2px 5px rgba(0,0,0, 1), -1px 0px 0px rgba(255,255,255 1);
	-webkit-box-shadow: 0px 2px 5px rgba(0,0,0, 1);       
	background: #EEE;
	background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#eee)); /* for webkit browsers */
	background: -moz-linear-gradient(top,  #fff,  #eee); /* for firefox 3.6+ */
	text-shadow: 0 1px 0px #fff;
	display: block;
}

nav#site-nav li,
nav#user-nav li {}		

nav li{
		float: left;
		padding: 0 !important;
			margin: 0 25px 0 0;

		}
		
		
			nav#site-nav li a{
                        font-weight: bold;
letter-spacing: .04em;

			}
			
			

			nav#site-nav li a{
			text-decoration: none;
			display: inline-block;
			color: #666;
			padding: 13px 10px 10px 35px;
			line-height: 2em;
			-moz-border-radius: 3px;
			-webkit-border-radius: 3px;

			}
	



nav#user-nav li {
		margin: 0;
}

nav#user-nav li a.login{
display: block;
margin: 13px 15px 0 0;

	border: 0;
	-moz-box-shadow: 0 1px 0px rgba(255,255,255, 1);
	-webkit-box-shadow:  0 1px 0px rgba(255,255,255, 1);
	
	
	background: -webkit-gradient(linear, left top, left bottom, from(rgba(255,255,255, 1)), to(rgba(255,255,255, .7))) !important; /* for webkit browsers */
	background: -moz-linear-gradient(top,  rgba(255,255,255, 1),  rgba(101,101,101, .1)) !important; /* for firefox 3.6+ */
	
	text-shadow: 0 1px 0px rgba(255,255,255, .2);
	
	color: rgba(0,0,0,.9);
padding: 6px 14px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border: 1px solid #bbb;
  border-top: 1px solid #ddd;
  border-bottom: 1px solid #aaa;



}


nav#user-nav li a.login:active{
display: block;
margin: 13px 15px 0 0;
	-moz-box-shadow: 0 1px 0px rgba(255,255,255, 1), inset 0 1px 2px rgba(101,101,101, .4);

	border: 0;

	
	
	background: -webkit-gradient(linear, left top, left bottom, from(rgba(101,101,101, .1)), to(rgba(255,255,255, .7))) !important; /* for webkit browsers */
	background: -moz-linear-gradient(top,  rgba(101,101,101, .2),  rgba(101,101,101, .1)) !important; /* for firefox 3.6+ */
	
	text-shadow: 0 1px 0px rgba(255,255,255, .2);
	
	color: rgba(0,0,0,.9);
padding: 6px 14px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  
  border: 1px solid #bbb;
  border-top: 1px solid #aaa;
  border-bottom: 1px solid #ddd;



}






	nav#site-nav a{

}

	nav#site-nav .video-link a{

background: url(../images/icons.png) 6px 19px no-repeat;
}
	nav#site-nav .audio-link a{
background: url(../images/icons.png) 8px -26px no-repeat;
}
		
	nav#site-nav .love a{
margin-right: 0;
background: url(../images/icons.png) 8px -73px no-repeat;
}		
		




nav#site-nav li.home-link{

overflow: hidden;
height: 51px;width: 65px;

margin: 0 !important;
}
nav#site-nav .home-link a{
width: 0px !important;
overflow: hidden;width: 65px;

height: 0 !important;
padding: 50px 0 0 50px !important;
margin: 0 10px 0 0 !important;
-moz-border-radius: 0 !important;
-webkit-border-radius: 0 !important;
border-radius: 0 !important;
background: url(../images/icons.png) 17px -509px no-repeat;
}



@media only screen and (max-width: 700px){
nav#site-nav a{
width: 0px !important;
overflow: hidden;
height: 0 !important;
padding-top: 46px !important;
margin: 0 !important;
width: 65px;

-moz-border-radius: 0 !important;
-webkit-border-radius: 0 !important;
border-radius: 0 !important;
background: url(../images/icons.png) 6px -509px no-repeat;
}
nav#site-nav li{
width: 65px;

overflow: hidden;
height: 51px;
margin: 0 !important;
}
}



@media only screen and (max-width: 1140px){

}






		nav#user-nav{
		float: right;
		}
		


#search{
	float: right;
	padding: 9px;
	margin: 0px;
	height: 35px;
	width: 281px;
	background: #a03f39;
	background: -webkit-gradient(linear, left top, left bottom, from(#c2554e), to(#a03f39)); /* for webkit browsers */
	background: -moz-linear-gradient(top,  #c2554e, #a03f39); /* for firefox 3.6+ */
	border-left: 1px solid #974e4a;
	color: #fff;
  -moz-box-shadow: inset 0 1px 0px rgba(255,255,255,.4);
  -webkit-box-shadow: inset 0 1px 0px rgba(255,255,255,.4);
  box-shadow: inset 0 1px 0px rgba(255,255,255,.4);
}



#search_query {
	width: 231px;
	padding: 10px 10px 10px 40px;
	color: #FFF !important;
	font-weight: bold !important;
	text-shadow: 0 1px 0px  rgba(0,0,0,.5);
	background: #6a2b27;
	margin-bottom: 0 !important;
	background: url(../images/icons.png) 12px -282px no-repeat, -webkit-gradient(linear, left top, left bottom, from(rgba(0,0,0,.5)), to(rgba(0,0,0,.3))); 
	background: url(../images/icons.png) 12px -282px no-repeat, -moz-linear-gradient(top,  rgba(0,0,0,.5), rgba(0,0,0,.3)) !important;
}
	
	
	

	
	#hover_align{
	position:fixed; 
	top: 10px; 
	right: 283px; 
	z-index: 9999999999;
width: 300px;
	}
	
	
#hoverMenuLogin{
	margin-left: 100px;
	display: none;
	-moz-box-shadow: 0 10px 30px #000;
	-webkit-box-shadow: 0 10px 30px #000;
	box-shadow: 0 20px 30px #000;
	background: #EEE;
	background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#eee)); /* for webkit browsers */
	background: -moz-linear-gradient(top,  #fff,  #eee); /* for firefox 3.6+ */
	text-shadow: 0 1px 0px #fff;
	color: #333;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
}
		
	
	#hoverMenuLogin li#login{
padding: 20px;
	color: #333;
	}



	#hoverMenuLogin li#login a.forgot_password{
	color: #333;
font-size: 11px;
display: inline-block;
padding: 15px 10px 0 0;
	}


	#hoverMenuLogin li#login a.forgot_password{
	color: #333;
font-size: 11px;
display: inline-block;
padding: 15px 10px 0 0;
	}


#registerHidden{
padding: 20px;
}

.always_free,
.register_tag{
color: #333 !important;
padding: 10px;
display: inline-block;
}


	#hoverMenuLanguage{
display: none;

	-moz-box-shadow: 0 10px 30px #000;
	-webkit-box-shadow: 0 10px 30px #000;
	box-shadow: 0 20px 30px #000;
	
	background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#eee)); /* for webkit browsers */
	background: -moz-linear-gradient(top,  #fff,  #eee); /* for firefox 3.6+ */
	
	text-shadow: 0 1px 0px #fff;
	
	padding: 0px;

  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
	color: #333;
	height: 300px;
overflow: auto;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	}



#hoverMenuLanguage button{
	-moz-box-shadow: inset 0 1px 0px #fff;
	-webkit-box-shadow:inset 0 1px 0px #fff;
	box-shadow: inset 0 1px 0px #fff;
	border: 0;
margin: 0;
	background: -webkit-gradient(linear, left top, left bottom, from(#eee), to(#ddd)); /* for webkit browsers */
	background: -moz-linear-gradient(top,  #eee,  #ddd); /* for firefox 3.6+ */
	font-size: 12px;
	text-shadow: 0 1px 0px #fff;
padding: 10px 10px;
width: 284px;
text-align: left;
border-bottom: 1px solid #ccc;
}

#hoverMenuLanguage button:hover{
cursor: pointer;
	-moz-box-shadow: inset 0 1px 0px #fff;
	-webkit-box-shadow:inset 0 1px 0px #fff;
	box-shadow: inset 0 1px 0px #fff;


	background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#efefef)); /* for webkit browsers */
	background: -moz-linear-gradient(top,  #fff,  #efefef); /* for firefox 3.6+ */

}


#hoverMenuLanguage button:active{
cursor: pointer;
	-moz-box-shadow: inset 0 2px 3px #333;
	-webkit-box-shadow:inset 0 2px 3px #333;
	box-shadow: inset 0 2px 3px #333;


	background: -webkit-gradient(linear, left top, left bottom, from(#ddd), to(#eee)); /* for webkit browsers */
	background: -moz-linear-gradient(top,  #ddd,  #eee); /* for firefox 3.6+ */

}






#hoverMenuLanguage h3{
	-moz-box-shadow: inset 0 1px 0px rgba(255,255,255, .3);
	-webkit-box-shadow:inset 0 1px 0px rgba(255,255,255, .3);
	box-shadow: inset 0 1px 0px rgba(255,255,255, .3);

border-top: 1px solid #777;
border-bottom: 1px solid #777;
	background: -webkit-gradient(linear, left top, left bottom, from(#999), to(#666)); /* for webkit browsers */
	background: -moz-linear-gradient(top,  #999,  #666); /* for firefox 3.6+ */
	font-size: 12px;
	text-shadow: 0 1px 0px rgba(255,255,255, .3);
padding: 10px 10px;
margin: 0 !important;
text-align: left;
}




#hoverMenuLanguage li.current button{
	-moz-box-shadow: inset 0 1px 0px rgba(0,0,0, .3);
	-webkit-box-shadow: inset 0 1px 0px rgba(0,0,0, .3);


	border: 0;
	background: url(../images/icons.png) 12px -228px no-repeat, -webkit-gradient(linear, left top, left bottom, from(#fff), to(#eee)); /* for webkit browsers */
	background: url(../images/icons.png) 12px -228px no-repeat, -moz-linear-gradient(top,  #ccc,  #ddd); /* for firefox 3.6+ */
	background: url(../images/icons.png) 12px -228px no-repeat, linear-gradient(top,  #ccc,  #ddd); /* for firefox 3.6+ */	
	
text-shadow: 0 1px 0px #fff;
padding: 10px 10px 10px 40px;
width: 284px;
text-align: left;
}




li#language  a{
background: url(../images/icons.png) 12px -120px no-repeat;
padding-left: 50px !important;
}



li#account a{
float: right;
}



li#language a.hover,
li#account a.hover{


	
}


#registerHidden{
display: none;
}




.loggedin a{
display: block;
  margin: 0px;
  border: 0 !important;
  padding: 15px 8px;

  letter-spacing: .06em;
text-decoration: none !important;
  font-size: 12px;
  font-family: Arial, Helvetica, sans-serif;
  font-weight: normal !important;
    
  -moz-box-shadow: 0 1px 2px #333;
  -webkit-box-shadow:inset 0 1px 2px #333;
  box-shadow: 0 1px 2px #333;  
  

  background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#ddd)); /* for webkit browsers */
  background: -moz-linear-gradient(top,  #fff,  #ddd);
  
  
color: #333 !important;	text-shadow: 0 1px 0px #fff !important;
}







a.logo{

position: absolute;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;


	-moz-box-shadow: 0 1px 3px rgba(255,255,255, .2);
	-webkit-box-shadow: 0 1px 3px rgba(255,255,255, .2);
	box-shadow: 0 1px 3px rgba(255,255,255, .2);
	

overflow: hidden;
padding-top: 26px;
width: 26px;

height: 0;


	background: rgba(0,0,0, .8);
	text-shadow: 0 1px 0px #fff;


}








