/* ------------------------------------------------------------------------
CSS sheet for Giantseed Creative
Author: Chris Robinson & Jeff Sanders
Date Created: 10-11-2009

All inquiries for this document should be directed to info@giantseedcreative.com.
--------------------------------------------------------------------------

/* ------------------------------------------------------------------------
MAIN DESIGN ELEMENTS
--------------------------------------------------------------------------*/
* {
	margin: 0px;
	padding: 0px;
	outline: none;
}
html {
	height: 100%;
}

body {
	height: 100%;
	background: #fff url(../images/new2010/bodybg.jpg) top center no-repeat;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	line-height: 1.5em;
	color: #333;
}

#wrapper {
	position: relative;
	margin: 0px auto;
	width: 1000px;
	min-height: 100%;
}

* html #wrapper {
	height: 100%;
}
#header {
	margin-bottom: 30px;
	height: 100px;
	background: #2c2c2c url(../images/new2010/head_bg.jpg) top left repeat;
	border-bottom: 5px solid #6D9A57;
}
	#innerheader {
		position: relative;
		margin: 0px auto;
		width: 1000px;
	}
#header h1 a {
	position: absolute;
	top: 10px;
	left: 10px;
	text-indent: -9999px;
	background: url(../images/new2010/gsclogo.png) no-repeat;
	width: 411px;
	height: 70px;
	display: block;
	overflow: hidden;
}
#header p {
	position: absolute;
	top: 110px;
	right: 20px;
	font: bold 20px Arial, Helvetica, sans-serif;
	text-shadow: 2px 2px 2px #426a40;
	color: #fff;
}
#inner_content {
	margin: 0px auto;
	padding: 25px 40px 80px 40px;
	min-height: 600px;
	background: url(../images/new2010/wrapbg.png) no-repeat;
	overflow: hidden;
}
#footer {
	position: relative;	
	margin-top: -40px;
	clear: both;
}
.copyright {
	margin: 0px;
	height: 40px;
	width: 100%;
	background: #659643;
	font: 14px/40px Verdana, Arial, Helvetica, sans-serif;
	color: #fff;
	float: left;
}
		.innercopy {
			margin: 0px auto;
			width: 1000px;
	}
		.copyright a {
			color: #fff;
			text-decoration: none;
		}
		.copyright a:hover {
			text-decoration: underline;
		}
		p.copy {
			margin: 0px;
			float: left;
		}
		p.links {
			margin: 0px;
			float: right;
		}

/* ------------------------------------------------------------------------
SOCIAL AND NEWSLETTER ELEMENTS
-------------------------------------------------------------------------*/
#home ul#soc {
	display: none;
}
ul#soc {
	position: absolute;
	top: 20px;
	right: 20px;
	list-style-type: none;
}
ul#soc li {
	padding: 5px;
	float: left;
}
ul#soc form {
	margin-top: 8px;
}
ul#soc input {
	margin-top: 0px;
	float: left;
}
ul#soc input[type="text"] {
	margin-right: 12px;
	padding: 6px;
	width: 200px;
	background: #fff;
	color: #737373;
	border: 1px solid #ccc;
	display: block;
}

	
/* ------------------------------------------------------------------------
NAVIGATION ELEMENTS
--------------------------------------------------------------------------*/
#menu {
	position: absolute;
	top: 55px;
	right: 10px;
}
ul#nav li {
	line-height: 80px;
	list-style-type: none;
	float: left;
	display: block;
}
ul#nav li a {
	padding: 0px 10px;
	font: 16px Arial, Helvetica, sans-serif;
	text-transform: uppercase;
	color: #fff;
	text-decoration: none;
	display: block;
}
ul#nav li a:hover, ul#nav li.active a {
	color: #6D9A57;
}
#about li.about a,
#services li.services a,
#portfolio li.portfolio a,
#blog li.blog a,
#contact li.contact a {
	color: #6D9A57;
}

