/*   
Theme Name: Fossil Free
Theme URI: 
Description: A theme for the Fossil Free Divestment campaign, based on Bones
Author: Matthew Anderson
Author URI: http://matthewanderson.cc
Version: 1
*/

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:focus {
	outline:thin dotted}
a:active,
a:hover {
	outline:0}
header#site-header a:hover,
#top-panel a:hover{
	border-bottom:0 none;}
h1{font-size:3em;}
h2{font-size:2.25em;}
h3{font-size:1.75em;}
h4{font-size:1.5em;}
h5{font-size:1.25em;}
p,ul,ol{margin:0 0 15px;}
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 ul, ol ol, ul ol, ol ul, ul ul ul, ol ol ol{
	margin-left:30px;
	margin-bottom:0;}
ul li{
	list-style-type:disc;
	list-style-position:inside;}
ol li{
	list-style-type:decimal;	
	list-style-position:inside;}
em{font-style:italic;}
strong{font-weight:bold;}
thead th{
	background:#eee;
	font-weight:bold;}
td{
	background:#eee;}
tr.odd td {
	background:#e6e6e6;}
code,samp,kbd,var{font-family:"Courier New", Courier, monospace;}
pre{
	font-family:"Courier New", Courier, monospace;
	padding-left:15px;
	border-left:5px solid #dde0e3;
	margin:15px 0;}
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;}
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}
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,
iframe,
video{
	max-width:100%;}
b,
strong,
.strong {
	font-weight:bold}
dfn,
em,
.em {
	font-style:italic}
small,
.small {
	font-size:75%}
ul,
ol {
	padding:0;
	list-style-type:none}
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,
.button{
	display:block;
	display:inline-block;
	padding:10px 15px 10px;
	text-align:center;
	background: #ec7f00;
	background: -moz-linear-gradient(top,  #f37F00 0%, #f73f00 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f37F00), color-stop(100%,#f73f00));
	background: -webkit-linear-gradient(top,  #f37F00 0%,#f73f00 100%);
	background: -o-linear-gradient(top,  #f37F00 0%,#f73f00 100%);
	background: -ms-linear-gradient(top,  #f37F00 0%,#f73f00 100%);
	background: linear-gradient(top,  #f37F00 0%,#f73f00 100%);	
	border:1px solid #e75f00;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	border-radius:4px;
	color:#f1f2f3;
	font-weight:bold;
	box-shadow:
		inset 0 0 1px 0 rgba(255,255,255,0.5),
		0 2px 2px 0 rgba(0,0,0,0.4)
		;
	cursor:pointer;
	text-transform:uppercase;
	letter-spacing:.05em;
	text-shadow:
		1px 1px 0 rgba(255,255,255,0.3),
		-1px -1px 0 rgba(0,0,0,0.3);
	font-size:18px;
	margin:5px 0;
	position:relative;
	font-family:news-gothic-std,sans-serif;
	height:auto;
	white-space:normal;
}
input.submit:hover,
.button:hover{
	box-shadow:
		inset 0 0 1px 0 rgba(255,255,255,1),
		0 2px 4px 0 rgba(0,0,0,0.6);
	color:#fff;}
input.submit:active,
.button:active{
	top:1px;
	box-shadow:
		inset 0 0 1px 0 rgba(255,255,255,1),
		0 2px 4px -2px rgba(0,0,0,0.7);
	color:#fff;}
	
/* Site Styles ---------------------------------------------- */
@font-face {
	font-family:'Ultramagnetic';
	src: url('./webfonts/ywft-ultramagnetic-bold.eot');
	src: url('./webfonts/ywft-ultramagnetic-bold.eot?#iefix') format('embedded-opentype'),
	     url('./webfonts/ywft-ultramagnetic-bold.woff') format('woff'),
	     url('./webfonts/ywft-ultramagnetic-bold.ttf') format('truetype'),
	     url('./webfonts/ywft-ultramagnetic-bold.svg#ywftsvg') format('svg');
	font-weight:bold;
	font-style:normal;}	
body {
	background:url(./images/ff-bg.jpg) fixed;
	font-family:news-gothic-std,arial,sans-serif;
	font-size:100%;
	line-height:1.5;
	color:#26282a}
#container{
	margin:0 auto;
	padding:20px 0;
	width:95%;
	max-width:1000px;}
header#site-header{
	height:105px;
	position:relative;}
h1#site-title a{
	background:url(./images/ff-logo.png) no-repeat;
	display:block;
	position:absolute;
	left:0;
	top:0;
	text-indent:-9999px;
	width:200px;
	height:100px;}
nav#site-nav{
	position:absolute;
	right:0;
	top:0;}
nav#site-nav a{
	display:inline-block;
	font-family:Ultramagnetic,news-gothic-std,sans-serif;
	font-weight:bold;
	font-size:20px;
	color:#26282a;
	text-transform:uppercase;
	padding:70px 0 0;
	text-align:center;
	background-position:center top;
	background-repeat:no-repeat;}
#petitions{
	background-image:url(./images/petitions.png);
	width:120px;}
#map{
	background-image:url(./images/map.png);
	width:110px;}
#news{
	background-image:url(./images/news.png);
	width:160px;}	
