/*
Copyright (c) 2008, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.net/yui/license.txt
version: 2.5.0
*/

/*intro to the use of this system : http://developer.yahoo.com/yui/grids/ */

/*this essentially standardizes cross-browser rendering for most current browsers - 'A-Grade Browsers' as Yahoo calls them...http://developer.yahoo.com/yui/articles/gbs/index.html#history*/
/*Create a baseline from which to build... set padding/margins to zero etc, etc)*/
html{color:#FFF;background:#FFF;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;}
td.details{margin:2px;padding:2px;}
table{border-collapse:collapse;border-spacing:0;}
fieldset,img{border:0;}
address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}
li{list-style:none;}
caption,th{text-align:left;}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}
q:before,q:after{content:'';}
abbr,acronym {border:0;font-variant:normal;}
sup {vertical-align:text-top;}
sub {vertical-align:text-bottom;}
input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;}
input,textarea,select{*font-size:100%;}
legend{color:#000;}

/*standardizes the fonts*/
/*Because the package provides a degradation path through several alternates down to the generic family, only specify a single font-family when you want something other than Arial.*/
/*To change the size of a font, use a percentage value from the chart below. Always use percentages as the units because they render more consistently than ems, and because they allow user-initiated resizing (unlike pixels)

If you want this size in pixels (px)    Declare this percent (%)
10   77
11   85
12   93 (was 93)
13   100
14   108 (was 107)
15   116 (was 114)
16   123.1 (was 122)
17   131 (was 129)
18   138.5 (was 136)
19   146.5 (was 144)
20   153.9 (was 152)
21   161.6 (was 159)
22   167
23   174
24   182
25   189
26   197
*/
body {font:13px/1.231 arial,helvetica,clean,sans-serif;*font-size:small;*font:x-small;}table {font-size:inherit;font:100%;}pre,code,kbd,samp,tt{font-family:monospace;*font-size:108%;line-height:100%;}

/*css for the 'grids'*/
/* the template presets accommodate standard IAB (Interactive Advertising Bureau) ad unit dimensions, and because they represent the vast majority of common page structures in use.e-> http://www.iab.net/iab_products_and_industry_services/1421/1443/1452 */

/*tool for viewing simple configurations of the grid system http://developer.yahoo.com/yui/grids/builder/ */

body{text-align:center;}
#ft{clear:both;}
#doc,#doc2,#doc3,#doc4,.yui-t1,.yui-t2,.yui-t3,.yui-t4,.yui-t5,.yui-t6,.yui-t7{margin:auto;text-align:left;width:57.69em;*width:56.301em;min-width:750px;}
#doc2{width:73.074em;*width:71.313em;}
#doc3{margin:auto 10px;width:auto;}
#doc4{width:74.923em;*width:73.05em;}
.yui-b{position:relative;}
.yui-b{_position:static;}
#yui-main .yui-b{position:static;}
#yui-main{width:100%;}
.yui-t1 #yui-main,.yui-t2 #yui-main,.yui-t3 #yui-main{float:right;margin-left:-25em;}
.yui-t4 #yui-main,.yui-t5 #yui-main,.yui-t6 #yui-main{float:left;margin-right:-25em;}
.yui-t1 .yui-b{float:left;width:12.30769em;*width:12.00em;}
.yui-t1 #yui-main .yui-b{margin-left:13.30769em;*margin-left:13.05em;}
.yui-t2 .yui-b{float:left;width:13.8461em;*width:13.50em;}
.yui-t2 #yui-main .yui-b {margin-left:14.8461em;*margin-left:14.55em;}
.yui-t3 .yui-b{float:left;width:23.0759em;*width:22.50em;}
.yui-t3 #yui-main .yui-b {margin-left:24.0759em;*margin-left:23.62em;}
.yui-t4 .yui-b{float:right;width:13.8456em;*width:13.50em;}
.yui-t4 #yui-main .yui-b {margin-right:14.8456em;*margin-right:14.55em;}
.yui-t5 .yui-b{float:right;width:18.4615em;*width:18.00em;}
.yui-t5 #yui-main .yui-b {margin-right:19.4615em;*margin-right:19.125em;}
.yui-t6 .yui-b{float:right;width:23.0759em;*width:22.50em;}
.yui-t6 #yui-main .yui-b{margin-right:24.0759em;*margin-right:23.62em;}
.yui-t7 #yui-main .yui-b{display:block;margin:0 0 1em 0;}
#yui-main .yui-b {float:none;width:auto;}
.yui-g .yui-gb .yui-u,.yui-gb .yui-g,.yui-gb .yui-gb,.yui-gb .yui-gc,.yui-gb .yui-gd,.yui-gb .yui-ge,.yui-gb .yui-gf,.yui-gb .yui-u,.yui-gc .yui-u,.yui-gc .yui-g,.yui-gd .yui-u{float:left;margin-left:1.99%;width:32%;}
#doc3 .yui-gb .yui-u{*width:31.9%;}
.yui-gb .yui-gb .yui-u,.yui-gb .yui-gc .yui-u{*margin-left:1.8%;_margin-left:4%;}
.yui-g .yui-gb .yui-u{_margin-left:1.0%;color:red;}
.yui-gb div.first{margin-left:0;float:left;}
.yui-g .yui-gb div.first,.yui-gb .yui-gb div.first{*margin-right:0;*width:32%;_width:31.7%;}
.yui-gb .yui-gc div.first,.yui-gb .yui-gd div.first{*margin-right:0;}
.yui-gb .yui-gd .yui-u{*width:66%;_width:61.2%;}
.yui-gb .yui-gd div.first{*width:31%;_width:29.5%;}
.yui-g .yui-gc .yui-u,.yui-gb .yui-gc .yui-u {width:32%;_float:right;margin-right:0;_margin-left:0;}
.yui-gb .yui-gc div.first {width:66%;*float:left;*margin-left:0;}
.yui-gb .yui-ge .yui-u,.yui-gb .yui-gf .yui-u {margin:0;}
.yui-g .yui-u,.yui-g .yui-g,.yui-g .yui-gb,.yui-g .yui-gc,.yui-g .yui-gd,.yui-g .yui-ge,.yui-g .yui-gf,.yui-gc .yui-u,.yui-gd .yui-g,.yui-g .yui-gc .yui-u,.yui-ge .yui-u,.yui-ge .yui-g,.yui-gf .yui-g,.yui-gf .yui-u{float:right;}
.yui-g .yui-gc div.first,.yui-g .yui-ge div.first,.yui-g div.first,.yui-gc div.first,.yui-gc div.first div.first,.yui-gd div.first,.yui-ge div.first,.yui-gf div.first{float:left;}
.yui-g .yui-g .yui-u,.yui-gb .yui-g .yui-u,.yui-gc .yui-g .yui-u,.yui-gd .yui-g .yui-u,.yui-ge .yui-g .yui-u,.yui-gf .yui-g .yui-u{width:49%;*width:48.1%;*margin-left:0;}
.yui-g .yui-g div.first{*margin:0;}
.yui-gb .yui-g div.first{*margin-right:4%;_margin-right:1.3%;}
.yui-gb .yui-gb .yui-u{_margin-left:.7%;}
.yui-gb .yui-g div.first,.yui-gb .yui-gb div.first{*margin-left:0;}
.yui-gc .yui-g .yui-u,.yui-gd .yui-g .yui-u{*width:48.1%;*margin-left:0;}
.yui-g .yui-u,.yui-g .yui-g,.yui-g .yui-gb,.yui-g .yui-gc,.yui-g .yui-gd,.yui-g .yui-ge,.yui-g .yui-gf {width:49.1%;}
.yui-g .yui-gb div.first,.yui-gb div.first,.yui-gc div.first,.yui-gd div.first {margin-left:0;}
.yui-g .yui-gc div.first,.yui-gc div.first,.yui-gd .yui-g,.yui-gd .yui-u,div.yui-gf div.yui-gd div.yui-u {width:66%;}
.yui-gd div.first,.yui-gb .yui-gd div.first, div.yui-gf div.yui-gd div.first {width:32%;}
.yui-g .yui-gd div.first {_width:29.9%;}
.yui-ge .yui-u,.yui-ge .yui-g,.yui-gf div.first {width:24%;}
.yui-gb .yui-ge div.yui-u,.yui-gb .yui-gf div.yui-u {float:right;}
.yui-gb .yui-ge div.first,.yui-gb .yui-gf div.first {float:left;}
.yui-ge div.first,.yui-gf .yui-g,.yui-gf .yui-u{width:74.2%;}
.yui-gb .yui-ge .yui-u,.yui-gb .yui-gf div.first {*width:24%;_width:20%;}
.yui-gb .yui-ge div.first,.yui-gb .yui-gf .yui-u{*width:73.5%;_width:65.5%;}
#bd:after,.yui-g:after,.yui-gb:after,.yui-gc:after,.yui-gd:after,.yui-ge:after,.yui-gf:after{content:".";display:block;height:0;clear:both;visibility:hidden;}
#bd,.yui-g,.yui-gb,.yui-gc,.yui-gd,.yui-ge,.yui-gf{zoom:1;}

/*----------------------------------------*/
/* --- css specific to earthsayers.tv --- */
/*----------------------------------------*/
p {margin:5px 5px 5px 10px;}
body, html {
  background: url(../images/globe_west_reduced.jpg) no-repeat center center fixed;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  background-color:#011631;
} 

.yui-t4 {padding-top:10px;}

#hd {height:80px;}
#ft {margin-top:20px; text-align:center;}
/* Main menu elements */

#menu-container-dd{
position: relative;
background-image:url(../images/menubar_solidbg.jpg);
left: 0px;
z-index:100;
height: 45px;
width:941px;
padding-top:15px;
padding-left:8px;
}

