/*
Theme Name: Clean Slate Theme
Theme URI: http://turn1media.com/
Description: A theme with a clean design and many features to allow for easy customization.
Version: 1.0
Author: TurnOne Media
Author URI: http://turn1media.com/
*/

* { margin: 0; padding: 0 }

html
{
		font-size: 100%;
}

body
{
		background: #fff /*url(images/page-bg.png) repeat-x*/;
		font: normal 62.5% georgia, arial;
		color: #333;
		margin: 0 0 2em;
		padding: 2em 0 0;
}

a { text-decoration: none; color: #480b05; }

a:hover { text-decoration: underline; color: #480b05; }



/*	SITE STRUCTURE
-----------------------------------------------------------*/

#wrapper
{
		width: 95em;
		padding: 0 1.5em;
		margin: 0 auto;
}

/*	HEADER SECTION
-----------------------------------------------------------*/

#header
{
		width: 95em;
		overflow: auto;
		border-bottom: 0.1em solid #eee;
		padding: 0 0 1em;
		margin: 0 0 1em;
}

#header h1
{
		font-size: 1em;
		float: left;
}

#header h1 a
{
		display: block;
		text-indent: -9999px;
}

#header ul
{
		float: right;
		margin: 1em 0 0;
}

#header li
{
		list-style: none;
		float: left;
		/*margin-left: 0.5em;*/
		font: bold 1em arial;
		text-transform: uppercase;
}

#header li a
{
		display: block;
		color: #2F4755;
		padding: 0.5em 1em;
		
}

#header li a:hover
{
		background: #2F4755;
		color: #fff;
		text-decoration:none;
}
#header li.current_page_item a, #heade li.current_page_item a:visited, #heade li.current_page_item a:active {
		background: #2F4755;
		color: #fff;
		text-decoration:none;
}

/*	NAV SECTION
-----------------------------------------------------------*/

/*	FRONT PAGE WELCOME
-----------------------------------------------------------*/
#forntpagewelcome
{
		width: 52em;
		float:left;
		font-size:12px; 
		line-height:20px;
}

/*	FRONT PAGE RECENT WORK
-----------------------------------------------------------*/
#frontpagerecentwork
{
		width: 30em;
		float:right;
		margin-left: 20px;
}
#frontpagerecentwork li{

		font-size: 12px;
		list-style: none;
		height:76px;
		padding-left:60px;
		position:relative;
		border-bottom: 0.1em solid #eee;
		background-image:url(images/icon-director-cut.gif); 
		background-position:left;
		background-repeat:no-repeat;
}

#frontpagerecentwork a, #frontpagerecentwork a:visited, #frontpagerecentwork a:link {
line-height: 70px;
	text-decoration:underline;
}

#frontpagerecentwork a:hover{
	color: #999999;
	text-decoration:none;
}
/*	FEATURES SECTION
-----------------------------------------------------------*/

#features
{
		width: 95em;
		overflow: auto;
		padding: 0 0 1.5em;
		border-bottom: 0.1em solid #eee;
		margin: 0 0 1em;
}

#features h2, #othernews h2, #extras h2, #search label
{
		display: block;
		font: bold 1.1em arial;
		text-transform: uppercase;
		color: #fff;
		margin: 0 0 0.909em;
}

#featured-posts
{
		float: left;
		width: 63em;
}

#featured-posts #recent-links
{
		float: right;
}

#featured-posts #recent-links li
{
		float: left;
		list-style: none;
		text-align: center;
		margin-left: 0.5em;
		font: bold 1em/1.6em arial;
		color: #999;
		text-transform: uppercase;
}

#featured-posts #recent-links li a
{
		color: #fff;
		display: block;
		width: 1.8em;
		height: 1.8em;
		background: #2F4755;
}

#featured-posts #recent-links li a.active
{
		background-color: #480B05;
}

#featured-posts #posts
{
		height: 25em;
		overflow: hidden;
		background: #333;
		border: 0.5em solid #151515;
}

#featured-posts #posts .post
{
		width: 62em;
		height: 9.5em;
		padding: 15.5em 0 0;
		float: left;
}

#featured-posts #posts .post .post-intro
{
		height: 8.5em;
		padding: 0.5em 1em;
		background: url(images/post-intro-bg.png) repeat-x;
}

#featured-posts #posts .post .post-intro h2
{
		font-family: georgia;
		text-transform: none;
		font-size: 1.9em;
		margin: 0 0 0.2em;
}

#featured-posts #posts .post .post-intro h2 a
{
		color: #fff;
}

#featured-posts #posts .post .entry
{
		color: #fff;
		font-size: 1.1em;
		line-height: 1.6em;
}

#featured-sponsor
{
		float: right;
		width: 31em;
}

#featured-sponsor #sponsor
{
		height: 25em;
		background: #333;
		border: 0.5em solid #151515;
}

#featured-sponsor h2, #search h2, #search label
{
		text-align: right;
}

