

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

a {
   outline: none;
	}

body {
	background: black;
	background:#ffffff url("http://theoriginalnormal.com/ton/images/back/color_scale.gif") repeat-y; 
	background-position: center top;	
	margin: 0;
	padding: 0;
	font-family: Arial, Helvetica, sans-serif;
	}

img {
	border:none;
	float:left;
	padding: 0px;
	margin: 0px;
	outline: none;
	}

#container {
	width: 800px;
	height: 1350px;
    padding-top:0px;
	}
	
#aboutcontainer {
	width: 800px;
	height: 1300px;
	padding-top:0px;
	}
	
#header {
	width: 800px;
	height: 390px;
	background-color:#000000;
	}

#header2 {
	width: 800px;
	height: 195px;
	background-color:#000000;
	}

#textblock {
	padding: 0px;
	margin: 0px;
	width:800px;
	height: 500px;
	float:left;   
	border:none;
	}

#textblock p {
	font-family: Arial, Helvetica, sans-serif;
	padding: 0px;
	margin: 0px;
	color:#333333;
	text-decoration:none;
	font-weight:normal;
	font-size:16px;
	text-align:justify;
	}	
	
#abouttextblock {
	margin: 4em 0em 0em 0em;
	padding: 0px;
	width:800px;
	height: 500px;
	float:left;   
	border:none;
	}

#abouttextblock p {
	font-family: Arial, Helvetica, sans-serif;
	padding: 0px;
	margin: 0px;
	color:#333333;
	text-decoration:none;
	font-weight:normal;
	font-size:16px;
	text-align:justify;
	}		

#buttonbar {
	padding: 0px;
	margin: 0px;
	width:800px;
	height: 240px;
	float:left;   
	border:none;
	}

#buttons {
	padding: .4em;
	margin: .4em;
	width:800px;
	height: 150px;
	float:left;   
	border:none;
	}

#buttons ul {
	width:800px;
	height:200px;
    float:left;  
	padding:0px;
	margin:0px; 
	}

#buttons li{
	list-style: none;
	padding: 0px;
	margin: 0;
	list-style:none;
	float:left;
	width: 150px;
	height: 150px;
	border:none;
	}

.album {
	background-image: url("http://theoriginalnormal.com/ton/images/buttons/album_button.jpg");
	background-repeat: no-repeat;
	height: 150px;
	width: 150px;
	}

.album a{
	background-image: url("http://theoriginalnormal.com/ton/images/buttons/album_button.jpg");
	background-repeat: no-repeat;
	height: 150px;
	width: 150px;
	display: block;
	outline: none;
	}

.album a:hover{
	background-image: url("http://theoriginalnormal.com/ton/images/buttons/album_button_hover_2.jpg");
	outline: none;
	}

.shop {
	background-image: url("http://theoriginalnormal.com/ton/images/buttons/shop_button.jpg");
	background-repeat: no-repeat;
	height: 150px;
	width: 150px;
	}

.shop a{
	background-image: url("http://theoriginalnormal.com/ton/images/buttons/shop_button.jpg");
	background-repeat: no-repeat;
	height: 150px;
	width: 150px;
	display: block;
	outline: none;
	}

.shop a:hover{
	background-image: url("http://theoriginalnormal.com/ton/images/buttons/shop_button_hover.jpg");
	outline: none;
	}

.blog {
	background-image: url("http://theoriginalnormal.com/ton/images/buttons/blog_button.jpg");
	background-repeat: no-repeat;
	height: 150px;
	width: 150px;
	}

.blog a{
	background-image: url("http://theoriginalnormal.com/ton/images/buttons/blog_button.jpg");
	background-repeat: no-repeat;
	height: 150px;
	width: 150px;
	display: block;
	outline: none;
	}

.blog a:hover{
	background-image: url("http://theoriginalnormal.com/ton/images/buttons/blog_button_hover_2.jpg");
	outline: none;
	}
	
.space {
	background-image: url("http://theoriginalnormal.com/ton/images/buttons/space_button.jpg");
	background-repeat: no-repeat;
	height: 150px;
	width: 150px;
	}

.space a{
	background-image: url("http://theoriginalnormal.com/ton/images/buttons/space_button.jpg");
	background-repeat: no-repeat;
	height: 150px;
	width: 150px;
	display: block;
	outline: none;
	}

.space a:hover{
	background-image: url("http://theoriginalnormal.com/ton/images/buttons/space_button_hover.jpg");
	outline: none;
	}

.email {
	background-image: url("http://theoriginalnormal.com/ton/images/buttons/email_button.jpg");
	background-repeat: no-repeat;
	height: 150px;
	width: 150px;
	}

.email a{
	background-image: url("http://theoriginalnormal.com/ton/images/buttons/email_button.jpg");
	background-repeat: no-repeat;
	height: 150px;
	width: 150px;
	display: block;
	outline: none;
	}

