/*
 Theme Name:   350 World v2
 Theme URI:    http://world.350.org/demo2
 Description:  Theme for world.350 sites, version 2
 Author:       Matthew Anderson
 Author URI:   http://350.org
 Version:      2.1.0
 Text Domain:  tfworld
*/


@import url("style-base.php");

.g10{
	margin:0;
	width:100%;}
#site-header{
	color:#fff;
	margin-bottom:2em;
	padding:0;}
#site-title a{
	padding:12px 40px 10px;}
	color:#fff;}
#header-sm{
	display:none;}
.header-sm-button{
	border-radius:2px;
	display:inline-block;
	margin-bottom:3px;
	padding:3px 4px;}
#header-sm-fb{
	background:rgb(59,89,153);
	background:rgba(59,89,153,0.65);
	height:27px;
	overflow:hidden;
	width:55px;}
#header-sm-tw{
	background:rgb(200,210,225);
	background:rgba(200,210,225,0.65);
	height:27px;}

#top-panel-inner{
	font-size:1.1em;
	text-align:center;}
#tp-actual{
	padding:15px;}
#top-panel h2{
	font-family:'GraphWeb','KlimaWeb',sans-serif;
	line-height:1;
	margin-bottom:10px;}
#top-panel{
	margin-bottom:3em;}
#top-panel-title span{
	padding:0 0.1em;}
#featboxes{
	background:url('images/dark-stripe-bg-trans.png') repeat;
	padding:3%;}
.sidebar{
	background:#e6eaef;}

.post{
	border-bottom:2px dotted #c9cccf;
	margin:0 0 1.5em;
	min-height:160px;
	padding:0 0 1.5em;
	position:relative;}
.post-meta{
	color:#9b9e9f;
	line-height:1.4;
	margin:15px 0 0;}
.post-author{
	clear:both;
	font-weight:bold;
	line-height:1.3;
	margin:3px 0;}
.post-author-img{
	float:left;
	margin:0 10px 10px 0;
	width:25px;}
.post-categories{
	margin:1em 0;}
.post-categories a {
	background:none repeat scroll 0 0 #d9dcdf;
	border-radius:2px;
	color:inherit;
	display:inline-block;
	font-size:0.85em;
	font-weight:normal;
	padding:0.2em 0.5em;}

/* Pagination */

a.page-numbers,
.page-numbers.current{
  background-color:#0f81e8;
  border-radius:2px;
  color:#fff;
  display:inline-block;
  font-weight:bold;
  margin:0;
  padding:0.2em 0.5em;
  text-decoration:none;}
.page-numbers.current{
  cursor:default;
  opacity:0.5;}

/* Page/Single */

#post-meta {
	border-bottom:2px dotted #c9cccf;
	margin-bottom:1.5em;
	padding-bottom:0.3em;}
#post-meta-info{
	float:left;
	position:relative;
	top:3px;}
#post-thumbnail{
	margin-bottom:0.6em;}
#post-author-img{
	float:left;
	margin:0 7px 0 0;
	width:20px;}
#post-author{
	font-weight:bold;}
.inlbg{
	background:#fff;
	background:rgba(255,255,255,0.82);
	border-radius:2px;}


#site-footer{
	background:#3b3e3f;
	background:rgba(30,42,43,0.95);
	color:#fff;}
#site-footer-inner{
	padding:5em 0;}

.widget_wysija{
	background:#04A0C3 !important;
	color:#fff;}

/* Action Network */
#can_embed_form input[type="submit"],
#can_embed_form .button,
#donate_auto_modal input[type="submit"],
#donate_auto_modal .button{
	background-color:#ffa017 !important;
	font-family:GraphWeb,KlimaWeb,sans-serif;
	font-size:1.5rem !important;
	text-shadow:0 !important;}
#can_embed_form input[type="submit"]:hover, #can_embed_form .button:hover, #donate_auto_modal input[type="submit"]:hover, #donate_auto_modal .button:hover{
	background:#ffa017 !important;}
