/*
Theme Name: Fairtrade Towns
Theme URI: http://www.readingroom.com/
Description: A vibrant, fun & colourful theme designed for Fairtrade Towns.
Version: 1.0
Author: Readingroom

Fairtrade Towns by Readingroom || http://www.readingroom.com
This is a custom theme, created with passion and a love for Fairtrade coffee :)
*/
/* ============ FAIRTRADE TOWNS ============ */

/* ============ RESET ============ */
html, body, div, span, object, h1, h2, h3, h4, h5, h6, p, em, img, strong, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td{
	margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; background: transparent;
}
body{line-height: 1;}
ol, ul{list-style: none;}

/* ============ STANDARD STYLES ============ */
body{
	font-family: Helvetica ,Arial, Verdana, sans-serif;
	font-size: 75%;
	color: #363636;
    line-height:1.35em;
	background: #4A390E;
}
.hidden{left:-9000px;position:absolute;}
#wrapper{background: #fff;}
a:link, a:visited{color: #1A5991;text-decoration: none;}
a:hover, a:focus, a:active{text-decoration: underline;}

/* ============ HEADINGS ============ */
h1,h2,h3,h4,h5,h6 { font-weight: normal; color: #111;}

h1 { font-size: 2.8em; font-weight: bold; color: #4A390E; margin-bottom: 0.5em; line-height: 1.2em;}
h2 { font-size: 1.8em; margin-bottom: 0.75em; line-height: normal; }
h3 { font-size: 1.5em; margin-bottom: 1em; }
h4 { font-size: 1.2em;margin-bottom: 1.25em;  line-height: 1.25; }
h5 { font-size: 1em; margin-bottom: 1.5em; font-weight: bold; }

/* ============ P / IMG ============ */
p{ font-size: 1.083333em; margin-bottom: 1em; line-height: normal;}
p.intro{ font-size: 1.25em; font-weight: bold;}

p img.left { float:left; margin:0 1.5em 1.5em 0; }
p img.right { float:right; margin:1.5em 0 1.5em 1.5em; }
img.alignleft { float:left; margin:0 1.5em 1.5em 0; }
img.alignright { float:right; margin:1.5em 0 1.5em 1.5em; }

/* ============ LISTS ============ */
li ul, li ol { margin:0 1.5em; }
ul { list-style-type: disc; margin: 0 1.5em 1.5em 1.5em; }
ol { list-style-type: decimal; margin: 0 1.5em 1.5em 1.8em; }
dl { margin: 0 0 1.5em 0; }
dl dt { font-weight: bold; }
dd { margin-left: 1.5em; }

/* ============ CLEARING ============ */
#element:after, #topBarInner:after, #headerInner:after, #main:after, #footerInner:after, #homeWrap:after{
	clear:both;	display:block; content:"."; height:0; font-size:0; line-height:0; visibility:hidden;
}

/* ============ LAYOUT ============ */
#topBarInner, #headerInner, #mainInner, #footerInner{
	width: 960px;
	margin: 0 auto;
	position: relative;
}
/* ============ HOMEPAGE ============ */
#homeWrapInner{
	width: 100%;
	background: url(images/home-bg.gif) no-repeat top center;
}
#homeWrap{
	background: #DCEBA8 url(images/home-grad.gif) repeat-x;
}
.home #main{
	background: none;
}
.home #header, .home #headerInner{
	background: none;
	border: none;
}
	.home .logo img{
		padding-left: 3px;
	}
	
