/*
Name: NikPawlak.com holder page css
Author: Nik Pawlak
Questions: nikpawlak@gmail.com
*/

@import url("reset.css");

body {
	background:#000 url(../images/background.png) top left repeat-x;
	font-family:Helvetica, Arial, Verdana, sans-serif;
	font-size: 62.5%;
}

h2 {
	font-size: 2.4em;
	}

#header h1 a {
	display:block;
	font-size: .1em;
	text-decoration:none;
	color:transparent;
	background:url(../images/logo.png) top left no-repeat;
	height:55px;
	width:75px;
	float:left;
	margin:10px 0 0 10px;
}

#header {
	width:820px;
	margin:0 auto;
	padding:0;
	height:100px;
}


	
/* Navigation */
#header #nav ul {
	list-style:none;
}

#header #nav li {
	float:right;
	display:block;
	padding:10px;
	margin:0;
	font-size: 1.8em;
}

#header #nav li.glow {
	background:url(../images/selectglow.png) top center no-repeat;
}

#header #nav li.glow a {
	color:#fff;
	text-shadow:0 -1px 1px #b6f82b;
}

#nav li a {
	text-decoration:none;
	color:#ccc;
}

#nav li a:hover {
	color:white;
}


	
/* Content Area */
#slider {
	margin:0 auto;
	width:842px;
	background:url(../images/cap.png) top center no-repeat;
}

h2#content_title {
	font-weight:normal;
	font-size: 2em;
	line-height: 42px;
	padding: 0 41px;
	height:41px;
	color:#333;
	text-shadow:0 1px 0 #fff;
}

.scroll {
	margin:0 21px;
	height:420px;
	width:800px;
	overflow-x:hidden;
	position:relative;
	clear:left;
}

.scrollContainer div.panel {
	padding:20px;
	width:760px;
	height:380px;
}

div.panel img {
	border:5px solid #ddd;
	width:455px;
	height:370px;
	margin:0 20px 0 0;
	float:left;
}

div.panel img:hover {
	border:5px solid #fff;
}

.panel h2 {
	padding:0 0 20px;
	font-size:24px;
	text-shadow:0 1px 0 #ddd;
}

.panel p {
	text-align:justify;
	text-shadow:0 1px 0 #ddd;
	font-size:14px;
	line-height:18px;
	padding:0 0 20px;
}

.panel a.visit {
	display:block;
	float:left;
	text-decoration:none;
	color: #8dea21;
	background:url(../images/vist.png) top left no-repeat;
	height:36px;
	width:162px;
	font-size:20px;
	text-indent:55px;
	line-height:38px;
	text-shadow:0 -1px 0 #666;
}

.panel a.visit:active {
	background-position:top right;
	text-shadow:0 -1px 0 #aaa;
}


	
/* Slider Nav */
#bum {
	height:40px;
	line-height:40px;
	padding:0 41px;
}

#bum ul.navigation {
	list-style:none;
	margin:0 105px;
}

#bum .navigation li {
	display:inline;
	float:left;
}

#bum .navigation li a {
	display:block;
	margin:13px 4px;
	height:16px;
	width:16px;
	background:url(../images/lights.png) top right no-repeat;
	line-height:16px;
	font-size:0;
	color:transparent;
}

#bum .navigation a.selected {
	background-position:top left;
}

#bum .scrollButtons.left {
	float:left;
	width:90px;
	background:url(../images/lastdevider.png) bottom right no-repeat;
}

#bum .scrollButtons.left a {
	display:block;
	padding:0 0 0 36px;
	background:url(../images/lastbutton.png) left center no-repeat;
}

#bum .scrollButtons.right {
	float:right;
	text-align:right;
	width:90px;
	background:url(../images/nextdevider.png) bottom left no-repeat;
}

#bum .scrollButtons.right a {
	display:block;
	padding:0 36px 0 0;
	background:url(../images/nextbutton.png) right center no-repeat;
}

#bum .scrollButtons a {
	text-decoration:none;
	text-shadow:0 1px 0 #aaa;
	color:#333;
	font-size:18px;
}

/* About Styles*/
#about {
	margin:20px 21px;
	padding: 0 323px 0 0;
	height:380px;
	width:455px;
	text-align: justify;
	overflow-x:hidden;
	position:relative;
	clear;
	background: url(../images/facelogo.png) top right no-repeat;
}

#about h2{
	font-size: 2.6em;
	color: #000;
	text-shadow:0 1px 0 #ddd;
	padding-bottom: 20px;
}

#about p{
	color: #222;
	font-size: 1.6em;
	line-height: 1.2em;
	text-shadow:0 1px 0 #ccc;	
}

#about a{
	color: #fff;
	text-decoration: none;
	text-shadow:0 -1px 0 #333;
	}
	
#about a:hover{
	color: #000;
	text-decoration: underline;
	text-shadow:0 1px 0 #ccc;	
	}

/* Contact Styles */
#contact_form li {
	list-style: none;
	padding: 0;
	margin: 0;
	}	
	
#contact_form {
	width: 470px;
	margin: 20px 0 20px 21px;
	}
	
#contact_form h2{
	padding:0 0 20px;
	font-size:2.6em;
	text-shadow:0 1px 0 #ddd;
}	

label {
	display: inline-block;
	width: 70px;
	vertical-align: top;
	line-height: 1.8em;
	font-size: 1.4em;
	color: #000;
	text-shadow:0 1px 0 #ccc;
	}
	
label.error {
	color: #8DEA21;
	font-size: 1em;
	line-height: 28px;
	text-shadow:0 -1px 0 #333;
	display: inline;
	}

input.text-input,
textarea.text-input {
	width: 365px;
	font-size: 1.8em;
	padding: 3px;
	margin: 0 0 5px;
	background: #eee;
	}
	
textarea.text-input {
	height: 155px;
	}

#subject_error,	
#comment_error {
	padding: 10px 0px 0 0;
	}

.text-input {
	border: 1px solid #000;
	}
	
.text-input:focus {
	border: 1px solid #8DEA21;
	background: #fff;
	}

input#submit_btn {
	float: right;
	margin: 0 24px 0 0;
	padding: 0;
	}
	
label.dis {
	float: left;
	margin: 0 0 0 75px;
	width: 150px;
	padding: 0;
	}