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

/*
	The good stuff:
	----------------------------------------------------------------
	#00B2B2;
*/

/*Bebas Neue*/
@font-face {
    font-family: 'bebas regular';
    src: url('../fonts/bebasneue-webfont.eot');
    src: url('../fonts/bebasneue-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/bebasneue-webfont.woff') format('woff'),
         url('../fonts/bebasneue-webfont.ttf') format('truetype'),
         url('../fonts/bebasneue-webfont.svg#bebas_neueregular') format('svg');
    font-weight: normal;
    font-style: normal;

}

/*Droid Serif Regular*/
@font-face {
    font-family: 'droid regular';
    src: url('../fonts/DroidSerif-webfont.eot');
    src: url('../fonts/DroidSerif-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/DroidSerif-webfont.woff') format('woff'),
         url('../fonts/DroidSerif-webfont.ttf') format('truetype'),
         url('../fonts/DroidSerif-webfont.svg#droid_serifregular') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'droid bold';
    src: url('../fonts/DroidSerif-Bold-webfont.eot');
    src: url('../fonts/DroidSerif-Bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/DroidSerif-Bold-webfont.woff') format('woff'),
         url('../fonts/DroidSerif-Bold-webfont.ttf') format('truetype'),
         url('../fonts/DroidSerif-Bold-webfont.svg#droid_serifbold') format('svg');
    font-weight: normal;
    font-style: normal;

}

/*Droid Serif IT*/
@font-face {
    font-family: 'droid italic';
    src: url('../fonts/DroidSerif-Italic-webfont.eot');
    src: url('../fonts/DroidSerif-Italic-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/DroidSerif-Italic-webfont.woff') format('woff'),
         url('../fonts/DroidSerif-Italic-webfont.ttf') format('truetype'),
         url('../fonts/DroidSerif-Italic-webfont.svg#droid_serifitalic') format('svg');
    font-weight: normal;
    font-style: normal;

}

/*Opensans Cond Light*/
@font-face {
    font-family: 'open sans light';
    src: url('../fonts/OpenSans-CondLight-webfont.eot');
    src: url('../fonts/OpenSans-CondLight-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/OpenSans-CondLight-webfont.woff') format('woff'),
         url('../fonts/OpenSans-CondLight-webfont.ttf') format('truetype'),
         url('../fonts/OpenSans-CondLight-webfont.svg#open_sanscondensed_light') format('svg');
    font-weight: normal;
    font-style: normal;

}


body{
	background-image:url(../images/groovepaper.png);	
	font-family:"droid regular";
}
h1,h2,h3,h4,h5,h6{
	padding:0;
	margin:0;	
}
.content{
	position:relative;
	margin:0px auto;
	width:900px;
	padding-top:30px;
		
}
header{
	height:100px;
	margin-bottom:40px;
	clear:both;	
}
.headerTitle{
	position:relative;
	float:left;	
	width:230px;
	height:90px;
	overflow:hidden;
}
.headerLink{
	position:absolute;
	width:230px;
	height:90px;	
}
.devin{
	font-family:"bebas regular";
	color:#000;
	font-size:60px;
	line-height:.8em;
}
.piner{
	font-family:"bebas regular";
	color:#00B2B2;
	font-size:60px;
	line-height:.8em;
}
.sub{
	font-family:"open sans light";
	color:#aaa;
	font-size:25px;	
	line-height:.8em;
}
header nav{
	float:right;
	font-family:"bebas regular";
	font-size:21px;	
	margin-top:30px;
}
header nav:hover{
	cursor:default;	
}
header nav ul{
	list-style-type:none;
	padding:0;
	margin:0;	
}
header nav ul li{
	display:inline-block;	
}

/*Animate nav links*/
.link{
	padding:3px 8px;
	margin-left:10px;
	color:#aaa;
	text-decoration:none;
	text-shadow:0px 0px 1px #fff;
	border:1px solid transparent;
	
	/*Transitions*/
	transition:color .1s ease-out;	
	-webkit-transition:color .2s ease-out;	
	-moz-transition:color .2s ease-out;
	-ms-transition:color .2s ease-out;
	-o-transition:color .2s ease-out;
}
.link:hover{
	color:#333;
}

.active{	
	padding:3px 8px;
	margin-left:10px;
	border:1px solid #aaa;
	box-shadow:0px 1px 1px #fff;
	color:#333;
	text-decoration:none;
	text-shadow:0px 0px 1px #fff;
		
}


/* FOOTER STYLES
-----------------------------------------------------------------*/
footer{
	width:100%;
	clear:both;	
	color:#aaa;	
	border-top:1px solid #aaa;
	box-shadow:0px -1px 0px #fff;
	padding-top:20px;
	margin-bottom:70px;
	font-family:"droid italic";
	font-size:12px;
	line-height:1.8em;
	text-align:center;
	cursor:default;
	text-shadow:0px 1px 1px #fff;
}
footer .footerLinks a{
	font-family:"droid regular";
	font-size:12px;
	color:#aaa;
	text-decoration:none;				
}
footer .footerLinks a{
	padding:0px 8px;	
	text-decoration:none;
	text-shadow:0px 0px 1px #fff;
	
	/*Transitions*/
	transition:color .1s ease-out;	
	-webkit-transition:color .2s ease-out;	
	-moz-transition:color .2s ease-out;
	-ms-transition:color .2s ease-out;
	-o-transition:color .2s ease-out;
}
footer .footerLinks a:hover{
	color:#333;
}

/* MISC STYLES
-----------------------------------------------------------------*/
.color{
	color:#00B2B2;
}
.light{
	color:#666;
	font-style:italic;
	font-size:15px;	
}
.sectionHeader{
	display:block;
	margin-bottom:10px;
	color:#00B2B2;
	text-shadow:0px 1px 0px #fff;
	font-family:"bebas regular";
	font-size:30px;		
}