/* 
Theme Name: Zen Media Studios
Theme URL: http://www.zenmediastudios.com
Description: A custom theme created by Zen Media Studios.
Author: zen
Author URI: http://www.zenmediastudios.com
Version: 1.2

Version History
	See history.txt
*/

body {
	background: #333;
	width: 880px;
	color: #454545;
	font-size: 12px;
	font-family: Arial, Tahoma, Verdana;
	margin: 0px auto 0px;
	padding: 0px;
	*padding-left: 62px;
	}
	
#wrap {
	background: #FFFFFF;
	width: 880px;
	margin: -2px auto 0px;
	padding: 0px;
	float: left;
	}

/************************************************
*	Hyperlinks									*
************************************************/

a, a:visited {
	color: #C4290B;
	text-decoration: underline;
	}
	
a:hover {
	text-decoration: none;
	}
	
/************************************************
*	Header  									*
************************************************/

#header {
	background: url(images/header.jpg) no-repeat;
	width: 880px;
	height: 100px;
	color: #FFFFFF;
	margin: 0px auto 0px;
	padding: 0px 0px 0px 0px;
	overflow: hidden;
	}
	
#header a {
	font-family: Arial, Tahoma, Verdana;
	font-size: 24px;
	color: #000000;
	text-decoration: none;
	padding: 0px;
	margin: 0px;
	text-transform: uppercase;
	}

#header a:hover{
	color: #C4290B;
	}
	
#header a img {
	border: none;
	margin: 0px;
	padding: 0px;
	}

#headerleft {
	width: 815px;
	float: left;
	font-size: 14px;
	margin: 0px;
	padding: 0px 0px 0px 0px;
	overflow: hidden;
	}

#headerleft a {
	display: block;
	text-indent: -99999px;
	height: 100px;
}
#headerright {
	width: 20px;
	float: right;
	font-size: 12px;
	text-align: right;
	margin: 0px;
	padding: 8px 75px 0px 0px;
	overflow: hidden;
	}
	
#headerright p {
	color: #FFFFFF;
	font-size: 12px;
	margin: 0px;
	padding: 0px 20px 0px 0px;
	}
	
/************************************************
*	Navbar      								*
************************************************/

#navbar {
	background: url(images/navbg-brown.gif);
	width: 880px;
	height: 42px;
	color: #FFFFFF;
	margin: 0px auto 0px;
	padding: 0px 0px 0px 0px;
	}

#nav {
	margin: 0px 0px 0px 15px;
	padding: 0px;
	list-style: none;
	}
	
#nav ul {
	z-index: 10000;
	margin: 0px;
	padding: 0px;
	list-style: none;
	}

#nav a {
	color: #FFFFFF;
	display: block;
	font-size: 14px;
	font-weight: normal;
	text-decoration: none;
	margin: 0px 25px 0px 0px;
	padding: 13px 10px 13px 10px;
	}
	
#nav a:hover {
	background: #6A1906 url(images/navhov.gif);
	color: #FFFFFF;
	display: block;
	text-decoration: none;
	margin: 0px 25px 0px 0px;
	padding: 13px 10px 13px 10px;
	}

#nav li {
	float: left;
	margin: 0px;
	padding: 0px;
	}
	
#nav li li {
	float: left;
	margin: 0px;
	padding: 0px;
	width: 180px;
	}
	
#nav li li a, #nav li li a:link, #nav li li a:visited {
	background: #3b4d26;
	width: 180px;
	float: none;
	margin: 0px;
margin-top: -2px;
	padding: 8px 10px 8px 10px;
	}
	
#nav li li a:hover, #nav li li a:active {
	background: #362f2d;
	margin: 0px;
margin-top: -2px;
	padding: 8px 10px 8px 10px;
	}

#nav li ul {
	position: absolute;
	width: 10em;
	left: -999em;
	}

#nav li:hover ul {
	left: auto;
	display: block;
	}
	
#nav li:hover ul, #nav li.sfhover ul {
	left: auto;
	}
	