#resources{
	background-image:url(./images/resources.png);
	width:130px;}
#top-panel{
	padding:2.5em 0;}
#featboxes{
	margin-bottom:30px;}
a{
	color:#007dae;
	font-weight:bold;
	text-decoration:none;}
a:hover,
a:focus,
a:visited:hover,
a:visited:focus {
	border-bottom:.1em solid;}
a:active{
	opacity:0.75;}
a:link,
a:visited:link {
	-webkit-tap-highlight-color:rgba(0,0,0,0.3)}
h1,
h2,
h3,
h4,
h5{
	text-rendering:optimizelegibility;
	font-weight:800;
	font-family:Ultramagnetic,news-gothic-std,sans-serif;
	text-transform:uppercase;
	margin:0 0 0.4em;}
h1 a,
h2 a,
h3 a,
h4 a,
h5 a{
	text-decoration:none}
h1{
	font-size:2.5em;
	line-height:1.333em}
h2{
	font-size:2em;
	line-height:1.4em;}
h3{
	font-size:1.5em}
h4{
	font-size:1.25em;}
h5{
	font-size:1em;
	line-height:2.09em;
	text-transform:uppercase;
	letter-spacing:2px}
.nav {
	border:1px solid #ccc;
	border-bottom:0}
.nav li a {
	display:block;
	text-decoration:none;
	padding:10px 10px;
	background-color:#eee;
	border-bottom:1px solid #ccc}
.nav li ul.sub-menu li a,
.nav li ul.children li a {
	padding-left:30px}
#content {}
#tweets li{
	list-style-type:none;}
#tweets .tweet_text{
	border-radius:3px;
	border:1px solid rgba(0,0,0,0.2);
	background:#26282A;
	color:#fff;
	display:block;
	font-size:0.9em;
	padding:20px;
	position:relative;
	marin-bottom:10px;}
.tweet_text::after{
	content:'';
	display:block;
	position:absolute;
	bottom:-20px;
	left:11px;
	height:0;
	width:0;
	border-width:10px;
	border-color:#26282A transparent transparent;
	border-style:solid;}
.tweet_avatar{
	position:absolute;
	bottom:0;}
.tweet_avatar img{
	border-radius:3px;}
.tweet_user{
	display:block;
	font-weight:bold;
	font-size:1.3em;
	margin:12px 0 0 50px;}
.tweet_user:hover{
	border-bottom:0 none;}
.tweet_time{
	margin-left:50px;
	font-size:0.85em;
	position:relative;
	top:-4px;}
.tweet_time a{
	color:rgba(0,0,0,0.5);}
.page-title{
	font-size:3em;
	margin:.5em 0;
	border-bottom:4px solid;}

.js div.input{
	position:relative;
	margin-bottom:5px;}
.js div.input.text label{
	position:absolute;
	top:0;
	left:0;}