#cloudContainer{
	position: absolute;
	top: 0;
	right: 330px;
}
.home #midCol{
	width: 960px;
	margin: 0;
	font-family: Helvetica, Arial, "Trebuchet MS";
}
.home #footer{
	background: #4A390E url(images/footer-bg-home.gif) repeat-x;
}
.board{
	float: left;
	padding: 25px 0 0 10px;
}
#signpost{
	float: right;
	width: 195px;
	margin-top: 45px;
	padding-bottom: 46px;
	background: url(images/signpost-bg.gif) no-repeat 0 bottom;
	position: relative;
}
#signpost img{
	position: absolute;
	bottom: -5px;
	left: -1px;
}
#signpost p{
	font-size: 1.7em;
	font-weight: bold;
	color: #fff;
	text-align: center;
	width: 139px;
	background: url(images/signpost.gif) no-repeat 0 0;
	margin: 0 0 0 31px;
	padding: 5px 0 8px 0;
}
#signpost p span{
	display: block;
	line-height: .8em;
	font-size: .8em;
	padding: 2px 0 0 0;
	min-height: .8em;
}
#signpost p span span{
	display: inline;
	font-size: inherit;
	padding: 0;
}
#signpost #join{
	background: none;
	position: absolute;
	right: 0;
	margin-right: -1px;
	bottom: 10px;
	width: 78px;
}
#signpost #join a:link, #signpost #join a:visited{
	color: #fff;
	font-size: .8em;
	position: relative;
	width: 78px;
	height: 25px;
	padding-top: 4px;
	display: block;
	overflow: hidden;
	background: url(images/join.gif) no-repeat 0 0;
}
#signpost #join a:hover, #signpost #join a:focus{
	color: #1A5991;
	text-decoration: none;
	background-position: 0 -29px;
}
#signpost #join a:link span, #signpost #join a:visited span{
	font-size: .8em;
	/*
	position: absolute;
	height: 22px;
	padding-top: 7px;
	width: 78px;
	left: 0;
	top: 0;
	cursor: pointer;
	*/
}
#signpost #join a:hover span, #signpost #join a:focus span{
	
}
.home #midCol ul{
	float: right;
	clear: right;
	list-style: none;
	margin: 0;
	padding: 17px 0 15px 0;
	position: relative;
	top: -11px;
	background: url(images/post-top.gif) no-repeat 0 7px;
}
.home #midCol li{
	padding-right: 20px;
	background: url(images/sign-1.gif) no-repeat right 0;
}
.home #midCol #two{
	background-image: url(images/sign-2.gif);
}
.home #midCol #three{
	background-image: url(images/sign-3.gif);
}
.home #midCol ul a:link, .home #midCol ul a:visited{
	color: #fff;
	font-size: 1.8em;
	font-weight: bold;
	line-height: normal;
	display: block;
	width: 200px;
	padding: 9px 10px 10px 80px;
	margin-bottom: 10px;
}
.home #midCol ul a:hover, .home #midCol ul a:focus{
	text-decoration: underline;
}
.home #midCol ul #one a:link, .home #midCol ul #one a:visited{
	background: #0096D6 url(images/banana.gif) no-repeat 0 0;
}
.home #midCol ul #two a:link, .home #midCol ul #two a:visited{
	background: #0096D6 url(images/globe.gif) no-repeat 0 0;
}
.home #midCol ul #three a:link, .home #midCol ul #three a:visited{
	background: #0096D6 url(images/basket.gif) no-repeat 0 0;
}
.home #midCol ul a span{
	display: block;
	clear: both;
	font-size: .62em;
	font-weight: normal;
	line-height: 1em;
}
/* ============ TOPBAR / MAINNAV ============ */
#topBar{
	background: #000;
	border-bottom: 1px solid #326A9B;
	padding: 15px 0;
}
	#topBar a:link,#topBar a:visited{
		color: #fff;
		text-transform: uppercase;
		font: bold 1.416667em "Trebuchet MS";
	}
	
#topBarInner{
	width: 960px;
	margin: 0 auto;
	z-index: 100;
}
/* no JS .lang-switch*/
.lang-switch p, .lang-switch ul, .lang-switch li{
	float: left;
}
.lang-switch li{
	padding: 0 10px;
	list-style: none;
}
.lang-switch p a:link, .lang-switch p a:visited{
	text-decoration: underline;
}
#lang{
	float: left;
	/*width: 12.5em;*/
	position: relative;
}
	#lang p{
		margin: 0;
		border: 1px solid #B3B3B3;
	}
	#lang p a:link, #lang p a:visited{
		color: #CCF813;
		padding: 2px 28px 2px 5px;
		background: url(images/lang-arrow.gif) no-repeat center right;
		outline: none;
	}
	#lang ul{
		background: #000;
		border-bottom: 1px solid #B3B3B3;
		margin: 0;
		list-style: none;
		position: absolute;
		width: 100%;
		z-index: 100;
	}
	#lang li{
		width: 100%;
	}
	#lang ul a:link, #lang ul a:visited{
		border: 1px solid #B3B3B3;
		border-width: 0 1px 0 1px;
		display: block;
		padding: 2px 0 2px 5px;
		background: #000;
	}