#sponsor-container {
	float: right;
	padding: 10px;
	border: 1px solid #DFDFDF;
}


/*	OTHERNEWS SECTION
-----------------------------------------------------------*/

#othernews
{
		width: 95em;
		overflow: auto;
		padding: 0 0 1.5em;
		margin: 0 0 1.5em;
		/*border-bottom: 0.1em solid #eee;*/
}

#othernews li
{
		float: left;
		list-style: none;
		width: 29em;
		padding: 0 1em;
		margin-right: 1em;
}

#othernews li.last
{
		margin-right: 0;
}

#othernews li .post
{
		font-size: 1.2em;
}

#othernews li h3
{
		font-size: 1em;
		margin: 0 0 0.455em;
}

#othernews li h3 a
{
		color: #333;
}

#othernews li .entry
{
		margin: 0 0 1em;
		line-height: 1.5em;
		color: #666;
}

#othernews li .post-info
{
		color: #999;
		font-size: 0.9em;
}

/*	PHOTOS / SEARCH SECTION
-----------------------------------------------------------*/

#extras
{
		width: 95em;
		overflow: auto;
		margin: 0 0 1em;
}

#photos
{
		float: left;
}

#photos ul
{
		width: 61em;
}

#photos li
{
		list-style: none;
		float: left;
		width: 12.2em;
		text-align: center;
}

#photos li img
{
		border: 2px solid #ddd;
		padding: 3px;		
}

#search
{
		float: right;
		width: 31em;
}

#searchform
{
		padding: 0 1em 0;
}

#searchform input
{
		display: block;
		font-size: 1.2em;
		width: 23em;
		padding: 0.4em 0.5em;
		border: 1px solid #c5c5c5;
		border-right-color: #eee;
		border-bottom-color: #eee;
		margin: 0 0 0.83em;
}

#searchform button
{
		display: block;
		float: right;
		width: 7.5em;
		height: 2.5em;
		font-size: 1em;
		border: none;
		background: url(images/search-button.gif) 0 -2.5em no-repeat;
		text-indent: -999.9em;
		cursor: pointer;
}

#searchform button:hover
{
		background-position: 0 0;
}

/*	SINGLE PAGE SECTION
-----------------------------------------------------------*/

#content
{
		float: left;
		width: 62em;
		margin: 1em 0;
}

#content .post
{
		margin: 0 0 2em;
}

#content .post h2
{
		font-size: 2em;
		margin: 0 0 0.526em;
}

#content .entry p
{
		font-size: 1.2em;
		line-height: 1.6em;
		margin: 0 0 1em;
}

#content .entry h3
{
		font-size: 1.3em;
		margin: 0 0 0.417em;
}

#content .entry ul
{
		margin: 0 0 0.833em 1.25em;
}

#content .entry li
{
		font-size: 1.2em;
		margin: 0 0 0.25em;
}

#content .entry ol
{
		margin: 0 0 0.833em 1.667em;
}

#content .entry blockquote
{
		display: block;
		font-style: italic;
		color: #666;
		border-top: 0.1em solid #eee;
		border-bottom: 0.1em solid #eee;
		padding: 0.833em 0.833em 0;
		margin: 0 0 0.833em;
}

#content .more-link
{
		display: block;
		width: 7.5em;
		height: 2.083em;
		font-size: 1em;
		background: url(images/read-button.gif) no-repeat;
		text-indent: -9999em;
}

#content .more-link:hover
{
		background-position: 0 -2.083em;
}
/*-------------testimonial -----------------*/
#content .testimonial {
background-image: url(images/quote-one.gif);
background-position: top left;
background-repeat: no-repeat;
	border: 1px solid #D7D7D7;
	padding: 20px;
	margin: 10px;
background-color: #F9FBFD; 
font: normal 112.5% georgia, arial;
}

#content .testimonial a img {
	border: 0;
}

.clientname {
text-align: right;
}

#content .testimonial:hover {
	background-color: #FFF; 
	color: #4F4F4F;
}
#content .testimonial h2 {
	margin-top: 0;
}

/*-------------portfolio -----------------*/

#content .portfolio {
	border: 1px solid #C6BDBE;
	padding: 15px;
	margin: 5px 2px 25px 5px;
background-color: #F4f4f4; 
font: normal 112.5% georgia, arial;
clear:both;
}
.portfolioinfo{font: normal 102.5% georgia, arial;
color: #3A5767;}

#content h3 {
color: #3A5767;
}
/*#content .portfolio img {
float: right; 
padding: 5px; 
border: 1px solid #C6BDBE;
margin-right: 0px;
}*/

#content .portfolio h2 {
font: normal 132.5% georgia, arial;
}
.commentlist
{
		margin: 0 0 2em;
}

.commentlist li
{
		font-size: 1.2em;
		list-style: none;
		margin: 0 0 1.25em;
		padding: 0 0 1.25em;
		border-bottom: 0.1em solid #eee;
}

