@charset "UTF-8";
body{
background:#0D0C0A url(/i/v3/bg/earth-touch_beach.jpg) no-repeat center top;
}

/* @group MAJOR LAYOUT  */
#wrapper {
margin:0px auto;
width: 970px;
}
#header {
width: 970px;
float: left;
margin: 10px 0px 0px 0px;
}
#navigation {
float: left;
width: 830px;
}
#leftcolumn {
margin: 0px 10px 0px 0px;
width: 130px;
float: left;
}
#rightcolumn {
position:relative;
background: none;
width: 830px;
float: right;
}
#footer {
width: auto;
clear: both;
background: #43352E; /* universal colouring */
border-top:#231F20 10px solid;
margin: 40px auto 0px;
padding:15px 0px 40px;
}
/* @end */
			
/*  @group FOOTER MENU FOR THE HOME PAGE */
#footer {
width:auto;
}
/* @end */

/* @group INNER CONTENT */
.container {
clear:both;
float: left;
width:100%;
}
.contentpanel {
float: left;
margin: 0px 10px 0px 0px;
width: 550px;
}
.rightpanel {
float: left;
margin: 0px 0px 0px 0px;
width: 270px;
}
.rndcontainer .contentpanel {
float: left;
margin: 0px 10px 0px 0px;
width: 540px;
}

/*IMAGE REPLACEMENTS*/
h1.grfc,
h2.grfc,
p.grfc {
float:left;
display:block;
text-indent: -9999px;
color: #ffffff;
margin-top:0px;
margin-bottom:10px;
margin-left:0px;
}
h1.grfc a{
display:block;
float:left;
border:none;
}
/* @end */
/* @group HEADER LAYOUT ELEMENTS */
#sectionhead {
width: 830px;
height:86px;
margin:15px 0px;
}
#userbar{
margin:auto;
sspadding-bottom:14px;
text-align:left;
}
/* @end */
/* @group ROUNDED CORNER BOX */
/* --------------------------------------------------------------------
 for Main content area on secondary pages
-------------------------------------------------------------------- */

.rndcontainer {background: transparent; margin:0em;}

.rndtop, .rndbottom {display:block; background:transparent; font-size:1px;} /* height of the first and last items */
.rndb1, .rndb2, .rndb3, .rndb4 {display:block; overflow:hidden;}
.rndb1, .rndb2, .rndb3 {height:1px;}
.rndb2, .rndb3, .rndb4 {background:#231F20; border-left:1px solid #231F20; border-right:1px solid #231F20;}
.rndb1 {margin:0 5px; background:#231F20;}
.rndb2 {margin:0 3px; border-width:0 2px;}
.rndb3 {margin:0 2px;}
.rndb4 {height:2px; margin:0 1px;}

.rndboxcontent {display:block; background:#231F20; border:0 solid #231F20; border-width:0 1px; margin:0; padding:1px 4px 1px;}



.rightpanel .rndb2, .rightpanel .rndb3, .rightpanel .rndb4 {background:#0F0D09; border-left:1px solid #FF6100; border-right:1px solid #FF6100;}
.rightpanel .rndb1 {background:#FF6100;}
.rightpanel .rndboxcontent {background:#0F0D09; border:0 solid #FF6100; border-width:0 1px; margin:0; padding:1px 4px 1px;}

/* 

<div class="rndcontainer">
<b class="rndtop"><b class="rndb1"></b><b class="rndb2"></b><b class="rndb3"></b><b class="rndb4"></b></b>
<div class="rndboxcontent">

 Content goes here 

</div>
<b class="rndbottom"><b class="rndb4"></b><b class="rndb3"></b><b class="rndb2"></b><b class="rndb1"></b></b>
</div>

*/
/* @end */

/* @group CTA */

/* --------------------------------------------------------------------
LANDING PAGE DEFINITIONS USER SCENARIOS AND CTA'S
-------------------------------------------------------------------- */

/*top three slim*/
h1#user1,
h1#user1 a{
width: 270px;
height:62px; 
background: transparent url(/i/v3/cta/MAIN_ABOUT_CTA_SLIM.jpg) bottom center no-repeat;
}
h1#user2,
h1#user2 a{
width: 270px;
height:62px; 
background: transparent url(/i/v3/cta/MAIN_ARCHIVE_CTA_SLIM.jpg) bottom center;
}
h1#user3,
h1#user3 a{
width: 270px;
height:62px; 
background: transparent url(/i/v3/cta/MAIN_WEEKLY_CTA_SLIM.jpg) bottom center;
}

/*tall banners */
h1#mini-series1,
h1#mini-series1 a{
width: 130px;
height:360px;
/*background: transparent url(/i/v3/cta/MAIN_Moremi_CTA.jpg) bottom center;*/
background: transparent url(/i/v3/cta/MAIN_Moremi_CTA_animated.gif) bottom center;
}
h1#mini-series2,
h1#mini-series2 a{
width: 130px;
height:360px; 
background: transparent url(/i/v3/cta/MAIN_WHALESHARKS_CTA.jpg) bottom center;
}

h1#joinnow,
h1#joinnow a{
width: 130px;
height:360px; 
background: transparent url(/i/v3/cta/signUpBanner.jpg) bottom center;
}