#mainNav{
	float: right;
	margin: 0;
	padding: 0;
}
#mainNav li{
	float: left;
	list-style: none;
	border-left: 1px solid #A2C900;
}
#mainNav li:first-child{
	border-left: none;
}
#mainNav li a:link, #mainNav li a:visited{
	color: #fff;
	text-decoration: none;
	display: block;
	padding: 2px 15px;
}
#mainNav li.selected_page a:link,
#mainNav li.selected_page a:visited,
#mainNav li.current_page_ancestor a:link,
#mainNav li.current_page_ancestor a:visited,
#mainNav li.current_page_item a:link,
#mainNav li.current_page_item a:visited
{
	color: #CCF813;
}
#mainNav li a:focus, #mainNav li a:hover{
	background: #555;
}

/* ============ HEADER ============ */
#header{
	float: left;
	width: 100%;
	background: #003E7B url(images/header-bg.gif) repeat-x bottom;
	/*border-bottom: 1px solid #1A4461;*/
	position: relative;
}
#header h1{
	float: left;
	margin: 0;
}
#header h1 a img{
	float: left;
}
#headerInner{
	background: url(images/headerInner-bg-bub.gif) no-repeat right;
}
.contact #headerInner, .about #headerInner{
	background: url(images/headerInner-bg.gif) no-repeat right;
}
/* ============ SEARCHBAR ============ */
#searchBar{
	font-family: Helvetica, Arial, "Trebuchet MS";
	position: absolute;
	top: 10px;
	right: 10px;
	width: 32%;
	color: #fff;
	background: #fff;
}
#searchBar form{
	padding: 0;
}
/* ============ MAIN ============ */
#main{
	clear: both;
	width: 100%;
	background: #F2FCCF;
	padding-bottom: 30px;
}

/* ============ BREADCRUMB ============ */
#breadcrumb{
	float: left;
	width: 455px;
	padding: 10px 0 10px 165px;
}
.twoColRight #breadcrumb{
	width: 620px;
	padding: 10px 0 10px 0;
}
.twoColLeft #breadcrumb{
	width: 100%;
	padding: 10px 0 10px 0;
}
#breadcrumb p{
	float: left;
	margin: 0 10px 0 0;
}
#breadcrumb ol{
	float: left;
	margin: 0;
	width: 82%;
}
#breadcrumb .print{
	float: right;
	width: auto;
	background: url(images/print.gif) no-repeat center left;
	padding: 0 0 0 17px;
}
#breadcrumb li{
	display: inline;
}
#breadcrumb li a{
	padding-right: 6px;
	margin-right: 6px;
	background: url(images/arrow-blue.gif) no-repeat right 4px;
}
/* ============ LEFTCOL ============ */
#leftCol{
	width: 145px;
	float: left;
	clear: both;
}
	/* ============ LEFTNAV ============ */
	#leftNav{
		margin: 1px 0 0 0;
		list-style: none;
	}
	#leftNav ul{
		margin: 0;
		list-style: none;
	}
	#leftNav li{
		margin: 0 0 5px 0;
		padding: 0;
		line-height: normal;
		float: left;
		width: 144px;
	}
	#leftNav ul li{
		border: none;
	}
	#leftNav li a:link, #leftNav li a:visited{
		color: #fff;
		font-size: 1.25em;
		font-weight: bold;
		background: #4A390E;
		display: block;
		text-decoration: none;
		padding: 5px 2px 5px 11px;
	}
	#leftNav li a:focus, #leftNav li a:hover{
		background: #000;
	}
	#leftNav li.current_page_item a:link,
	#leftNav li.current_page_item a:visited,
	.case-study #leftNav li.page-item-125 a:link,
	.case-study #leftNav li.page-item-125 a:visited,
	.tools #leftNav li.page-item-144 a:link,
	.tools #leftNav li.page-item-144 a:visited,
	.reports #leftNav li.page-item-151 a:link,
	.reports #leftNav li.page-item-151 a:visited,
	.videos #leftNav li.page-item-159 a:link,
	.videos #leftNav li.page-item-159 a:visited
	{
		background: #003E7B;
	}
	#leftNav li.current_page_item li a:link, #leftNav li.current_page_item li a:visited{
		background: #000;
	}
	#leftNav ul li a:link, #leftNav ul li a:visited{
		padding-left: 40px;
	}
	#leftNav ul li.current_page_item a:link, #leftNav ul li.current_page_item a:visited{
		text-decoration: underline;
	}
	#leftNav ul li a:focus, #leftNav ul li a:hover{
		background: #888;
	}
