@charset "UTF-8";
/* CSS Document */

@font-face {
  font-family: Beton;
  src: url(BetonComDBol.ttf);
}       
 html { 
	background: url('background.jpg') no-repeat center center fixed; 
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}
body
{ 

color: #ffffff;
font-family: "Baskerville", Palatino, serif;
text-shadow: 1px 1px 3px #363636;  
}

header#header_moog {
	width: 100%;
	border: 0; 
	float: center;
	
}
nav.head_nav {
		font-family: Beton;
		font-size: 50px;
		color: #c7c6c6;
		letter-spacing: 4px;
		line-height: 30%; 
		text-align:center;
		margin-top: 15px;
		}

.header_cont {
		width: 960px;
		margin: 0 auto;
		text-align:center;
}
a {
color:#ffffff;
text-decoration: none;
text-shadow: 1px 1px 2px #363636;
font-weight: lighter;
}
a:hover {
	text-decoration: none; 
	border-bottom: 2px Solid #f0514e;
	}
	
.menu:hover{
color: #f0514e;
font-weight: lighter;
-moz-transition: 0.1s ease-in;
-o-transition: 0.1s ease-in;
-webkit-transition: 0.1s ease-in;
text-shadow: 2px 2px 0px #ffffff, 4px 4px 0px #363636;
border-bottom: 0px;
}

hr {
  color: #ffffff;
  height: 4px;
  background-color: #FFFFFF;
  border: 0px;
  width: 960px;
}
#album {	
	width: 900px;
	margin: 0 auto;
	font-family: Baskerville;
	font-size: 17px;
	color: #ffffff;
}
#news {	
	width: 960px;
	margin: 0 auto;
	font-family: Baskerville;
	font-size: 17px;
	color: #ffffff;
	text-align: center:
}
#bio {	
	width: 960px;
	margin: 0 auto;
	font-family: Baskerville;
	font-size: 17px;
	color: #000000;
	text-shadow: 1px 1px 2px #ffffff;
	background-color: rgba(230,230,230,.3);
	-webkit-border-radius: 10px;
	border-radius: 10px;
}
#contact {	
	width: 960px;
	margin: 0 auto;
	font-family: Baskerville;
	font-size: 17px;
	color: #000000;
	text-shadow: 1px 1px 2px #ffffff;
	background-color: rgba(230,230,230,.3);
	-webkit-border-radius: 10px;
	border-radius: 10px;
	text-align: center;
}
.contactlink A:link {
	color: #000000;
	text-decoration: none;
	text-shadow: 1px 1px 3px #ffffff;
	}
.contactlink A:hover {
	color: #000000;
	text-decoration: none;
	border-bottom: 2px Solid #f0514e;
	}
.contactlink A:visited {
	color: #000000;
	text-decoration: none;
	}

img {
	border-color: #ffffff;
} 

h1 {
	font-family: Beton;
	font-size: 55px;
	color: #f0514e;
	letter-spacing: 4px;
	font-weight: lighter;
	margin: 0 auto;
text-shadow: 2px 2px 0px #ffffff; 
} 
 
h2 {
	font-family: Beton;
	font-size: 32px;
	color: #ffffff;
	text-align: center;
	font-weight: lighter;
	text-shadow: 1px 1px 2px #363636; 
	letter-spacing: 1px;
} 

h3 {
	font-family: Beton;
	font-size: 45px;
	color: #ffffff;
	letter-spacing: 2px;
	font-weight: lighter;
	margin: 0 auto;
	text-shadow: 0px 2px 2px #363636; 
} 
h4 {
	font-size: 13px;
	font-style:italic;
	margin: 0 auto;
	letter-spacing: 1px; 
	text-transform: uppercase;
} 
h5 {
	font-family: Beton;
	font-size: 46px;
	margin: 0 auto;
	letter-spacing: 1px; 
	color:#363636;
	text-shadow: 1px 1px 2px #ffffff;
	text-align: center; 
} 

h6 {
	color:#f0514e;  
	text-shadow: 0px 0px 3px #ffffff; 
	font-family: Beton;
	font-size: 32px;
	font-weight: lighter;
	letter-spacing: 1px;
	margin-bottom: auto;
} 

.album_text  {	
	margin: 0 auto;
	font-family: Baskerville;
	font-size: 17px;
	color: #ffffff;
	text-shadow: 1px 1px 0px #363636;
} 	
.pet {
width:400px;
padding:2em 1em 1em 1em;                
   
-webkit-transition: all 300ms ease-out;
-moz-transition: all 300ms ease-out;
-ms-transition: all 300ms ease-out; 
-o-transition: all 300ms ease-out;
transition: all 300ms ease-out;
}
                
.pet img {
margin:auto;
display:block;          
-webkit-transform: scale(.9);
-moz-transform: scale(.9);
-ms-transform: scale(.9);
-o-transform: scale(.9));          
transform: scale(.9);
  
-webkit-transition: all 400ms cubic-bezier(0.250, 0.460, 0.450, 0.940); 
-moz-transition: all 400ms cubic-bezier(0.250, 0.460, 0.450, 0.940); 
-ms-transition: all 400ms cubic-bezier(0.250, 0.460, 0.450, 0.940); 
-o-transition: all 400ms cubic-bezier(0.250, 0.460, 0.450, 0.940); 
transition: all 400ms cubic-bezier(0.250, 0.460, 0.450, 0.940); /* easeOutQuad */

-moz-border-radius: 8px;
-webkit-border-radius: 8px;
border-radius: 8px;
}

.pet:hover {
background-color:white;
background-color: rgba(230,230,230,.3);
-webkit-border-radius: 10px;
border-radius: 10px;            
cursor: pointer;
text-shadow: 1px 1px 3px #ffffff !important;
color:#000000 !important;
}
        
.pet:hover img {
-moz-transform: scale(1);
-webkit-transform: scale(1);
-o-transform: scale(1));
-ms-transform: scale(1);
transform: scale(1);


}                               
.pet:hover h2 {
color:#f0514e;  
text-shadow: 2px 2px 4px #ffffff;     
}
.pet:hover h1 {
color:#f0514e;  
text-shadow: 2px 2px 0px #ffffff, 4px 4px 0px #000000;        
}
.pet:hover h3 {
text-shadow: 2px 2px 0px #363636;         
font-style:italic;
}
.lyrics A:link {
	color: #ffffff;
 	text-decoration: none;
	font-weight:bold;
	text-shadow: 1px 1px 3px #000000;  
	}
.lyrics A:visited {color: #ffffff; text-decoration: none;}
.lyrics A:hover {color: #ffffff; text-decoration: none; border-bottom: 2px Solid #f0514e;}

footer {
	font-size: 12px;
	color: #ffffff;
	text-align:center;
	text-shadow: 1px 1px 2px #363636;	
}
.container:after {
     visibility: hidden;
     display: block;
     font-size: 0;
     content: " ";
     clear: both;
     height: 0;
     }
.container { display: inline-block; }
/* start commented backslash hack \*/
* html .container { height: 1%; }
.container { display: block; }
/* close commented backslash hack */

.last { margin-right: 0; }

.rounded
{
-moz-border-radius: 10px;
border-radius: 10px;
}