.email a:hover{
	background-image: url("http://theoriginalnormal.com/ton/images/buttons/email_button_hover3.jpg");
	outline: none;
	}
	
#buttons2 {
	padding: 7px;
	margin: 7px;
	width:800px;
	height: 150px;
	float:left;   
	border:none;
	}

#buttons2 ul {
	width:800px;
	height:200px;
    float:left;  
	padding:0px;
	margin:0px; 
	}

#buttons2 li{
	list-style: none;
	padding: 0px;
	margin: 0;
	list-style:none;
	float:left;
	width: 150px;
	height: 150px;
	border:none;
	}	
	
.you {
	background-image: url("http://theoriginalnormal.com/ton/images/buttons/tube_button_150.jpg");
	background-repeat: no-repeat;
	height: 150px;
	width: 150px;
	}

.you a{
	background-image: url("http://theoriginalnormal.com/ton/images/buttons/tube_button_150.jpg");
	background-repeat: no-repeat;
	height: 150px;
	width: 150px;
	display: block;
	outline: none;
	}

.you a:hover{
	background-image: url("http://theoriginalnormal.com/ton/images/buttons/tube_button_hover_150.jpg");
	outline: none;
	}
	
.face {
	background-image: url("http://theoriginalnormal.com/ton/images/buttons/face_button_150.jpg");
	background-repeat: no-repeat;
	height: 150px;
	width: 150px;
	}

.face a{
	background-image: url("http://theoriginalnormal.com/ton/images/buttons/face_button.jpg");
	background-repeat: no-repeat;
	height: 150px;
	width: 150px;
	display: block;
	outline: none;
	}

.face a:hover{
	background-image: url("http://theoriginalnormal.com/ton/images/buttons/face_button_hover.jpg");
	outline: none;
	}	
	
.twit {
	background-image: url("http://theoriginalnormal.com/ton/images/buttons/twit_button.jpg");
	background-repeat: no-repeat;
	height: 150px;
	width: 150px;
	}

.twit a{
	background-image: url("http://theoriginalnormal.com/ton/images/buttons/twit_button.jpg");
	background-repeat: no-repeat;
	height: 150px;
	width: 150px;
	display: block;
	outline: none;
	}

.twit a:hover{
	background-image: url("http://theoriginalnormal.com/ton/images/buttons/twit_button_hover.jpg");
	outline: none;
	}		
	
	
	
.about {
	background-image: url("http://theoriginalnormal.com/ton/images/buttons/about_button.jpg");
	background-repeat: no-repeat;
	height: 150px;
	width: 150px;
	}

.about a{
	background-image: url("http://theoriginalnormal.com/ton/images/buttons/about_button.jpg");
	background-repeat: no-repeat;
	height: 150px;
	width: 150px;
	display: block;
	outline: none;
	}

.about a:hover{
	background-image: url("http://theoriginalnormal.com/ton/images/buttons/about_button_hover.jpg");
	outline: none;
	}			
	
#wordnav {
	margin: .4em;
	padding: .4em;
	width:800px;
	border:none;
	}

#wordnav a {
	font-family: Arial, Helvetica, sans-serif;
	padding: 0px;
	margin: 0px;
	list-style:none;
	float:left;
	width: 150px;
	text-align:center;
	color:#333333;
	text-decoration:none;
	font-weight:bold;
	font-size:20px;
	outline: none;
	}
	
#wordnav a:hover {
	font-family: Arial, Helvetica, sans-serif;
	padding: 0px;
	margin: 0px;
	list-style:none;
	float:left;
	width: 150px;
	text-align:center;
	color:#00ff00;
	text-decoration:none;
	font-weight:bold;
	font-size:20px;
	outline: none;
	}

/*footer*/	

#footer {
	height: 100px;
	width:800px;
	margin-top:50px;
	}

#footerleft {
	width: 350px;
	float: left;
	}
	
#footerleft p {
	padding:0;
	font-size: 12px;
	text-align: left;
	line-height: 16px;
	color: #333333;
	font-family:Arial, Helvetica, sans-serif;
	}	

#footerright {
	width: 450px;
	float: right;
	}
	
#footerright p {
	padding:0;
	font-size: 12px;
	text-align: right;
	line-height: 16px;
	color: #333333;
	font-family:Arial, Helvetica, sans-serif;
	}	
	
#footer a:link, #footer a:visited {
	color: #333333;
	text-decoration: none;
	outline: none;
	}
	
#footer a:active, #footer a:hover {
	color: #00ff00;
	text-decoration: underline;
	font-family:Arial, Helvetica, sans-serif;
	outline: none;
	}
	
#footerleft2 {
	width: 800px;
	float: left;
	}
	
