/*   
Theme Name: Threefifty 2013
Description: Theme for world.350.org sites
Author: Matthew Anderson
Author URI: http://350.org
Version: 1
*/

::selection{
	background:rgba(0,120,170,0.2);}
::-moz-selection{
	background:rgba(0,120,170,0.2);}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
nav,
section,
summary {
	display:block}
audio,
canvas,
video {
	display:inline-block;
	*display:inline;
	*zoom:1}
audio:not([controls]) {
	display:none;
	height:0}
[hidden] {
display:none}
html {
	font-size:100%;
	-webkit-text-size-adjust:100%;
	-ms-text-size-adjust:100%}
html,
button,
input,
select,
textarea {
	font-family:sans-serif}
body {
	margin:0}
a:active,
a:hover {
	outline:0}
p,ul,ol{margin:0 0 1em;}
p:last-child,
ul:last-child,
ol:last-child {margin-bottom:0;}
blockquote{
	margin:0 0 15px;
	padding-left:15px;
	border-left:2px solid #aaa;
	font-size:.9em;}
q{font-style:italic;}	
sup{font-size:.75em; vertical-align:top;}
sub{font-size:.75em; vertical-align:bottom;}
caption{font-size:.85em;color:#888;}
ul,
ol{
	padding-left:1.5em;
	margin-bottom:1em;}
ul ul,
ol ol{
	margin-bottom:0;
	padding-left:1.5em;}
ul ul ul,
ol ol ol{
	margin-bottom:0;
	padding-left:2em;}
ul li{
	list-style-type:disc;
	list-style-position:outside;}
ol li{
	list-style-type:decimal;	
	list-style-position:outside;}
em{font-style:italic;}
strong{font-weight:bold;}
table{
	border-collapse:separate;
	border-spacing:2px;}
th{background:#dde0e3;padding:2px 5px;}
thead th{
	background:#313a42;
	color:#fff;
	padding:2px 5px;
	font-weight:bold;}
td{
	padding:5px;}
code,samp,kbd,var{font-family:"Courier New", Courier, monospace;}
pre{
	font-family:"Courier New", Courier, monospace;
	padding:15px;
	background:#e4e6e8;
	border:1px solid #ccc;
	border-radius:2px;
	font-size:12px;
	white-space:pre-line;}
del{text-decoration:line-through;}
small{font-size:.9em;}
abbr, acronym{
	font-size:0.9em;
	font-variant:small-caps;
	letter-spacing:0.07em;
	border-bottom:2px dotted #313a42;
	cursor:help;
	padding-bottom:2px;}
dfn{
	border-bottom:2px dotted #313a42;
	cursor:help;
	font-style:normal;
	padding-bottom:2px;}
input, select, textarea{
	border:0 none;
	font-family:sans-serif;}
button,
input {
	line-height:normal}
button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
	-webkit-appearance:button;
	cursor:pointer;
	*overflow:visible}
button[disabled],
input[disabled] {
	cursor:default}
input[type="checkbox"],
input[type="radio"] {
	box-sizing:border-box;
	padding:0;
	*height:13px;
	*width:13px}
input[type="search"] {
	-webkit-appearance:textfield;
	-moz-box-sizing:content-box;
	-webkit-box-sizing:content-box;
	box-sizing:content-box}
input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration {
-webkit-appearance:none}
button::-moz-focus-inner, input::-moz-focus-inner {
	border:0;
	padding:0}
fieldset{
	border:0 none;
	padding:0;}
textarea {
	overflow:auto;
	vertical-align:top}
table {
	border-collapse:collapse;
	border-spacing:0}
p {
	-webkit-hyphens:auto;
	-epub-hyphens:auto;
	-moz-hyphens:auto;
	hyphens:auto}
img{
	height:auto;}
img,
iframe,
video{
	max-width:100%;}
b,
strong,
.strong {
	font-weight:bold}
em,
.em {
	font-style:italic}
small,
.small {
	font-size:75%}
dd {
	margin:0}
.sidebar ul,
.sidebar ol,
.commentlist {
	list-style:none}
.clear{
	clear:both !important;
	height:0 !important;
	width:0 !important;
	margin:0 !important;
	padding:0 !important;
	display:block;}
.clearfix {
	zoom:1}
.clearfix:before,
.clearfix:after {
	content:"";
	display:table}
.clearfix:after {
	clear:both}
* {
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box}
input.submit,
a.button,
.button a{
	display:block;
	display:inline-block;
	padding:10px 15px 10px;
	text-align:;
	background: #FFA017;
	border:1px solid #ff7500;
	border:1px solid rgba(0,0,0,0.1);
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	border-radius:4px;
	color:#fff;
	font-weight:bold;
	box-shadow:
		inset 0 0 1px 0 rgba(255,255,255,0.5);
	cursor:pointer;
	text-transform:uppercase;
	font-size:18px;
	margin:5px 0;
	position:relative;
	font-family:KlimaWeb,sans-serif;
	height:auto;
	white-space:normal;
}
.noklima input.submit,
.noklima a.button,
.noklima .button a{
	font-family:tahoma,sans-serif;}
input.submit:hover,
a.button:hover,
.button a:hover{
	color:#fff;
	border:1px solid rgba(0,0,0,0.3);
	text-decoration:none;}
input.submit:active,
a.button:active,
.button a:active{
	top:1px;
	text-decoration:none;}
input.submit.small,
a.button.small,
.button.small a{
	padding:6px 9px;
	font-size:0.9em;
	letter-spacing:0.02em;}
	
/* Site Styles ---------------------------------------------- */

body {
	background-color:#04A0C3;
	background-position: ;
	background-attachment:fixed;
	background-size:cover;
	font-family:arial,sans-serif;
	font-size:14px;
	line-height:1.5;
	color:#3B3E3F}
a{
	color:#04A0C3;
	font-weight:bold;
	text-decoration:none;}
a:hover,
a:visited:hover{
	text-decoration:underline;}
a:active{
	opacity:0.75;}
a:link,
a:visited:link {
	-webkit-tap-highlight-color:rgba(0,0,0,0.3)}
h1,
h2,
h3{
	font-family:'KlimaWeb',sans-serif;}
.noklima h1,
.noklima h2,
.noklima h3{
	font-family:tahoma,sans-serif;}
h1,
h2,
h3,
h4,
h5{
	text-rendering:optimizelegibility;
	margin:0 0 0.4em;
	font-weight:bold;}
h1 a,
h2 a,
h3 a,
h4 a,
h5 a{
	color:#3B3E3F;
	text-decoration:none}
h1{
	font-size:2.5em;
	line-height:1.2}
h2{
	font-size:2em;
	line-height:1.2;}
h3{
	font-size:1.5em;
	line-height:1.25}
h4{
	font-size:1.33em;
	line-height:1.3}
h5{
	font-size:1.2em;
	line-height:1.6;}
select{
	font-size:1em;
	font-weight:bold;}
option{
	font-size:0.85em;
	font-weight:normal;}	
.lang-nav{
	background:#3B3E3F;
	background:none repeat scroll 0 0 rgba(20, 30, 40, 0.7);
	width:100%;}
.lang-nav a,
.lang-nav .icl_lang_sel_current{
	display:inline-block;
	padding:3px 8px;
	font-size:13px;
	color:#fff;
}
.lang-nav .icl_lang_sel_current{
	color:#fff;
	font-weight:normal;}
.nav {
	border:1px solid #ccc;
	border-bottom:0}
nav li{
	display:inline;
	display:inline-block;
	list-style-type:none;}
nav ul{
	padding-left:none;}
#container{
	padding:0;
	margin:0 auto;
	width:100%;}
header#site-header{
	background-color:#ddd;
	background-color:rgba(255,255,255,0.5);
	position:relative;}
