@charset "UTF-8";

/* ---------------------------------------------------
Title: styles.css
Copyright: (c) 2010
Author: Jacob O'Neal
Description: Personal portfolio site
--------------------------------------------------- */

* {
	margin: 0;
	padding: 0;
	list-style: none;
	outline: 0;
}
.sb-ct {
	
	margin: 0;
	padding: 0;
}

body {
	background: #333 url(images/section-covers_04.png);
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000;
	min-width: 1940px;
	width: 100%;
}

a {
	text-decoration: underline;
	outline: none;
}
a:hover {
	text-decoration: none;
}

a img {
	border: none;
}

.nav-arrow {
	background: url(images/navbg.png);

	
	width: 60px;
	height: 100%;
	z-index: 50;
	position: fixed;
	
}
.nav-arrow-right {
	right: 0px;
}
.nav-arrow-right .nav-arrow-arrow{
	background: url(images/nav-arrow.png) top right no-repeat;
	height: 60px;
	
	position: relative;
	margin-top: -30px;
	top: 50%;	
}
.nav-arrow-left .nav-arrow-arrow{
	background: url(images/nav-arrow.png) bottom right no-repeat;
	height: 60px;
	
	position: relative;
	margin-top: -30px;
	top: 50%;
}



#header-wrap{
	overflow: hidden;
	min-width: 1080px;
}

#header {
	background: #fcdf00;
	color: #333;
	font-size: 18px;
	font-weight: bold;
	line-height: 30px;
	
	padding: 15px 0 45px 0;
}

.title {
	cursor: pointer;

	padding: 0 0 60px 0;
}
.header-links {
	color: #fff;
	font-size: 20px;
	font-weight: bold;
	position: absolute;
	top: 60px;
	margin: 0 0 0 75px;
}

#header-content {
	cursor: default;

	width: 900px;
	margin-left: 60px;
	overflow: hidden;
}

.column {
	float: left;
	padding: 0 30px 0 0;
	width: 270px;
}
.column p {
	margin: 0 0 30px 0;
}

.title {
	color: #fff;
	font-size: 30px;
}

.tweet {
	margin-bottom: 30px;
}
.tweet a {
	color: #333;
}

.contact-img {
	margin: 10px 0 0 0;
}

#contact_form {
	margin: 15px 0 0 0;
}
#contact_form p {
	margin: 0 0 10px 0;
	padding: 6px 0 5px 5px;
}
#contact_form input {
	background: none;
	border: none;
	height: 20px;
	line-height: 15px;
	position: relative;
	top: 3px;
}
#contact_form textarea {
	background: none;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	
	border: none;
	overflow: auto;
	width: 200px;
	height: 140px;
}
.input-field {
	background: url(images/input-bg.png) bottom left no-repeat;
}
#contact_form .text-area-wrap {
	background: url(images/textarea-bg.png) bottom left no-repeat;
	padding: 7px 5px;
}
#contact_form .submit {
	background: none;
	font-weight: bold;
	font-size: 18px;
	color: #333;
	text-decoration: underline;

	border: none;
	float: left;
	padding: 0;
	text-align: left;
	width: 150px;
}


#section-wrap {
	
	overflow: hidden;
	position: relative;
	
}

.section {
	clear: both;
	cursor: pointer;
	padding: 75px 0 0 0;
	overflow: hidden;
	position: relative;
}

.section-shadow {
	clear: both;
	position: absolute;
	bottom: 0px;
	left: -20px;
	z-index: 4;
}

.section-one {
	background: url(images/section-covers_01.png);
}
.section-two {
	background: url(images/section-covers_02.png);
}
.section-three {
	background: url(images/section-covers_03.png);
}

.section-header {
	float: left;
	width: 345px;
	height: 450px;
	margin: 0 0 0 60px;
	position: relative;
	z-index: 2;
	
}
.section-header-one {
	background: url(images/section-headers.png) top left no-repeat;
}
.section-header-two {
	background: url(images/section-headers.png) top center no-repeat;
}
.section-header-three {
	background: url(images/section-headers.png) top right no-repeat;
}

.cards-wrap { /* wraps entire row of cards */
	position: relative;
	left: -15px;
}
.category {
	float: left;
	position: relative;
	z-index: 1;
}

.category-titles {
	background: #1b1b1b;
	color:#fcdf00;
	font-weight: bold;
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
	text-align: left;
	text-transform: uppercase;
	
	margin: 0px 0 5px 0;
	padding: 2px 0 1px 4px;

}
.active-cat {
	background: #fcdf00;
	color: #1a1a1a;
}


.card-xpand {
	cursor: default;
	float: left;

	overflow: hidden;
	position: relative;
}
.card {
	background: #fff;
	line-height: 15px;

	
	border: 1px solid #e5e5e5;
	float: right;
	width: 300px;
	padding: 15px;
	height: 390px;
}

.card p {
	padding-bottom: 15px;
}

.card-title {
	font-size: 18px;
	font-weight: bold;
	
	margin-top: 15px;
}
.full-size {
	position: absolute;
	margin: -16px 0 0 -16px;
}

.tools {
	height: 20px;
	overflow: hidden;
	position: absolute;
	bottom: 15px;
}
.tools p {
	font-weight: bold;

	float: left;
	margin: 3px 10px 0 0;
}


.tools img {
	float: left;
}


#footer-wrap {
	color: #999;
	padding: 60px 0 60px 65px;
}
.footer {
	width: 760px;
}

.footer a {
	color: #fff;
	text-decoration: none;
}
.footer a:hover {
	text-decoration: underline;
}
.copyright {
	clear: both;
	padding: 0 0 15px 0;
}
.featured {
	border-top: 1px solid #333;
	overflow: hidden;
	padding: 15px 0;
}
.featured a {
	color: #666;
}
.featured-title {
	float: left;
	padding: 0 15px 0 0;
	width: 100px;
}
.featured-links {
	float: right;
	width: 600px;
}

#ecxthecssawards
{position: fixed; top:0px;right:0px;z-index:555;}
#ecxthecssawards a
{width:69px;height:105px;display:block;}