#signup-replacement{
	background:#fff;
	border-radius:3px;
	border:1px solid rgba(0,0,0,0.2);
	font-weight:bold;
	padding:20px;}
.widget .text input,
.widget select{
	padding:8px;
	width:100%;}
.widget .text label{
	padding:8px;}

.byline {
	color:#999}
.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:4px 0 7px;
	text-align:center}
.page-navigation,
.wp-prev-next {
	margin:1.1em 0 2.2em}
.bones_page_navi li {
	float:left;
	margin-left:10px}
.bones_page_navi li a {
	padding:3px 6px;
	display:block;
	text-decoration:none;
	position:relative}
.bones_page_navi li a:hover,
.bones_page_navi li a:focus {
	color:#f01d4f;
	text-decoration:underline}
.bones_page_navi li.bpn-current {
	padding:3px 6px;
	border-bottom:2px solid #f01d4f;
	position:relative}
.bones_page_navi li.bpn-prev-link,
.bones_page_navi li.bpn-next-link {
	font-weight:700}
.bones_page_navi li.bpn-prev-link a,
.bones_page_navi li.bpn-next-link a {
	padding:0}
.bones_page_navi li.bpn-prev-link a:hover,
.bones_page_navi li.bpn-next-link a:hover,
.bones_page_navi li.bpn-first-page-link a:hover,
.bones_page_navi li.bpn-last-page-link a:hover {
	background:none}
.wp-prev-next .prev-link {
	float:left}
.wp-prev-next .next-link {
	float:right}
.commentlist li {
	position:relative;
	clear:both;
	overflow:hidden;
	list-style-type:none;
	margin-bottom:1.5em;
	padding:0.7335em 10px}
.commentlist li:last-child {
	margin-bottom:0}
.commentlist li ul.children {
	margin:0}
.commentlist li[class*=depth-] {
	margin-top:1.1em}
.commentlist li.depth-1 {
	margin-left:0;
	margin-top:0}
.commentlist li:not(.depth-1) {
	margin-right:-10px;
	margin-left:-10px;
	margin-top:0;
	padding-bottom:0}
.commentlist .odd {
	background:#eee}
.commentlist .even {
	background:#fefefe}
.commentlist .vcard {
	margin-left:50px}
.commentlist .vcard cite.fn {
	font-weight:700;
	font-style:normal}
.commentlist .vcard time {
	float:right}
.commentlist .vcard time a {
	color:#999;
	text-decoration:none}
.commentlist .vcard time a:hover {
	text-decoration:underline}
.commentlist .vcard img.avatar {
	position:absolute;
	left:10px;
	padding:2px;
	border:1px solid #cecece;
	background:#fff}
.commentlist .comment_content {
	margin-left:50px}
.commentlist .comment_content p {
	margin:0.7335em 0 1.5em;
	font-size:1em;
	line-height:1.5em}
.commentlist .comment-reply-link {
	text-decoration:none;
	float:right;
	background:#4598bb;
	padding:3px 5px;
	color:#fff;
	opacity:0.65;
	margin-bottom:10px;
	font-weight:700;
	font-size:0.9em}
.commentlist .comment-reply-link:hover,
.commentlist .comment-reply-link:focus {
	opacity:1}
.respond-form {
	margin:1.5em 10px;
	padding-bottom:2.2em}
.respond-form form {
	margin:0.75em 0}
.respond-form form li {
	list-style-type:none;
	clear:both;
	margin-bottom:0.7335em}
.respond-form form li label,
.respond-form form li small {
	display:none}
.respond-form form input[type=text],
.respond-form form input[type=email],
.respond-form form input[type=url],
.respond-form form textarea {
	padding:3px 6px;
	background:#efefef;
	border:2px solid #cecece;
	line-height:1.5em}
.respond-form form input[type=text]:focus,
.respond-form form input[type=email]:focus,
.respond-form form input[type=url]:focus,
.respond-form form textarea:focus {
	background:#fff}
.respond-form form input[type=text]:invalid, .respond-form form input[type=email]:invalid, .respond-form form input[type=url]:invalid, .respond-form form textarea:invalid {
outline:none;
border-color:#fbc2c4;
background-color:#f6e7eb;
-webkit-box-shadow:none;
-moz-box-shadow:none;
-ms-box-shadow:none;
box-shadow:none}
.respond-form form input[type=text],
.respond-form form input[type=email],
.respond-form form input[type=url] {
	max-width:400px;
	min-width:250px}
.respond-form form textarea {
	resize:none;
	width:97.3%;
	height:150px}
.widgettitle {
	border-bottom:2px solid #444;
	margin-bottom:0.75em}
.widget {
	margin: 0 0 2.2em 0}
.widget ul li ul {
	margin-top:0.75em;}
#comment-form-title {
	margin:0 0 1.1em}
#allowed_tags {
	margin:1.5em 10px 0.7335em 0}
.nocomments {
	margin:0 20px 1.1em}
.partner{
	display:inline-block;
	width:120px;
	height:65px;
	margin:0 10px 0 0;
	background:url(./images/partner-sprite.png) no-repeat -1000px -1000px;
	text-indent:-9999px;
	opacity:0.5}
.partner:hover{
	opacity:1;
	border-bottom:0 none;}
#eac{
	background-position:-320px 0;
	width:110px;}
#ays{
	background-position:-190px 0;
	width:130px;}