h1#site-title{
	margin-bottom:0;}
h1#site-title a{
	color:#ffffff;
	border-radius:2px;
	display:block;
	letter-spacing:-1px;
	margin-right:50px;
	max-width:1200px;}

h1#site-title a.text-logo{
	-moz-user-select: none;
	-webkit-user-select: none;
	-ms-user-select: none;
	user-select:none;
	padding:25px 3% 10px;
	line-height:1;}
h1#site-title a.image-logo{
	line-height:0;}
a.image-logo.{
	text-align:;}
header a:hover{
	text-decoration:none;}
nav#site-nav{
	padding:0;
	position:relative;
	z-index:89;}
nav#site-nav li{
	list-style-type:none;
	margin-bottom:5px;}
nav#site-nav a{
	display:block;
	color:#3B3E3F;
	padding:3px 5px;
	font-family:KlimaWeb,sans-serif;
	font-size:1.2em;}
.noklima nav#site-nav a{
	font-family:tahoma,sans-serif;}
nav#site-nav a:hover{
	background:#26282A;
	color:#fff;}
nav#site-nav a:active{
	opacity:0.5;}
	
#content{
	background:#ffffff;}

#top-panel,
#blog{
	background:#fff;
	background:rgba(255,255,255,0.94);
	border-radius:2px;}