/* ============ MIDCOL ============ */
#midCol{
	width: 450px;
	min-height: 330px;
	margin: 0 0 0 20px;
	float: left;
}
	.oneCol #midCol{
		width: 100%;
		margin: 0;
	}
	.twoColLeft #midCol{
		width: 790px;
		margin: 0 0 0 20px;
	}
	.twoColRight #midCol{
		width: 615px;
		margin: 0 0 0 0;
	}
#mainLeft{
	float: left;
	width: 620px;
}
/* ============ RIGHTCOL ============ */
#rightCol{
	width: 340px;
	float: right;
	padding-top: 0px;
	/*background: url(images/bubble-top.gif) no-repeat  0 0;*/
	margin-bottom: 40px;
}
.clear{
	display: block;
	clear: both;
}
#rightCol.globe{
	background: url(images/globe.jpg) no-repeat  60px 15px;
	padding-top: 260px;
}
	.bubble{
		padding-bottom: 94px;
		background:  url(images/bubble-bot.gif) no-repeat  0 bottom;
	}
	.bubble p{
		padding: 0 40px;
		margin: 0;
		font-size: 1.5em;
		font-weight: bold;
		line-height: normal;
		text-align: center;
		background: url(images/bubble-mid.gif) no-repeat  0 0;
	}
	.sign{
		float: right;
		margin-top: 40px;
		padding: 10px 0 30px 21px;
		background: url(images/post.gif) no-repeat 25px bottom;
	}
	#rightCol{
		position: relative;
	}
	#rightCol .sign{
		
	}
	.globe .sign{
	}
	.signPadding .sign{
		margin-top: 480px;
	}	
		.sign div{
			width: 319px;
			margin: 0;
		} 
		.sign p{
			width: 319px;
			background: url(images/sign.gif) no-repeat top right;
			margin: 0;
			padding: 0;
		}
		.sign p a:link, .sign p a:visited{
			color: #fff;
			font-size: 1.75em;
			font-weight: bold;
			display: block;
			width: 224px;
			padding: 5px 0 10px 75px;
			background: #0096D6 url(images/banana.gif) no-repeat 0 0;
		}
		.sign p a span{
			font-size: 0.666667em;
			font-weight: normal;
			line-height: normal;
			display: block;
			clear: both;
		}
