/*
Theme Name: Design Ecology
Theme URI: http://grailwebdesign.com/
Description: Designed by Chris Antaki.
Version: v1
Author: Chris Antaki
Author URI: http://grailwebdesign.com/
Tags: 
*/

@import "style/css/reset.css";
@import "style/css/typography.css";
@import "style/css/layout.css";

*
{
margin: 0;
padding: 0;
}

fieldset
{
border: 1px solid #999;
padding: 12px;
margin: 56px 0 0;
}

div.col1 legend, div.col1 legend a
{
padding: 6px;
font-style: italic;
color: #59B8EF;
text-decoration: none;
}

div.col1 fieldset a.more-projects
{
font-style: italic;
color: #59B8EF;
text-decoration: none;
}

body
{
background: #ddd url(images/leaf-green.jpg) 50% 0 fixed;
sbackground: #222 url(images/leaf-green2.jpg) 50% 0 fixed no-repeat;

font-family: Verdana;
font-size: 14px;

text-align: center;

height: 100%;
}

html
{
	height: 100%;
}

#main-wrapper
{
	width: 960px;
	
	margin: 0 auto;
	
	padding: 0 0 0;	text-align: left;
	
	background: url(images/web-background-glass.png);
}

div.header-wrapper
{
	width: 960px;
	
	margin: 0 auto;
	
	padding: 12px 0;
	
	text-align: left;
}

div.home-wrapper
{
	padding: 32px 32px 6px;
	
	text-align: left;
}

div.cb, div.clear
{
	clear: both;
}

div.header
{
	color: #333;
	font-size: 24px;
	font-weight: bold;
}

div.nav
{
	position: absolute;
	
	margin: 10px 0px ;
	
	width: 960px;
	
	background: url(images/menu-bg.png) #ccc;
	
	background: url(images/menu-t1.png);
	
	opacity: 1;
	
	fonts-weight: bold;
	
	z-index: 100;
	
	text-align: center;
	
	letter-spacing: 2px;
}

div.nav ul li
{
	padding: 6px 0;
	
	float: left;
	
	list-style: none;
	
	text-align: center;
}

div.nav ul li a:link, div.nav ul li a:visited
{
	padding: 6px 56px;
	
	text-decoration: none;
	
	cursor: pointer;
text-decoration: none;
stext-shadow: #333 1px 1px 2px;
color: #fff;
}
div.nav ul li a:hover, div.nav ul li.current_page_item a, div.nav ul li.current_page_ancestor a
{
/*	text-decoration: underline; */
	
	background: url(images/menu-bg-2.png) #000;
	
	background: url(images/menu-t2.png);
	
	color: #00FF33;
}

a img
{
	border: 0;
}

div.col1
{
	width: 600px;
	
	padding: 0 0 0 0;
	
	float: left;
	
	color: #eee;
	
	font-family: tahoma;
	
	text-align: justify;
	font-size: 14px;
	font-weight: normal;
}

div.col1 h2 a
{
	text-decoration: none;
	
	color: #fff;
}

div.col2 ul li
{
	list-style: none;
	
	padding: 4px 0;
}

div.col2
{
	width: 210px;
	float: right;	
	
	color: #A48F5E;
	
	font-size: 16px;
	line-height: 20px;
	text-align: right;
	font-family: arial;
}

div.homepage-sidebar
{
font-size: 12px;
text-align: center;

padding: 78px 24px 0;
}

div.default
{
	width: 200px;
	padding-right: 30px;
	
	text-align: left;
	
	font-size: 14px;
	float: left;
}

div.portfolio-sidebar
{
color: #59b8ef;
}

div.semi-spaced
{
letter-spacing: 2px;
}

li.categories
{
margin: 16px 0 0;
}

div.col2 h2
{
	margin: 0 0 12px;
	
	font-size: 16px;
	font-weight: bold;
	
	letter-spacing: 2px;
	color: #333;
}

div.col2 ul li
{
	margin: 0 0 12px;
}

div.col2 ul.pserv li
{
margin: 0 0 0 0;
}

div.col2 ul li ul li
{
	margin: 0;
}

div.col2 a:link, div.col2 a:visited
{
	color: #A48F5E;
	color: #59b8ef;
	text-decoration: none;
}

div.col2 a:hover
{
color: #fff;
}

div.col2 #upcoming-events li 
{
	font-size: 12px;
	font-weight: bold;
	color: #fff;
}

div.col2 #upcoming-events li li
{
	padding: 0;
	
	color: #fff;
	
	font-size: 10px;
	
	font-weight: normal;
	opacity: .8;
}

div.col2 #upcoming-events li li a
{
	padding: 0;
	
	color: #fff;
	
	font-size: 10px;	
	font-weight: bold;
	
	text-decoration: none;
}

div.col2 img
{
	padding: 4px;
	margin: 10px;
	background: #A48F5E;
}

div.col2 hr
{
	background: #111;
	
	height: 3px;
	
	border: 0;
	
	margin: 18px 0;
}

div.col2 li.current_page_item a
{
	color: #0F3;
}

div.col1 h2
{
font-weight: normal;
font-size: 28px;
font-family: Tahoma;
letter-spacing: 3px;
color: #fff;

margin: 24px 0 24px;

sopacity: .7;
}

div.col1 p
{
	margin: 0 0 12px;
}

div.col1 a
{
	color: #fff;
}

div.col1 ul
{
	margin: 0 0 0 32px;
}

