/* @override 
	/*
	Theme
	Name:
	StoryCorps
	http://storycorps.org/wordpress/wp-content/themes/storycorps/historias/style.css
*/

/* @group Reset Styles */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}
/* remember to define focus styles! */
:focus {
	outline: 0;
}
body {
	line-height: 1;
	color: black;
	background: white;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}
/* @end */

/* @group Body Styles */



body {
	background-color: #666666;
	margin: 0;
	padding: 0;
	font-family: verdana, helvetica, arial, sans;
	font-size: 80%; /* Resets 1em to 10px */
    color: #222222;
}

a {
	color: #f0110a;
	text-decoration: none;
}

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

a:visited {
	color: brown;
}

a img {
	border: none;
}

h1 {color:  #333333;
	padding-top:  10px;
	font-size: 13px;
	font-weight: bold;
	line-height: 1.4em;}

h2 {
	color:  #333333;
	padding-top:  10px;
	font-size: 12px;
	font-weight: bold;
	line-height: 1.4em;}

h3 {
	color: #32678f;
	font-size: 11px;
	font-weight: bold;
	line-height: 1.4em;
}

#content h2 {
font-size: 13px;
}
#content h3 {
font-size: 12px;
}
h4, h5, h6{
	color: #32678f;
	font-size: 11px;
	line-height: 1.4em;
}

p {
	font-family: Verdana, Helvetica, Arial, sans;
	font-size: 11px;
	line-height: 1.2em;
	color: #333333;
}

table, tr, td {
	margin:  5px 0 0 15px;
	font-family: Verdana, Helvetica, Arial, sans;
	font-size: 11px;
	line-height: 1.4em;
	color: #333333;
}

hr {
	margin:  20px 30px 20px 40px;
	width:  400px;
	color: #f5770f;
	background-color: #f5770f;
	height: 1px;
	border: none;
}

strong {
	font-weight: bold;
}
.italic {
	font-style: italic;
}

em {
font-style: italic;
}

blockquote {
margin-left: 30px;
font-size: 11px;
line-height: 1.4em;
}

li {
	margin-left: 15px;
	
}

code {
	font-family: monospace;
}

#content li {
margin: 0 0 0 15px;
line-height: 1.4em;
}

	
#sitemap ul {
	margin-top:  -10px;
}


	


#wrapper {
	text-align: left;
	margin: 0px auto;
	padding: 0px;
	border:0;
	width: 930px;
	background-image: url("/img/home-background.gif");
	background-repeat: repeat-y;
}



/* @end */

/* @group Header */

#header {
	margin: 0 0 0 0;
	height: 100px;
	background: #F5770F;
	text-align: right;
	color: #ffffff;
	font-size: 11px;
}

#logo {
	width:  930px;
}

#logo img {
	float: left;
	padding: 28px 0 0 24px;
}

#top-nav-menu {	
	float:  right;
}

#header ul.top {
	width:  906px;
	padding:  27px 0 0 0;
}

#header ul {
	width:  906px;
	padding:  5px 26px 0 0;
}



#header li {
	display: inline;
margin: 0;


	color:  #ffffff;
}

#header a {
	color: #ffffff;
	text-decoration: none;
	font-size:10px;
}

#header a:hover {
	text-decoration: underline;
}


#griot_top {
height: 40px;
background-image: url("/img/kente.jpg");
}

#sub-header {
	height:11px; 
	background: #ffffff;
	background-image: url("/img/header-dotted-orange.gif");
	background-repeat: no-repeat;
}


/* @end */

/* @group Left Column */

#left-box {
	float: left;
	width: 139px;
	padding: 0 24px 0 24px;	
}

#left-box li{
	list-style-type: none;
}
#left-box img.separator {
	width: 156px;
	margin: 0 0 0 -8px;
}

#left-box img.separator-bottom {
	width: 156px;
	margin: 0 0 100px -8px;
}


#left-nav-menu {
	margin: 13px 0 0 0;
	font-family:  verdana, helvetica, arial, sans;
}

#left-nav-menu ul {
margin-left: -15px;
}