#can_embed_form input[type="text"], #can_embed_form input[type="password"], #can_embed_form input[type="url"], #can_embed_form input[type="email"], #can_embed_form input[type="tel"], #can_embed_form input[type="number"], #donate_auto_modal input[type="password"], #donate_auto_modal input[type="text"]{
	height:36px !important;
	padding:6px 9px !important;
	margin-bottom:5px !important;}
#can_embed_form h2,
#donate_auto_modal h2{
	font-weight:bold !important;}

#can_embed_form #can_thank_you #action_info{
	border-top:1px dotted #fff !important;}
#can_embed_form #can_thank_you h1{
	font-size:25px !important;
	text-shadow:none !important;}
#can_embed_form #can_thank_you h4,
#can_embed_form #can_thank_you p{
	text-shadow:none !important;}
.gen_wrapper #can_embed_form #can_thank_you{
	background:#09a0c3;
	border:0 none;
	box-shadow:0 0 0 rgba(0,0,0,0);
	padding:60px;
	margin-bottom:40px;}
#d_sharing,
#action_info{
	display:none !important;}
#can_embed_form #action_welcome_message #action_welcome_message_inner{
	border:0 none !important;
	background:rgba(0,35,50,0.1) !important;}


@media only screen and (min-width:500px){

#container{
	/*background-image: -webkit-gradient(
		linear,
		left top,
		left bottom,
		color-stop(0, rgba(15,40,70,0.3)),
		color-stop(150px, rgba(15,40,50,0))
	);
	background-image: -o-linear-gradient(bottom, rgba(15,40,70,0.3) 0%, rgba(15,40,50,0) 150px);
	background-image: -moz-linear-gradient(bottom, rgba(15,40,70,0.3) 0%, rgba(15,40,50,0) 150px);
	background-image: -webkit-linear-gradient(bottom, rgba(15,70,50,0.3) 0%, rgba(15,40,50,0) 150px);
	background-image: -ms-linear-gradient(bottom, rgba(15,40,70,0.3) 0%, rgba(15,40,50,0) 150px);
	background-image: linear-gradient(to bottom, rgba(15,40,70,0.3) 0%, rgba(15,40,50,0) 150px);*/
	padding:0.01em;}
#site-header{
	margin-bottom:1.5em;}
#site-title a{
	font-size:0.8em;}
#post-meta-share{
	float:right;}
header.layout-vert{
	text-align:center;}
#header-sm{
	top:10px;
	right:50px;
	position:absolute;}
.js #nav-label{
	top:10px;}

#top-panel-inner{
	padding:0 1%;}
#tp-actual{
	padding:25px;}

#featboxes{
	padding:0;}
#featboxes-inner{
	padding:20px 0 25px;
	max-width:1120px;}

#content{
	background:#fff;
	padding-top:3em;
	padding-bottom:3em;}
#page-title span{
	background:#fff;
	background:rgba(255,255,255,0.7);
	display:inline-block;
	font-family:'GraphWeb','KlimaWeb',sans-serif;
	font-size:2em;
	padding:0 5px;}
.single #page-title span{
	font-size:1.2em;
	font-family:$body_font,sans-serif;
	line-height:1.15;}
#page-title{
	line-height:1;
	margin-bottom:0;}
#page-title span{
	padding:20px 28px;}

#site-footer{
	margin-bottom:5em;}
#inner-footer{
	border-radius:3px;}
}

@media only screen and (min-width:950px){
.section{
	padding-right:8%;
	padding-left:8%;}
#site-header{
	margin-bottom:3em;}
#site-header-inner{
	margin:0 auto;
	max-width:1100px;}
#site-header.layout-vert #site-header-inner{
	max-width:inherit;}
#site-header.layout-horz{
	padding-top:5px;}
#site-title{
	float:left;
	margin:0 1% 0 0;
	max-width:19%;}