/************************************************
*	Homepage 					     		    * 
************************************************/

#homepage {
	width: 880px;
	margin: 0px auto 0px;
	padding: 15px 0px 0px 0px;
	line-height: 15px;
	}

#homepage p {
	color: #454545;
	padding: 0px 0px 0px 0px;
	margin: 0px;
	}
	
#homepage h1 {
	color: #98250A;
	font-size: 22px;
	font-family: Trebuchet MS, Times New Roman, Georgia;
	font-weight: normal;
	margin: 0px 0px 10px 0px;
	padding: 0px 0px 0px 0px;
	}
	
#homepage h1 a, #homepage h1 a:visited  {
	color: #98250A;
	text-decoration: none;
	margin: 0px 0px 10px 0px;
	padding: 0px 0px 0px 0px;
	}

#homepage h1 a:hover {
	color: #98250A;
	text-decoration: none;
	}
	
#homepage h3 {
	color: #202020;
	font-size: 22px;
	font-family: Trebuchet MS, Times New Roman, Georgia;
	font-weight: normal;
	margin: 0px 0px 10px 0px;
	padding: 0px 0px 0px 0px;
	}
	
#homepage img {
	float: left;
	border: none;
	margin: 0px 20px 0px 0px;
	}
	
#homepage ul {
	margin: 0px 0px 20px 0px;
	padding: 0px 0px 0px 0px;
	}
	
#homepage ul li {
    list-style: square;
	margin: 0px 0px 0px 20px;
	padding: 0px 0px 0px 0px;
	}	
	
#homepageleft {
	float: left;
	width: 262px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 15px;
	}
	
#homepageleft ul {
	list-style: none;
	margin: 0px;
	padding: 0px;
	}

#homepageleft ul li {
	display: inline;
	padding: 0px;
	margin: 0px;
	}
	
#homepageleft ul li a {
	background: #FFFFFF url(images/hp-brown.png);
	width: 222px;
	height: 70px;
	display: block;
	color: #FFFFFF;
	font-size: 11px;
	font-family: Verdana, Arial, Tahoma;
	font-weight: normal;
	padding: 15px 0px 0px 40px;
	margin: 0px;
	text-decoration: none;
	}

#homepageleft ul li a:hover {
	background: #FFFFFF url(images/hp-green.png);
	color: #FFFFFF;
	}
	
#menu span {
	color: #C7D3DF;
	font-size: 22px;
	font-family: Trebuchet MS, Times New Roman, Georgia;
	font-weight: normal;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 5px 0px;
	display: block;
	}
	
.homeleft1 {
	margin: 0px 0px 0px 0px;
	padding: 20px 0px 0px 0px;
	}
	
.homeleft2 {
	background: #DDDDDD;
	width: 300px;
	height: 80px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	}
	
.homeleft3 {
	background: #EEEEEE;
	width: 300px;
	height: 80px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	}
	
#homepageleft p {
	padding: 0px 0px 10px 0px;
	margin: 0px;
	}
	
#homepageright {
	background: #FFFFFF;
	float: left;
	width: 585px;
	height: 254px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	}
	
/************************************************
*	Homepage Bottom					     		* 
************************************************/

#homebottom {
	width: 880px;
	margin: 0px auto 0px;
	padding: 20px 0px 0px 0px;
	line-height: 18px;
	}
	
#homebottom p {
	color: #454545;
	font-size: 11px;
	font-family: Verdana, Arial, Tahoma;
	padding: 0px 0px 0px 0px;
	margin: 0px;
	}
	
#homebottom h2 {
	color: #063C5D;
	font-size: 16px;
	font-family: Trebuchet MS, Times New Roman, Georgia;
	font-weight: normal;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 5px 0px;
	}

#homebottom img {
	float: left;
	border: none;
	margin: 0px 0px 10px 0px;
	}
	
#homebottom ul {
	list-style-type: square;
	margin: 0px 0px 15px 0px;
	padding: 0px 0px 0px 0px;
	}
	