div.col1 ul li
{
	list-style: circle;
	line-height: 18px;
	font-size: 12px;
}

div.footer
{
color: #fff;

font-size: 10px;
line-height: 20px;

text-align: center;

background: url(images/footer-cutout.png);

opacity: .8;

margin: 40px 0 0;
padding: 2px 0;
}

div.link-cloud
{
font-weight: bold;
font-size: 24px;
line-height: 34px;

text-align: center;
font-family: Arial, Helvetica, sans-serif;
}

div.link-cloud a:link, div.link-cloud a:visited
{
color: #91BD33;
color: #0099CC;
color: #29B3C7;
color: #666;
text-decoration: none;
}
div.link-cloud a:hover
{
/*
text-decoration: underline;
*/
}

div.developed-by
{
	float: right;
	margin: 8px 60px 8px 0;
	
	color: #fff;
	
	opacity: .5;
	
	font-size: 8px;
}
div.developed-by a
{
	color: #fff;
	text-decoration: none;
}

/*
Showtime Gallery mods
*/

#st_0
{
}


/*
Portfolio Posts
*/

div.portfolio-post
{
	color: #fff;
	
	font-size: 12px;
}

div.job-info
{
width: 600px;

min-height: 65px;
}
div.job-info h1
{
	font-size: 24px;
	margin: 24px 0 0;
	font-weight: normal;
	letter-spacing: 2px;
}
div.job-info h2
{
	font-size: 16px;
	margin: 0 0 0;
}
div.job-companies
{
color: #00CC33;
	margin: 32px 0 12px;
	font-size: 10px;
	
	line-height: 14px;
}
div.job-companies p
{
	margin: 0 0 12px;
}

div.sociable_tagline
{
padding: 12px 0 0;
}


div.job-slideshow
{
	
	height: 375px;
}

div.portfolio-post div.post
{
	width: 600px;
	
	padding: 18px 30px 0 0;
	
	
	font-family: Tahoma;
	font-size: 14px;
}

div.portfolio-post div.extra-info p
{
	margin: 6px 0;
}

div.post p
{
	margin: 6px 0 18px;
}

div.portfolio-post div.extra-info ul li
{
	list-style: circle;
}

div.portfolio-post div.extra-info
{
	padding: 18px 0 0 20px;
	
	
	width: 300px;
}

div.portfolio-post div.post h3, div.portfolio-post div.extra-info h3
{
	margin: 0 0 6px;
	
	font-size: 16px;
}

table tr td
{
padding: 0 0 12px;
}

table tr td img
{
float: left;
padding: 0 12px 0 0;
}

div.portfolio-overview-text
{
margin: 50px 0 0 20px;

font-size: 16px;
}

div.features
{
margin: 0 0 24px;
color: #00FF33;
font-size: 12px;
}
div.features a
{
color: #00FF33;
text-decoration: none;
}

h3.archive-title
{
margin: 4px 0 24px;
font-size: 18px;
font-style: italic;
font-weight: normal;
}

h3.job-title
{
margin: 0 0 6px;
font-size: 18px;
font-weight: normal;
letter-spacing: 1px;
}
h3.job-title a
{
text-decoration: none;
}

div.portfolio-listing p
{
margin: 6px 0 6px;
}

p.contact-sidebar
{
color: #59B8EF;
}

textarea, input, select
{
margin: 6px 0 0;

padding: 4px 6px;
}
select
{
padding: 4px 12px;
}

div.fytowall
{
}
div.fytowall img
{
background: none;
padding: 0;
margin: 24px 0 0;
}

div.portfolio-listing div.pcol1
{
width: 80px;
height: 160px;

float: left;

padding: 6px 24px 24px 6px;

background: url(images/portfolio-preview-bg.png);
}

div.portfolio-listing div.pcol1 img
{
border: 1px solid #666;
}

div.portfolio-listing div.pcol2
{
width: 480px;

padding: 0 0 24px;

float: left;
}

fieldset.services-portfolio div.portfolio-listing div.pcol2
{
width: 460px;

padding: 0 0 24px;

float: left;
}

h6
{
	font-size: 10px;
	font-style: italic;
	font-weight: normal;
}

#slideshow-wrapper
{
margin: 0;
}

div.people-img
{
float: left;

width: 180px;

padding: 0 24px 32px 0;

background: url(images/people-shadow-bg.png) no-repeat;
}

div.people-img img
{
border: 1px solid #666;
}

div.email-link
{
	position: absolute;
	margin: 28px 0 0 320px;
}

div.email-link a:link, div.email-link a:visited
{
	opacity: .4;
}


div.email-link a:hover
{
	opacity: 1;
}

div.smooth_rotating_quotes
{
	width: 630px;
	height: 70px;
	
	color: #E86060;
	color: #ccc;
	
	text-align: center;
	vertical-align: middle;
	
	font-size: 13px;
	
	position: absolute;
	
	margin: -112px 0 0 330px;
}

div.studio-lists
{
	color: #E86060;
	
	text-align: center;
	
	font-size: 18px;
	
	letter-spacing: 1px;
	
	margin: 32px 0 12px;
}

div.studio-list
{
	width: 300px;
	
	float: left;
}




/*
Mods
*/

/*
body
{
	background: #333;
}

#main-wrapper
{
	background: #fff;
}

div.col1
{
	color: #000;
}

div.col1 h2
{
	color: #000;
}
/**/