/*===================
Imports
=====================*/

@font-face {
    font-family: 'AnuDawRegular';
    src: url('../font/ANUDRG__-webfont.eot');
    src: url('../font/ANUDRG__-webfont.eot?#iefix') format('embedded-opentype'),
         url('../font/ANUDRG__-webfont.woff') format('woff'),
         url('../font/ANUDRG__-webfont.ttf') format('truetype'),
         url('../font/ANUDRG__-webfont.svg#AnuDawRegular') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'AnuDawItalic';
    src: url('../font/ANUDI___-webfont.eot');
    src: url('../font/ANUDI___-webfont.eot?#iefix') format('embedded-opentype'),
         url('../font/ANUDI___-webfont.woff') format('woff'),
         url('../font/ANUDI___-webfont.ttf') format('truetype'),
         url('../font/ANUDI___-webfont.svg#AnuDawItalic') format('svg');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'BloklettersPotlood';
    src: url('../font/Blokletters-Potlood-webfont.eot');
    src: url('../font/Blokletters-Potlood-webfont.eot?#iefix') format('embedded-opentype'),
         url('../font/Blokletters-Potlood-webfont.woff') format('woff'),
         url('../font/Blokletters-Potlood-webfont.ttf') format('truetype'),
         url('../font/Blokletters-Potlood-webfont.svg#BloklettersPotlood') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'BloklettersBalpen';
    src: url('../font/Blokletters-Balpen-webfont.eot');
    src: url('../font/Blokletters-Balpen-webfont.eot?#iefix') format('embedded-opentype'),
         url('../font/Blokletters-Balpen-webfont.woff') format('woff'),
         url('../font/Blokletters-Balpen-webfont.ttf') format('truetype'),
         url('../font/Blokletters-Balpen-webfont.svg#BloklettersBalpen') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'BloklettersViltstift';
    src: url('../font/Blokletters-Viltstift-webfont.eot');
    src: url('../font/Blokletters-Viltstift-webfont.eot?#iefix') format('embedded-opentype'),
         url('../font/Blokletters-Viltstift-webfont.woff') format('woff'),
         url('../font/Blokletters-Viltstift-webfont.ttf') format('truetype'),
         url('../font/Blokletters-Viltstift-webfont.svg#BloklettersViltstift') format('svg');
    font-weight: normal;
    font-style: normal;

}

/*===================
Native Elements
=====================*/

header,nav,article,footer,section,aside,figure,figcaption{display:block}
body { 
	background-color:#000;
	padding:0;
	margin:0;
	font-family: 'BloklettersBalpen', Arial, sans-serif;
}
h1, h2, h3, h4, h5, h6 {
	font-family: 'AnuDawRegular', Arial, sans-serif;}

a {text-decoration:none;}

header {height:100px; width:100%; font-size:100%; color:#FED229; text-align:center; clear:both; background-color:#000;}

nav {
	font-family: 'AnuDawRegular', Arial, sans-serif;
	text-align:center;
	
	width:100%;
	float:left;
	padding:0;
	background-color:#98A093;
	border-bottom: 10px solid #7A0000;
	
	-moz-box-shadow:15px 5px 15px #000;
	-webkit-box-shadow:15px 5px 15px #000;
	box-shadow:15px 5px 15px #000;
	}

nav ul {list-style-type:none;}
nav a {font-size:1em; padding:0 0 0 15px; color:#000}
nav a:visited {}
nav a:hover {color:#FED229; font-family:'AnuDawItalic', Arial, italic;}

footer {
	margin: 0;
	padding:50px 0 20px 0;
	width: 100%;
	clear: both;
	text-align:center;
	display: block;}
/*===================
ID's
=====================*/
#wrapper {
	clear: both;
	margin: 0;
	padding:0;
	display: block;}
#content {
	width:90%;
	height:100%;
	clear:both;
	display:block;
	background-color:#F6F6F6;
	margin: 0 auto 0 auto;
	padding:20px 0 0 0;
	-moz-box-shadow:15px 5px 15px #000;
	-webkit-box-shadow:15px 5px 15px #000;
	box-shadow:15px 5px 15px #000;
	}
#inner_content {width:90%; margin:auto;}

#mini-menu {clear:both; width:100%; margin-left:-5%; padding:0 0 50px 0; float:left; text-align:center;}
#mini-menu ul{width:100%; }
#mini-menu a{color:#FED229; font-size:13px; font-weight:bold; background-color:#000; padding:15px; }
#mini-menu a:hover {color:#7A0000; background-color:#FED229; font-style:italic;}

#left-side, #right-side {margin:0; padding:20px;}
#right-side {border: 5px solid #000; background-color:#FFF;}

/*===================
Classes
=====================*/
.active {font-size:1.5em; color:#B90504; font-family:'AnuDawItalic', Arial, italic;}
.gridContainer {
	margin:0;
	padding:0;
}
.clearfix:after {
     visibility: hidden;
     display: block;
     font-size: 0;
     content: " ";
     clear: both;
     height: 0;}
.clearfix { display: inline-block; }
/* start commented backslash hack \*/
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/* close commented backslash hack */

.front{
	position:relative;
    z-index: 5;}
/*background from: http://www.colourlovers.com/pattern/255667/RockStripez */
.background {
    position: fixed;
    z-index: 1;
    margin: 0 auto 0 auto !important;
    padding: 0 0 0 0;
    top: 0;
    width: 100% !important;
    max-width: 100% !important;
    min-width: 100% !important;
    height: 100% !important;
    max-height: 100% !important;
    min-height: 100% !important;
    background-image: url(../img/background.png);
    background-repeat: repeat;
    opacity:0.5;
    filter:alpha(opacity=50);

}