#homebottom ul li {
	list-style-type: square;
	margin: 0px 0px 0px 20px;
	padding: 0px 0px 0px 0px;
	}	
	
#homebottomleft {
	background: #FFFFFF url(images/homebottom.png);
	float: left;
	width: 280px;
	height: 175px;
	margin: 0px 18px 15px 15px;
	padding: 15px 15px 0px 15px;
	display: inline;
	}
	
#homebottommiddle {
	background: #FFFFFF url(images/homebottom.png);
	float: left;
	width: 280px;
	height: 175px;
	margin: 0px 0px 15px 0px;
	padding: 15px 15px 0px 15px;
	display: inline;
	}
	
#homebottomright {
	background: #FFFFFF url(images/subscribe.png);
	float: right;
	width: 160px;
	height: 175px;
	margin: 0px 18px 15px 0px;
	padding: 15px 15px 0px 15px;
	display: inline;
	}

.greenplanet {
	background: url(images/greenplanet.png) no-repeat;
	width: 56px;
	height: 134px; 
	float:right; 
	margin-top: 10px;
	margin-left: -25px;
	}

/************************************************
*	Content 					     		    * 
************************************************/

#content {
	float: left;
	width: 880px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	line-height: 20px;
	}

#content p {
	padding: 0px 0px 15px 0px;
	margin: 0px;
	}
	
#content h1 {
	color: #063C5D;
	font-size: 18px;
	font-family: Trebuchet MS, Times New Roman, Georgia;
	font-weight: normal;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 10px 0px;
	}
	
#content h1 a, #content h1 a:visited  {
	color: #063C5D;
	font-size: 18px;
	font-family: Trebuchet MS, Times New Roman, Georgia;
	font-weight: normal;
	text-decoration: none;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 5px 0px;
	}

#content h1 a:hover {
	color: #C4290B;
	text-decoration: none;
	}
	
#contentleft h2 {
	color: #063C5D;
	font-size: 18px;
	font-family: Trebuchet MS, Times New Roman, Georgia;
	font-weight: normal;
	margin: 0px 0px 10px 0px;
	padding: 0px 0px 5px 0px;
	border-bottom: 1px dotted #C0C0C0;
	}

#content h3 {
	color: #063C5D;
	font-size: 18px;
	font-family: Trebuchet MS, Times New Roman, Georgia;
	font-weight: normal;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 5px 0px;
	}
	
#content h4 {
	color: #063C5D;
	font-size: 16px;
	font-family: Trebuchet MS, Times New Roman, Georgia;
	font-weight: normal;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 5px 0px;
	}

#content img.wp-smiley {
	float: none;
	border: none;
	padding: 0px;
	margin: 0px;
	}

#content img.wp-wink {
	float: none;
	border: none;
	padding: 0px;
	margin: 0px;
	}
	
#contentleft {
	float: left;
	width: 540px;
	margin: 0px 0px 0px 0px;
	padding: 20px 0px 20px 20px;
	}

#contactleft {
	float: left;
	width: 540px;
	margin: 0px 0px 0px 0px;
	padding: 20px 0px 20px 20px;
	}


#contentpageleft {
	float: left;
	width: 840px;
	margin: 0px 0px 0px 0px;
	padding: 20px 20px 20px 20px;
	}

#contentleft p img {
	border: none;
	margin: 0px 10px 0px 0px;
	}
	
#contentleft ol {
	margin: 0px 0px 0px 5px;
	padding: 0px 0px 15px 0px;
	}
	
#contentleft ol li {
	margin: 0px 0px 0px 20px;
	padding: 0px 0px 0px 0px;
	}
	
#contentleft ul {
	list-style-type: square;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 15px 0px;
	}
	
#contentleft ul li {
	list-style-type: square;
	margin: 0px 0px 0px 20px;
	padding: 0px 0px 0px 0px;
	}

blockquote {
	margin: 0px 20px 15px 20px;
	padding: 5px 0px 5px 15px;
	border-left: 5px solid #C0C0C0;
	}
	
