/*
Theme Name: FTW! Media
Theme URI: http://www.forthewinmedia.com/
Description: A theme designed for the company FTW! Media by Mone8 Media, developed by Mark Davoli.
Version: 1.0
Author: Mark Davoli
Author URI: 
Tags: FTW

This theme was designed by Mone8 Media (http://www.mone8.com) and built by Mark Davoli (http://www.avendim.com).
*/

/*
												white:			#ffffff		- Used for Background
												Blue:			#52abad		- Used headers and links
												Gray:			#b7b7b7		- Used for header tags
												Dark Gray:		#424242		- Used for default text
												Light Gray:		#a0a0a0		- Used for sub heading/date time text

*/

/*
	RESET
*/
*												{ margin: 0; padding: 0;}
html 											{ overflow-y: scroll; }
html, body 										{ height: 100%; }
body											{ font-size: 12px; font-family: Helvetica, Arial, sans-serif; color: #424242;
												  background: url('images/bg1.jpg') top center no-repeat fixed #ffffff; }
ul												{ list-style: none; }
ol												{ list-style: decimal inside; }
a												{ outline: none; text-decoration: none; }
a img											{ border: none; }
img												{ vertical-align: middle; }
table											{ border-collapse: collapse; }

/*
	UTILITY
*/
.floatLeft										{ float: left; }
.floatRight										{ float: right; }
.aligncenter									{ display:block; margin:0 auto; }

/* Just apply a class="clearfix" to the parent element. */
.clearfix:after {
     visibility: hidden;
     display: block;
     font-size: 0;
     content: " ";
     clear: both;
     height: 0;
     }
.clearfix { display: inline-block; }
/* start commented backslash hack \*/
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/* close commented backslash hack */

/* 
	TYPOGRAPHY
*/

p 												{ font-size: 14px; line-height: 16px; margin: 0 0 10px 0; }
li 												{ font-size: 14px; line-height: 16px; }
ol												{ list-style: decimal inside; margin: 0 0 10px 20px;}
.post ul											{ list-style: disc inside; margin: 0 0 10px 20px;}
.post ol											{ list-style: decimal inside; margin: 0 0 10px 20px; }

a												{ color: #52abad; }
a:hover											{ color: #b7b7b7; }
h1												{ font-size: 20px; font-weight: bold; color: #52abad; margin: 0 0 10px 0; }
h2												{ font-size: 18px; font-weight: bold; color: #52abad; margin: 0 0 10px 0; }
h3												{ font-size: 16px; font-weight: normal; font-style: italic; color: #52abad; margin: 0 0 10px 0; }
h4												{ font-size: 14px; font-weight: bold; color: #52abad; margin: 0 0 10px 0; }
h5												{ font-size: 14px; font-weight: normal; color: #52abad; margin: 0 0 10px 0; }

input, textarea									{ outline:none; overflow: auto; }
textarea										{ resize: none; }

blockquote { padding: 0 0 0 12px; margin: 0 10px 10px 15px;  }
blockquote, blockquote p { font: italic 12px/18px Helvetica, Arial, Sans-Serif; }


code 											{ font: 12px/18px Monaco, Courier; width: 450px; padding: 10px; display: block; background: #dddddd;  overflow: auto; margin: 5px 0 15px 0; position: relative; }
pre code[class]:after 							{ content: attr(class); position: absolute; font-size: 10px; bottom: 5px; right: 5px; color: #dddddd; }	

.img-border										{ border: #d0d1d3 solid 10px;}
.styleTextArea.active							{ background-color: #eef6e4; }
/*
	STRUCTURE
*/
#page-wrap										{ width: 1020px; margin: 0 auto -36px; background: url(images/transparent-bg.png) repeat-x fixed; min-height: 100%; height: auto !important; height: 100%; }
#header											{ position: relative; }
#logo											{ float: left; width: 202px; }
#logo h1										{ margin: 0; padding: 0; }
#header-navigation								{ float: left; position: relative; } 

ul#main-nav										{ list-style: none inside; margin: 0; padding: 0 0 0 0; }
ul#main-nav li 									{ display: inline; margin: 0; padding: 0; }
		ul#main-nav li a 								{ display: block;	height: 110px; text-indent: -9999px; float: left; width: auto; }
		ul#main-nav li.nav-news a 						{ width: 66px; background: url(images/news-nav.png) bottom center no-repeat; }
		ul#main-nav li.nav-clientlist a 				{ width: 107px; background: url(images/clientlist-nav.png) bottom center no-repeat; }
		ul#main-nav li.nav-about a 						{ width: 76px; background: url(images/about-nav.png) bottom center no-repeat; }
		ul#main-nav li.nav-services a 					{ width: 93px; background: url(images/services-nav.png) bottom center no-repeat; }
		ul#main-nav li.nav-management a 				{ width: 138px; background: url(images/management-nav.png) bottom center no-repeat; }
		ul#main-nav li.nav-creative a 					{ width: 94px; background: url(images/creative-nav.png) bottom center no-repeat; }
		ul#main-nav li.nav-contact a 					{ width: 93px; background: url(images/contact-nav.png) bottom center no-repeat; }		
			.default ul#main-nav li.nav-news a 					{ width: 66px; background: url(images/news-nav.png) top center no-repeat; }
			.clientlist ul#main-nav li.nav-clientlist a 		{ width: 107px; background: url(images/clientlist-nav.png) top center no-repeat; }
			.about ul#main-nav li.nav-about a					{ width: 76px; background: url(images/about-nav.png) top center no-repeat; }
			.services ul#main-nav li.nav-services a 			{ width: 93px; background: url(images/services-nav.png) top center no-repeat; }
			.management ul#main-nav li.nav-management a 		{ width: 138px; background: url(images/management-nav.png) top center no-repeat; }
			.creative ul#main-nav li.nav-creative a				{ width: 94px; background: url(images/creative-nav.png) top center no-repeat; }
			.contact ul#main-nav li.nav-contact a 				{ width: 93px; background: url(images/contact-nav.png) top center no-repeat; }
			ul#main-nav li a:hover								{ background-position: top center; }
			

#content										{ margin: 0; }
#left-column									{ width: 420px; float: left; margin: 0; }
	#left-column #lc-content					{ margin: 10px 0 0 21px; }
	#left-column #lc-content h2					{ font-size: 24px; font-weight: bold; margin: 10px 0; }
	#left-column #lc-content p					{ margin-right: 25px; margin-left: 5px; font-size: 14px; font-weight: normal; line-height: 16px; }
	#left-column #mediacontent					{ margin-bottom: 20px; }
#right-column									{ width: 600px; float: left; margin: 0; }
	#right-column #rc-content					{ margin: 10px 55px 0 15px; }
	h2.bigheader								{ font-size: 38px; font-weight: bold; text-transform: uppercase; color: #000000; margin: 0; line-height: 1.0em; }
	h2.errorheader								{ font-size: 28px; font-weight: bold; text-transform: uppercase; color: #000000; margin: 0 0 20px 0; line-height: 1.0em; }
	
	.post										{ border-top: thin solid; border-color: #cccccc; margin: 0 0 0 2px; padding-top: 5px; }
	#lc-content .post							{ border: none; margin: 0; position: relative;}
	#rc-content .entry							{ padding-bottom: 10px; }
	#left-column #lc-content .post img			{ border: #d0d1d3 solid 10px; position: relative; left: -5px; }
	#page-content .post							{ border: none; margin: 10px 0 0 2px; }
	.page										{ border-top: thin solid; border-color: #cccccc; margin: 0 0 0 2px; }
	.date-posted								{ font-size: 14px; color: #999999; }
	.post-edit-link								{ font-size: 12px; }
	.more-link									{ margin-left: 400px; padding-top: 10px; display: block; }
	.next-link									{ float: left; }
	.prev-link									{ float: right; }
	.bottom-nav									{ margin: 5px; padding-bottom: 10px; border-top: thin solid; border-color: #cccccc; margin: 0 0 0 2px; }
	li.searchform-box							{ margin: 3px 0 10px 0; }
	.featuredpost								{ margin-left: 15px; position: relative; padding-top: 0; }
	#featuredartist h2.bigheader + p			{ margin-bottom: 20px; }
	.featuredpost object						{ left: -20px; position: relative; padding-bottom: 20px; }
	#left-column #lc-content .featuredpost h2.bigheader	{ font-size: 38px; font-weight: bold; text-transform: uppercase; color: #000000; margin: 0; line-height: 1.0em; margin-bottom: 10px; }
	
	#contactftw									{ margin: 5px 5px 5px 0px; width: 340px; background: #d0d1d3 ; padding: 10px; -moz-border-radius: 8px 8px 8px 8px; -webkit-border-radius:8px 8px 8px 8px; border-radius: 8px 8px 8px 8px; }



	#contactftw h3								{ font-size: 18px; font-weight: bold; color: #52abad; margin: 0; font-style: normal;  }
	
ul.display-disc									{ list-style: disc inside; margin: 0 0 10px 20px; }
ol.error-list 									{ list-style: decimal outside; margin: 0 0 10px 40px; }

#sidebar										{ margin-left: 15px; }
#sidebar h2										{ color: #000000; }
#sidebar h2 ul									{ color: #000000; }

.staff_listing 									{ display:block; height:130px; margin:0; padding:0; }
.staff_image 									{ float:left; width: 100px; margin-right:50px; border:10px solid #E2E3E7; margin:0; padding:0; }

.staff_text 									{ margin-left:150px; padding-top: 40px; font-size: 14px; line-height: 16px; }

#contact-form								{  overflow: hidden; position: relative; }
	#contact-form .formElement					{ margin-bottom: 10px; }
	#contact-form label							{ color: #000000; font-weight: bold; }
	#contact-form label.error					{ color: red; font-size: .8em; position: absolute; bottom: 0; left: 0; }
	#contact-form .inputdiv						{ padding-bottom: 15px; position: relative; }
	#contact-form #msgTextArea label			{ color: #000000;  }
	#contact-form #msgTextArea label.error		{ color: red; font-size: .8em; }
	#contact-form .textSingleArea		{ margin: 5px 0 0 0px; padding: 2px; width: 400px; height: 25px; font-size: 14px; color: #000000; font-family: Helvetica, Arial, sans-serif;  }
	#contact-form #msgTextArea					{ margin: 5px 0 5px 0px;   }
	#contact-form #msgText						{ margin: 0; padding: 2px; width: 400px; height: 160px; font-size: 14px; color: black; font-family: Helvetica, Arial, sans-serif; } 
	#contact-form #msgText.active				{ background-color: #eef6e4; }
	#contact-form .submitElem					{ padding: 5px 0 0 0; overflow: hidden; }
	#contact-form .submitButton					{  }
	#contact-form .submitButton:hover			{ }
	#contact-form #submitLeftCol				{ float: left; width: 85px; }
	#contact-form #submitRightCol				{ padding: 6px 0 0 0px; float: left; color: #000000; }
	#contact-form #submittingForm				{ display: none; padding: 5px 0 5px 20px; position: relative; }
	#contact-form #submittingForm img			{ margin-right: 5px; }
	#contact-form #submittingForm p			{ display: inline; position: relative; top: -4px; left: 0; color: #000000; }
	
	
.push {
	height: 36px; /* .push must be the same height as .footer */
}
	
#footer											{ height: 36px; width: 1020px; margin: 0 auto; }
#footer-content									{ width: 1000px; margin: 0 auto;  }
	#footer-left-content						{ float: left; }
		ul#social-nav							{ list-style: none-inside; margin: 5px; padding: 0; }
		ul#social-nav li						{ display: inline; margin: 0; padding: 0;}
	#footer-right-content						{ float: right;}
		ul#footer-nav							{ list-style: none-inside; margin: 10px; padding: 0; }
		ul#footer-nav li						{ display: inline; margin: 0 0 0 10px; padding: 0;}
		ul#footer-nav li a						{ font-size: 14px; color: #424242; text-transform: uppercase;}
		ul#footer-nav li a:hover				{ color: #a0a0a0;}