#footerleft2 p {
	padding:0;
	font-size: 16px;
	text-align: left;
	line-height: 16px;
	color: #333333;
	font-family:Arial, Helvetica, sans-serif;
	}		
	
/*Header Hover*/	

#headerhover {
	padding: 0;
	margin: 0;
	width: 800px;
	height: 195px;
	border:none;
	background-color:#000000;
	}

#headerhover ul {
	width: 800px;
	height: 195px;
    float:left;  
	padding:0px;
	border:none;
	margin:0px; 
	background-color:#000000;
	}

#headerhover li{
	list-style: none;
	padding: 0px;
	margin: 0;
	list-style:none;
	float:left;
	width: 800px;
	height: 195px;
	border:none;
	background-color:#000000;
	}

.header {
	background-image: url("http://theoriginalnormal.com/ton/images/header/header_oldies.jpg");
	background-repeat: no-repeat;
	width: 800px;
	height: 195px;
	border:none;
	background-color:#000000;
	}

.header a{
	background-image: url("http://theoriginalnormal.com/ton/images/header/header_oldies.jpg");
	background-repeat: no-repeat;
	width: 800px;
	height: 195px;
	display: block;
	border:none;
	background-color:#000000;
	outline: none;
	}

.header a:hover{
	background-image: url("http://theoriginalnormal.com/ton/images/header/header_oldies_hover.jpg");
	border:none;
	background-color:#000000;	
	outline: none;
	}
	
#pulsebar {
	padding: 0px;
	margin-top: 2em;
	width:800px;
	height: 200px;
	float:left;   
	border:none;
	}
		
.pulse {
	background-image: url("http://www.theoriginalnormal.com/ton/images/about/pulse.jpg");
	background-repeat: no-repeat;
	width: 800px;
	height: 200px;
	border:none;
	background-color:#000000;
	}

.pulse a{
	background-image: url("http://www.theoriginalnormal.com/ton/images/about/pulse.jpg");
	background-repeat: no-repeat;
	width: 800px;
	height: 200px;
	display: block;
	border:none;
	background-color:#000000;
	outline: none;
	}

.pulse a:hover{
	background-image: url("http://www.theoriginalnormal.com/ton/images/about/pulse_hover.jpg");
	border:none;
	background-color:#000000;	
	outline: none;
	}

#badgebar ul {
	width: 800px;
	height: 141px;
    float:left;  
	padding:0px;
	border:none;
	margin:0px; 
	background-color:#000000;
	}

#badgebar li{
	list-style: none;
	padding: 0px;
	margin: 0;
	list-style:none;
	float:left;
	width: 261px;
	height: 141px;
	border:none;
	background-color:#000000;
	}
	
#badgebar {
	padding: 0px;
	margin-top: 6em;
	width:800px;
	height: 141px;
	float:left;   
	border:none;
	}		

#musicplayer {
	padding: 0px;
	margin-top: 0px;
	width:800px;
	height: 40px;
	float:left;   
	border:none;
	background-color:#000000;
	}	
	
#musicplayer p {
	padding: 0px;
	margin-top: 5px;
	width:800px;
	float:left;   
	border:none;
	color: #333333;
	font-family:Arial, Helvetica, sans-serif;
	}		
	
#musicplayer a:link, #musicplayer a:visited {
	color: #333333;
	text-decoration: none;
	outline: none;
	}
	
#musicplayer a:active, #musicplayer a:hover {
	color: #00ff00;
	text-decoration: underline;
	font-family:Arial, Helvetica, sans-serif;
	outline: none;
	}
	
	
.tonlogo {
	background-image: url("http://www.theoriginalnormal.com/ton/images/badge/ton_badge_2.gif");
	background-repeat: no-repeat;
	height: 141px;
	width: 261px;
	}

.tonlogo a{
	background-image: url("http://www.theoriginalnormal.com/ton/images/badge/ton_badge_2.gif");
	background-repeat: no-repeat;
	height: 141px;
	width: 261px;
	display: block;
	outline: none;
	}

.tonlogo a:hover{
	background-image: url("http://www.theoriginalnormal.com/ton/images/badge/ton_badge_2_hover.gif");
	outline: none;
	}
		
.teethlogo {
	background-image: url("http://www.theoriginalnormal.com/ton/images/badge/ton_badge_3.gif");
	background-repeat: no-repeat;
	height: 141px;
	width: 261px;
	}

.teethlogo a{
	background-image: url("http://www.theoriginalnormal.com/ton/images/badge/ton_badge_3.gif");
	background-repeat: no-repeat;
	height: 141px;
	width: 261px;
	display: block;
	outline: none;
	}

.teethlogo a:hover{
	background-image: url("http://www.theoriginalnormal.com/ton/images/badge/ton_badge_3_hover.gif");
	outline: none;
	}			