#content blockquote p {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	}
	
.postmeta {
	width: 500px;
	font-size: 12px;
	padding: 5px 0px 50px 0px;
	margin: 0px;
	border-top: double #C0C0C0;
	}
	
/************************************************
*	Sidebar 		    	        	        * 
************************************************/

#sidebar {
	float: right;
	width: 250px;
	margin: 0px;
	padding: 20px 20px 20px 0px;
	line-height: 20px;
	display: inline;
	}
	
#sidebar p {
	padding: 0px 15px 0px 15px;
	margin: 0px;
	}
	
#sidebar h2 {
	color: #063C5D;
	font-size: 16px;
	font-family: Trebuchet MS, Times New Roman, Georgia;
	font-weight: normal;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 5px 15px;
	}
	
#sidebar li {
	list-style-type: none;
	margin:  0px;
	padding: 0px;
	}
	
#sidebar ul {
	list-style-type: none;
	margin: 0px 0px 0px 35px;
	padding: 0px 0px 0px 0px;
	}
	
#sidebar ul li {
	list-style-type: square;
	padding: 0px 0px 5px 0px;
	margin: 0px 0px 0px 0px;
	}
	
.sideblock {
	background: #FFFFFF url(images/sidebar.png) no-repeat;
	width: 250px;
	min-height: 175px;
	padding: 15px 0px 0px 0px;
	margin: 0px 0px 5px 0px;
	}
	
.sideblock .textwidget {
	padding: 0px 15px 0px 15px;
	margin: 0px;
	}
	
/************************************************
*	Footer      								*
************************************************/

#footer {
	background: url(images/footer.gif) top no-repeat;
	*background: none;
	width: 880px;	
	color: #666;
	height: 40px;
	margin: 0px auto 0px;
	padding: 6px 0px 0px 0px;
	text-align: center;
	float: left;
	}
	
#footer p {
	color: #666;
	font-size: 11px;
	font-family: Arial, Tahoma, Verdana;
	margin: 0px;
	padding: 0px 0px 0px 0px;
	}
	
#footer a, #footer a:visited {
	color: #666;
	text-decoration: none;
	}
	
#footer a:hover {
	text-decoration: underline;
	}

/************************************************
*	Search Form									*
************************************************/

#searchdiv {
	margin: 0px;
	padding: 0px;
	}
	
#searchform {
	margin: 10px; margin-top: 0px;
	padding: 0px;
	overflow: hidden;
	}
	
#subscribe {
	background: #EFEFEF;
	width: 150px;
	color: #333333;
	font-size: 10px;
	font-family: Verdana, Arial, Tahoma;
	font-weight: bold;
	padding: 3px;
	margin: 10px 0px 0px 0px;
	border-top: 1px solid #666666;
	border-right: 1px solid #DDDDDD;
	border-left: 1px solid #666666;
	border-bottom: 1px solid #DDDDDD;
	display: inline;
	}
	
#subscribe-sidebar {
	background: #EFEFEF;
	width: 200px;
	color: #333333;
	font-size: 10px;
	font-family: Verdana, Arial, Tahoma;
	font-weight: bold;
	padding: 3px;
	margin: 10px 0px 0px 0px;
	border-top: 1px solid #666666;
	border-right: 1px solid #DDDDDD;
	border-left: 1px solid #666666;
	border-bottom: 1px solid #DDDDDD;
	display: inline;
	}
	
#subbutton {
	background: #07456D url(images/navbar.gif);
	color: #FFFFFF;
	font-size: 11px;
	font-family: Arial, Tahoma, Verdana;
	padding: 2px;
	margin: 10px 0px 0px 0px;
	border: 1px solid #234B69;
	font-weight: bold;
	}
	
#search {
	background: #EEEEEE;
	width: 150px;
	color: #202020;
	font-size: 11px;
	font-family: Arial, Tahoma, Verdana;
	padding: 3px;
	margin: 0px 5px 0px 0px;
	border-top: 1px solid #666666;
	border-right: 1px solid #DDDDDD;
	border-left: 1px solid #666666;
	border-bottom: 1px solid #DDDDDD;
	}
	