#main{
	max-width:1200px;
	margin:0 auto;
	padding:3%;}
#featboxes{
}
#top-panel{
	margin-top:0;
	margin-bottom:15px;
	position:relative;}

.sidebar{
	}
.page-title{
	font-size:3em;}
.project h3{
	font-size:1.4em;
	line-height:1;
	text-transform:none;}

h3.post-title{
	margin-bottom:0.9em;}
h3.widgettitle,
h3.widget-title{
	font-size:1.5em;}

.js div.input{
	position:relative;
	margin-bottom:5px;}
.js div.input.text label{	
	font-weight:bold;
	position:absolute;}
#signup-replacement{
	font-weight:bold;}
	
.widget{
	background:#26282A;
	background:rgba(20,40,50,0.9);
	border-radius:1px;
	color:#fff;
	padding:2%;
	margin-bottom:15px;}
.widget .text input,
.widget select{
	padding:8px;
	width:100%;}
.widget .text label{
	padding:8px;}
.widget:nth-child(3n){
	background:rgb(61,201,154);
	background:rgba(61,201,154,0.9);
	color:#fff;}	

	
.post{
	margin:0 0 20px 0;}

.entry-content dd {
	margin-left:0;
	font-size:0.9em;
	color:#787878;
	margin-bottom:1.5em}
.entry-content img {
	margin:0 0 1.5em 0;
	max-width:100%;
	height:auto}
.entry-content video,
.entry-content object {
	max-width:100%;
	height:auto}
.entry-content pre {
	background:#eee;
	border:1px solid #cecece;
	padding:10px}
.wp-caption {
	background:#eee;
	padding:5px}
.wp-caption img {
	margin-bottom:0;
	width:100%}
.wp-caption p.wp-caption-text {
	font-size:0.85em;
	margin:2px 0 4px;}
#main.paged{
	margin-top:30px;}
.page-navigation,
.wp-prev-next {
	margin:1.1em 0 2.2em;}

.fb-share,
.tw-share{
	color:#fff;
	display:inline-block;
	padding:4px 38px 5px 8px;
	background-repeat:no-repeat;
	background-attachment:scroll;
	font-weight:bold;
	font-size:14px;
	border-radius:3px;
	text-decoration:none;
	position:relative;
	border:1px solid rgba(0,0,0,0.1);
	user-select:none;
	-moz-user-select:none;
	-webkit-user-select:none;
	margin-bottom:6px;}
.fb-share:hover,
.tw-share:hover{
	color:#fff;
	text-decoration:none;
	border-color:rgba(0,0,0,0.3);}