/* ------------------------------------------------------------------------
TEXT ELEMENTS
--------------------------------------------------------------------------*/
h2 {
	padding-left: 20px;
	margin-left: -40px;
	margin-bottom: 30px;
	width: 314px;
	height: 56px;
	font: 22px/44px Arial, Helvetica, sans-serif;
	color: #fff;
	text-transform: uppercase;	
	background: url(../images/titlebg.png) no-repeat;
}
h3 {
	margin-bottom: 20px; 
	font: bold 18px "Trebuchet MS", Helvetica, sans-serif;
	color: #333;
	text-transform: uppercase;
}
	.sidecontent h4 {
		clear: none;
	}
	.sidecontent img {
		margin: 0px auto;
		display: block;
	} 

h4 {
	padding-bottom: 5px;
	margin-bottom: 10px; 
	font: bold 18px "Trebuchet MS", Helvetica, sans-serif;
	text-transform: uppercase;
	color: #666;
	clear: both;
}
p {
	margin: 10px 0px;
	text-align: justify;
}
	p.intro {
		font: bold 22px Arial, Helvetica, sans-serif;
		text-align: left;
		text-transform: uppercase;
		color: #629341;
	}
	#home p.intro {
		text-transform: none;
		line-height: 1.5em;
	}
	p.intro a {
		text-decoration: none;
	}
	p.intro a:hover {
		text-decoration: underline;
	}
a {
	color: #528936;
	text-decoration: underline;
}
a:hover {
	color: #0E3D0D;
}
a img {
	border: 0px;
}

/* ------------------------------------------------------------------------
FORM ELEMENTS
------------------------------------------------------------------------*/
form {
	font-size: 14px;
	color: #333;
}
br {
	clear: left;
}
legend {
	margin-bottom: 20px; 
	font: bold 18px Arial, Helvetica, sans-serif;
	color: #333;
	text-transform: uppercase;
}
form.survey fieldset {
	padding: 20px;
	background: #f4f4f4;
	border: 1px solid #dadada;
}
form br {
 clear: left;
}
.attn {
	color: #CC0000;
}
label {
	margin-bottom: 5px;
	min-width: 200px;
	float: left;
	display: block;
}
select {
	width: 400px;
	color: #666;
}
input[type="text"],
input[type="password"] {
	margin-bottom: 10px;
	padding: 5px;
	width: 90%;
	border: 1px solid #ccc;
	color: #666;
}
form.contact input[type="text"],
form#commentform input[type="text"] {
	width: 400px;
}
form#commentform label {
	float: right;
}
select {
	margin-bottom: 8px;
	font-size: 14px;
	color: #666;
	width: 400px;
	border: 1px solid #ccc;
}
input[type="image"] {
	margin-bottom: 5px;
	margin-top: 10px;
	/*width: 109px;
	height: 30px;*/
}
textarea {
	padding: 5px;
	width: 400px;
	height: 200px;
	font: 14px Arial, Helvetica, sans-serif;
	color: #666;
	border: 1px solid #ccc;
	margin-bottom: 10px;
}
#validationbox {
	display: none;
}

/* -----------------------------------------------------------------------
TABLE ELEMENTS
-------------------------------------------------------------------------*/
table {
	width: 100%;
	border-collapse: collapse;
	border-top: 1px solid #dadada;
	border-left: 1px solid #dadada;
}
th, td {
	padding: 5px;
	border-bottom: 1px solid #dadada;
	border-right: 1px solid #dadada;
}

/* -----------------------------------------------------------------------
SHARED ELEMENTS
-------------------------------------------------------------------------*/
#mainContent {
	width: 630px;
	float: right;
}
#aside {
	width: 260px;
	float: left;
}
.col1 {
	padding-bottom: 20px;
	float: left;
	width: 48%;
}
.col2 {
	padding-bottom: 20px;
	float: right;
	width: 48%;
}
.sidecontent {
	margin: 20px 0px;
	padding: 10px;
	border: 1px solid #dadada;
	overflow: hidden;
	clear: left;
}
	.sidecontent p {
		text-align: left;
	}
#aside ul {
	margin-bottom: 20px;
	width: 260px;
	float: left;
	border: 1px solid #dadada;
	list-style-type: none;
}
#aside ul li a:hover {
	color: #333;
}
#aside ul li a {
	padding: 0px 10px;
	font: 16px/43px Arial, Helvetica, sans-serif;
	color: #666;
	text-decoration: none;
	display: block;
}
#aside ul li a:hover {
	color: #333;
	background-color: #dadada;
	display: block;
}