#sbutt {
	background: #E5E5E5;
	color: #333333;
	font-size: 11px;
	font-family: Arial, Tahoma, Verdana;
	padding: 2px;
	margin: -10px 0px 0px 0px;
	border: 2px solid #999999;
	font-weight: bold;
	}
	
#s {
	background: #FFFFFF;
	width: 220px;
	color: #333333;
	font-size: 12px;
	font-family: Arial, Tahoma, Verdana;
	padding: 4px;
	margin: 5px 0px 20px 0px;
	border-top: 1px solid #666666;
	border-right: 1px solid #DDDDDD;
	border-left: 1px solid #666666;
	border-bottom: 1px solid #DDDDDD;
	}
	
#signup {
	background: #F5F5F5;
	width: 240px;
	color: #333333;
	font-size: 12px;
	font-family: Arial, Tahoma, Verdana;
	padding: 4px;
	margin: 0px;
	border-top: 1px solid #666666;
	border-right: 1px solid #DDDDDD;
	border-left: 1px solid #666666;
	border-bottom: 1px solid #DDDDDD;
	}

#name, #email, #url, #submit {
	background: #FFFFFF;
	color: #333333;
	font-size: 12px;
	font-family: Arial, Tahoma, Verdana;
	padding: 4px;
	margin: 0px 0px 0px 0px;
	border-top: 1px solid #666666;
	border-right: 1px solid #DDDDDD;
	border-left: 1px solid #666666;
	border-bottom: 1px solid #DDDDDD;
	}
	
#words {
	background: #FFFFFF;
	width: 380px;
	color: #333333;
	font-size: 12px;
	font-family: Arial, Tahoma, Verdana;
	padding: 4px;
	margin: 0px 0px 0px 0px;
	border-top: 1px solid #666666;
	border-right: 1px solid #DDDDDD;
	border-left: 1px solid #666666;
	border-bottom: 1px solid #DDDDDD;
	}
	
/************************************************
*	Comments									*
************************************************/

	
#commentblock {
	width: 440px;
	color: #000000;
	float: left;
	padding: 20px 0px 10px 0px;
	margin: 0px 0px 0px 0px;
	}
	
#commentblock ol {
	list-style-type: square;
	margin: 0px 0px 0px 0px;
	padding: 10px 0px 0px 0px;
	}
	
.commentdate {
	font-weight: bold;
	font-size: 12px;
	}

.commentname {
	color: #000000;
	font-weight: bold;
	margin: 0px;
	padding: 5px 0px 0px 0px;
	}

.commentinfo {
	clear: both;
	}

.commenttext {
	width: 440px;
	color: #000000;
	font-size: 12px;
	font-family: Arial, Tahoma, Verdana;
	padding: 0px 0px 0px 0px;
	margin: 5px 0px 20px 0px;
	border-bottom: 1px dotted #C0C0C0;
	}

.commenttext-admin {
	width: 440px;
	color: #000000;
	font-size: 12px;
	font-family: Arial, Tahoma, Verdana;
	padding: 0px 0px 0px 0px;
	margin: 5px 0px 20px 0px;
	border-bottom: 1px dotted #C0C0C0;
	}
.aligncenter, div.aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto;
	}

.alignleft {
	float: left;
	}

.alignright {
	float: right;
	}

.wp-caption {
	border: 1px solid #ddd;
	text-align: center;
	background-color: #f3f3f3;
	padding-top: 4px;
	margin: 10px;
	}

.wp-caption img {
	margin: 0;
	padding: 0;
	border: 0 none;
	}

.wp-caption p.wp-caption-text {
	font-size: 11px;
	line-height: 17px;
	padding: 0 4px 5px;
	margin: 0;
	}

/************************************************
*	Page Foot				*
************************************************/

