/* ###   ###   ###
  #	  	#	  #
 # 	  	###   ###
 #        #     #
  #### ###   ### 
  
		author: Daniel Schubert
		creation date: 08.11.2013
		working files: index.php
		change date:
		changed by:
		changed contents:
 */

  
 
  
@font-face {font-family: "Cooper"; src: local("Cooper Black"), url(../data/COOPBL.ttf); font-style: normal; font-weight: normal;}
@font-face {font-family: "OverThere"; src: local("Over There"), url(../data/OverThere.ttf); font-style: normal; font-weight: normal;} 
@font-face {font-family: "GoudyStout"; src: local("Goudy Stout"), url(../data/GOUDYSTO.ttf); font-style: normal; font-weight: normal;}
@font-face {font-family: "Gretoon"; src: local("Gretoon Highlight"), url(../data/GretoonHighlight.ttf); font-style: normal; font-weight: normal;} 
  
 /*
@font-face {font-family: "Cooper"; src: local("Cooper Black"), url('http://127.0.0.1/AUVINIEL-SITE/data/COOPBL.ttf'); font-style: normal; font-weight: normal;}
@font-face {font-family: "OverThere"; src: local("Over There"), url('http://127.0.0.1/AUVINIEL-SITE/data/Over There.ttf'); font-style: normal; font-weight: normal;} 
@font-face {font-family: "GoudyStout"; src: local("Goudy Stout"), url('http://127.0.0.1/AUVINIEL-SITE/data/GOUDYSTO.ttf'); font-style: normal; font-weight: normal;}
@font-face {font-family:"Gretoon"; src: local("Gretoon Highlight"), url('http://127.0.0.1/AUVINIEL-SITE/data/GretoonHighlight.ttf'); font-style: normal; font-weight: normal;}
 */
 
 
html {display: block;
	overflow: auto;
	padding: 0; 
	margin: 0;
	font-size: 100%;
	z-index: 0;
} 


	body {position: relative; 
		background-color: #000014;
		font-family: Verdana, Arial, sans-serif;
		width:auto;
		height:auto;
		padding: 0;
	}
	/*SmartPhone*/
	@media (min-width: 325px) {
		body{margin: 0;
			font-size: 0.9em;
		}
	}
	/*DESKTOP*/
	@media (min-width: 760px) {
		body{margin:3px 0px 0px 3px;
			font-size: 1.5em;
		}
	}
	
	
	
	
	
	
		#wrapper {display: block; border:none; background-color:inherit; height:auto; min-height:980px; width:inherit; margin: 0 auto;}
 
		
		aside, section{display: block;}
			
		.shadow{display:block; background-color:#0B173B; border:2px ridge #191970; border-radius:0.3em; -webkit-box-shadow: 5px 5px 5px #1F3E5C; box-shadow: 5px 5px 5px #1F3E5C;}






			
/* ##### HEADER ##### */		

			
			
			header {overflow:hidden; z-index:10;}
				/*SmartPhone*/
				@media (min-width: 325px) {
					header {height:100px; width:99%;}

				}
				/*DESKTOP*/
				@media (min-width: 760px) {
					header {height:200px; width:99.25%;}

				}
				
			#headpic{width: 100%; height: 100%;}
			#title {text-shadow:#000000 3px 2px 4px; display:inline; width:inherit;}

			
			label#headerCap {display: inline; position: absolute; font-family:'Gretoon'; color:#0D326A; margin:0px; font-variant:small-caps; text-shadow: -2px -3px 2px #33BBEE, 4px 4px 1px #001122;
							letter-spacing:4px; text-align:center; padding:0px;}
				/*SmartPhone*/
				@media (min-width: 325px) {
					label#headerCap {left:1.5em; top:0.7em; font-size: 30pt; color:#203F5D;}
				}
				/*DESKTOP*/
				@media (min-width: 760px) {
					label#headerCap {left:30vw; top:30px; font-size: 75pt;
				}
						

			
			
			
			
			