/*boxes and big ads*/
h1#user4,
h1#user4 a{
width: 270px;
height:88px; 
background: transparent url(/i/v3/cta/MAIN_PARTNERS_CTA.jpg) bottom center;
}
h1#user5,
h1#user5 a{
width: 270px;
height:180px; 
background: transparent url(/i/v3/cta/MAIN_PODCAST_CTA.jpg) bottom center;
}
h1#user6,
h1#user6 a{
width: 270px;
height:88px; 
background: transparent url(/i/v3/cta/MAIN_GE_CTA.jpg) bottom center;
}
h1#user7,
h1#user7 a{
width: 270px;
height:160px; 
background: transparent url(/i/v3/cta/MAIN_CHRONO_CTA.jpg) bottom center;
}
h1#WILDSCREEN,
h1#WILDSCREEN a{
	width: 270px;
	height:220px;
	background: transparent url(/i/v3/cta/main_winner2008.jpg) bottom center;
}
#classicpodcast{
	margin-top:0px;
	margin-bottom:10px;
	margin-left:0px;
	float:left;
	display:block;
	width: 550px;
}
#classicpodcast h1{
text-transform: uppercase;
	font: bold 240%/1.05 "Trebuchet MS", Arial, Helvetica, sans-serif;
	margin: 0;
}
#classicpodcast h1 a {
	padding:4px;
	display:block;
} 
#classicpodcast h1 a:hover {
	background:#312B2C;
}
#classicpodcast h3 {
	font-weight: normal;
	float: left;
	width: 210px;
}
#classicpodcast p {
	margin-top: 1.5em;
}

#classicpodcast ul {
	margin: 1em 0em 0.25em;
}
#classicpodcast li {
	margin: 4px 9px 8px 0;
	display: inline;
}

/* @group Surveys */

#babelpromo {
	color: #19940C;
	background: #e3f6e2 url(/i/v3/cta/banners/babelgum200906.gif) no-repeat 0px 0px;
	width: 550px;
	height: 99px;
	margin: 0 0 10px;
	-moz-border-radius: 7px;
    -webkit-border: 7px;
	font-weight: bold;
	position: relative;
}
#babelpromo .inner{
	padding: 8px 15px 9px;
}
/*
#surveypromo h1, 
#surveypromo h2,
#surveypromo p {
	margin: 10px 235px 0 0;
}
*/
 
#babelpromo h2{
	margin: 68px 235px 0 0;
	color: #19940C;
}
#babelpromo p {
	margin: 10px 10px 0 285px;
}
#babelpromo p a {
	/*float: right;*/
	/*-moz-border-radius: 12px;*/
    /*-webkit-border: 12px;*/
	/*padding: 4px 30px 5px 10px;*/
	/*color: #17600A;*/
	/*background: #30bd21 url(/i/v3/cta/banners/advance-icon.gif) no-repeat right 6px;*/
	position: absolute;
	bottom: 0px;
	right: 0px;
	height:50px;
	width: 380px;
	display:block;
	border:none;
}

/* @end */

.fieldreports {
	margin-bottom: 10px;
}
.fieldreports h1 {
	color: #B5AFB1;
}
.fieldreports h2, .fieldreports p, .fieldreports em  {
	color: #8E888A;
}
.fieldreports em {
	font-weight: normal;
}
.fieldreports p{
	margin-bottom: 0.75em;
	color:#C1BDBE;
}

.fieldreports h1 {
text-align: left;
line-height:1.1;
font-size:248.5%; 
font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
text-transform:uppercase;
margin-top:4px;
margin-bottom:0;
}
.fieldreports h2, .fieldreports h3 {
	margin-top:0;
	margin-bottom:0;
}
.fieldreports h2 {
	font-size:108%; 
	margin-top:1em;
	color:#BA4A26;
}
.fieldreports h3 {
	font-family: Arial, Helvetica, sans-serif;
	text-transform: none;
	margin-bottom:0.25em;
	line-height:1.3;
	color:#BA4A26;
}

.fieldreports a{
color:#BA4A26; text-decoration:underline; background: #000000;
}
.fieldreports a:hover,
.fieldreports a:active {
	color:color
:#BA4A26;;
	background: none;
	text-decoration:none;
	color: #BA4A26;
	;
}
.fieldreports ul {
	margin: 1.25em 0em 1.5em;
}
.fieldreports li {
	margin: 4px 5px 8px 0;
	display: inline;
}

.fieldreports li a {
	display: inline;
	padding: 8px 12px 9px;
	-moz-border-radius: 5px;
    -webkit-border: 5px;
}

/* @group retired call to action */