#pageFooterWrapper { 
	width: 880px;
	text-shadow: #000 0px -1px 1px; 
	/* background: url(images/bg.png) top repeat; */
	height: 250px;
	padding: 50px 0px 0px 0px;
	}

#pageFooter{
	font-size: 12px; 
	line-height: 1em; 
	color: #cccccc;
	}

#pageFooter ul { 
	list-type: none; 
	padding: 0; 
	margin: 0; 
	}

#pageFooter li { 
	border-bottom: 1px solid #363231; 
	display: block; 
	padding: 0 0 3px 0; 
	margin: 0 0 3px 0; 
	line-height: 1.8em; 
	}

#pageFooter a:link { 
	color: #555; 
	background: url(images/icon-fillarrow-gray.gif) no-repeat 0 50%; 
	padding: 0 0 0 10px; 
	}

#pageFooter a:visited { 
	color: #555; 
	background: url(images/icon-fillarrow-gray.gif) no-repeat 0 50%; 
	text-decoration: none; 
	padding: 0 0 0 10px; 
	}

#pageFooter a:hover { 
	color: #999; 
	text-decoration: none; 
	background: url(images/icon-fillarrow-gray.gif) no-repeat 0 50%; 
	padding: 0 0 0 10px; 
	}

#pageFooter a:active { 
	color: #555; 
	text-decoration: none; 
	background: url(images/icon-fillarrow-gray.gif) no-repeat 0 50%; 
	padding: 0 0 0 10px; 
	}

.columnWrapperFooter { 
	width: 940px; 
	float: left; 
	margin-bottom: 40px; 
	} /* wraps each horizontal sets of columns in the footer */

.group:after { 
	content: "."; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden; 
	} /* clears floats */

.leftWrapperFooter { 
	float: left; 
	width: 880px; 
	}

h5 { 
	font-weight: normal; 
	letter-spacing: 1px; 
	text-transform: uppercase; 
	font-size: 13px; 
	color: #777; 
	padding: 0 0 10px 0; 
	margin: 0 0 5px 0; 
	}

.colOneFooter { float: left; width: 170px; margin-right: 20px; margin-left: 20px; text-align: left; }
.colTwoFooter { float: left; width: 170px; margin-right: 20px; text-align: left; }
.colThreeFooter { float: left; width: 170px; margin-right: 20px; text-align: left; }
.colFiveFooter { float: right; width: 220px; color: #555; line-height: 1em; margin-right: 20px; }
.colFiveFooter a:link { color: #555; background: none !important; padding: 0 0 0 0 !important; }
.colFiveFooter a:visited { color: #555; background: none !important; padding: 0 0 0 0 !important; }
.signupQuestionFooter { border: 0; cursor:hand;}
.freetrial { float: right; width: 220px; height: 62px; background: transparent url(http://www.zenmediastudios.com/_uploads/2009/09/try_it.png) 0 0 no-repeat; border: none; }
.freetrial:hover { background: transparent url(http://www.zenmediastudios.com/_uploads/2009/09/try_it.png) 0 -61px no-repeat; color: transparent; cursor: pointer; }


/************************************************
*	Tooltip 				*
************************************************/
/* tooltip styling. uses a background image (a black box with an arrow) */
div.tooltip {
	background:transparent url(../img/tooltip/black_arrow_big.png) no-repeat scroll 0 0;
	font-size:14px;
	height:153px;
	padding:30px;
	width:310px;
	font-size:14px;
	display:none;
	color:#fff;
}

/* tooltip title element (h3) */
div.tooltip h3 {
	margin:0;
	font-size:18px;
	color:#fff;
}
#trigger {
	background:transparent url(http://static.flowplayer.org/img/box/right/tools.png) no-repeat scroll 0 50%;
	color:#333;
	display:block;
	font-size:14px;
	height:125px;
	padding:18px 80px 20px 15px;
	text-decoration:none;
	width:118px !important;
	
	position:relative;
	top:100px;
	
}

/* simple mouseover effect for the trigger */
#trigger:hover {
	color:#000;
}