/* ##### NAVIGATION ##### */

         
		nav {height:auto; padding:2px 0 0 0; z-index:2; background-color:#07152B;}
			
			#nav_home, #nav_about, #nav_gallery, #nav_contact, #nav_music{
				background:url(../images/button1.png);
				
				border: 0px solid; border-radius: 0.5em;
				margin:0 0 2px 1px;
				text-align:center; font-family:'Cooper'; font-size:1.0em; padding-top:8px;
				text-shadow: -1px -1px 0px #002355, 1px 1px 0px #5492FF;
				-webkit-transition: all 200ms ease-in-out; -moz-transition: all 200ms ease-in-out; -o-transition: all 200ms ease-in-out;
				-ms-transition: all 200ms ease-in-out; transition: all 200ms ease-in-out; z-index:3; -webkit-box-shadow: 3px 3px 3px #000000;
				box-shadow: 3px 3px 3px #000000; 
			}
				
			#nav_home:hover, #nav_about:hover, #nav_gallery:hover, #nav_contact:hover, #nav_music:hover{
				border: 0px solid; border-radius: 0.7em;
				overflow:visible; transform:rotateX(0deg) rotateY(0deg) scale(1.100); 
				-webkit-transform:rotateX(0deg) rotateY(0deg) scale(1.100); -moz-transform:rotateX(0deg) rotateY(0deg) scale(1.100);
				-o-transform:rotateX(0deg) rotateY(0deg) scale(1.100); -ms-transform:rotateX(0deg) rotateY(0deg) scale(1.100);
				z-index:5;}

		 
		 /*OBEN (SmartPhone) */
			@media (min-width: 325px) {
				nav{position:relative; display:inline-block; width:99.25%; margin:5px 0 0 0;
				}
				
				#nav_home, #nav_about, #nav_gallery, #nav_contact, #nav_music{
					display: inline;
					background-size: auto 0.8em;
					width:18%;
					height:20px;
				}
			}
			
			
			
		/* LINKS (Desktop) */
			@media (min-width: 765px) {
				nav{position:absolute; top:205px; width:142px;}
				#nav_home, #nav_about, #nav_gallery, #nav_contact, #nav_music{
					float:left;
					background-size: auto 1.4em;
					width:140px; 
					height:34px;
				}
			}		
					
					
			











			
			
/* ##### CONTENT ##### */		
			
			#content {position:static;
					height:auto; 
					/*width:88.5%;*/ 
					overflow-x:hidden;
					overflow-y:auto;
					min-height:28em;
					margin:-21px 10px 0px 155px;
					padding:0px 10px 20px 10px; 
			}
			
			
			
			
/* ##### FOOTER ##### */
			
			footer {width:99%; height:50px; font-size: 14px; position:static; margin:9px 0px 5px 0px; background-color:#0A0A2A;}
			
			
			
			
			
			
			h1{text-align:center; color:#0099CC; text-shadow:#000000 3px 2px 4px; font-weight:bold; text-decoration: underline; margin-top:-10px;}
			p {font-family:Verdana, Arial, sans-serif;}
			p#text, p#about, p#textm{font-family:'Cooper'; font-size:0.9em; text-shadow:-0.5px -0.5px 0px #002355, 0.5px 0.5px 0px #365996;}
			p#text{text-align: center; color:#B8860B;}
			#textm{color:#663399;}
			p#about{text-align:left; display:block; left:65px; position:relative;}
			
			.cap {font-family:'Gretoon'; color:#0D326A; font-size:50pt; margin:0px; font-variant:small-caps; text-shadow: -2px -3px 2px #33BBEE, 4px 4px 1px #001122;
				letter-spacing:4px; text-align:center; padding:0px;}
			
			p#fc {display:block; position:relative; text-align:right; margin-right:3px; bottom:8px; color:#555555; font-size: 8px; font-weight: bold;}
			.music{font-family:'Cooper'; font-size:0.8em; text-shadow: -0.5px -0.5px 0px #002355, 0.5px 0.5px 0px #365996; text-align:center;}
			iframe#iframe{display:inline; border:none; height:100px; width:31%; padding:5px;}
			
			.img{display:inline; position:relative;}
			#img1, #img3{margin-left:120px;}
			#img2, #img4{margin-left:220px;}
			#img5{width: 50%; height: auto; margin-left:25%;}
			
			a {text-decoration:none;} a:visited {color:#808080;} a:hover {color:#0000FF; text-decoration: underline;}
			a#tab{color:#000000;} a#tab:visited{color:#000000;} a#tab:hover {color:#FF7F50;}
			a#downlink{display:none; position:absolute; top:260px; color:#999999; font-size: 8px; font-weight: bold;}
			a#uplink{display:block; position:relative; text-align:center; bottom:2px; color:#ccccff; font-size: 9px; font-weight: bold;}
			a#title{display:inline;}
			a#bl{display:none;}
			

			.play{display:inline-block; border:none;}
			div#playtext{width:100%; height:auto; position:relative; margin:0px; padding:0px;}
			div#player{width:100%; height:100%; position:relative; padding-left:5px;} /* bottom:-50px; margin-top:-30px;}*/
			
			div#fb{border:none; background:inherit; display:inline-block; top:5px;}
			div#fb-root{display:none;}
				 
				 

				
			
				
			/*	#dp_swf_engine {display:none;} */