#menu-container{
position: relative;
background-image:url(../images/menubar_solidbg.jpg);
left: 0px;
z-index:100;
height: 60px;
width:949px;
}

#menu-container ul {
padding-left:0px;
margin: 10px 0px 0px;
color: white;
float: left;
width: 700px;
font: 100% Verdana;
text-transform: uppercase;
text-align:center;
}
#menu-container ul li {

margin: 10px 5px 10px 9px;
color:  #6fa8f9;
text-decoration: none;
float: left;

}
#menu-container ul li a {

color:  #C1C1C1;
text-decoration: none;

}
#menu-container ul li a:hover
{
color: red;
}


#doc2 {background-color:transparent;}
.bio {float:left;border:none;width:95%;margin:0px 0px 40px 10px;clear:both;}
.bioname {font-weight:bold;}
.qa-cap {font-weight:bold;font-size:108%;}
.qa-questions {font-weight:bold;}
.email {font-weight:bold;font-style:italic;text-decoration:none;color:#C1C1C1;}

/* horizontal color bar NOTE: font-size style is needed for proper height rendering in IE6 */

.es-hr1 {background-color:#ff8000; height:7px; font-size:1px; width:78.5%; margin:10px 0px 0px 2px;}
.es-hr2 {background-color:#011631; clear:both;height: 7px; font-size:1px; width:98%; margin:20px 0px 20px 2px;}
.es-hr3 {background-color:#011631; clear:both;height: 1px; font-size:1px; width:30%; margin:20px auto 20px  ;}
.es-videotitle {background-color:#863929;text-align:center;margin:0px 10px;padding:6px}
.es-formats-img {vertical-align:middle;padding:20px 20px 20px 0px;}
.es-formats-imgtag {font-weight:bold;padding-right:60px;}


a {
  color:#F6F5C7;
}

a:link {
  color:#F6F5C7;
}

a:visited {
  color:#F6F5C7;
}

a:hover {
  color:#FFFFFF;
}

a:active{
  color:#FFFFFF;
}

.footer {
  color:  #C1C1C1;
  text-decoration: none;
}

.footer:link {
  color:  #C1C1C1;
  text-decoration: none;
}

.footer:visited {
  color:  #C1C1C1;
}

.footer:hover {
  color: red;
}

.footer:active{
  color:#b53c3c;
}

.sitemap1 {
  list-style:disc;
  font-size:130%;
  margin-left:20px;
}

.sitemap2 {
  list-style:circle;
  margin-left:40px;
  font-size:90%;
}

.sitemap3 {
  list-style:square;
  margin-left:55px;
  font-size:90%;
}

.listing_title {
  clear:both;
  width:98%;
  font-size:14px;
  font-weight:bold;
  float:left;
  background-color:#696969;
  padding:5px;
  color:#F6F5C7;
}

.summary {
  width:98%;
  float:left;
  background-color:#696969;
  padding:5px;
  margin-top:20px;
}

.top_block {
  width:100%;
  margin-bottom:8px;
  min-height:120px;
}

.names {
  padding:5px;
}

.meta {
  float:left;
  padding:5px;
}

div.email_label {
  float:left;
  width:180px;
  color:#666666;
  text-align:right;
  padding-right:5px;
  margin-bottom:5px;
  font-weight:bold;
  border:none;
	clear:left;
}

div.email_box {
  color:#666666;
  margin:0px;
  margin-bottom:5px;
  border:none;
  float:left;
}

.email_title {
  font-size:20px;
  font-family:Trebuchet,Verdana,Geneva,Arial,Helvetica,sans-serif;
  color:#F68B37;
  margin-bottom:20px;
}

ul.tl {
	display:inline;
}


#skyscraper_right {
	border:1px solid gray;
	width:271px;
	height:230px;
	position:relative;
	margin:80px 0 0 0;
	padding:0;
	left:150px;
	top:10px;
	border:none;
}

.home_featured {
  background-color: #011631;
  padding:10px 0px 5px 20px;
  width:500px;
  float:right;
}

.sc_home_box {
  margin-left:10px;
  padding:10px;
  border:none;
  background-color:#011631;
}

.blue_bg {
  background-color:#011631;
}