.development #aside li.development a,
.campaign #aside li.campaign a,
.ecommerce #aside li.ecommerce a,
.social #aside li.social a,
.seo #aside li.seo a,
.hosting #aside li.hosting a {
	color: #fff;
	text-shadow: 2px 2px 4px #25451d;
	background: url(../images/sidebar_hvr.jpg) top left repeat-x;
	display: block;
}

/* -----------------------------------------------------------------------
SHARED IMAGE ELEMENTS
-------------------------------------------------------------------------*/
#inner_content img.border {
	border: 10px solid #DFDFDF;
}

#inner_content .rightImg {
	margin-left: 12px;
	border: 10px solid #DFDFDF;
	float: right;
}
#inner_content .leftImg {
	margin-right: 12px;
	border: 10px solid #DFDFDF;
	float: left;
}

/* -----------------------------------------------------------------------
SHARED LIST ELEMENTS
-------------------------------------------------------------------------*/
dd {
	min-height: 147px;
	padding-bottom: 10px;
	margin-bottom: 30px;
	border-bottom: 1px solid #dadada;
}
ol {
	margin-left: 20px;	
}
#aside .sidecontent ul {
	border: none;
} 
#mainContent ul {
	margin-bottom: 12px;
	margin-left: 20px;
	list-style-image: url(../images/bullet.png);
}
.col3 {
	margin-right: 10px;
	padding: 0px 10px;
	width: 280px;
	float: left;
}
.last {
	margin-right: 0px;
}

/* -----------------------------------------------------------------------
HOME PAGE ELEMENTS
-------------------------------------------------------------------------*/
#top {
	margin-top: 18px;
}
	.bx_wrap {
		width: 920px;
		height: 343px;
		border: 1px solid #ccc;
	}
	ul#slider {
		list-style-type: none;
		width: 920px;
		height: 343px;
		overflow: hidden;
	}
	a.prev {
		position: absolute;
		top: 170px;
		left: 38px;
		z-index: 10000;
	}
	a.next {
		position: absolute;
		top: 170px;
		right: 38px;
		z-index: 10000;
	}
p.hello {
	padding-bottom: 20px;
	font: bold 20px Arial, Helvetica, sans-serif;
	text-align: justify;
	color: #629341;
	border-bottom: 1px solid #ccc;
}

/* -----------------------------------------------------------------------
ABOUT ELEMENTS
-------------------------------------------------------------------------*/
#about #mainContent {
	float: left;
}
#about #aside {
	float: right;
	margin-left: 20px;
}
#about #aside img {
	margin: 0px;
	border: 10px solid #CCCCCC;
}
#about #aside p {
	margin-top: 5px;
}
#about #aside p.linked {
	line-height: 30px;
}
#about #aside p.linked img {
	vertical-align: middle;
	border: none;
}

/* -----------------------------------------------------------------------
PORTFOLIO ELEMENTS
-------------------------------------------------------------------------*/
#portfolio #mainContent {
	float: left;
}
#portfolio #aside {
	float: right;
}
.project {
	margin-bottom: 40px;
	overflow: hidden;
}
	.project img {
		margin-bottom: 10px;
		border: 10px solid #CCCCCC;
	}
	.project em {
		color: #666;
	}
	.projinfo p {
		margin: 0px;
		font-size: 14px;
		float: left;
		display: block;
	}
	.projurl p {
		margin: 0px;
		padding-right: 12px;
		font-size: 14px;
		float: right;
		display: block;
		text-align: right;
	}
#portfolio #aside ul {
	margin-bottom: 20px;
	width: 260px;
	border: none;
	list-style-type: none;
}
#portfolio #aside ul li a {
	padding: 0px;
	font: 14px/22px Arial, Helvetica, sans-serif;
	color: #528936;
	text-decoration: underline;
}
#portfolio #aside ul li a:hover {
	color: #0E3D0D;
	background: none;
}

/* PORTFOLIO 4 */
.tasks {
	display: block;
	clear: both;
}
p.proclient {
	margin: 0px;
	font-size: 14px;
	float: left;
	display: block;
}
p.projurl {
	margin: 0px;
	padding-right: 12px;
	font-size: 14px;
	float: right;
	display: block;
	text-align: right;
}
p.tasks {
	margin: 0px;
	font-size: 14px;
	display: block;
}

