/* CSS Style Sheet for Cody Schindel's Personal Portfolio */
/* Created by Cody Schindel */
/* Created on June 5, 2008 */
/* © Cody Schindel 2008 */

body {
	margin: 0px auto;			/*Centers layout */
	padding: 0;
	background:url(body_bg.jpg) repeat top left #333;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 90%;
	}
	
#header {
	margin: 0px auto;			/*Centers layout */
	clear: both;
	width: 770px;
	height: 100px;
	background:url(header_bg.jpg) no-repeat top left #000;
	border-left: 1px solid #fff;
	border-right: 1px solid #fff;
	border-bottom: 1px solid #fff;
	}
	
#header h1 {
	display: none;
	}
	
/* Begin Navigation Styling */
	
#nav {
	margin-left: 400px;
	width: 325px;
	}
	
#nav ul {
	margin: 0;
	padding: 0;
	list-style: none;
	}
	
#nav li {
	float: left;
	width: 4em;
	padding-left: 0.5em;
	}
	
#nav a {
	display: block;
	padding-top: 8px;
	width: 4em;
	color: #000;
	text-decoration: none;
	text-align:center;
	}

#nav a:hover {
	background:url(nav_hover_bg.jpg) repeat-x bottom left #999;
	}
	
.current {
	background:url(nav_down_bg.jpg) no-repeat top center;
	}
	
/* End of navigation styling */
	
#slogan {
	margin: 0px auto;				/*Centers layout */
	clear: both;
	width: 770px;
	height: 199px;
	background:url(sub_header_image1.jpg) no-repeat top left #000;
	border-left: 1px solid #fff;
	border-right: 1px solid #fff;
	border-bottom: 1px solid #fff;
	}
	
#slogan h2 {
	display: none;
	}

#content {							/*Main Content div */
	margin: 0px auto;				/*Centers layout */
	clear: both;
	width: 760px;
	background:url(content_bg.jpg) no-repeat top left #000;
	padding: 50px 5px 10px 5px;
	border-left: 1px solid #fff;
	border-right: 1px solid #fff;
	color: #fff;
	font-size: 90%;
	}
	
#content ul {
	list-style: square;
	}

#content h2 {
	display: none;
	}
	
#content h3 {
	color: #c60;
	}
	
#content h4 {
	color:#c60;
	}
	
#content a {
	color: #c60;
	text-decoration:none;
	}

#content a:hover {
	color:#999;
	text-decoration:underline;
	}

#content_left {
	float: left;
	width: 550px;
	}
	
/* Begin footer styling */
	
#footer {
	margin: 0px auto;
	clear: both;
	width: 760px;
	height: 52px;
	padding: 0 5px 0 5px;
	background:url(footer_bg.jpg) no-repeat bottom right #000;
	border-left: 1px solid #fff;
	border-right: 1px solid #fff;
	border-bottom: 1px solid #fff;
	}
	
#footer h3 {
	display: none;
	}
	
#footer_nav {
	float: left;
	vertical-align:top;
	padding: 6px 0 0 0;
	color:#fff;
	font-size: 0.75em;
	}
	
#footer_nav a {
	color: #fff;
	text-decoration:none;
	}
	
#footer_nav a:hover {
	color: #c60;
	text-decoration:underline;
	}
	
/* End of footer styling */

/* Begin styling for portfolio page */
	
#portfolio_content {
	margin: 0px auto;				/*Centers layout */
	background:url(content_bg.jpg) no-repeat top left #000;
	width: 770px;
	padding: 45px 0 10px 0;
	border-left: 1px solid #fff;
	border-right: 1px solid #fff;
	}
	
#portfolio_content h2 {
	display: none;
	}
	
.portfolio_content_box {
	width: 700px;
	margin-left: 30px;
	min-height: 200px;
	background-color: #000;
	}
	
.portfolio_content_img {
	float: left;
	width: 200px;
	padding: 10px 20px 10px 10px;
	background-color:#000;
	}
	
.portfolio_content_info {
	float: right;
	width: 435px;
	padding: 15px 10px 0 20px;
	background-color:#000;
	color: #fff;
	font-size: 0.75em;
	}

.portfolio_content_info h3 {
	font-family: Georgia, "Times New Roman", Times, serif;
	color: #c60;
	}
	
.portfolio_content_info a {
	color:#fff;
	text-decoration:none;
	}
	
.portfolio_content_info a:hover {
	text-decoration:underline;
	}
	
.portfolio_content_more {
	clear:both;
	float: right;
	margin-right: 30px;
	width: 75px;
	height: 20px;
	background:url(port_more_bg.jpg) no-repeat;
	text-align:center;
	}
	
.portfolio_content_more a {
	color: #000;
	text-decoration:none;
	}
	
.portfolio_content_more a:hover {
	text-decoration:underline;
	}
	
/* End portfolio Styling */

/* Begin extra styling */
.orange {
	color:#FF9900;
	}

/* End extra Styling */