#left-nav-menu li {
	width: 139px;
	padding: 3px 0 4px 0;
	line-height: 1.1em; 
}

#left-nav-menu a {
	color: #F5770F;
	text-decoration: none;
	font-size: 11px;
	font-weight: bold;
}

#left-nav-menu a:hover {
	text-decoration: underline;
}

.top-left-menu-item {
	border-top: 1px solid #a0a0a0;
	border-bottom: 1px solid #a0a0a0;
}
	
.left-menu-item {
	border-bottom: 1px solid #a0a0a0;
}
	
#left-nav-feature {
	margin: 10px 0 10px 0;
}

#ll17 a {
	display: none;
}

#left-nav-feature img {
	margin: 0px 0 1px 0px;
}

#left-nav-sponsor {
	width:  140px;
	margin: 12px 0 19px 0;
}

#left-nav-sponsor img {
margin: -3px 0 -3px 0;
	
}

#left-nav-sponsor p {
padding-top:  8px;	
margin-bottom: -10px;
}

.left-nav-funder {
	margin: 8px 0 0 0;
}

.left-nav-funder h3 {
	color: #666666;
}

.left-nav-funder img{
	margin: 4px 0 11px 0;
}

.left-nav-funder img.fund-center {
	padding: 5px 0 0 41px;
}

.left-nav-partner {
	margin: 8px 0 0 0;
}

.left-nav-partner h3 {
	color: #666666;
}

.left-nav-partner img{
	margin: 10px 0 1px 0;
}

.left-nav-partner img.fund-right {
	padding: 4px 0 10px 35px;
}

#left-nav-support img {
	margin:26px 0 19px 0;
}
#left-nav-support img.twitter {
	margin:0px 0 15px 0;
}

#left-nav-support img.fb {
	margin:  0 0 5px 0;
}



#left-nav-support p{
	padding-bottom:  18px;
}



/* @end */

/* @group Content */

/* @group Listen */

.post {
	padding:  0 0 0 0;
	border-bottom:  1px dashed orange;
}

#body-text img.interview {
margin: 17px 20px 5px 0;	
float: left;
border: 1px solid #f37a1d;
width:  150px;

}

.post-location{

	margin:  10px 0 24px 15px;
	font-style: italic;
	font-size:  9px;
	color:  #333333;
}

#posts div.right div.post p.post-location a {
	font-size: 9px;
}



.interview_description {
margin: 0 0 0 130px;
}

.pullquote {
	margin-top:  7px;
	font-style: italic;
	}



/* @end */

/* @group Home Page */

#content { 
	float: left;
	width: 488px;
	padding: 18px 15px 0 15px;
	
}

#content img.separator {
	width: 488px;
	padding-top: 12px;
	clear:  both;
}

#content-left-col {
    float:left;
    width:198px;
	margin: 11px 0 0 10px;
	padding-right: 7px;
	border-right: 1px solid #f8da92;
    }

#content-left-col .mission {
	margin: 0 0 0 0;
	font-family: Verdana, helvetica, arial, sans;
	color: #111111;
	font-size: 17px;
	line-height: 1.2em;
}

#content-left-col p {
	margin: 17px 0 0 0;
	font-family: Georgia, Times, serif;
	line-height: 1.3em;
	font-size: 12px;
}

#content-right-col {
	margin: 15px 0 0 0;
    float:right;
    width:255px;
    }

#content-right-col img {
	border: 1px solid #f37a1d;
	float: left;
}

#content-right-col h3 {
	font-size: 11px;
	color: #f0110a;
	padding: 0 0 0 125px;
	margin: -3px 0 0 0;
}

#content-right-col p {
	padding: 14px 0 0 125px;

}

#content-bottom {
	margin: 13px 8px 0 8px;
	height: 24px;
	background-color: #F5770F;
	color: #ffffff;
}

#content-bottom p {
	font-size: 11px;
	color: #ffffff;
	font-weight: bold;
	padding: 5px 0 0 17px;
}

#quote-container {
	width: 470px;
	margin: 0 8px 12px 8px;
	border: 1px solid #F5770F;
	background-color: #edf1f6;

}