/* -----------------------------------------------------------------------
SERVICES ELEMENTS
-------------------------------------------------------------------------*/
.service {
	clear: both;
	border-top: 1px solid #DADADA;
	padding: 20px 10px;
	overflow: hidden;
}
.lastservice {
	border-bottom: 1px solid #DADADA;
}
.service:hover {
	background: #EFECEC;
}
.service img {
	float: left;
}
.service .desc {
	float: left;
	width: 592px;
	margin-left: 28px;
}

/* -----------------------------------------------------------------------
CONTACT ELEMENTS
-------------------------------------------------------------------------*/
#contact #mainContent {
	margin-bottom: 40px;
	float: left;
}
#contact #aside {
	float: right;
}
fieldset {
	border: none;
}
iframe {
	border: 10px solid #ccc;
}
.add {
	float: left;
}
.phn {
	text-align: right;
	float: right;
}

/* -----------------------------------------------------------------------
EMAIL CAMPAIGN ELEMENTS
-------------------------------------------------------------------------*/
#campaign form input[type="text"],
#campaign form input[type="password"] {
	width: 220px;
}
.sidecontent h3 {
	clear: none;
}

/* ------------------------------------------------------------------------
WALLPAPER ELEMENTS
--------------------------------------------------------------------------*/
ul.wallpapers {
	list-style-type: none;
}
ul.wallpapers li {
	float: left;
}
ul.wallpapers li img {
		margin: 0px 10px 10px 10px;
		border: 10px solid #CCCCCC;
}

/* ------------------------------------------------------------------------
SURVEY ELEMENTS
--------------------------------------------------------------------------*/
#survey #mainContent {
	float: left;
	width: 100%;
}
#survey #content ul li {
	float: left;
	list-style-type: none;
	margin: 0px 10px 0px 0px;
	text-align: center;
}
#survey #content ul li label {
	min-width: 30px;
}
/* ------------------------------------------------------------------------
BLOG SPECIFIC ELEMENTS
--------------------------------------------------------------------------*/
#inner_content h1 {
	padding-left: 20px;
	margin-left: -40px;
	margin-bottom: 30px;
	width: 314px;
	height: 56px;
	font: 22px/44px Arial, Helvetica, sans-serif;
	color: #fff;
	text-transform: uppercase;	
	background: url(../images/titlebg.png) no-repeat;
}
.narrowcolumn {
	width: 630px;
	float: left;
}
	.narrowcolumn h2 {
		margin-bottom: 5px;
		margin-left: 0px;
		padding-left: 0px;
		width: auto;
		height: auto;
		background: none;
	}
	.narrowcolumn h2, .narrowcolumn h2 a {
		font: bold 22px Arial, Helvetica, sans-serif;
		text-transform: uppercase;
		text-decoration: none;
		color: #629341;
	}
	.narrowcolumn ul, .narrowcolumn ol {
		margin-left: 20px;
	}
#sidebar {
	width: 260px;
	float: right;
}
	#sidebar h2 {
		padding-left: 0px;
		margin-left: 0px;
		margin-bottom: 10px;
		height: auto;
		width: auto; 
		font: bold 18px "Trebuchet MS", Helvetica, sans-serif;
		background: none;
		color: #333;
		text-transform: uppercase;
	}
	#sidebar ul {
		margin-bottom: 30px;
		list-style-type: none;
	}
.entry img {
	border: 10px solid #ccc;
	background: #dadada;
}
p.postmetadata {
	font: 12px/18px Arial, Helvetica, sans-serif;
}
#sidebar .menu {
	margin-bottom: 30px;
	overflow: hidden;
}
	#sidebar input[type="text"] {
		margin-right: 10px;
		margin-bottom: 5px;
		padding: 6px;
		width: 150px;
		border: 1px solid #ccc;
		color: #666;
		display: block;
	}
	#sidebar input[type="image"] {
		margin-top: 0px;
		width: 85px;
		height: 30px;
		float: left;
	}

/* ------------------------------------------------------------------------
MISC ELEMENTS
--------------------------------------------------------------------------*/
.clearfloat {
	clear: both;
}
.emailpic {
	text-align: center;
}
.emailpic img {
	margin: auto;
}