h2.cta {
float: left;
width: 270px;
text-align: left;
font-size:1.46em;
line-height:1.45;
margin:0px;
}
h2.cta a {
background: #2a2526;
text-decoration: none;
padding: 8px 10px 9px;
-moz-border-radius: 5px;
-webkit-border: 5px;
display:block;
}
h2.cta a:hover {
background:#312B2C;
}

/* @end */
/* @end */


/* ! @group beta update 2011.03.03 */
/*   Author: Robert le Grange, Weekday Heroes 2011.03.02 
    --------------------------------------------------- */

#page-wrapper, #beta-sign-up {
margin-left: auto;
margin-right: auto;
width: 960px;
color: #494949;
}

body .block {
margin: 0;
}

#pageStrap {
	background: #f4f3e9 url(images/strap-bg.png) repeat-x bottom;
	padding:3px 0px 4px;
	height: 70px;
}

#pageStrap a:link {
display: block;
margin-left: auto;
margin-right: auto;
width: 970px;
line-height:40px;
vertical-align: middle;
text-decoration: none;
font-weight: bold;
color: #3c392c;
height: 70px;
}

#pageStrap a:visited {
text-decoration: line-through;

}
#pageStrap a:hover,
#pageStrap a:active {
color: #d07e40;
}

#pageStrap a em {
display: block;
/*
padding-left: 14px;
padding-right: 14px;
padding-top: 4px;
padding-bottom: 4px;
*/
line-height:22px;
margin: 5px 0px 5px;
float: right;
background: #f2ea9f;
-moz-border-radius: 8px;
-webkit-border-radius: 8px;
border-radius: 8px;
border-top-left-radius: 8px 8px;
border-top-right-radius: 8px 8px;
border-bottom-right-radius: 8px 8px;
border-bottom-left-radius: 8px 8px;

font-size: 16px;
padding: 17px 14px;
}

#pageStrap a span {
display: block;
float: left;
font-size: 18px;
line-height: 22px;
margin: 11px 8px 0 14px;
width: 407px;
}


#pageStrap a:hover em {
background: #3c392c;
}

#pageStrap h2 {
	float: left;
    font-size: 28px;
    line-height: 28px;
    margin: 5px 0 0;
    width: 217px;
}

.ultra-hide {
height: 140px; 
margin-top: -140px;
background-image: url(images/dropout_bg.png);
background-position: center bottom;
background-repeat: repeat-x;
vertical-align: baseline;
}

#beta-sign-up {
margin-left: auto;
margin-right: auto;
width: 970px;
padding-top: 9px;
}

#beta-sign-up .content {
padding-left: 5px;
padding-top: 0px;
}

#beta-sign-up h2 {
    font-size: 16px;
    line-height: 22px;
    margin-top: 4px;
    margin-bottom: 12px;
}

#beta-sign-up h2, #beta-sign-up div, #beta-sign-up input[type="text"] {
color: #f4f3e9;
}

#beta-sign-up .form-item {
float: left;
margin-top: 5px;
margin-right: 28px;
}

#beta-sign-up a#hovereffect {
left: 6px;
position: relative;
top: 15px;
}

.form-item, .form-checkboxes, .form-radios {
margin: 1em 0;
}

#beta-sign-up .form-item label {
float: left;
margin-right: 8px;
margin-top: 11px;
}

#beta-sign-up label {
font-weight: bold;
text-transform: uppercase;
}

#beta-sign-up input[type="text"] {
margin-bottom: 7px;
padding: 8px 13px;
width: 217px;
}

#beta-sign-up input[type="text"] {
background-color: #3c392c;
border: 1px dashed #f4f3e9;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
border-top-left-radius: 5px 5px;
border-top-right-radius: 5px 5px;
border-bottom-right-radius: 5px 5px;
border-bottom-left-radius: 5px 5px;
}

.content form label, form input[type="text"], form textarea, form input[type="submit"] {
font-size: 12px;
font-weight: normal;
letter-spacing: 0;
line-height: 150%;
}

.content form label, form input[type="text"], form textarea, input[type="submit"] {
font-family: "Segoe UI [10]", Candara, "Bitstream Vera Sans", "DejaVu Sans", "Bitstream Vera Sans", "Trebuchet MS", Verdana, "Verdana Ref", sans-serif
}

input[type="submit"] {
	padding: 0px 35px;
	background-color: transparent;
}

a.button-link, a#hovereffect, input[type="submit"] {
color: #3c392c;
border: none;
-moz-border-radius: 8px;
-webkit-border-radius: 8px;
border-radius: 8px;
border-top-left-radius: 8px 8px;
border-top-right-radius: 8px 8px;
border-bottom-right-radius: 8px 8px;
border-bottom-left-radius: 8px 8px;
}

a#hovereffect {
background-color: #f4f3e9;
padding: 10px 0 11px; 
}

a#hovereffect:hover{
background-color:#f29e26;
}

/* ! @ends Primary styles */