#quote-container p{
	font-style: italic;
}

#quote-left {
	width: 205px;
	margin:  25px 0 0 0;
	padding: 0 13px 0 24px;
	border-right: 1px solid #f8da92;
	float:  left;
}

#quote-left img {
	float: left;
	border:  1px solid #F5770F;
	margin:  3px 10px 5px 0;
	}

#quote-left p {
	margin: 0;
	font-family: Georgia, Times, Serif;
	font-size:  12px;
	line-height: 1.4em;
	color:  #32678f;
	padding:  0 0 28px 0;
}
	
#quote-left .shifted-right {
	padding: 0 0 28px 0;
}

#quote-right {
	padding: 25px 15px 0 255px;	
	}

#quote-right img {
	float: left;
	margin:  3px 10px 3px 0;
	border:  1px solid #F5770F;	
	}

#quote-right p {
	margin: 0;
	font-family: Georgia, Times, Serif;
	font-size:  12px;
	line-height: 1.4em;
	color:  #32678f;
	padding:  0 0 28px 0;
			}
	
#quote-right .shifted-right {
	padding: 0 0 28px 0px;

}



/* @end */

/* @group Sub Pages */


#posts {
	margin-top:  -20px;
}


#body-text {
	margin: 15px 0 15px 0;
}

#body-text p {
	padding:  9px 0 0 15px;
	line-height: 1.4em;
}
#body-text a {
	font-size: 11px;
}

#body-text ul {
	padding: 10px 0 0 28px;
	font-family: Verdana, Helvetica, Arial, sans;
	font-size: 11px;
	line-height: 1.2em;
	color: #333333;
}

#body-text ol {
	padding: 10px 0 0 28px;
	font-family: Verdana, Helvetica, Arial, sans;
	font-size: 11px;
	line-height: 1.2em;
	color: #333333;
}

.breadcrumb_nav {
	font-size: 11px;
	color: #000000;
padding-bottom:  10px;
}

.breadcrumb_nav a{
	text-decoration: none;
	font-size: 11px;
	color: #f0110a;
	font-weight: bold;
	
}

.breadcrumb_nav a:hover{
	text-decoration: underline;
}


#body-text h3 {
	color: #333333;
	padding: 10px 0 0 15px;
}

.centered {
	width:340px;
	margin:0px auto;
	}
	
.indent {
	margin-left: 20px;
	width:  400px;
	
}

.landing-img {
	margin:  15px 20px 20px 30px;
	float:  left;
	border:  1px solid f5770f;
}

.landing-info {
	margin-left:  100px;
}

.callout {
	background-color: #fffdef;
	border: 1px solid #cccccc;
	padding: 10px;
	font-family: Verdana, Helvetica, Arial, sans;
	font-size: 11px;
	line-height: 1.4em;
	color: #333333;
	margin: 10px 15px 0 15px;
}

#landing hr {
	clear: left;
	margin: 20px 0 0 20px;;
	width:  458px;
	color: #f5770f;
	background-color: #f5770f;
	height: 1px;
	border: none;
}

.orange-bar {
border-bottom: 1px dashed orange;
}

.flashmovie {
margin: 10px 0 0 30px;
}

embed#n0, embed#n1, embed#n2 {
height: 275px;
	width: 340px;

}

#login {
margin: 30px 0 0 120px;
height: 500px;
}

td {
	
	
}

tr.alt td {
	background-color: #e6e6e6;
}

p.q-intro {
	margin:40px 0 20px 40px;
	font-family: Georgia, serif;
	font-size:1.2em;
	color: #666666;
	}


/* @end */


/* @end */

/* @group Right Column */

#right-box {
	float: right;
	width: 204px;
	padding: 0 0 0 20px;
}


#right-box li{
	list-style-type: none;
}

#right-listen {
	width:  176px;
	height: 24px;
	margin: 13px 0 0 0;
	color: #ffffff;
	background-image: url("/img/home-listen-bg.gif");
	background-repeat: no-repeat;
}


#right-listen p {
	font-size: 11px;
	color:  #32678f;
	font-weight: bold;
	padding: 5px 0 0 36px;
}