#site-title a{
	font-size:0.8em;
	margin:0;
	padding-top:5px;
	padding-left:0;
	padding-right:0;}
header.bgcolor #site-title a{
	padding-left:7px;}
#site-title a.logo,
header.bgcolor #site-title a.logo{
	margin:0;
	padding:0;
	font-size:0;}
#site-nav{
	float:left;
	margin:0;
	padding:5px;
	width:79%;}
#header-sm{
	display:block;
	top:0;}
header.sm #site-nav{
	width:65%;}
#header-sm{
	float:right;
	padding-top:8px;
	text-align:right;
	width:128px;}
header.layout-vert #site-title,
header.layout-vert #site-nav{
	float:none;
	margin:0;
	width:auto;
	padding:0;
	max-width:100%;}
header.layout-vert.bgcolor #site-nav ul.menu {
	background:rgba(0,30,50,0.2);}
header.layout-vert .sub-menu{
	text-align:left;}
header.layout-vert #site-title a{
	display:block;
	margin-top:0;
	padding-top:25px;
	padding-bottom:20px;}
header.layout-vert #site-title a.logo{
	padding:12px 0;}
header.layout-vert #header-sm{
	float:none;
	margin:0;
	padding:0;
	position:absolute;
	top:1em;
	right:1em;
	width:85px;}
header.bgcolor #header-sm{
	margin-right:1em;}
header.bgcolor.layout-vert #header-sm{
	margin-right:0;}
header.no-bgcolor ul.menu > li{
	background:#3b3e3f;
	background:rgba(0,30,45,0.85);}
#top-panel{
	margin-bottom:3em;}
.wf-graphweb-n7-active #top-panel h2{
	font-size:4.2em;}


/* Blog */
#blog-inner{
	padding:0;}

.post-thumbnail{
	float:right;
	margin:0 1%;
	width:38%;}
.post-text{
	float:right;
	margin:0 1%;
	width:48%;}
.post-meta{
	left:0;
	margin:0 1% 0 0;
	position:absolute;
	top:0;
	width:9%;}
.post-meta-info{
	font-size:0.85em;}
.post-author-img{
	display:block;
	width:100%;
	max-width:60px;}
.post-author{
	display:block;}
.post-title{
	float:left;
	margin:0 0 0.3em 11%;
	width:48%;}
.post-categories{
	float:right;
	margin:1em 1%;
	width:48%;}
.post-categories a{
	opacity:0.5;}
.post-categories a:hover{
	opacity:1;}

.post-wrapper{
	margin-right:3%;
	width:66%;}
.has-sidebar #blog-posts{
	float:left;
	margin:0 1% 0 0;
	width:68%;}
.has-sidebar .post-title,
.has-sidebar .post-thumbnail,
.has-sidebar .post-text,
.has-sidebar .post-categories{
	float:right;
	margin-left:2%;
	margin-right:0;
	width:88%;}
.has-sidebar .post-thumbnail{
	min-height:0;}
.has-sidebar .post-meta{
	left:0;
	position:absolute;
	top:0;
	margin:0;
	width:10%;}
#sidebar{
	float:right;
	margin:0 0 0 1%;
	width:29%;}
#sidebar li{
	list-style-type:none;}
#sidebar .widget{
	margin-left:0;
	margin-right:0;
	width:100%;}

#blog-posts.sidebar-is-empty{
	float:none;
	margin:0 auto;}

/* Page/Single */

}
#twitter-widget-1 {
  height: 400px !important;
}

#attachment_835 {
  width: 100% !important;
}

@media only screen and (min-width: 950px) {
  #tf-tw-widget-2 {
    width: 30%;
    min-height: 400px;
 }

 .bg-ltgray {
   width: 31% !important;
   min-height: 400px;
 }
}

.bg-white, .bg-blue{
  min-height: 520px
}
@media only screen and (min-width: 500px) {
  #site-footer {
    margin-bottom: 0 !important;
  }
}