.fb-share:active,
.tw-share:active{
	top:1px;
	box-shadow:0 0 0 #fff;
	color:#eee;}
.fb-share{
	background-color:rgb(59,83,153);
	background-position:right 4px;
	background-image:url(https://s3.amazonaws.com/s3.350.org/images/ak-sprite-2012.png);
	margin-right:5px;}
.fb-share:hover{
	background-color:rgb(59,83,153);
	background-position:right -47px;
	background-image:url(https://s3.amazonaws.com/s3.350.org/images/ak-sprite-2012.png);
	text-shadow:
		-1px -1px 0 rgba(0, 0, 0, 0.8),
		1px 1px 0 rgba(255, 255, 255, 0.3);}
.tw-share{
	background-color:rgb(40,170,225);
	background-position:right -101px;
	background-image:url(https://s3.amazonaws.com/s3.350.org/images/ak-sprite-2012.png)}
.tw-share:hover{
	background-color:rgb(40,170,225);
	background-position:right -152px;
	background-image:url(https://s3.amazonaws.com/s3.350.org/images/ak-sprite-2012.png);}


.entry-content{
	margin-bottom:2em;}

#site-footer{
	background:#26282A;
	color:#fff;
	padding:30px 3%;
	font-weight:bold;}
#footer-link-350{
	display:block;
	float:left;
	height:35px;
	width:75px;
	background:url(library/images/350-logo-white.png) no-repeat  ;
	text-indent:-9999px;}

.footer {
	clear:both}
.post-meta-info{
	font-size:0.9em;
	font-weight:bold;}
a.more-link{
	background:#eee;
	border-radius:3px;
	display:block;
	margin:1em 0;
	padding:5px 10px;
	width:200px;}	
a.more-link:hover{
	background:#04A0C3;
	color:#fff;
	text-decoration:none;}
.js .expando{
	border-radius:3px;
	display:block;
	margin:0 0 15px;
	padding:10px 15px;
	background:#eee;
	background:rgba(0,20,40,0.1);}
#nav-label{
	display:none;}
.js #nav-label{
	display:block;}
.js #site-nav{
	display:none;}
.expando-link{
	display:block;}
.expando-link:hover{
	color:#000;
	border-bottom:0;
	text-decoration:none;}
.expando-link::after{
	content:'+';
	margin-left:0.3em;}
.expanded{
	margin-bottom:15px;}
.expando-link.expanded::after{
	content:'-';
	margin-left:0.3em;}

.jPanelMenu-panel{
	background:transparent !important;}	
#jPanelMenu-menu{
	background:#313a42;
	color:#fff;}
#jPanelMenu-menu ul li{
	list-style-type:none;}
#jPanelMenu-menu ul li a{
	color:#fff;
	display:block;
	padding:0.6em 1em;}
#jPanelMenu-menu ul li a:hover{
	text-decoration:none;}
#jPanelMenu-menu ul li a:active{
	background:#aaa;}
.js #nav-label{
	background:#26282A url(library/images/nav-icon-30.png)   no-repeat;
	border-radius:2px;
	cursor:pointer;
	display:block;
	position:absolute;
	top:11px;
	right:1%;
	height:30px;
	width:30px;
	margin-bottom:0;
	text-indent:-9999px;
	z-index:999;}

#disqus_thread{
	border-top:2px solid #CCCCCC;
	margin-top:30px;
	padding-top:30px;}
	
.widget.tfsf{
	background:#04A0C3;
	background:rgba(4,160,195,0.9);
	color:#fff;}
.tfsf input,
.tfsf select,
.tfsf label{
	font-family:KlimaWeb,sans-serif;
	font-size:1.2em;}

.noklima .tfsf input,
.noklima .tfsf select,
.noklima .tfsf label{
	font-family:tahoma,sans-serif;}
@media screen and (-webkit-min-device-pixel-ratio:0) { 
.tfsf select{
	font-family:arial,sans-serif;}
}

.js .tfsf label{
	color:#26282A;}

#inner-footer{
	max-width:1200px;
	margin:0 auto;
	padding:0 3%;}
#site-footer ul{
	padding:0;}