.commentlist li p
{
		line-height: 1.6em;
}

.commentlist h3
{
		font: bold 1em arial;
		margin: 0 0 0.5em;
}

.commentlist h3 small
{
		float: right;
}

#respond h2, #comments h2
{
		font-size: 1.9em;
		margin: 0 0 0.526em;
}

#respond p.instruct
{
		font-size: 1.2em;
		margin: 0 0 0.833em;
}

#respond p.commentinput
{
		float: left;
		width: 20em;
		margin: 0 0 1em;
}

#respond p.push
{
		margin-right: 1em;
}

#respond p.commenttext
{
		clear: both;
		margin: 0 0 1.5em;
}

#respond p.commenttext textarea
{
		display: block;
		font: normal 1.2em georgia;
		border: 1px solid #ccc;
		border-right-color: #eee;
		border-bottom-color: #eee;
		width: 51em;
		padding: 0.25em;
}
		

#respond label
{
		display: block;
		font: bold 1em arial;
		text-transform: uppercase;
		color: #999;
		margin: 0 0 0.5em;
}

#respond p.commentinput input
{
		display: block;
		font: normal 1.2em georgia;
		border: 1px solid #ccc;
		border-right-color: #eee;
		border-bottom-color: #eee;
		width: 16em;
		padding: 0.25em;
}

#respond button
{
		display: block;
		width: 75px;
		height: 25px;
		border: none;
		background: url(images/submit-button.gif) no-repeat;
		text-indent: -9999px;
		cursor: pointer;
		margin: 0 0 1em;
		font-size: 1em;
}

#respond button:hover
{
		background-position: 0 -2.5em;
}

.navigation 
{
		margin: 0 0 1.5em;
		padding: 1.5em 0 0;
		font: bold 1em arial;
		text-transform: uppercase;
}

.navigation .alignleft
{
		float: left;
}

.navigation .alignright
{
		float: right;
}

#sidebar
{
		float: right;
		width: 31em;
		margin: 1em 0 0;
}

#sidebar h2
{
		font: bold 1.2em arial;
		color: #fff;
		background: #333;
		padding: 0.583em;
		margin: 0 0 0.932em;
		text-transform: uppercase;
}

#sidebar #sponsor
{
		background: #333;
		border: 0.5em solid #151515;
		height: 25em;
		margin: 0 0 1.5em;
}

#sidebar #searchform
{
		width: 31em;
		overflow: auto;
		border-bottom: 0.1em solid #eee;
		padding: 0 0 1em;
		margin: 0 0 1em;
}

#sidebar #searchform input
{
		width: 24.6em;
}

#sidebar li
{
		list-style: none;
}

#sidebar li ul
{
		margin: 0 0 1.25em;
}

#sidebar li li
{
		font-size: 1.1em;
		border-bottom: 1px solid #eee;
		margin: 0 0 0.5em;
		padding: 0 0.636em 0.5em;
		color: #999;
}

#sidebar li li a
{
		color: #666;
}

#sidebar li li a:hover
{
		color: #de264c;
}

#sidebar table
{
		width: 31em;
		font: bold 1em arial;
		margin: 0 0 1.5em;
}

#sidebar td
{
		text-align: center;
		font: bold 1em arial;
		padding: 0.4em;
		background: #f5f5f5;
}

#sidebar caption
{
		font: bold 1em arial;
		background: #ccc;
		padding: 0.5em;
}

#sidebar th
{
		background: #e5e5e5;
		padding: 0.4em;
}

#sidebar tfoot td
{
		background: #e5e5e5;
}
		

/*	FOOTER SECTION
-----------------------------------------------------------*/

#footer
{
		clear: both;
		font: normal 1.1em arial;
		color: #999;
		border-top: 0.1em solid #eee;
		padding: 1.1em 0 0;
}

#footer ul
{
		float: right;
}

#footer li
{
		float: left;
		list-style: none;
		text-transform: uppercase;
		margin: 0 0 0 0.5em;
		padding: 0 0 0 0.5em;
		border-left: 0.1em solid #ccc;
}

#footer li.first
{
		border-left: 0;
}

#footer a
{
		color: #999;
}

#footer p a
{
		color: #480B05;
}


#box-table-a
{
	font-family: "Lucida Sans Unicode", "Lucida Grande", Sans-Serif;
	font-size: 12px;
	width: 100%;
	text-align: left;
	border-collapse: collapse;
}
#box-table-a th
{
	font-size: 13px;
	font-weight: normal;
	padding: 8px;
	background: #b9c9fe;
	border-top: 4px solid #aabcfe;
	border-bottom: 1px solid #fff;
	color: #039;
}
#box-table-a td
{
	padding: 8px;
	background: #e8edff; 
	border-bottom: 1px solid #fff;
	color: #669;
	border-top: 1px solid transparent;
}
#box-table-a tr:hover td
{
	background: #d0dafd;
	color: #339;
}