/* ==========
Reset CSS
========== */
*{margin:0;padding:0;}
img,table{border:none;}
.separator_line,.col .image,.image,.flash_container,.image{font-size:0;}
.separator_line,.copyright,#footer,.reverse .left_column,.reverse .right_column{overflow:hidden;}
.preloadPic{display:none;}
ul {list-style-type:none;}

/* ==========
Site Specific CSS
========== */
.content{width:990px;}
.content.seven {padding-top:10px;padding-bottom:30px;}
.seven .one_col .col {width:990px;}
.seven .one_col .col .padding {width:960px;margin:0 15px;}
.seven .two_col .col {width:495px;}
.seven .two_col .col .padding {width:465px;margin:0 15px;}
#page {padding-top:34px;}
#header {background:#344758 url(../../images/7billion/header.jpg) no-repeat 0 0;height:147px; margin:0;}
#header .logo {height:80px;display:block;width:150px;position:absolute;top:30px;left:20px;}
.iframe {background:#e8e3df;margin:10px 0;}
.iframe .col {padding:0;}
.iframe .col .padding{margin:0 15px;}

#footer {border:none;margin-left:15px;}

/* custom widgets */
.seven .intro ,
.seven .getinvolved {float:left;}

.seven .intro {width:420px; margin-right:20px;}
.seven .getinvolved {width:520px;}

/* headers */
h1 {line-height:1em; font-size:30px;color:#344758;margin-top:0;}
h3, h3 a, h3 a:visited, h3 a:hover {color:#344758;font-size:20px;}

.h2 {float:left;position:relative; width:100%;height:auto; overflow:visible;border-bottom:1px dashed #7a7a7a;}
.h2 h2 {line-height:2em; font-size:1.5em; margin:0; padding:0;text-indent:10px;background:#08acd7;}
.h2 h2,
.h2 h2 a,
.h2 h2 a:visited,
.h2 h2 a:hover {color:#fff;font-weight:normal;letter-spacing:1px;}
.h2 .right {position:absolute; right:10px; top:10px;}
.h2 div.ico {position:absolute; right:0; bottom:0; background:transparent url(../../images/7billion/planet.png); width:194px; height:88px;}
* .ofl_fix,
* .content,
* .col,
* .padding {overflow:visible !important;}
.facebook,.twitter {float:left;}
.padding .twitter, .padding .facebook {border-bottom:1px dashed #7a7a7a;}
.twitter .twtr-hd {display:none;}

.action_7b h3, .action_7b h3 a, .action_7b h3 a:visited, .action_7b h3 a:hover {color:#00b2dd;}
.action_7b .hashtag, .action_7b .hashtag:visited, .action_7b .hashtag:hover {color:#00b2dd;font-weight:bold;text-decoration:none;}

.seven .intro .action_7b {border:1px solid #e5e5e5;padding:5px 0 0 15px;background-color:#fafafa;height:91px;}
.seven .intro .action_7b .fb_tw_icons {float:left;width:35px;height:75px;}
.seven .intro .action_7b .tw_icon, .seven .intro .action_7b .fb_icon {float:left;background:url(../../images/7billion/intro.png) no-repeat 0 0;width:32px;height:32px;margin-top:5px;}
.seven .intro .action_7b .fb_icon {background-position: 0 100%;}
.seven .intro .action_7b .content {float:left;width:318px;padding-left:20px;}
.seven .intro .action_7b p {font-size:13px; line-height:1.5em;}
.seven .intro h3 {margin-top:28px;}
.seven .intro .action_7b h3 {margin-top:8px;}

.btn,
.btn .arrow {background: #ed7921 url(../../images/7billion/btn.png) repeat-x 0 0;}
.btn {float:left;height:42px;position:relative;padding-right:54px; font-size:13px; font-weight:bold; text-decoration:uppercase;}
.btn, .btn a, .btn a:visited, .btn a:hover {color:#fff;}
.btn a, .btn a:visited, .btn a:hover {padding-top:6px; padding-left:10px;float:left;text-decoration:none; clear:both;}

.btn > div {color:#ffc582;padding-left:10px;font-size:11px;float:left; width:100%;clear:left;}
.btn * .arrow {margin:0; padding:0;background-repeat:no-repeat ; background-position:0 100%;position:absolute; top:0; right:0; height:42px; width:44px;}
.btn:hover {opacity:.9;}


/* Carousel */
.sb_scroller ul {margin:0; padding:0;}
.sb_scroller {clear:both;position:relative;height:394px;margin-bottom:2px;background:transparent none;}	
.sb_scroller .wrapper {position:relative;width:100%;height:100%;margin:0;border:0 none;overflow:hidden;}
.sb_scroller .wrapper ul {position:absolute;left:0;top:0;}
.sb_scroller ul li {width:520px;height:auto;float:left;}
.sb_scroller .dots {position:absolute;bottom:6px;left:0; margin:0;}
.sb_scroller .dots li {background: transparent url(../../images/7billion/carousel_links.png) no-repeat 0 0;float:left;width:74px;height:80px;margin-right:0; margin-left:0;list-style-type:none;overflow:hidden;}
.sb_scroller .dots li a,
.sb_scroller .dots li a:visited,
.sb_scroller .dots li a:hover {width:100%; height:100%; display:block;text-indent:-9999em;}
.sb_scroller .dots li:hover {opacity:.8;}

.sb_scroller .btns,
.sb_scroller .btns a {display:none;}
.sb_scroller .btns a {position:absolute;bottom:7px;right:5px;width:18px;height:18px;cursor:pointer;/*background:url(../images/nav/pagination/next_prev.gif) no-repeat 0 -18px;*/text-indent:-9999px;overflow:hidden;}	
.sb_scroller .btns .previous {right:28px;background-position:0 0;}

/* icon sets */
.sb_scroller .dots li.itm_0 {background-position:0 0;}
	.sb_scroller .dots li.itm_0.on {background-position:0 -84px;}
.sb_scroller .dots li.itm_1 {background-position:-75px 0;}
	.sb_scroller .dots li.itm_1.on {background-position:-75px -84px;}
.sb_scroller .dots li.itm_2 {background-position:-150px 0;}
	.sb_scroller .dots li.itm_2.on {background-position:-150px -84px;}
.sb_scroller .dots li.itm_3 {background-position:-225px 0;}
	.sb_scroller .dots li.itm_3.on {background-position:-225px -84px;}
.sb_scroller .dots li.itm_4 {background-position:-300px 0;}
	.sb_scroller .dots li.itm_4.on {background-position:-300px -84px;}
.sb_scroller .dots li.itm_5 {background-position:-375px 0;}
	.sb_scroller .dots li.itm_5.on {background-position:-375px -84px;}
.sb_scroller .dots li.itm_6 {background-position:-450px 0;}
	.sb_scroller .dots li.itm_6.on {background-position:-450px -84px;}

.sb_scroller ul li div h4, 
.sb_scroller ul li div h4 a,
.sb_scroller ul li div h4 a:visited,
.sb_scroller ul li div h4 a:hover,

.sb_scroller ul li div h3,
.sb_scroller ul li div h3 a,
.sb_scroller ul li div h3 a:visited,
.sb_scroller ul li div h3 a:hover {font-size:16px;color:#00a8d1;font-weight:normal;}

.sb_scroller ul li div h3 {margin-top:20px;}
.sb_scroller ul li div h3, .sb_scroller ul li div h3 a, .sb_scroller ul li div h3 a:visited, .sb_scroller ul li div h3 a:hover {font-size:20px; font-weight:bold;}
.sb_scroller ul li div p {font-size:11px;color:#77797a;}
.sb_scroller ul li div {width:310px;float:left;}
.sb_scroller ul li div.article_img {width:175px;margin:20px 15px 0 10px;}
.sb_scroller ul li div.article_img > div {width:155px;}
.sb_scroller ul li div.article_img .img_gutter {/*background:#f7f7f7;padding:10px;*/}
.sb_scroller ul li div.article_img .img_url{padding-top:5px;}
.sb_scroller ul li div.article_img .img_url a {color:#00A8D1;font-weight:bold;}

.sb_scroller .btn {position:relative;left:0;height:23px;width:115px;float:left;padding-right:34px;}
.sb_scroller .btn * .arrow {height:23px;width:32px;background-position:-6px -468px;}
.sb_scroller .btn a, 
.sb_scroller .btn a:visited, 
.sb_scroller .btn a:hover {padding-top:4px;padding-left:7px;font-size:12px;}

.sb_scroller .btn-fb {position:relative;left:20px;height:30px;width:70px;}
.sb_scroller .btn-tw {position:relative;left:35px;height:30px;width:50px;}


.content p,
.content * p {color:#77797a;}
.share {padding:5px 10px 10px 10px;height:20px; display:block; width:auto;background:transparent url(../../images/7billion/sharebox.png) no-repeat 0 100%; position:absolute; top:0; right:20px;}
.share div{float:left;}
.share span{background:transparent url(../../images/7billion/sharebox.png) no-repeat 100% 100%;position:absolute; right:0; top:0;display:block;width:10px; height:100%;}

.getinvolved, .inspire {border-bottom:1px dashed #7a7a7a;}
.sb_scroller .dots {border-top:1px dashed #7a7a7a;padding-top:10px;}
.sb_scroller .wrapper ul {background:#fcf3f3;height:297px;}

.inspire {background:#fcf3f3 url(../../images/7billion/inspire_bg.png) no-repeat 100% 0; height:318px;float:left;width:100%; position:relative;}
.inspire .line1,
.inspire .line2,
.inspire .line3{color:#00a8d1;font-weight:bold;position:absolute;line-height:1.2em;}
.inspire .btn {position:absolute; top:220px; left:255px;height: 30px;padding-right:54px;}
.inspire .btn * .arrow {height:30px; width:32px;background-position:-6px -464px;}
.inspire .btn a, 
.inspire .btn a:visited, 
.inspire .btn a:hover {padding-top:7px;}

.inspire .line1{font-size:26px;top:40px;left:40px;}
.inspire .line2{font-size:43px;top:65px;left:75px;letter-spacing:-.05em;overflow:visible; }
.inspire .line3{font-size:18px;color:#77797a;top:130px;left:45px; font-weight:normal;width:360px;}

.video .video_header_link {color:#fff;font-weight:bold; position:absolute; top:12px; right:10px;}