/* CSS Document */

/*---------------------------------------------*\
| Theme Name: Nienhouse				|
| Theme URI: http://nienhouse.net/		|
| Description: Main layout sheet		|
| Author: Tyler Nienhouse			|
| Author URI: http://nienhouse.net		|
| Version: 2.0					|
\*---------------------------------------------*/ 

@font-face {
	font-family: 'sansation-reg';
	src: url('../fonts/Sansation_Regular-webfont.eot');
	src: local('☺'),
	url('../fonts/Sansation_Regular-webfont.woff') format('woff'),
	url('../fonts/Sansation_Regular-webfont.ttf') format('truetype');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'sansation-bold';
	src: url('../fonts/Sansation_Bold-webfont.eot');
	src: local('☺'),
	url('../fonts/Sansation_Bold-webfont.woff') format('woff'),
	url('../fonts/Sansation_Bold-webfont.ttf') format('truetype');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'liberation-reg';
	src: url('../fonts/LiberationSans-Regular-webfont.eot');
	src: local('☺'),
	url('../fonts/LiberationSans-Regular-webfont.woff') format('woff')
	url('../fonts/LiberationSans-Regular-webfont.ttf') format('truetype');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'liberation-bold';
	src: url('../fonts/LiberationSans-Bold-webfont.eot');
	src: local('☺'),
	url('../fonts/LiberationSans-Bold-webfont.woff') format('woff')
	url('../fonts/LiberationSans-Bold-webfont.ttf') format('truetype');
	font-weight: normal;
	font-style: normal;
}

body {
	color: white;
	font-family: sansation-bold, Arial;
	font-size: 18px;
}
body.home {
	background: #003f8c url('../images/bg_home.png') top center repeat-x;
}
body.portfolio {
	background: #59002b url('../images/bg_portfolio.png') top center repeat-x;
}
body.about {
	background: #165900 url('../images/bg_about.png') top center repeat-x;
}
body.blog {
	background: #ffe600 url('../images/bg_blog.png') top center repeat-x;
}

a img {
	text-decoration: none;
}

#header, #main {
	margin: 0 auto;
	width: 950px;
}

/*Header*/
#header {
	font-family: sansation-bold, Arial;
	height: 90px;
	padding: 0;
}
#header h1 {
	float: left;
	font-size: 84px;
	margin: 0;
	padding:  5px 5px 0 0;
}
#header h1 a {
	color: white;
	text-decoration: none;
}
#header h1 a:hover {
	border: 0;
}
#header h2 {
	color: white;
	float: left;
	font-size: 45px;
	padding: 40px 0 0 5px;
}
#header p {
	float: right;
	font-size: 20px;
	line-height: 25px;
	margin: 36px 5px 0 0; 
	text-align: right;
}
#header p a {
	color: white;
	text-decoration: none;
}
#header p a:hover {
	border-bottom: #e6e6e6 2px solid;
	color: #e6e6e6;
}

/*Main Container*/
#main {
	background: #e6e6e6 url('../images/main_bg.png') top center no-repeat;
	color: black;
	font-family: liberation-reg, Arial;
	font-size: 14px;
	min-height: 350px;
	padding: 20px 0;
	
	border-radius: 5px;
	-moz-border-radius: 5px;
}
#main h2 {
	font-family: sansation-bold, Arial;
}


/*Navigation*/
#nav {
	background: #f7f7f7;
	border: #bfbfbf 1px solid;
	float: left;
	font-family: sansation-reg, Arial;
	font-size: 25px;
	height: 180px;
	margin: 0 20px 20px 10px;
	padding: 0;
	position: fixed;
	width: 110px;
}
#nav ul {
	list-style: none;
	margin-top: 15px;
}
#nav ul li {
	margin: 10px 0 0 0;
	overflow: visible;
	padding: 0;
	width: 110px;
}
#nav ul li a {
	color: black !important;
	margin: 0 3px;
	padding: 0 2px;
	text-decoration: none;
}

li.active a:hover {
	border: 0;
}
	li.home a:hover {
		border-bottom: #0072ff 7px solid !important;
	}
	li.home.active {
		border-bottom: #0072ff 10px solid;
	}
	li.portfolio a:hover {
		border-bottom: #cc0064 7px solid !important;
	}
	li.portfolio.active {
		border-bottom: #cc0064 10px solid;
	}
	li.about a:hover {
		border-bottom: #32cc00 7px solid !important;
	}
	li.about.active {
		border-bottom: #32cc00 10px solid;
	}
	li.blog a:hover {
		border-bottom: #ffe600 7px solid !important;
	}
	li.blog.active {
		border-bottom: #ffe600 10px solid;
	}
#hoverer {
	display: hidden;
}

/*Home Page Content */
.mainHome h2 {
	/* border-bottom: #0072ff 5px solid; */
	color: #0072ff;
	font-family: sansation-bold, Arial;
	font-size: 32px;
	height: 32px;
	margin: 0;
	padding: 0;
	text-align: center;
}
.mainHome a {
	color: #0072ff;
	text-decoration: none;
}
.mainHome a:hover {
	border-bottom: #cc0064 2px solid;
}
.mainHome p {
	color: #333333;
	font-family: liberation-reg, Arial;
	padding: 0 4px 0 4px;
	text-align: left;
}
.mainHome p b {
	color: #003373;
	font-size: 30px;
	font-weight: bold;
	line-height: 0;
}

/*About Content*/
.mainAbout #aboutContain {
	margin: 0 10px 0 140px;
	width: 790px;
}
.mainAbout #aboutContain h2 {
	color: #32cc00;
	font-size: 28px;
	padding-left: 20px;
}
.mainAbout #aboutContain p {
	color: #333333;
	font-family: liberation-reg, Arial;
	line-height: 22px;
	margin: 10px 5px 0 45px;
	text-align: justify;
	width: 700px;
}
.mainAbout #aboutContain p.bold {
	font-weight: bold;
	margin-top: 0;
}
.mainAbout #aboutContain span.bold {
	font-weight: bold;
}
.mainAbout #aboutContain p.indent {
	margin: 5px 0 0 65px;
}
.mainAbout #aboutContain a {
	color: #32cc00;
	text-decoration: none;
}
.mainAbout #aboutContain a:hover {
	border-bottom: #ffe600 2px solid;
}


/*Footer*/
#footer {
	border-left: white 2px solid;
	border-right: white 2px solid;
	font-family: liberation-bold, Arial;
	font-size: 14px;
	margin: 20px auto 20px auto;
	padding: 0 0 5px 0;
	text-align: center;
	width: 200px;
}
#footer a {
	border-bottom: white 2px solid;
	color: white;
	text-decoration: none;
}
#footer a:hover {
	border-bottom: #cccccc 2px solid;
	color: #cccccc;
}