/*
Theme Name: Keith's Portfolio
Theme URI: http://keithbcarlson.com
Description: Custom theme for person portfolio.
Version: 1.0
Author: Vincent Re
Author URI: http://vincentmre.com
*/

body {
	background: #971201 url(images/bg.jpg) no-repeat center top;
	font-family: Arial, sans-serif;
	font-size: 18px;
	color: #fff;
}

#container {
		margin: 0 auto;
		width: 1197px;
	}
#header {
		background: url(images/squid.png) no-repeat;
		position: relative;
		height: 880px;
		width: 1197px;
	}
	#header h1 {
			background: transparent url(images/h1.jpg) no-repeat;
			top: 691px;
			display: block;
			height: 161px;
			left: 50%;
			margin-left: -447px;
			text-indent: -9999px;
			position: absolute;
			width: 863px;		
		}
		
	#content {
			margin: 10px 0 20px;
			padding: 0 140px;
		}
		#content #bio {
				line-height: 22px;
				text-align: center;
			}
			#bio a {color: #3EAC63;}
		#content .section {
				clear: both;
				margin: 0 0 20px 0;
			}
			.section h2 {
					margin-left:-95px;
					height: 211px;
					width: 934px;
					text-indent: -9999px;
				}
				.section h2#myspace-heading {
						background: url(images/myspace-heading.png) no-repeat;
					}
				.section h2#apparel-heading {
						background: url(images/apparel-heading.png) no-repeat;
					}
				.section h2#flyers-heading {
						background: url(images/flyers-heading.png) no-repeat;
					}
				.section h2#identity-heading {
						background: url(images/identity-heading.png) no-repeat;
					}
			.section .section-content {
					margin-top:-60px;
				}
				.section-content p {
						float: left;
						display: inline;
						margin: 0 20px 20px 0;
					}
					.section-content img {
							border: 3px solid #3ead63;
							margin: 0 18px 18px 0;
							width:432px;
						}
	#footer {
			background: transparent url(images/contact.png) no-repeat scroll left top;
			height: 547px;
			margin: 0 auto -50px;
			width: 996px;
			position: relative;
		}
		#footer h2 {display: none;}
		#footer p#contact-message {
				font-size: 16px;
				left: 50px;
				line-height: 20px;
				position: absolute;
				top: 170px;
				width: 150px;
			}
		#footer #contact-form {
				float: right;
				display: inline;
				margin: 100px 50px 0 0;
				width: 430px;
				position: relative;
			}
			#contact-form input.sendbutton {
					background: transparent url(images/send-button.png) no-repeat scroll 0 0;
					border: none;
					cursor: pointer;
					display: block;
					height: 46px;
					position: absolute;
					right: -5px;
					text-indent: -9999px;
					top: 255px;
					width: 81px;
				}
		#footer ul#social-links {
				position: absolute;
				right: 220px;
				top: 400px;
			}
			ul#social-links li {
					float: left;
					display: inline;
					margin: 0 20px 0 0;
				}
				ul#social-links li a {
						display: block;
						height: 45px;
						text-indent: -9999px;
						width: 45px;
					}
					ul#social-links li a#facebook-link {
							background: url(images/facebook.png) no-repeat;
						}
					ul#social-links li a#lastfm-link {
							background: url(images/lastfm.png) no-repeat;
						}
					ul#social-links li a#myspace-link {
							background: url(images/myspace.png) no-repeat;
						}
					ul#social-links li a#twitter-link {
							background: url(images/twitter.png) no-repeat;
						}
		div.cf_info {
		color:#333333;
		display:none;
		font-size:14px;
		line-height:1.3em;
		text-transform:uppercase;
		width:380px;
		}
		
		.cform textarea,.cform input {opacity: .75 !important;}