#ssc{
	background-position:-107px 0;
	width:83px;}
#rec{
	background-position:0 0;
	width:105px;}
#cssc{
	background-position:-580px 0;
	width:120px;}
#bfp{
	background-position:-443px 0;
	width:125px;}
#site-footer{
	margin:80px 0 0;
	padding:20px 0 0;
	border-top:4px solid;}
.footer {
	clear:both}
@media only screen and (min-width: 481px) {
.entry-content .alignleft,
.entry-content img.alignleft {
	margin-right:1.5em;
	display:inline;
	float:left}
.entry-content .alignright,
.entry-content img.alignright {
	margin-left:1.5em;
	display:inline;
	float:right}
.entry-content .aligncenter,
.entry-content img.aligncenter {
	margin-right:auto;
	margin-left:auto;
	display:block;
	clear:both}}
@media only screen and (min-width: 768px) {
	#container{
		width:85%;}
	.featbox{
		float:left;
		margin:0;
		width:30%;}
	.featbox:nth-child(3n-1){
		margin:0 5%;}
	#blog{
		width:65%;
		float:left;}
	.entry-content{
		width:83%;}
	#sidebar1{
		float:right;
		width:30%;
		margin-left:5%;}
	.page #sidebar1{
		padding-top:20px;
		margin:80px 0 0;
		float:none;
		width:100%;}
	.page #sidebar1 .widget{
		float:left;
		margin:0;
		width:30%}
	.page #sidebar1 .widget:nth-child(3n-1){
		margin:0 5%;}
	
		
}
@media print {
	* {
		background:transparent !important;
		color:black !important;
		text-shadow:none !important;
		filter:none !important;
		-ms-filter:none !important}
	a,
	a:visited {
		color:#444 !important;
		text-decoration:underline}
	a:after,
	a:visited:after {
		content:" (" attr(href) ")"}
	a abbr[title]:after,
	a:visited abbr[title]:after {
		content:" (" attr(title) ")"}
	.ir a:after,
	a[href^="javascript:"]:after,
	a[href^="#"]:after {
		content:""}
	pre,
	blockquote {
		border:1px solid #999;
		page-break-inside:avoid}
	thead {
		display:table-header-group}
	tr,
	img {
		page-break-inside:avoid}
	img {
		max-width:100% !important}
	@page {
		margin:0.5cm}
	p,
	h2,
	h3 {
		orphans:3;
		widows:3}
	h2,
	h3 {
		page-break-after:avoid}
	.sidebar,
	.page-navigation,
	.wp-prev-next,
	.respond-form,
	nav {
		display:none;}
}