/*CSS INFO
----author: o.Seun
----site: seunerinle.com
----contact: seun@seunerinle.com
************************************/

/*GENERAL
************************************/
body {
	background: #3F4A51 url('../images/bg-repeat.png') repeat-y;
	margin: 0;
	padding: 0;
	font-size: 100%;
	font-family: "Helvetica", Verdana, Arial, sans-serif;
	color: #fff;
}

#wrapper {
	width: 1000px;
	font-family: "Arial", Verdana, Helvetica, sans-serif;
	font-size: 0.875em;
}

a { outline: none; }
li { list-style-type: none;}

p {
	line-height: 17px;
	color: #929497;
}

.float-left { float: left;}
.float-right { float: right; }

.color-darkGray { color: #929497; }

.wai { text-indent: -9999px; }
.clear { clear: both; }

.content {
	padding-left: 18px;
	width: 751px;
}
#portfolio,
#about,
#contact {
	background: url('../images/bg-circle.png') no-repeat;
	min-height: 730px;
}
#home,
#portfolio,
#about {
	padding-bottom: 1000px;
}
/*NAVIGATION
************************************/
.navigation_menu ul {
	width: 179px;
}
.navigation_main,
.reach-me {
	padding-left: 45px;
	padding-top: 18px;
}
.navigation_main li a {
	height: 39px;
	width: 167px;
	display: block;
}
.logo {
	background: url('../images/o-logo.png') no-repeat;
	width: 159px;
	height: 158px;
	padding-bottom: 27px;
}
.nav-portfolio {
	background: url('../images/nav-portfolio.png') no-repeat;
	width: 158px;
	height: 34px;
	padding-bottom: 15px;
}
.nav-about {
	background: url('../images/nav-about.png') no-repeat;
	width: 106px;
	height: 34px;
	padding-bottom: 15px;
}
.nav-contact {
	background: url('../images/nav-contact.png') no-repeat;
	width: 123px;
	height: 34px;
	padding-bottom: 15px;
}
.nav-resume {
	background: url('../images/nav-resume.png') no-repeat;
	width: 163px;
	height: 34px;
}
	.reach-me {
		height: 33px;
	}
	.reach-me a {
		display: block;
		height: 100%;
	}
	.linkedin,
	.twitter {
		width: 31px;
		height: 32px;
		display: block;
		margin-right: 12px;
	}
	.linkedin {
		background: url('../images/sprite-icons2.png') no-repeat 0 0;
	}
	.linkedin:hover {
		background: url('../images/sprite-icons2.png') no-repeat 0 -33px;
		margin-right: 12px;
	}
	.twitter {
		background: url('../images/sprite-icons2.png') no-repeat -31px 0;
	}
	.twitter:hover {
		background: url('../images/sprite-icons2.png') no-repeat -31px -33px;
	}
	
/*HOME
************************************/
#home {
	background: url('../images/bg-circle-hole.png') no-repeat;
	min-height: 730px;
}

#home .content h1 {
	background-image: url('../images/header-home.png');
	width: 360px;
	height: 113px;
	margin-top: 88px;
}
	
/*PORTFOLIO
************************************/
#portfolio .content h2 {
	background: url('../images/header-portfolio.png') no-repeat;
	width: 362px;
	height: 79px;
	margin-top: 110px;
	margin-bottom: 5px;
}
.portfolio-info {
	display: block;
}
.portfolio-info h3 {
	font-size: 1.4em;
	padding-bottom: 5px;
}
.portfolio-info p {
	display: inline;
	font-size: 1.2em;
	padding-left: 5px;
	line-height: 1.25em;
}
.portfolio-info ul {
	margin-left: 40px;
	width: 415px;
}
.portfolio-info ul li {
	min-height: 27px;
	display: block;
}
.lbl-status {
	background: url('../images/lbl-status.png') no-repeat;
	padding-left: 82px;
	height: 27px;
}
.lbl-languages {
	background: url('../images/lbl-languages.png') no-repeat;
	padding-left: 119px;
	height: 27px;
}
.lbl-adobe {
	background: url('../images/lbl-adobe.png') no-repeat;
	padding-left: 84px;
	height: 27px;
}
.lbl-description {
	background: url('../images/lbl-description.png') no-repeat;
	padding-left: 125px;
	height: 19px;
	display: inline;
}
.download {
	padding-top: 10px;
}
/*ABOUT
************************************/
#about .content h2 {
	background: url('../images/header-about.png') no-repeat;
	width: 245px;
	height: 79px;
	margin-top: 108px;
}
#about p {
	width: 445px;
	font-size: 1.2em;
	line-height: 1.2em;
	padding-right: 23px;
	padding-bottom: 20px;
	text-align: justify;
}
#my-info img {
	padding-bottom: 10px;
}
#oSeun {
	margin-left: 80px;
}
#misc-info {
	margin-top: 80px;
}		
/*CONTACT
************************************/
form {
	width: 751px;
}
#contact .content h2 {
	background: url('../images/header-contact.png') no-repeat;
	width: 370px;
	height: 103px;
	margin-top: 91px;
}
#field-name,
#field-email,
#field-phone {
	height: 40px;
	padding-bottom: 15px;
}
#field-name {
	background: url('../images/contact-name.png') no-repeat;
}
#field-email {
	background: url('../images/contact-email.png') no-repeat;
}
#field-phone {
	background: url('../images/contact-phone.png') no-repeat;
}
input#name,
input#email,
input#phone {
	border: none;
	outline: none;
	margin: 8px 0 0 27px;
	color: #fff;
	background: none;
	width: 413px;
	font-size: 1.1em;
	padding: 0;
}
	input#submit {
		width: 314px;
		height: 21px;
		outline: none;
	}
#field-message {
	background: url('../images/contact-message.png') no-repeat;
	width: 314px;
	height: 173px;
}
textarea {
	font-family: "Helvetica", Verdana, Arial, sans-serif;
	background: none;
	padding: 11px 0 0 24px;
	width: 285px;
	height: 158px;
	border: none;
	outline: none;
	color: #fff;
	font-size: 1.1em;
}
#padding {
	padding-bottom: 10px;
	padding-left: 290px;
}
#instructions {
	padding-left: 18px;
}
	#form-contact div span{
		color: #b1b1b1;
		font-size: 0.9em;
		font-style: italic;
	}
	#form-contact div span.error {
		color: #e46c6e;
	}
	#form-contact label {
		text-indent: -9999px;
		display: block;
		height: 0;
	}
	#error {
		margin-top: 20px;
		border: 1px solid #efefef;
		width: 314px;
	}
	#error ul {
		list-style: square;
		padding: 5px;
		font-size: 0.9em;
	}
	#error ul li {
		list-style-position: inside;
		line-height: 1.6em;
		width: 314px;
	}
	#error ul li strong {
		color: #e46c6d;
	}
	#error.valid ul li strong {
		color: #93d72e;
	}
/*FOOTER
************************************/
#footer p {
	font-size: 0.8em;
	padding-left: 5px;
}


/*ADMIN
************************************/
.remove {
	background: url('../images/remove.png') no-repeat left center;
	width: 20px;
	height: 20px;
	margin-left: 22px;
	display: block;
	float: left;
}