/* ============ FOOTER ============ */
#footer{
	width: 100%;
	clear: both;
	float:left;
	padding: 3em 0 25px 0;
	background: #4A390E url(images/footer-bg.gif) repeat-x 0 0;
	font-family: Helvetica, Arial, "Trebuchet MS";
}
#footer ul{
	float: left;
	font-weight: bold;
	font-size: 1.1em;
	width: 160px;
	margin: 0;
}
#footer ul.first{
	width: 140px
}
#footer li{
	list-style: none;
	padding: 0 0 2px 10px;
	background: url(images/footer-arrow.gif) no-repeat left;
}
#footer a:link, #footer a:visited{
	color: #D5E78C;
}
#footer p{
	margin: 0;
	color: #fff;
}
#message{
	float: left;
	width: 300px;
	margin-right: 20px;
}
#message h2, #message a{
	color: #D5E78C;
	text-transform: uppercase;
	font-size: 1.4em;
	font-weight: bold;
}
#message h2{
	font-size: 2em;
	margin-bottom: 5px;
}
#message p{
	margin-bottom: 10px;
}
#logos{
	float: right;
	width: 340px;
}
#logos div{
	float:left;
}
#logos .first{
}
#logos img{
	float: left;
}
#logos p{
	margin: 15px 0 0 55px;
	clear: both;
	float: left;
	font-size: .8em;
}
#logos p a{
}
#logos div p{
	width: 217px;
	margin: 0 0 0 7px;
	clear: none;
	float: left;
	text-align: left;
}
/* ============ PAGINATION ============ */
.pagination, .wp_page_numbers{
	clear:both;
	margin:1.5em 0;
	text-align: center;
}
.wp_page_numbers ul{
	margin: 0;
}
.twoColRight .pagination, .twoColRight .wp_page_numbers{
	text-align: left;
	margin-left: 232px;
	padding: 10px 0;
}
.pagination li, .wp_page_numbers li{
	display: inline;
	padding: 0 4px 0 0;
}
.pagination li.first{
	padding: 0;
}
.pagination li a:link, .pagination li a:visited, .wp_page_numbers li a:link, .wp_page_numbers li a:visited{
	color: #fff;
	font-weight: bold;
	background: #0094D3;
	padding: 5px 10px;
}
.pagination li a:hover, .pagination li a:focus, .wp_page_numbers li a:hover, .wp_page_numbers li a:focus{
	text-decoration: none;
	background: #000; 
}
.pagination li.selected a:link, .pagination li.selected a:visited, .wp_page_numbers li.active_page a:link, .wp_page_numbers li.active_page a:visited{
	background: #003E7B;
}
/* ============ listings ============ */
.listing{
	clear: both;
	padding: 5px 10px 15px 10px;
}
.listing h2,.listing h3, .listing p{
	margin-bottom: 5px;
}
.listing h2{
	border-bottom: 2px solid #4A390E;
}
.listing h2 a{
	display: block;
}
.listing h3{
	color: #444;
	font-size: 1.3em;
	font-weight: bold;
}
.listing h3 span{
	font-style: italic;
	font-weight: normal;
}
/* ============ note on homepage ============ */
#note{
	position: absolute;
	top: 159px;
	left: 40px;
	width: 140px;
	background: #fff;
}
#note h2{
	font-size: 1.25em;
	font-weight: bold;
	color: #4A390E;
	border-bottom: 2px solid #4A390E;
	margin: 0;
}
#note h3{
	font-size: .8em;	
	color: #777;
	margin: 2px 0;
}
#note p{
	font-size: 1em;
	margin-bottom: .5em;
	color: #545454;
}
#note p a:link, #note p a:visited{
	font-weight: bold;
	font-size: 1.1em;
}
/* ============ resource ============ */
.resource{
	margin-bottom: 5px;
	background: #fff;
}
.resource h2{
	padding: 20px 5px 5px 5px;
	margin: 0;
	background: #0096D6;
}
.resource h2.case{
	background: #0096D6 url(images/case.gif) no-repeat top right;
}
.resource h2.tools{
	background: #0096D6 url(images/tools.gif) no-repeat top right;
}
.resource h2.reports{
	background: #0096D6 url(images/report.gif) no-repeat top right;
}
.resource h2.videos{
	background: #0096D6 url(images/videos.gif) no-repeat top right;
}
.resource h2 a:link, .resource h2 a:visited{
	color: #fff;
	display: block;
	padding-left: 10px;
}
.resource ul{
	padding: 15px 5px 10px 5px;
	margin: 0;
	list-style: none;
	border: 1px solid #0096D6;
}
.resource li{
	padding-bottom: 5px;
}
.resource p{
	border:1px solid #0096D6;
	margin:0;
	padding: 15px 5px 10px 15px;
}
.resource li p{
	padding: 0 0 5px 30px;
	border: none;
}
.resource ul a:link, .resource ul a:visited{
	padding-left: 30px;
	background: url(images/arrow.gif) no-repeat 10px 0;
}
/* ============ newsItem ============ */
.newsItem{
	width: 100%;
	clear: both;
	float: left;
	position: relative;
	margin-bottom: 1.5em;
	min-height: 180px;
}
.newsItem img{
	float: left;
}
.newsItem h2, .newsItem p, .newsItem h3{
	float: right;
	clear: right;
	width: 384px;
	padding-left: 20px;
}
.newsItem h2{
	border-bottom: 2px solid #4A390E;
	padding-bottom: .3em;
	margin-bottom: .5em;
}
.newsItem h3{
	font-family: Arial;
	font-weight: normal;
	font-size: 1.4em;
	margin-bottom: .5em;
}
.newsItem h3 span{
	font-weight: bold;
}
.newsItem div{
	position: absolute;
	top: 0;
	left: 0;
	background: url(images/news-bg.gif) no-repeat bottom left;
	padding-bottom: 5px;
}
.newsItem div img{
border: 1px solid #222;
}
/* ============ newsFeed ============ */
#newsFeed{
	width: 330px;
	float: left;
	margin-left: 10px;
	display: inline;
	padding: 10px 0 30px;
	background: url(images/paper.gif) no-repeat bottom left;
}
#newsFeed h2{
	font-size: 1.7em;
	padding: 20px 20px 10px 20px;
	margin:0 10px 0 10px;
	background: #fff url(images/paper-top.gif) no-repeat top right;
}
#newsFeed h3, #newsFeed h4{
	margin-bottom: .2em;
	padding: 0 30px;
}
#newsFeed h3{
	font-size: 1.4em;
}
#newsFeed p{
	padding: 0 30px;
}
#newsFeed .rich{
	padding: 0 30px 10px 30px;
}
#newsFeed h4{
	font-weight: bold;
}

