body {background-color: #8D9B86;}


    .videostage { width: 100%; margin-bottom: 16px;  border: 2px solid #ccc;}
    .playlist {height: 250px; overflow-y: scroll; overflow-x: hidden;}
    .playlist a {color: #000;}
    .playlist a:hover {color: rgb(222, 104, 30);}
    .playlist ul {list-style-type: none; margin: 0; padding: 0;}
    .playlist li {margin: 0; padding: 0; border-bottom: 1px solid #ccc;}
    .playlist figure {float: left; width: 15%; margin: 0 3% 0 0;}
    .playlist section {float: left; width: 82%; padding-top: 10px;}
    .playlist img {max-width: 100%; height: auto;}
    
    .cf:before, .cf:after {content:""; display:table;}
    .cf:after, .clear {clear:both;}
    .cf {*zoom:1;}


#wrapper .header {height: 143px; background-color: #fff;}
#wrapper .footer {background-color: #592E28; 
 background: -moz-linear-gradient(  center top,   rgb(51,26,23) 2%,
    rgb(89,46,40) 76%); 
-webkit-gradient(   linear,   left top,   left bottom,
    color-stop(0.02, rgb(51,26,23)), color-stop(0.76, rgb(89,46,40)));}
#wrapper .middle {background-color: #F9FBF8;}
#wrapper .border {border: 1px solid #ccc;}

.sitelogo {float:left; width: 168px; padding: 20px 0px 1px 25px; height: 91px;}
.headright {float: right; width: 290px; padding: 10px 10px 0px 0px; text-align: left;}

#headsearch {width: 280px; margin: 58px 0 0 0;}
#headsearch input {float: left; width: 230px; padding: 2px; color: #333; margin-right: 2px;}

.footleft {width: 370px;}
.footright {width: 550px; text-align: right;}
.footright img {vertical-align: top;}
.sponsorfoot {margin-top: 10px; font: normal 11px arial;}

.sponleft {border-right: 1px solid #fff; padding-right: 20px; margin-right: 20px;}



.sidebox {border: 1px solid #ccc; background-color: #fff;}
.sideboxtitle {font: bold 15px arial; color: #8c8c8c; border-bottom: 1px solid #ccc; margin-bottom: 8px;}
.sidebox a {color: #8c8c8c;}

/* TOP NAVIGATION */
#topnav {background: url("../images/navbar-sprite.png") repeat-x; height: 31px; line-height: 31px; }
.button1 {width: 100px;}
.button2 {width: 120px;}
.button3 {width: 100px;}
.button4 {width: 100px;}
.button5 {width: 160px;}
.button6 {width: 170px;}
.button7 {width: 120px;}
.button8 {width: 100px;}

#topnav a:hover, #topnav a:active { background: url("../images/navbar-sprite.png") 0px -37px repeat-x; }
#topnav li ul { background-color: #875e33; }
#topnav li li a:hover {background: #f66e11 !important;}

/* END TOP NAVIGATION */

.archivetitle {color: #90AD57; padding-bottom: 3px;}
.commheader {color: #DD844C;}
.seeallposts { background: #8F5E41; }

.relatedbox {background-color: #fff; border: 1px solid #ccc; border-left: 0px; margin-bottom: 10px;}
.relatedbox h3 { color: #5D7452; }
.relatedbox li, div.relatedbox li.activelink { color: #DE681E; }
.relatedbox li b a, div.relatedbox li a:hover { color: #90AD57; }

.tags { background: #F0F0F0; font-size: 11px;}
.tags a {color: #54422E; }
.videowrapped a {background: #fff; border: 0px solid #fff; height: 300px; min-height: 300px; overflow:hidden;}
.videowrapped a:hover {background: #e9efe6;	border: 0px solid #e9efe6;}

.videotitle { color: #79893B; }
.videodate { color: #666; font-size: 10px; }

.home-list {background: #fff; color: #99542B !important; padding: 0px;}
.home-list a {color: #99542B  !important; font-size: 14px; font-weight: bold;}

.post a, .category_list_header a {color: #333;}

.inlinestyling ul li strong {color: #B25B14;}

.inlinestyling h1 {font: bold 18px arial; color: #5a6072; margin-bottom: 6px; border-bottom: 1px solid #eee;}

.inlinestyling a {color: #a66c42;}
.inlinestyling a:hover {color: #c67439;}

.inlinestyling hr { border: 1px solid #ccc;  color: #666; height: 1px;}

blockquote {margin: 0 15px 6px 15px; padding: 3px 10px 0px 10px; -moz-border-radius: 5px; -webkit-border-radius: 5px; border: 1px solid #8BA3D5;  color: #333; background-color: #EFF4FF; -moz-box-shadow: 0 0 1em #ccc;
-webkit-box-shadow: 0 0 1em #ccc;}
blockquote p {margin: 0 0 10px 0; line-height: 16px;}

#collections_ul_posts {margin-bottom: 10px;}
ul.inpage_nav_links {list-style-type: none; margin: 0px;}
ul.inpage_nav_links li {color: #d11807;	background: transparent url("../images/inpage-sprite.gif") 0px -11px no-repeat; padding-left: 15px;}
ul.inpage_nav_links li.activelink { background: transparent url("../images/inpage-sprite.gif")  0px 8px no-repeat;}

.pop li.video { background: transparent url("../images/icon-video.gif") top left no-repeat; }
.pop li.interactive { background: transparent url("../images/icon-interactive.gif") top left no-repeat; }
.pop li.article { background: transparent url("../images/icon-article.gif") top left no-repeat; }

.related ul li { background: url("../images/bullet2.gif") 0 3px no-repeat; }

#rightnav-list li a {background: #eee url("../images/arrows-sprite.png") 0 0 no-repeat; color: #786822;}
#rightnav-list li.browse_selected a {background-color: #f1f8e0; background-position: 0 -28px; color: #5a6072;}
#rightnav-list li.browse_selected li a {background: none; background-color: #f1f8e0; color: #5a6072;}
#rightnav-list li a:hover { background-color: #f1f1f1;  background-position: 0 0; }
#rightnav-list li.browse_selected a:hover {background-color: #efffdd; background-position: 0 -28px; color: #af740d;}
#rightnav-list li.browse_selected ul li a:hover { background-color: #ffedb1; }
#rightnav-list li ul { background-color: #f1f8e0;}
#rightnav-list li ul {border-top: 2px solid #d3cfb9;}

/* social networking icons */
#social a {display: block; height: 25px;}
#social ul {margin: 0px 0 0 15px; padding: 0px;}
#social li {float: left; list-style-type: none; background: url(../images/social-sprite.png) no-repeat top left; padding: 0 6px 0 6px; }
#social li.youtube {background-position: 0 0; width: 51px;} 
#social li.facebook {background-position: 0 -30px; width: 57px;} 
#social li.itunes {background-position: 0 -60px; width: 55px;} 
#social li.twitter {background-position: 0 -90px; width: 53px;} 
/* end social networking icons */

/* WA specific */
#posttitle {}
#posttitle .date {font: normal 11px arial; color: #666;}
#posttitle .subtitle {font: normal 16px arial; color: #333;}
#posttitle .title {margin-bottom: 10px;}
#posttitle .row1 {font: bold 18px arial; color: #E86C1F;}
#posttitle .row2 {font: bold 16px arial; color: #5a6072;}
#posttitle .row3 {font: bold 16px arial; color: #3e424e;}
.player {text-align: center; margin-bottom: 10px;}
.browsetitle {background-color: #d7d6ce; padding: 6px 13px 3px 6px; font: bold 13px arial; color: #656565;}
#rightnav-list {border: 1px solid #cccccc; background-color: #d7d6ce;}
.wp-polls form {margin: 0px;}
/* END WA specific */



#fragment-1 .pop li a, #fragment-2 .pop li a {color: #5a6072;}
#fragment-3 .pop li {color: #404551;}
#fragment-3 .pop li a {color: #5a6072;}



/* naxt / prev */

ul.prev_next_links li {color: #c48f69; height: 30px;}
ul.prev_next_links li.prev_next_links_prev {float: left; width: 50%; margin: 0; padding: 0;}

ul.prev_next_links li.prev_next_links_next {float: right; text-align: right;
	width: 50%; margin: 0; padding: 0;}

ul.prev_next_links li a {color: #737373; text-decoration: underline;}

ul.prev_next_links {margin: 10px 0 10px 0; padding: 10px 0; list-style-type: none;	width: 100%; clear: both;}


/* category page icons */

#geocat {list-style-type: none; margin: 0px; padding: 0px;}
#geocat li {background-color: #fcfcfc; height: 105px; margin-bottom: 10px;} 
#geocat li a {padding-left: 169px; height: 105px; display: block;  font: bold 21px Arial, Helvetica, Verdana, sans-serif; color : #999; text-decoration: underline; background: url("../images/map-sprite.gif") top left no-repeat;}
#geocat li a:hover {background-color: #f4fcec;}
#geocat a.africa {background-position: 0 0;}
#geocat a.asia {background-position: 0 -115px;}
#geocat a.europe {background-position: 0 -230px;}
#geocat a.latin {background-position: 0 -460px;}
#geocat a.middleeast {background-position: 0 -575px;}
#geocat a.global {background-position: 0 -345px;}



#topcat {list-style-type: none; margin: 0px; padding: 0px;}
#topcat li {background-color: #fcfcfc; height: 69px; margin-bottom: 10px;} 
#topcat li a {padding-left: 140px; height: 69px; display: block;  font: bold 21px Arial, Helvetica, Verdana, sans-serif; color : #666666; text-decoration: underline; background: url("../images/theme-sprite.gif") top left no-repeat;}
#topcat li a:hover {background-color: #f4fcec;}

#topcat a.conflict {background-position: 0 0px;}
#topcat a.drugs {background-position: 0 -74px;}
#topcat a.environment {background-position: 0 -148px;}
#topcat a.health {background-position: 0 -222px;}
#topcat a.human {background-position: 0 -296px;}
#topcat a.immigration {background-position: 0 -370px;}
#topcat a.media {background-position: 0 -444px;}
#topcat a.modern {background-position: 0 -518px;}
#topcat a.national {background-position: 0 -592px;}
#topcat a.religion {background-position: 0 -666px;}
#topcat a.women {background-position: 0 -740px;}

/* END category page icons */

/* refugee feature */
.refugee {float: left; border: 1px solid #f3a46d; padding: 3px; background-color: #f0eeeb; margin: 0px 4px 5px 0px; width: 200px; height: 165px;}
.refugee .country {color: #666666; text-align: right; font: bold 14px Arial, Helvetica, Verdana; padding-bottom: 4px; display: block; text-transform: uppercase;}
.refugee .name {color: #779246; font: 16px Arial, Helvetica, Verdana; padding: 4px 0px 0px 0px; display: block;}
.refugee a {text-decoration: none; display: block;}
.refugee a img {border: 1px solid #666;}
.refugee a:hover img {border: 1px solid #fff;}
/* end refugee feature */


/* WA blog */
#theblog {}
#theblog .blogpost {border: 1px solid #ccc; padding: 10px; margin-bottom: 10px; background-color: #fff;}
#theblog .date {font: normal 13px arial !important; color: #777;}
#theblog .title, #theblog .title a {font: bold 17px arial; color: #99542B;}
#theblog .comments a {font: bold 13px arial; color: #ef7922; text-decoration: underline;}
#theblog .archivetitle {border: 0px !important; margin: 0px; padding: 0px;}
/* end WA blog */


/* NEWS FEED and BLOGROLL */
#newsfeed h2 {display: none;}
ul.blogroll, #newsfeed li {margin: 0px; padding: 0px; list-style-type: none;}
#newsfeed ul {margin: 0px; padding: 0px; list-style-type: none;}
ul.blogroll li, #newsfeed li li {margin: 0px 0 4px 0; padding: 0px 0 0 15px;background: url("../images/bullet.gif") 0 3px no-repeat; line-height: 13px;}
ul.blogroll li a, #newsfeed li a { font: normal 11px arial;}
/* END NEWS FEED and BLOGROLL */

.blogtalkbox {text-align: center; margin-bottom: 10px;}

#tagcloud a {color: #758438; font: normal 10px arial; text-decoration: none;}
#tagcloud a:hover {color: #4F5827; text-decoration: none;}