#right-listen a {
	color:  #32678f;
}

#right-listen a:hover {
	text-decoration:  underline;
}

#right-podcast {
	height: 24px;
	margin: 4px 0 20px 0;
	background-image: url("/img/home-podcast-bg.gif");
	background-repeat: no-repeat;
}

#right-podcast p {
	color:  #32678f;
	font-weight: bold;
	font-size: 11px;
	padding: 4px 0 0 36px;
}

#right-podcast a {
color:  #32678f;
}

#right-podcast a:hover {
text-decoration:  underline;
}


#right-featured {
	margin: 0 0 0 0;
	padding-top:3px;
	width: 180px;
}

#right-featured img.interview {
	width: 100px;
	border: 1px solid #f37a1d;
    margin: -27px 0 0 0;
}


#right-featured h3 {
	padding-left: 107px;
	margin-top:  6px;
}

#right-featured h6 {
	padding:  6px 0 4px 0;
	font-style: italic;
	font-weight:  normal;
	font-size:  10px;
	color:  #444444;
}

#right-map {
	margin: 11px 0 0 0;
}

#right-map img{
	margin: 11px 0 10px 5px;
}

#right-news {
	padding: 10px 0 21px 0;
	width:  179px;
}

#right-news h3 {
	padding-bottom: 8px;
}
#right-news p {
	margin: 1px 0 1px 0;
}

#right-news img {
	margin: 2px 0 2px 0;
}

#right-blog {
	padding: 10px 0 0 0;
}

#right-blog h3 {
	padding-bottom: 8px;
}


#right-blog p {
	padding:  0 0 8px 0;
}

#right-blog img {
	padding-top: 15px;
}

#right-box #nav {
	margin: 13px 0 0 10px;
	width: 205px;
}

#right-box #nav ul {
	border-top: 1px solid #32678f;
	border-bottom: 1px solid #32678f;
	background-color: #cdeeff;
	line-height: .8em;
	padding: 8px;
}


#right-box #nav li {
	list-style-type: none;
	padding: 4px 4px 4px 0;
	margin: 0;
line-height: 1.5em;
	font-size: 11px;
	color:  #333333;
}

#right-box #nav li a{
			color:  #32678f;
		text-decoration:underline;
}

#right-box #nav li a:hover {
		color:  #999999;
}

#right-box a img.blog {
margin: 20px 0;	
}

img.WP-EmailIcon {
	margin: 0 0 10px 0;	
}

/* @end */

/* @group Footer */

.foot_space {
	height:  120px;
}
#footer {
	height: 15px;
	clear: both;
	background: #F5770F;
	background-image: url("/img/footer-dotted-orange.gif");
	background-repeat: no-repeat;
	background-position: top;
}

.copy {
	position: absolute;
	margin: -110px 0 0 24px;
	font-size: 10px;
	color: #666666;
}



#tools {
float: right;
margin: -25px 105px 0 0;
}


/* @end */

/* @group Wordpress */

/* @group PageNavi */
.wp-pagenavi{margin-top:20px;
font-size: 11px;
font-weight: normal;
font-family: verdana, helvetica, arial, sans;

}.wp-pagenavi a,.wp-pagenavi a:link,.wp-pagenavi a:active{text-decoration:none;margin:2px;padding:1px 4px 2px;}.wp-pagenavi a:hover{color:#147;}.wp-pagenavi span.pages{color:#333;margin:2px;padding:2px 4px;}.wp-pagenavi span.current{color:#333;font-size:11px;margin:2px;padding:2px 4px;}.wp-pagenavi span.extend{color:#000;margin:2px;padding:2px 4px;}.navi-large{font-size:100px;}


/* @end */
#posts {
}


#posts p.permalink {
	margin: -36px 0 0 350px;
}

#posts p.permalink a {
	font-style: italic;
	color:  #444444;
}


.pagination {
margin-top:  24px;	
}

#listen_tools {
	margin: 0 0 0 10px;
}

#listen_tools h3 {
	margin:  16px 0 10px 0;
}

