/*
Theme Name: Live
Theme URI: http://wordpress.org/
Description: Themes for Live Blog FHI 360 2013.
Version: 1.0
License: GNU General Public License
Tags: FHI360, Live, Design Lab 360
*/


/* =Reset default browser CSS. Based on work by Eric Meyer: http://meyerweb.com/eric/tools/css/reset/index.html
-------------------------------------------------------------- */

@charset "UTF-8";
/* CSS Document */

* {margin: 0; padding: 0;}

body, body.author.archive {font: normal 100% 'Open Sans', sans-serif; background: url(images/live-bkgd-pattern.jpg) top repeat-x;}

img, object { border: none;}

.clear {clear:both;}

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

a:hover { text-decoration: underline; }

a:visited, a:link { color: #076391; }

h1 { margin: 0; padding: 0; }

p {font-family: Arial, Helvetica, sans-serif;}

/* -------- MAIN LAYOUT --------- */

#wrapper {width:980px; margin:0 auto;} /*900px divided by 16px (font size)*/

#header {width:980px; height:117px; position: relative; z-index:999;}
	
	#header-logo, body.author.archive #header-logo {width: 350px; top:0px; left:0px; position:absolute; height: 117px;}
	
	#header-tagline { top: 42px; right: 0px; position: absolute; }
	
#content-wrapper { background: url(images/content-wrapper-bkgd.png) repeat-y; position: relative; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; overflow: hidden; }

/*HOMEPAGE CONTENT*/	

	#title-back {background: url(images/2013/featured-title-background.gif) top left no-repeat; height: 12px; width: 100%; display: block;}
	
	#more-stories h3:before {content:url(images/2013/obox.gif); padding: 0 5px 0 0;}

    #more-stories {background: #403d3d; height: 7px; width: 100%; display: block; margin-bottom: 25px;}

    #more-stories h3 {background:#ffffff; padding: 0px; color: #403d3d; font-size: 10px; padding:0px 5px 0px 0px; float: left; text-transform: uppercase; line-height: 7px;}
		

/* -------- LIVE BLOG --------- */

	#bc-container { padding: 30px 50px 0; }
	#breadcrumbs { font-size: 11px; color: #666; padding-bottom: 20px; }

#recent-posts { margin: 0px -20px 10px 0px; clear:left; }

#recent-posts, #desc-text { padding: 30px 50px; }
	
	.post { position: relative; float: left; width: 255px; height: 156px; margin: 0px 40px 40px 0px; padding-bottom:25px; background: none; border: none; clear: none; overflow: visible; }
	
	.post .meta-wrapper { position: relative; float: none; clear: both; display: block; }

	.post .meta-wrapper .entry-meta { position: absolute; left: 0; text-transform: uppercase; font-size: 10px; color: #999; display: block; width: 100%; margin-top: 0; clear: both; }
		
		.post .meta-wrapper .entry-meta .time { background: none; padding: 5px 10px 5px 0px; color: #828282; display: inline-block; max-width:12em; letter-spacing: 0.05em;}
		.post .meta-wrapper .entry-meta .author { display: inline; margin-left: 15px; }
	
	.post .meta-wrapper .entry-icons { display: inline-block; position: absolute; right: 0; }
	
	.post .meta-wrapper .entry-icons img { display: inline; margin-left: 7px; border: none; -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none; padding: 0 0 0 7px; }
	
	.post h2.entry-title { display: block; padding: 0; font-size: 13px; text-transform: none; clear: both; line-height: 1.25em; width: 100%; margin-bottom: 0.5em; font-family: 'Open Sans', sans-serif; }


	.post h2.entry-title a { color: #000; }

	.post .entry-author p, .page .entry-author p { font-style: italic; font-size: 12px; margin-bottom: 1.5em; }
	
	.post .entry-social, .page .entry-social { margin-bottom: 1.25em; }

	.entry-social {margin-top:0;}
	
	.featured-text { display: block; overflow: hidden; }
	
	.post .entry-summary { overflow: visible; position: relative; clear: both; display: block; height: 125px; margin-bottom: 0em; }
	
	.post .entry-summary p { margin:0; }
	
	.post .entry-summary .cov-wrap { position: relative; }
	
	.entry-summary .livecoverage { background-image:url(images/live-coverage.png); background-repeat: no-repeat; background-color: transparent; width: 271px; height: 103px; z-index: 1; position:absolute; left: 0; top: 0; margin: 0; }
	
	.post p, .entry-page p, .page p, .category p { color:#828282; font-size: 13px; line-height: 20px; margin-bottom: 0.75em; }

	.post .entry-summary ul, .post ul, .entry-page ul { color:#828282; font-size: 13px; line-height: 20px; margin-bottom: 0.75em; margin-left:2em; font-family: Arial, Helvetica, sans-serif; }

	.post .entry-summary li, .post li, .entry-page li { margin-bottom: 1em; }
	
	.post .entry-summary img, .post img { border: 5px solid #FFF; -moz-box-shadow: 0 0 5px #888; -webkit-box-shadow: 0 0 5px#888; box-shadow: 0 0 5px #888; display: block; padding: 1px; margin: 0; }
	
	.post .entry-summary img.left, .post img.left, .page img.left { float: left; margin: 0 25px 25px 0; }
	
	.post .entry-summary div.alignleft, .post div.alignleft, .page img.alignleft, img.alignleft, .category div.alignleft { float: left; margin: 0 25px 25px 5px; }
	.post .entry-summary div.alignright, .post div.alignright, .page img.alignright, img.alignright, .category div.alignright { float: right; margin: 0 5px 25px 25px; }
	
	.post .entry-summary img.full, .post img.full, .page img.full { float: none; margin: 0 0 25px; }
	
	.post .entry-summary div.thumb { position: absolute; top: 0; left: 0; padding: 0; margin: 0; display: block; }
	
	a.readmore { display: inline-block; letter-spacing: 0.02em; font-family: 'Open Sans', sans-serif; background: #none; padding: 2px 0px; color: #000; text-transform: uppercase; font-size: 0.7em; border-bottom: 2px solid #000; border-top: 2px solid #000; font-weight: 700; transition: all 0.2s linear 0s; -moz-transition: all 0.2s linear 0s; -webkit-transition: all 0.2s linear 0s; -o-transition: all 0.2s linear 0s;}
	a:hover.readmore {text-decoration: none; border-bottom: 2px solid #828282; border-top: 2px solid #828282; color: #828282;}	
	
	#desc-text p { margin-bottom: 1em; }
	
	#desc-text p.first { color: #ff6600; font-size: 1.25em; }

	.perspective {color:#F0732F; font-weight:bold; padding:10px 0;}
	.post .entry-summary p.written-by, p.written-by, body.page div.page p.written-by { color: #000; font-family: 'Open Sans', sans-serif; margin-top: 0; }

	#tags ul {list-style:none; font-size:0.875em; margin-left:0;}
	#tags ul li {display:inline; padding:0 8px 0 0;}

	p.wp-caption-text { font-size: 10px !important; font-style: italic; color: #333 !important; line-height: 13px !important; margin-top: 1em; }
	
body.author.archive #recent-posts .post { position: relative; float: none; width: 100%; overflow: hidden; display: block; clear: both; height: auto; padding-bottom: 35px; border-bottom: 1px solid #EEE; margin-bottom: 35px; }

.live-single-post .post, .category .post { position: relative; overflow:hidden; height:auto; float: none; width: 100%; background: none; border: none; padding-bottom: 25px; border-bottom: 1px solid #EEE; margin-bottom: 20px; clear: both; }
.live-single-post .post h2.entry-title, .category .post h2.entry-title, h2.entry-title { display: block; padding: 0; margin: 10px 0 15px; font-size: 24px; clear: both; line-height: 30px; }
.live-single-post .post .meta-wrapper .entry-meta, .category .post .meta-wrapper .entry-meta { display: block; position: relative; margin: 0; }
.category .post .entry-summary { overflow: visible; position: relative; height:auto; clear: both; display: block; margin-bottom: 0.25em; }

h2.featured-coverage { font-size: 20px; color: #669900; margin: 40px 0 0 50px; }
h3.events { font-size: 13px; text-transform: uppercase; color: #669900; margin: 0 0 30px; padding: 0; } 

/* -------- SIDEBAR --------- */

#sidebar { width: 260px; padding: 25px; background: url(images/sidebar-bkgd.jpg) repeat-y #FFF; float: right; -webkit-border-radius: 0px 5px 5px 0px; -moz-border-radius: 0px 5px 5px 0px; border-radius: 0px 5px 5px 0px; position: relative; margin: 0; }

	#nav, #nav ul {padding: 0; margin: 0 0 20px; list-style: none; text-align: center; }
	
		#nav a { color:#000; }
		
		#nav li.last-menu-item { border: none; text-transform: none; }
		
		#nav li { display: inline; padding:0 6px 0 5px; text-transform:uppercase; border-right:1px solid #CCCCCC; font-size: 10px; font-weight: 700; }
	
	#logo-fhi360 { border-top: 4px solid #ebecea; border-bottom: 4px solid #ebecea; padding: 18px 0; position: relative; overflow: hidden; color: #717073; font-size: 11px; width: 260px; }
	
		#logo-fhi360 img { margin: 0 10px 0px auto; display: block; }

		.logo-text {display:block; padding-top:12px; line-height:17px;}
	
	.widget { margin: 2em 0; position: relative; width: 260px; }
	
	.crowd-source { background:url(images/live-crowdsource-btn.png) no-repeat; width:260px; padding-top:20px; margin-top:1em; }
	
	.crowd-source p { margin:0; font-size:11px; line-height:18px; font-family:'Open Sans', sans-serif; margin-left:75px; }
	
	.widget .searchform fieldset { border: none; }
			
	.widget input.s  { float:left; width: 250px; margin: 0; padding: 8px 0 8px 7px; border-color: #ccc #efefef #efefef #ccc; border-width:1px; border-style:solid; background:#fff url(images/bg-footer-search.jpg) no-repeat 230px center; color: #999;  }

		.widget input.s:focus  { background:none; }
		
		.widget .screen-reader-text  { display: none; }

		.widget input.submit { float:left; display:none;}
		
		.widget input.sub-btn { background:#e0e0e0; text-transform: uppercase; color:#666666; font-weight:bold; border:none; padding: 3px 8px; font-size:11px; font-family:'Open Sans',sans-serif; }

	.widget.connect {margin:0 0 1em 0.7em;}
	
	.widget.connect h3 { display: inline-block; letter-spacing: 0; border: 0; background:url(images/2013/widget-connect-arrow-bkgd.png) no-repeat right #403D3D; padding: 3px 15px 3px 10px; color: #FFF; margin-right: 10px; font-size: 11px; }
			
		.widget.connect span { display: inline-block; margin: 0; vertical-align: middle; }
	
	/*.widget h3 { border-top: #d0d2cd solid 2px; padding-top: 10px; margin: 1em 0; color: #717073; text-transform: uppercase; font-size: 11px; letter-spacing: 0.05em; }*/
	
		.widget.categories ul { list-style: none; margin-top: 1em; }
		
		.widget.categories li { padding: 6px 0; border-top: 1px solid #e8e9e7; font-size: 13px; text-transform: none; letter-spacing: 0; font-weight: normal; }
		
			.widget.categories li.categories, .widget.video li h2.widgettitle, .widget.follow li h2.widgettitle, .widget h3 { border-top: #d0d2cd solid 2px; padding-top: 10px; margin: 1em 0; color: #231f20; text-transform: uppercase; font-size: 13px; letter-spacing: 0.1em; font-weight: bold; }

			.widget.categories li.cat-item img { float:right; }

			.cat-item a {color: #828282;}
		
		.widget.video li, .widget.follow li { list-style: none; }
		.widget.video p.VideoCaption, .updates p.s2_message { margin-top: 1em; font-size: 12px; }
		
		.twtr-widget { width: 260px; margin: 0; padding: 0; font-size: 11px;line-height: 18px; }
		.twtr-hd { display: none; }
		.twtr-widget .twtr-bd .twtr-tweet { /* they have 2 classes in default, do we have to use 3 */
 	margin: 5px 0 0;
	 padding: 0 0 5px;
	 border-bottom: 1px solid #cecece;
	 font-size: 11px;
}
.twtr-tweet:before {
	display: block;
	float: left;
	margin: 0;
	padding: 0;
	font-size: 50px; /* let's make it a big quote! */
	content: """;
	color: #bababa;
	text-shadow: 0 1px 1px #909090;
	font-family: "times new roman", serif;
}
.twtr-ft { background: url(images/tw-ftr-bkgd.png) no-repeat; padding: 0 10px 0 0; height: 27px; line-height: 6px; text-transform: uppercase; font-weight: bold; font-size: 11px; font-family: 'Open Sans', sans-serif; }
.twtr-ft img { vertical-align: middle; line-height: 0; padding: 0; margin: 0; position: absolute; top: 5px; }
	
	.nsu-form { position: relative; overflow: hidden; }
	.nsu-form label { display: none; }
	.nsu-form input { background-color: #d9dbd7; border: none; padding: 4px 10px; float: left; margin: 0; }
	.nsu-form .nsu-submit { background: url(images/live-sign-up-button.gif) no-repeat; float: left; margin: 0; text-indent: -9999px; width: 63px; }


/*FOOTER*/
	
#footer {width:930px; margin: 0 auto; height:60px; padding: 25px; background: #eee; position: relative; }
#footer p { text-align: left; font-size: 11px; font-weight: 300; color: #666; line-height: 15px; }
#footer a {color: #666; font-weight: 700;}
#fhilogo {position: absolute; top: 37px; left: 44px;}
#copyright {position: absolute; top: 41px; left: 197px; width: 425px; max-width: 425px;}
#views {position: absolute; top: 30px; right: 44px; width: 253px; height: auto; border: 1px solid #d7d7d7; font-size: 10px; color: #333; font-weight: 700; text-align: center; padding: 10px; background: rgb(255,255,255); /* Old browsers */
background: -moz-linear-gradient(top,  rgba(255,255,255,1) 0%, rgba(238,238,238,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,1)), color-stop(100%,rgba(238,238,238,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(238,238,238,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(238,238,238,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(238,238,238,1) 100%); /* IE10+ */
background: linear-gradient(to bottom,  rgba(255,255,255,1) 0%,rgba(238,238,238,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#eeeeee',GradientType=0 ); /* IE6-9 */
}



/*MAIN CONTENT TEMPLATE*/
#left-content {width:670px; float:left; position: relative; -webkit-border-radius: 5px 0px 0px 5px; -moz-border-radius: 5px 0px 0px 5px; border-radius: 5px 0px 0px 5px; background: #FFF;}

h1.category-title { font-family: 'Open Sans', sans-serif; font-weight: 300; letter-spacing: 0.1em; text-align: center; font-size: 32px; border-bottom: 5px solid #eee; color: #afb1ad; text-transform: uppercase; padding: 0 0 1em; margin: 0 1.5em; 
}

.category-banner { height:160px; }
.category-banner img { float:left; }
.category-banner .cat-text { padding-top:50px; }
.category-banner span { vertical-align:middle; }
.category-banner a { color:#FFF; font-size:2.5em; letter-spacing:-0.05em; }
.cat-gbch13 { background-color:#389399; }
.cat-cies2013 { background-color:#7e3e8b; }
.cat-socialgoodsummit2012 { background-color:#018eaa; }
.cat-aids2012 { background-color:#f4462e; }
.cat-wdlive { background-color:#7eb542; }
.cat-csepack { background:url(https://live.fhi360.org/wp-content/uploads/2013/08/category-banners-csepack.gif) no-repeat; width:670px; height:160px; }
.category-banner.cat-csepack .cat-text { margin-left:337px; }
.category-banner.cat-csepack .cat-text a { color:#006699; }

/* ---- PHOTO-CENTERED CATEGORY SUBNAV STYLES ---- */
.category-banner-photo { height:194px; }
.cat-subnav { display:block; overflow:auto; position:relative; }
.cat-subnav ul { list-style:none; }
.cat-subnav li { float:left; }
.cat-subnav a { font-size:13px; line-height:14px; font-weight:800; text-align:center; text-transform:uppercase; color:#333; display:block; padding:11px 24px 0; height:40px; }
.cat-subnav a.last { border-right:none; text-align:left; }
.cat-subnav a.last span { text-transform:none; font-size:12px; font-weight:300; }

.cat-subnav.mdg456live { background-color:#333333; }
.cat-subnav.mdg456live a { background-color:#96cd23; border-right:2px dotted #7ca522; }
.cat-subnav.mdg456live a.last { background-color:#333333; color:#FFF; border-right:none; }
.cat-subnav.mdg456live a.current_page_item { background-color:#689609; color:#FFF; }

.cat-subnav.icfp2013 { background-color:#333333; }
.cat-subnav.icfp2013 a { background-color:#bc1f31; color:#FFF; border-right:2px dotted #d0626f; }
.cat-subnav.icfp2013 a.last { background-color:#333333; color:#FFF; border-right:none; }
.cat-subnav.icfp2013 a.current_page_item { background-color:#8b0409; color:#FFF; }

.cat-subnav.icasa2013live { background-color:#333333; }
.cat-subnav.icasa2013live a { background-color:#7b0f02; color:#FFF; border-right:2px dotted #d0626f; }
.cat-subnav.icasa2013live a.last { background-color:#333333; color:#FFF; border-right:none; }
.cat-subnav.icasa2013live a.current_page_item { background-color:#e88019; color:#FFF; }

/* ---------- PAGE.PHP TEMPLATE ------- */
#page-content { padding: 30px 50px; position: relative; }

.single-carousel-image { width:590px; padding:30px 50px 10px; }

.slider-wrapper { width: 590px; margin: 0 0 0 50px; }
.theme-default #slider { margin:20px 0 0; width: 575px; height: 249px; }
/*
 * jQuery Nivo Slider v3.0.1
 * http://nivo.dev7studios.com
 *
 * Copyright 2012, Dev7studios
 * Free to use and abuse under the MIT license.
 * http://www.opensource.org/licenses/mit-license.php
 */
/* The Nivo Slider styles */
.nivoSlider {
	position:relative;
	width:100%;
	height:auto;
	overflow: hidden;
}
.nivoSlider img {
	position:absolute;
	top:0px;
	left:0px;
}
.nivo-main-image {
	display: block !important;
	position: relative !important; 
	width: 100% !important;
}

/* If an image is wrapped in a link */
.nivoSlider a.nivo-imageLink {
	position:absolute;
	top:0px;
	left:0px;
	width:100%;
	height:100%;
	border:0;
	padding:0;
	margin:0;
	z-index:6;
	display:none;
}
/* The slices and boxes in the Slider */
.nivo-slice {
	display:block;
	position:absolute;
	z-index:5;
	height:100%;
	top:0;
}
.nivo-box {
	display:block;
	position:absolute;
	z-index:5;
	overflow:hidden;
}
.nivo-box img { display:block; }

/* Caption styles */
.nivo-caption {
	position:absolute;
	left:0px;
	bottom:0px;
	background:#000;
	color:#fff;
	width:100%;
	z-index:8;
	padding: 5px 10px;
	opacity: 0.8;
	overflow: hidden;
	display: none;
	-moz-opacity: 0.8;
	filter:alpha(opacity=8);
	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
	-moz-box-sizing: border-box;    /* Firefox, other Gecko */
	box-sizing: border-box;         /* Opera/IE 8+ */
}
.nivo-caption p {
	padding:5px;
	margin:0;
}
.nivo-caption a {
	display:inline !important;
}
.nivo-html-caption {
    display:none;
}
/* Direction nav styles (e.g. Next & Prev) */
.nivo-directionNav a {
	position:absolute;
	top:45%;
	z-index:9;
	cursor:pointer;
}
.nivo-prevNav {
	left:0px;
}
.nivo-nextNav {
	right:0px;
}
/* Control nav styles (e.g. 1,2,3...) */
.nivo-controlNav {
	text-align:center;
	padding: 15px 0;
}
.nivo-controlNav a {
	cursor:pointer;
}
.nivo-controlNav a.active {
	font-weight:bold;
}
/*
Skin Name: Nivo Slider Default Theme
Skin URI: http://nivo.dev7studios.com
Skin Type: flexible
Description: The default skin for the Nivo Slider.
Version: 1.2
Author: Gilbert Pellegrom
Author URI: http://dev7studios.com
*/

.theme-default .nivoSlider {
	position:relative;
	background:#fff url(images/loading.gif) no-repeat 50% 50%;
}
.theme-default .nivoSlider img {
	position:absolute;
	top:0px;
	left:0px;
	display:none;
}
.theme-default .nivoSlider a {
	border:0;
	display:block;
}

.theme-default .nivo-controlNav {
	text-align: center;
	padding: 20px 0;
}
.theme-default .nivo-controlNav a {
	display:inline-block;
	width:22px;
	height:22px;
	background:url(images/bullets.png) no-repeat;
	text-indent:-9999px;
	border:0;
	margin: 0 2px;
}
.theme-default .nivo-controlNav a.active {
	background-position:0 -22px;
}

.theme-default .nivo-directionNav a {
	display:block;
	width:30px;
	height:30px;
	background:url(images/arrows.png) no-repeat;
	text-indent:-9999px;
	border:0;
}
.theme-default a.nivo-nextNav {
	background-position:-30px 0;
	right:15px;
}
.theme-default a.nivo-prevNav {
	left:15px;
}

.theme-default .nivo-caption {
    font-family: Helvetica, Arial, sans-serif;
}
.theme-default .nivo-caption a {
    color:#fff;
    border-bottom:1px dotted #fff;
}
.theme-default .nivo-caption a:hover {
    color:#fff;
}

.theme-default .nivo-controlNav.nivo-thumbs-enabled {
	width: 100%;
}
.theme-default .nivo-controlNav.nivo-thumbs-enabled a {
	width: auto;
	height: auto;
	background: none;
	margin-bottom: 5px;
}
.theme-default .nivo-controlNav.nivo-thumbs-enabled img {
	display: block;
	width: 120px;
	height: auto;
}
/*SUBSCRIBE2 CUSTOM TWEAKS*/
.updates label {display:none;}
.updates input {font-size:11px; color:#FFFFFF; padding: 3px 15px 3px 10px; border-style:none; }
.updates input[value="Subscribe"] {font-size:11px; line-height: 14px; font-weight: bold; color:#FFFFFF; padding: 3px 15px 3px 10px; border-style:none; background:url(images/2013/widget-connect-arrow-bkgd.png) no-repeat right #403D3D; text-transform: uppercase; font-family: 'Open Sans', sans-serif;}
.updates input[value="Unsubscribe"] { background: none; color: #999999; font-size: 11px; cursor: pointer; }
.updates input[value="Unsubscribe"]:hover { text-decoration: underline; }
#s2email {color:buttontext; background-color:buttonface; border:1px outset buttonface; width:200px; background-color:#fff; padding-left:5px;}
.updates p {margin-bottom:5px;}