/* ============ random ============ */
.map{
	width: 100%;
	height: 400px;
	margin-bottom: 10px;
}
.contactAddress{
	padding-bottom: 1em;
}
.download{
	padding-left: 20px;
	background: url(images/download.gif) no-repeat center left;
}
.addthisWrap{
	border: 1px solid #A2C900;
	border-width: 1px 0;
	background: #fff;
	float: left;
	width: 100%;
	margin-top: 1em;
}
.addthisWrap p{
	margin: 10px;
	float: right;
}
.addthisWrap p a img{
	margin-bottom: -4px;
}
/* ============ TinyMCE ============ */
#media-buttons{
	border: 1px solid red;
	background: #000;
}
/* ============ FORMS ============ */
/* ------------ STANDARD FORM ------------ */
form{padding: 10px;}
legend{font-weight:bold; color:#4A6280;	padding:0; margin:0;}
form p{margin:0;}
.fRow{float:left; clear:left; margin-bottom:1em; width:100%;}
.fRow div{clear:both;}
.fRow label, .fRow input, .fRow select, .fRow textarea{float:left; width:15em; line-height:1.5em;}
.fRow textarea{font-size: 100%;/* change this to be the same as the labels/inputs etc. */}
.fRow label{width:10em; margin-right:10px;}
.fRow .btn{width:auto; padding: 5px 15px 5px 5px; margin-right:10px; cursor: pointer; background: #0096D6 url(images/submit.gif) no-repeat center right; border:0;	color:#fff; font-weight:bold;}
.radio input{width:auto; clear:left; margin-left:10em; cursor:pointer; vertical-align:text-bottom;}
.radio label{cursor: pointer;}
.across3 input{	margin-left: 1em; clear: none;}
.across3 label{width: 10em;}
/* ------------ SEARCHBAR FORM ------------ */
#searchBar #searchsubmit{font: bold 1.416667em "Trebuchet MS"; width:100px; color:#fff; background: #0096D6 url(images/search-bg.gif) repeat-x bottom; cursor:pointer; margin:0; float:right; height:1.5em; line-height:normal;}
#searchBar input{float:left; color:#666; width:195px; border:0; margin: .25em 0 0 5px;}