@font-face 	{ font-family: 'light'; 	src: url('./font/NunitoSans-Light.ttf') 	format('truetype'); } 
@font-face 	{ font-family: 'normal'; src: url('./font/NunitoSans-Regular.ttf') 	format('truetype'); } 
@font-face 	{ font-family: 'bold'; 	src: url('./font/NunitoSans-Bold.ttf') 		format('truetype'); } 
@font-face 	{ font-family: 'xbold'; 	src: url('./font/NunitoSans-ExtraBold.ttf') format('truetype'); } 
@font-face 	{ font-family: 'italic'; src: url('./font/FiraSans-Italic.ttf') 		format('truetype'); } 


body		{ color: #fff; font-family: "normal"; min-width: 370px; max-width: 1000px; margin: 10px auto; background-color: rgba(30, 30, 30,  1);}
	
* 			{ padding: 0px;margin:0px; }
	
a			{text-decoration: none;}
a:link 		{ color: #00aaff; }	 		/* unvisited link */
a:visited 	{ color: #00aaff; } 		/* visited link */
a:hover 	{ font-family: 'xbold'; } 	/* mouse over link */
a:active  	{ color: blue; } 		/* selected link */

nav			{
			margin: 0px auto;
			width: 100%;
			position: fixed;
			padding: 10px 0px 0px 5px;
			top: 0px;
			left: 0px;
			right: 0px;
			background: #2e2e2e;
			border-color: none;
			opacity: 0.8;
			}
			
nav audio 		{ width:58px; height:30px; background-color: rgba(0, 0, 0,  .5);}
nav audio::-webkit-media-controls-panel { width: calc(100% + 10px)}

nav ul 		{ margin: 0px auto; max-width: 1000px;}
	
nav ul li img {
			 background-image: url("logo_v2_trans.png");
             background-position: 0%;
			 background-repeat: no-repeat; 
			 background-size: contain;
			 height:35px;
			}
			
nav ul li 	{ list-style-type: none; float:left; width: 150px; font-size:24px; }

	
nav	a:link 		{ color: #ffffff; }	 		/* unvisited link */
nav a:visited 	{ color: #ffffff; } 		/* visited link */
nav a:hover 	{ color: #dd0000; } 	/* mouse over link */
nav a:active  	{ color: #dd0000; } 		/* selected link */
	
header 		{ border: 0px solid #3481cd;
		      background-image: url("bg_horde.jpg");
			  background: linear-gradient(0, #2e2e2e, transparent), url("bg_horde.jpg"); 
              background-position: 50%;
			  background-repeat: no-repeat; 
			  background-size: cover;
			  margin-top: -10px; padding:0px;
			  height: 550px;			  
	        }
	        
header p 	{ color: #00aaff; font-family:italic; font-size: 80px; text-align:center; padding-top:300px;}
header p span { color: #fff; font-size: 40px; }	
header p .test { font-size: 20px; transform: rotate(180deg); writing-mode: vertical-rl ;  text-orientation: sideways; font-family:light;}	

	
	footer{
	  margin: 0px auto;
	  margin-top: 0px;
	  border: 0px solid seagreen;
    background-color: rgba(46, 46, 46, 1);
	}
	
	footer div{
    height:63px;
    position:relative;
    overflow:hidden;
} 
footer div:before{
    content:'';
    position:absolute;
    
    width:100%; height:100%;
    margin-top:40px;
    background-color: rgba(70, 70, 70, 1);
    border-top:20px solid rgba(100, 100, 100, 1);
    
    -webkit-transform-origin:100% 100%;
    -ms-transform-origin:100% 100%;
    transform-origin:100% 100%;
    
    -webkit-transform:skewY(2deg);
    -ms-transform:skewY(2deg);
    transform:skewY(2deg);overflow: visible;
}
footer p { padding: 5px; font-family: light; font-size: 12px;
      background-color: rgba(70, 70, 70, 1);}
	/* 
	        footer:before{
    content:'';
    position:absolute;
    top:95%; 
    width:100%; height:*;
    background-color: rgba(46, 46, 46, 1);
    border-top:30px solid rgba(30, 30, 30, .7);
    border-bottom:0px;
    padding-left:0px;
    max-width: 1000px;
    height:50px;
    
    -webkit-transform-origin:100% 100%;
    -ms-transform-origin:100% 100%;
    transform-origin:100% 100%;
    
    -webkit-transform:skewY(-3deg);
    -ms-transform:skewY(-3deg);
    transform:skewY(-3deg);
    overflow:hidden;
}*/
	
	main{
      margin-top: 0px;
	  height: auto;
	  border: 0px solid hotpink;
	  background-color: rgba(46, 46, 46,  1);
	}
	
	article{
	  margin: 0px auto;
	  padding: 20px;
	  border: 0px solid purple;
	}
	section{
	  border: 2px solid slateblue;
	}
	aside{
	  border: 2px solid tomato;
	}