#site-footer li{
	list-style-type:none;}
#site-footer a{
	color:#fff;}

@media only screen and (min-width: 481px) {
	body{
		background-size:cover;
		font-size:15px;}
	header#site-header{
		background:transparent;}
	header#site-header.bg{
		background:rgba(255,255,255,0.5);}
	.lang-nav{
		position:absolute;
		top:-20px;}
	h1#site-title a.text-logo{
		font-size:1.4em;
		padding:45px 0 35px 3%;
		margin-right:65px;
		line-height:1.1;
		text-shadow:0 0 35px rgba(30, 40, 50, 0.5);}
	h1#site-title a.image-logo{
		padding:10px 3%;}
	h1#site-title a.left{
		text-align:left;}
	#container{
		margin:20px auto;}
	#content{
		background:#fff;
		background:rgba(255,255,255,0.5);}
	.page .entry-content,
	.single .entry-content{
		margin-bottom:15px;
		max-width:720px;
		float:left;}
	#blog{
		background:transparent;
		border-radius:0;}
	header#site-header.no-bg{
		background:transparent;}
	header#site-header nav{
		background:#26282A;
		background:rgba(20,30,40,0.7);}
	.alignleft,
	img.alignleft {
		margin-right:1em;
		margin-bottom:1em;
		display:inline;
		float:left;}
	.alignright,
	img.alignright {
		margin-left:1em;
		margin-bottom:1em;
		display:inline;
		float:right}
	.align,
	img.align {
		margin-right:auto;
		margin-left:auto;
		margin-bottom:1em;
		display:block;
		clear:both;}
	.js #nav-label{
		background:#26282A url(library/images/nav-icon-40.png)   no-repeat;
		width:40px;
		height:40px;
		bottom:25px;}
	.post{
		background:#fff;
		border:1px solid #dbdddf;
		border:1px solid rgba(0,20,40,0.1);
		padding:3%;}
	.sidebar{
		padding-top:15px;}
	.widget{
		margin:15px 0;}
	#site-footer li{
		display:inline;
		display:inline-block;
		padding:0 10px 0 0;}
	.gallery-item{
		float:left;
		padding-right:1%;}
	.gallery-columns-1 .gallery-item{
		width:99%;}
	.gallery-columns-2 .gallery-item{
		width:49%;}	
	.gallery-columns-3 .gallery-item{
		width:32%;}
	.gallery-columns-4 .gallery-item{
		width:24%;}
	.gallery-columns-5 .gallery-item{
		width:19%;}
	.gallery-columns-6 .gallery-item{
		width:16.6%;}
	.gallery-columns-7 .gallery-item{
		width:13.28%;}
	.gallery-columns-8 .gallery-item{
		width:11.5%;}
	.gallery-columns-8 .gallery-item{
		width:11.5%;}
	.gallery-columns-9 .gallery-item{
		width:10.1%;}
	.gallery-columns-10 .gallery-item{
		width:9%;}
}
@media only screen and (min-width: 900px) {
	body{
		}
	header#site-header{
		position:relative;}
	#bottombar{
		padding:3%;}
	.post-1{}
	.lang-nav{
		left:auto;
		right:8%;
		width:auto;}
	h1#site-title a{
		margin:0 auto !important;}
	h1#site-title a.text-logo{
		font-size:1.9em;
		margin-right:0;
		padding:40px 65px 50px 3%;}
	.js #nav-label{
		display:none;}
	nav#site-nav{
		margin:0;}
	.js #site-nav{
		display:block;}
	nav#site-nav .menu{
		margin:0 auto;
		max-width:1200px;
		padding:0 3%;
		position:relative;
		left:-10px;}
	nav#site-nav li{
		position:relative;
		display:inline-block;
		margin-bottom:0;}
	nav#site-nav a{
		display:inline-block;
		padding:8px 10px;
		color:#fff;}
	.comments{
		clear:both;
		padding-top:20px;}
	.single .article-footer{
		float:left;
		margin-left:2em;
		width:200px;}
	nav .parent > a{
		padding-right:27px !important;}
	nav#site-nav li.parent:hover a {
		background: none repeat scroll 0 0 #26282A;
		color: #FFFFFF;}
	nav#site-nav li.parent a:hover {
		background: none repeat scroll 0 0 #66686A;}
	nav .parent > a::after{
		content:'';
		display:block;
		position:absolute;
		top:18px;
		right:10px;
		width:0;
		height:0;
		border-top:5px solid #fff;
		border-left:5px solid transparent;
		border-right:5px solid transparent;}
	nav#site-nav ul,
	nav#site-nav ul ul,
	nav#site-nav ul ul ul{
		padding-left:0;
		margin-left:0;}
	nav .submenu,
	nav#site-nav ul.sub-menu{
		box-shadow:0 5px 10px rgba(0, 0, 0, 0.4);
		display:none;
		position:absolute;
		min-width:260px;}
	nav li:hover ul.sub-menu,
	nav#site-nav li:hover ul.sub-menu{
		display:block;}
	nav .parent:hover > a::after{
		border-top-color:#ffffff;}
	nav li li{
		display:block !important;}
	.sub-menu li .sub-menu{
		display:none;}
	.sub-menu li:hover .sub-menu{
		position:absolute;
		left:260px;
		top:0;
		display:block;}
	nav li li a{
		display:block !important;
		background:#26282A;
		color:#fff;
		padding-left:25px;}
	.post-content{
		float:left;
		width:80%;
		margin-right:3%;}
	.home .post-meta{
		border-left:1px solid #ccc;
		float:right;
		padding-left:1.5%;
		width:17%;}
	.post-meta{
		color:#aaa;
		font-weight:bold;
		font-size:0.8em;
		margin-bottom:8px;}
	.page-template-page-blog-php .post-meta,
	.home .post-meta{
		float:right;
		width:15%;}
	.sidebar{
		margin:1em 0;}
	.widget{
		float:left;
		width:32%;
		margin:0 2% 15px 0;
}
	.project:nth-of-type(3n),
	.widget:nth-of-type(3n){
		margin-right:0;}

	/* Top Panel Templates */
	.htp1-image{
		float:left;
		width:66%;
		margin-right:2%;}
	.htp1-text{
		width:32%;
		float:right;}
	.htp1alt .htp1-image{
		float:right;}
	.htp1alt .htp1-text{
		float:left;}
		
	#bottombar-inner{
		max-width:1200px;
		margin:0 auto;
		padding:0 3%;}


}


/*
Make the Facebook Like box responsive (fluid width)
https://developers.facebook.com/docs/reference/plugins/like-box/
*/
 
/* This element holds injected scripts inside iframes that in some cases may stretch layouts. So, we're just hiding it. */
#fb-root {
display: none;
}
 
/* To fill the container and nothing else */
.fb_iframe_widget, .fb_iframe_widget span, .fb_iframe_widget span iframe[style] {
width: 100% !important;
}

#lb-overlay{
	width:100%;
	height:100%;
	position:fixed;
	background:#000;
	background:rgba(0,0,0,0.6);
	margin:0;
	padding:0;
	display:none;
	top:0;
	left:0;
	cursor:pointer;
	z-index:9999;}
#lb-overlay.active{
	-moz-transition:1s all;
	-webkit-transition:1s all;
	-o-transition:1s all;
	transition:1s all;}
#lb-img-container{
	cursor:default;
	border-radius:2px;
	padding:1em;
	background:#fff;
	width:90%;
	margin:4em auto;}