#listen_tools h3 a {	
	color: #32678f;
	font-size: 11px;
	font-weight: bold;
	line-height: 1.4em;

	}
	
#listen_tools li a{
	list-style-type: none;
	font-size: 11px;

	color:  #32678f;
	text-decoration:underline;
	
}	

#listen_tools li a:hover{
	color:  #999999;
}	


.flashmovie {
margin: 15px 0 0 15px;
}

#searchform {
margin: 15px 0 0 15px;
}

#listen_tools #searchform {
margin-left: 0;
}

#listen_tools li {
margin: 0 0 10px 0;
}
.page_item {
margin: 0 0 0 28px;
}

.page_item li {
margin: 0;
}

#nav .page_item {
margin: 0px;
}

#nav a{
	color:  #32678f;
}

#nav a:hover {
	color: #999999;
}

.question {
font-style: italic;
font-weight: bold;
}

.wptable {
		}

.wptable th {
font-weight: bold;
padding-bottom: 10px;
}

#wptable-22 tbody tr td a img {
	padding: 20px 20px 20px 0;
}

div.embed {
	width: 400px;
	background-color: white;
	margin:10px 0 10px 15px ;
	padding: 10px;
	border:solid 1px #888
}



.wptable td {
	border-width: 0px;
	border-color: #E58802;
	border-style: solid;
	vertical-align: middle;
}

.wptable tr.alt {
 	background-color: #F4F4EC;
}
/* @end */

/* @group Surveys
 */

div.sg_QuestionSet {
	font-size:  .9em;
}

div.sg_Instructions {
	font-family: Verdana, Helvetica, Arial, sans;
	font-size: 11px;
	line-height: 1.4em;
	color: #333333;
}

div.sg_page_desc {
text-align:left;
}

div.sg_QuestionTitle {
	font-family: Verdana, Helvetica, Arial, sans;
	font-size: 11px;
	line-height: 1.4em;
	color: #333333;
	font-weight:  bold;
padding-bottom:15px;
}



.hidden div.sg_QuestionTitle {
	display:none;
}


div.sg_InstructionsWrapper {
	margin: 0;
	padding: 0;
}

#sg_dhtml_q2 div.sg_QuestionTitle span.sg_RequiredAsterix img {
	width: 9px;
}


.sg_Checkbox_Options{
margin:-20px 0 -10px 0;
}


.sg_TD2 {
padding: 8px 0;
}

/* @end */



/* @group Historias
 */

div#left-nav-menu.historias {
		margin-left: 15px;
		width: 119px;
}

ul.historias-nav {
		border-top: 1px solid #a0a0a0;
		}

ul.historias-nav li {
		border-bottom: 1px solid #a0a0a0;
		margin-left: 0px;
		}

#right-featured.historias h3 {
	padding: 0;
	margin-top: 6px;
}

#right-featured.historias #sampler {
	background-color: #f1f1f1;
	border: 1px solid #dddddd;
	padding: 5px 15px 15px 15px;
	margin: 10px 0 0 -14px;
	width: 172px;
}

#sampler p {
	width: 160px;
}
/* @end */

/* @group Sidebar */

div#sidebar-content {
	width: 178px;
	background-color: #f1f1f1;
	border: 1px solid #e6e6e6;
	padding: 12px 15px 5px 10px;
	margin: -8px 0 0 10px;
}

#sidebar-content hr {
	margin: 15px 0;
	width: 180px;
}

#sidebar-content h2 {
	color: #32678f;
	text-transform: uppercase;
	font-size: .8em;
	margin: 0 0 18px 0;
	padding: 0;
}

#sidebar-content p {
	color: #444444;
	margin: 12px 0;
	line-height: 1.4em;
}




/* @end */




/* @group Meerkat */

div#meerkat {
	width:920px; 
	margin: 0 auto; 
	height:110px;
	position:relative;
	
}

div#meerkat-wrap {
		background: url(../assets/campaigns/meerkat-bg.gif) repeat-x;
		border-top: 2px solid #eaeaea;
}

#meerkat a img {
	float: left;
}

/* @end */