/*
Theme Name: Committee on Climate Change
Theme URI: http://www.theccc.org.uk
Description: Custom WordPress theme for CCC. Based on Starkers + 1140 Grid System by Alex Newman,  derived from Elliot Jay Stocks' Starkers Theme (http://starkerstheme.com/) and the 1140 CSS Grid (http://cssgrid.net/).
Version: 0.1
Author: Steph Gray & Luke Oatham
Author URI: http://www.helpfultechnology.com
Tags: starkers,  naked,  clean,  basic
*/

@import "css/reset.css";
@import "css/typography.css";
@import "css/layout.css";


/* survey message display */
#mini-header {
    background: #bcd9e3;
    display:none;
    padding: 1em;
    margin: 1em 0;
    box-shadow: 0px 0px 7px #aaa;
}
#mini-header a {
	color: black;
	text-decoration: underline;
}
#mini-header a:hover {
	color: white;
}
#mini-header .small {
	font-size: 80%;
}
#mini-header .closelink a {
	color: #4c4c4c;
	text-decoration: none;
}
#mini-header .closelink a:hover {
	color: #a1a1a1;
	text-decoration: none;
}
#mini-header .futureevents {
	font-size: 120%;
}
/* end survey css */


body  {
	font-size: 110%;
	font-family: 'Myriad W01 Regular', arial, sans-serif;
	line-height: 130%;
	background: #fff url('images/bgtexture-light.png');
}

.container  {
	padding: 0;
	max-width: 1140px;
	margin: 0 auto;
}

.row  {
	background: none;
	width: 95%;
}

#header {
	background: #333 url('images/hurricane_header.jpg') no-repeat;
	height: 220px;
	overflow: hidden;
}

#masthead  {
	text-align: left;
	padding: 0;
}

#masthead #mainlogo {
	float: left;
	padding: 1.5em 0.5em 2em 0.5em;
	background: transparent;
	margin-left: 1.75em;
}
	
#searchblock {

}
 
#searchblock form {
	text-align: right;
	padding: 2em 1em 0 0;
}



#searchform #s  {
	width: 175px;
}

#masthead #strapline  {
	font-family: 'Myriad W01 SmBd', arial, sans-serif;
	font-size: 0.95em;
	padding: 2.4em 0 0 1em !important;
	display: inline-block;
	width: 55%;
	color: white !important;
	line-height: 110%;
	font-weight: 200;
	text-shadow:2px 2px 3px #000;
	
}

#strapline span {
	color: #D6E85B;
	display: inline-block;
	margin-bottom: 0.5em;
}

.breadcrumbs  {
	font-size: 0.8em;
	margin: 1em 0;
}
.breadcrumbs  a.post {
	border-bottom: none !important;
}

/* Primary menu styles */

#primarynav  {
	background: none;
	padding: 0;
	margin-top: 23px;
}

#primarynav ul  {
	margin-top: 0;
}

#primarynav ul li  {
	display: inline;
	background: #333;
	font-family:'Myriad W01 Regular',  verdana,  sans-serif;
	font-weight: normal;
	float: left;
	margin-right: 0.5em;
	font-size: 0.85em;
	text-align: center;
}

#primarynav ul li:last-child,  #primarynav ul li.last-link  {
	margin-right: none;
}

#primarynav ul li a  {
	display: block;
	padding: 0.4em 0.75em 0.6em 0.75em;
	color: #fff;
	text-decoration: none;
}

#primarynav ul li a:hover  {
	background: url('images/bgtexture-light.png');
	color: #333;
}

#primarynav ul li.current_menu_item, #primarynav ul li.current_page_item, #primarynav ul li.current-page-ancestor {
	background: #fff url('images/bgtexture-light.png') !important;
}

#primarynav ul li.current_menu_item a, #primarynav ul li.current_page_item a, #primarynav ul li.current-page-ancestor a  {
	color: #333;
}


/* secondary nav */

#sectionnav ul  {
	margin: 0;
}

#sectionnav ul li  {
	background: #F1F5D3; background: #C6D652;
	list-style: none;
	padding: 0;
	font-size: 0.9em;
	margin-bottom: 2px;
	font-family: 'Myriad W01 SmBd', arial, sans-serif;
	font-weight: normal;
	line-height: 130%;
}

#sectionnav ul li a {
	padding: 0.5em 1em 0.25em 1em;
}

#sectionnav ul li a:link,  #sectionnav ul li a:visited  {
	color: #333;
	text-decoration: none;
	display: block;
}

#sectionnav ul li a:hover  {
	list-style: none;
	font-family: 'Myriad W01 SmBd', arial, sans-serif;
	font-weight: normal;
	background: #333 !important;
	color: #fff !important;
}

#sectionnav ul li.page_item a:hover,  #sectionnav ul li.current_page_parent a:hover  {
	list-style: none;
	font-family: 'Myriad W01 SmBd', arial, sans-serif;
	font-weight: normal;
	background: #333 !important;
	color: #fff !important;
}

#sectionnav ul li ul.children  {
	border-top: 0;
	background: #fff;
	margin: 0.25em -0.5em -0.25em -0.5em;
	margin: 0;
	border: 1px solid #0B3A66; border: none;
	background: #fff;
	color: #000;
}

#sectionnav ul li ul.children li  {
	background: #fff !important; 
	font-size: 0.9em;
	border: none;
	padding: 0 0 0 0.5em; padding: 0;
}

#sectionnav ul li ul.children li a {
	padding-left: 1em;
}

#sectionnav ul li ul.children li ul.children li a {
	padding-left: 1.75em;
}

#sectionnav ul li ul.children li a:link,  #sectionnav ul li ul.children li a:visited  {
	color: #000;
	text-decoration: none;
	display: block;
}

#sectionnav ul li.current_page_item,  #sectionnav ul li.current_page_parent {
	background: #333 !important;
	color: #fff !important;
}

#sectionnav ul li.current_page_ancestor ul li.current_page_parent,
#sectionnav ul li.current_page_ancestor ul li.current_page_item {
	background: #666 !important;
	color: #fff !important;	
}

#sectionnav ul.children li.current_page_item  ul.children li  {
	font-weight: normal;
}

#sectionnav ul.children li a, 
#sectionnav ul.children li.current_page_item a,  
#sectionnav ul.children ul.children li.current_page_item a  {
	color: #333;
}

#sectionnav ul li ul.children,  #sectionnav ul li ul.children li ul.children  {
	display: none;
}

#sectionnav ul li.current_page_item ul.children, 
#sectionnav ul li.current_page_ancestor ul.children, 
#sectionnav ul li.current_page_ancestor ul.children li.current_page_ancestor ul.children, 
#sectionnav ul li ul.children li.current_page_item ul.children,
#sectionnav ul li:hover ul.children
 {
	display: block;
}

#sectionnav ul li.current_page_parent > a,
#sectionnav ul li.current_page_ancestor ul li.current_page_parent > a,
#sectionnav ul li.current_page_ancestor ul li.current_page_item > a,
#sectionnav ul li.current_page_item > a {
	color: white !important;
}

#sectionnav ul li ul.children ul.children li a {
	padding-left: 1em;
}

/* gallery */
.gallery-item {
	float: left;
	padding: 0 1em 1em 0;
	width: 30%;
}

/* box styles */

.box li.widget-container, #sectionnav, div#carousel, .htlandingpage, .sidebox {
	box-shadow: 0px 0px 7px #aaa; 
	background: white;
	margin-bottom: 2em;
}

.box li.widget-container:after {
	content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

.box h3 {
	font-size: 1em !important;
}

.box p {
	padding: 0.25em 1em;
	line-height: 130%;
	font-size: 0.9em;
}

.box li ul li {
	padding: 0.25em 1em 0.25em 0.25em;
	line-height: 130%;
	font-size: 0.9em;
	
}

.boxdark li h3 {
	color: white;
	background: #333;
	padding: 0.5em 1em 0.25em 0.75em;
	font-weight: lighter;
}

.boxdark ul li {
	list-style-position: inside;
}

.box h3 a {
	color: white !important;
}

.boxgreen li h3 {
	color: #333;
	background: #C6D652;
	padding: 0.5em 1em 0.25em 0.75em;
	font-weight: lighter;
}

.boxblue li h3 {
	color: #333;
	background: #BCD9E3;
	padding: 0.5em 1em 0.25em 0.75em;
	font-weight: lighter;
}

.acrossuk {
	background: #fff url('images/acrossuk_col.jpg') no-repeat right 37px  !important;
}

.comingup {
	background: #fff url('images/comingup.png') no-repeat bottom right !important;
}

.comingup p {
	margin-right: 40%;
}


.htlandingpageblock {
	padding-top: 1em;
	display: block;
}

.htlandingpageblock:after  {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}

.htlandingpage {
	width: 45%;
	float: left;
	margin-right: 1.5em;
	height: 12em;
}

.htlandingpage h3 {
	font-size: 1em;
	color: #333;
	background: #C6D652;
	padding: 0.25em 0.5em;
	margin-top: 0 !important;
}

.htlandingpage h3 a {
	color: #333 !important;
}

.htlandingpage img {
	margin: 0.5em 1em;
	width: 40%;
}

.htlandingpage p {
	padding: 0.25em 0.75em 0.25em 0.5em;
	font-size: 0.85em !important;
	line-height: 130%;
}

.htlandingpage ul {
	margin-left: 0.5em;
}

.htlandingpage ul li {
	padding: 0.15em 0.75em 0.15em 0.5em;
	font-size: 0.9em !important;
	line-height: 130%;	
	margin: 0 !important;
}

.morelink a {
	background: url('images/arrow-right-grey.gif') no-repeat right 5px;
	padding-right: 0.75em !important;
	float: right;
	font-family: 'Myriad W01 SmBd', arial, sans-serif;
	font-size: 0.9em;
}

/* Coming up */

.comingupitem {
	background: white;
	border: 1px dashed #aaa;
	padding: 0 1em;
	margin-right: 1em;
	margin-bottom: 1em;
	box-shadow: 0px 0px 7px #aaa; 
}

.sectiondate {
	color: #aaa;
	text-align: center;
}

/* Video responsive styles */

.video-container  {
	 position: relative;
	 /* keeps the aspect ratio */ padding-bottom: 56.25%;
	 /* fine tunes the video positioning */ padding-top: 60px;
	 overflow: hidden;
}

.video-container iframe, 
.video-container object, 
.video-container embed  {
	 position: absolute;
	 top: 0;
	 left: 0;
	 width: 100%;
	 height: 100%;
}

/* Specific page template styles */

#country-news {
	width: 47%;
	float: left;
	margin-right: 2%;
}

#country-publications {
	width: 47%;
	float: left;
	margin-right: none;
}

/* carousel styles */

div#carousel  {
	background: #333;
	height: 21em !important;
	margin-bottom: 2em;
	margin-top: 0.5em
}

div.tmpSlide  {
	display: none;
}

div.tmpSlide img  {
    margin: 0;
}

div#carouselcontrols  {
	margin-left: 10px;
	position: absolute;
	z-index: 8000;
}

div.carouselcontrol  {
    border: none;
    float: left;
    margin: 10px 5px 0 0;
	padding: 3px 10px;
	color: #fff;
	font-weight: bold;
	font-size: 1.1em;
	background: #999;
}

div.tmpSlideshowControlOn  {
	background: #9F1784 !important;
	color: white;
}

div.tmpSlideshowControlActive  {
	background: #9F1784 !important;
	color: white;
}

div.tmpSlideCopy  {
	color: white;
	font-size: 0.9em;
	padding: 0.75em 0.95em 0.75em 0.75em;
	position: relative;
	top: -5.0em;
	min-height: 3.0em;
	overflow: hidden;
	width: auto;
	background: #333;
}

div.tmpSlideCopy h3  {
	font-size: 1.1em;
	margin: 0.2em !important;	
	font-weight: normal;
	font-style: normal;
}

div#carousel h3 a:link,  div#carousel h3 a:visited  {
	color: #fff;
	text-decoration: none;
}

div#carousel h3 a:hover {
	text-decoration: underline;
}

div.tmpSlideCopy p {
	margin: 0.75em 0.2em 0.2em 0.2em !important;	
	line-height: 120% !important;
	font-size: 1em;
}	

div.tmpSlideCopy a:link,  div.tmpSlideCopy a:visited  {
  color: white;
}

.tmpSlideImg  {
	width: 100% !important;
	height: 18.5em;
	clear: none;
}

/* end carousel styles */

#content li.gfield {
	margin-left: 0 !important;
}

#commentsleft {
	margin-top: 2em;
}

.more  {
	background: url('images/arrow-right.gif') no-repeat;
	 background-position:right;
	 padding-right: 15px;
}


.moreinvert  {
	background: url('images/arrow-right-invert.gif') no-repeat;
	 background-position:right;
	 padding-right: 15px;
}


.fancybullets li  {
	background: url('images/arrow-right.gif') no-repeat;	 
	background-position:left;
	padding-left: 15px;
	line-height: 140%;
	margin-left: 1em;
}

#wrapper  {
	width: 100%;
	margin-left: auto;
	margin-right: auto;
}

/* Publications styles */

#featuredbox {
	margin: 0 0 2em 0 !important;
	padding: 0;
}

#featuredbox img, img.listingthumb {
	border: 1px solid #ccc;
}

.pubbox {
	width: 25%;
	float: left;
	margin-right: 0.5em;
}

.pubbox h4, .latestpub h4 {
	font-size: 0.9em !important;
	
}

#latestpubs {
    padding: 0;
	float: left;
	width: 21%;
	box-shadow: 0px 0px 7px #aaa; 
	background: white;
	height: 19em;
}

.latestpub {
	float: left;
	padding: 0.75em;
}

#latestpubs h3 {
	color: #333;
	background: #BCD9E3 !important;
	padding: 0.35em 1em 0.25em 0.5em;
	font-weight: lighter;
	margin: 0 !important;
}

#featuredpubs {
    padding: 0;
	float: left;
	margin-left: 1em;
	width: 75%;
	box-shadow: 0px 0px 7px #aaa; 
	background: white;
	height: 19em;
}

.featuredpub {
	float: left;
	padding: 0.75em;
}

#featuredpubs h3 {
	color: #333;
	background: #C6D652;
	margin: 0 !important;
	padding: 0.35em 1em 0.25em 0.5em;
	font-weight: lighter;
}

#sidebar .boxblue p, #sidebar .boxblue li {
	font-size: 0.95em;
}

.latestbox {
    padding: 0.75em 0.75em 0.5em 0.75em;
	float: left;
	margin: 0 0 2em 0;
	width: 95%;
	box-shadow: 0px 0px 7px #aaa; 
	background: white;
}

.latestbox h2, .latestbox h3 {
	margin-top: 0.5em !important;
}

.latestbox .row {
	width: 100%;
}

.latestboxmore {
	background: #BCD9E3;
	padding: 0.5em 0.25em;
}

.latestboxmore a:link, .latestboxmore a:visited {
	color: #333;
}

/* Footer styles */

#footer  {
	margin-top: 1em;
	color: #333;
	padding: 1em 0;
	border-top: 1px dashed #aaa;
}

#footer ul.xoxo  {
	margin: 0;
	padding: 0;
}

#footer p  {
	text-align: left;
	font-size: 90% !important;
}

#footer ul#menu-footer-links li  {
	list-style: none;
	display: inline;
	border-right: 1px solid white;
	padding: 0 0.5em 0 0.25em;
}

#footer ul#menu-footer-links li:last-child,  #footer ul#menu-footer-links li.last-link  {
	border-right: none !important;
	padding-right: 0;
}

#footer a,  #footer h2,  #footer h3  {
	color: #333;
}

#footer p,  #footer li  {
	font-size: 0.9em;
}

.sociallinks a:link {
	display: inline-block;
	float: left;
	margin-right: 0.1em;
}


/* A to Z listings */
#atozlist h3 {
	cursor:pointer; 
	background: url("images/state.gif") no-repeat 0% 4px; 
	display:block; 
	padding-left: 24px;
}  

#atozlist h3.active {
	background-position: 0% -85px;
}

.atozlisting {
	clear: left;
	padding: 0.5em 0;
}

.atozlisting ul {
	margin-left: 1em;
}

.atozlisting ul li {
	list-style: none !important;
}

.atoz {
	float: left;
	background: white;
	padding: 0.5em;
	margin: 0.2em;
	padding: 0.5em 0.5em;
	font-size: 1em !important;
	width: 1.25em;
	text-align: center;
}

.atoz a {
	text-decoration: none;
	display: block;
}

.emptyletter {
	background: #ddd !important;
	color: #aaa;
}

.activeletter {
	background: #333 !important;
}

.activeletter a {
	color: #fff !important;
}

.letterinfo h3 {
	font-size: 0.9em;
}

/* Twitter widget */

.twtr-widget h3, .twtr-widget h4 {
	display: none;
}

.socialreply {
	border-top: 1px dashed #ccc;
	padding-top: 1em;
	margin-top: 1em;
}


/* search results filter */

.searchfilter {
	color: white;
	padding: 0;
	display: inline-block;
	padding-left: 0;
	margin: 0 0 1em 0;
}

.searchfilter li {
	display: inline-block;
	padding: 0.5em 1em;
	margin: 0 !important;
}

.searchfilteroff {
	background: #999;
}

.searchfilteron {
	background: #333;
}

.searchfilter li a {
	color: white !important;
}

/* content styles */

h1,  h2,  h3,  h4,  h5,  h6  {
	color: #333;
	line-height: 120%;
	font-weight: normal;
	font-family: 'Myriad W01 SmBd', arial, sans-serif;
}

h1  {
	font-size: 1.6em;
	margin-bottom: 1em;
}

h2  {
	font-size: 1.2em;
	margin: 0 0 0.5em 0;
	line-height: 140%;
}

h2 a  {
	text-decoration: none;
}

h3  {
	font-size: 1.1em;
	margin: 0.5em 0;
	line-height: 130%;
}

h4  {
	font-size: 1em;
	font-weight: normal;
	margin: 0.5em 0;
	line-height: 130%;
}

h5  {
	font-size: 0.9em;
}

blockquote  {
	padding: 0.5em 1em;
	border-left: 1px dashed #aaa;
	font-family: 'Myriad W01 It', arial, sans-serif;
}

a:link, a:link h2.pubtitle  {
	color: #9e1684;
	text-decoration: none;
}

a:visited  {
	color: #97a2b2; color: #9e1684;
}

a:hover  {
	text-decoration: underline;
}

a:active,  a:focus  {
	text-decoration: underline;
}

a:visited h2.pubtitle, h2 a:visited, h4 a:link, h4 a:visited, .cominguppost a:link, .cominguppost a:visited  {
	color: #CC54B4; color: #9e1684 !important;
	text-decoration: none;
}

body.home a:link, body.home a:visited {
	color: #000;
}

#content p a:link, #content li a:link, #content td a:link {
	color: #4f74a5; color: #9e1684;
}

table  {
	border: 1px solid #999;
	background: transparent;
}
tr, th {
	background: white;
	border-bottom: 1px solid #999;
}
th {
	font-weight: normal;
	font-family: 'Myriad W01 SmBd', arial, sans-serif;
}
td, th  {
	padding: 0.5em;
}
.graphfooter {
	padding: .5em;
	font-size: 90%;
}
.graphmain {
	background: #949595;
}
table.power, table.power tr, table.power td {
	border: none !important;
}
.powerhead {
	background: #92433F;
	color: #fff;
}
.powereven {
	background: #EEDCDC;
}
.powerodd {
	background: #F6EEED;
}
table.building, table.building tr, table.building td {
	border: none !important;
}
.building-head {
	background: #8E4D29;
	color: #fff;
}
.building-even {
	background: #F9E9D9;
}
.building-odd {
	background: #FCF4ED;
}
table.industry, table.industry tr, table.industry td {
	border: none !important;
}
.industry-head {
	background: #603618;
	color: #fff;
}
.industry-even {
	background: #DEC4A8;
}
.industry-odd {
	background: #C9A177;
}
table.transport, table.transport tr, table.transport td {
	border: none !important;
}
.transport-head {
	background: #4B8399;
	color: #fff;
}
.transport-even {
	background: #DEEDF2;
}
.transport-odd {
	background: #EFF6F9;
}
table.agriculture, table.agriculture tr, table.agriculture td {
	border: none !important;
}
.agriculture-head {
	background: #7E8D3F;
	color: #fff;
}
.agriculture-even {
	background: #F0F0E0;
}
.agriculture-odd {
	background: #FFF;
}
table.waste, table.waste tr, table.waste td {
	border: none !important;
}
.waste-head {
	background: #65ABC3;
	color: #fff;
}
.waste-even {
	background: #EFF6F9;
}
.waste-odd {
	background: #FFF;
}

.keyblock {
	width: 20px;
	height: 20px;
	margin-right: 0.5em;
	display: inline-block;
	background: #333;
}

#chartkey {
	width: 100%;
}

#chartkey a {
	font-size: 90% !important;
}

strong, b {
	font-weight: normal;
	font-family: 'Myriad W01 SmBd', arial, sans-serif;
}

em, i {
	font-style: normal;
	font-family: 'Myriad W01 It', arial, sans-serif;
}


hr  {
	border: 0;
	border-bottom: 1px dashed #aaa;
	margin: 1em 0 1em 0;
	display: block;
	clear: both;
}

hr.light  {
	border: 0;
	margin: 1em 0 1em 0;
		
	border-bottom: 1px dashed #A6AFC0;
}

.hiddentext  {
	position: absolute;
	left: -9999em;
}

.printonly {
	display: none;
}

li .pdfdocument, td .pdfdocument  {
	background: url('images/pdf-12.gif') no-repeat 2px 4px;
	padding: 2px 0 4px 18px;
}

.xlsdocument  {
	background: url('images/xls-12.gif') no-repeat 2px 4px;
	padding: 2px 0 4px 18px;
}

.docdocument  {
	background: url('images/doc-12.gif') no-repeat 2px 4px;
	padding: 2px 0 4px 18px;
}

.pptdocument  {
	background: url('images/ppt-12.gif') no-repeat 2px 4px;
	padding: 2px 0 4px 18px;
}


.alignleft  {
	margin: 0 1em 1em 0 !important;
}

.alignright  {
	margin: 0 0 1em 1em !important;
}


/* Post and page elements */

#twitterbutton  {
	margin: 1em 0 1em 1em;
	color: #fff;
	padding: 0.75em 1em 0.5em 1em;
	background: #016B33;
		
}

#twitterbutton p  {
	color: #fff;
	display: inline;
	position: relative;
	top: -8px;
	left: 10px;
}

.post  {
	border-bottom: 1px dashed #aaa;
	margin: 1em 0;
	padding: 0 0 1em 0;
}

body.home .post  {
	margin-left: 1em;
}

.post h2  {
	font-size: 1.1em;
}

.post p  {
	font-size: 0.9em;
}

.postmeta  {
	color: #666;
	font-size: 0.9em;
	padding-bottom: 0.5em;
}

.listingthumb  {
	float: left;
	margin: 0 1em 1em 0;
}

.listingthumbright {
	float: right;
	margin: 0 0 1em 1em;
}

.studycover  {
	float: right;
	margin: 0 0 1em 1em;
}

p.readmore {
	font-family: 'Myriad W01 SmBd', arial, sans-serif;
	background: url('images/arrow-right.gif') no-repeat;	 
	background-position:left;
	display: inline-block;
	padding-left: 15px !important;
}

#content  {
	padding: 0 0 1em 0;
}

#content p,  #content li, #content td,  #content dd,  #content dt,  #sidebar p,  #sidebar li,  #footer p  {
	margin-bottom: 0.5em;
	font-size: 1em;
}

#policy_themes ul, #policy_themes li {
	list-style: none !important;
	margin-left: 0 !important;
}

#content li li,  #content li li li,  #sidebar li li,  #sidebar li li li  {
	font-size: 1em;
}

#content ul li {
	list-style-image: url('images/arrow-right-grey.gif');
	margin-left: 1em;
}

#content h2, #content h3 {
	margin-top: 1em;
}

.box ul li {
	list-style-image: url('images/arrow-right-grey.gif');
	margin-left: 2em !important;	
}

.shortcutsbox ul li {
	list-style-image: url('images/icon-shortcut.png');	
}

.widget_htlatest ul li, .widget_httaggedposts ul li {
	list-style-image: url('images/icon-document.png');	
}

#content ol li  {
	list-style: decimal;
	margin-left: 2em;
}

#content ul.children {
	margin-top: 0.5em;
}

#content ul {
	overflow: hidden;
}

.metabox  {
	padding: 1em;
	margin: 1em 0;
}

.metabox p,  .metabox li  {
	font-size: 0.9em;
	margin-bottom: 0.5em;
}

/* email subscription form */

#subForm {
	font-size: 0.9em;
	padding: 0 1em;
}

/* styles for WP_PageNavi pagination */

.wp-pagenavi  {
	clear: both;
	margin: 1em 0;
}

.wp-pagenavi a  {
	text-decoration: none;
	background: #333;
	border: none !important;
	color: #fff;
	padding: 5px 7px !important;
	margin: 5px;
}

.wp-pagenavi span  {
	text-decoration: none;
	background: #333;
	color: #fff;
	padding: 5px 7px !important;
	margin: 5px;
	border: none !important;
}

.wp-pagenavi span.pages  {
	background: none;
	border: none;
	color: #333;
}

.wp-pagenavi a:hover,  .wp-pagenavi span.current  {
	background-color: #000;
	color: #fff;
}

.wp-pagenavi span.current  {
	font-weight: bold;
}

/* comment form */
#comments  {
	padding-top: 2em;
		
}

#respond  {
	padding-top: 1em;
}

#commentform label  {
	display: block;
}

#commentform input#author,  #commentform input#email,  #commentform input#url  {
	font-size: 100%;
}

li.comment  {
	list-style: none;
	padding-top: 1em;
}

textarea#comment  {
	width: 100%;
}

img.avatar  {
  float: left !important;
  margin: 0 0.5em 0.5em 0;
		
}

li.comment .comment-body  {
	clear: both;
	padding-top: 0.5em;
}

.required  {
	position: absolute;
	left: -9999em;
}

.clearfix:after  {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}

.touchdown-list  {
	display: block;
}


.touchdown  {
	display: none;
}


.icit-spot-edit-link {
	display: none !important;
}



/* cookie warning bar styles */

#cookiebar  {
	background: #FFFACD;
	padding: 5px 10px;
	position: absolute;
	top: 0;
	width: 100%;
}

#cookiebar p  {
	margin: 0;
	padding: 0;
	font-size: 0.8em;
	text-align: center;
}

/* media queries for responsive styles */

@media only screen and (max-width: 1100px)  {

	body  {
		font-size: 95% !important;
	}
	
			
	#primarynav ul  {
		margin-top: 2.5em;
	}
	
	#masthead #strapline {
		width: 55%;
	}
	
	.htlandingpage {
		font-size: 90%;
	}
	
}


@media only screen and (max-width: 1023px)  {

	body  {
		font-size: 90% !important;
	}
	
			
	#primarynav ul  {
		margin-top: 2.5em;
	}
	
	#masthead #strapline {
		width: 55%;
	}
	
	.htlandingpage {
		font-size: 90%;
	}
	
}


/* Mobile */

@media handheld,  only screen and (max-width: 767px)  {

	h1  {
		font-size: 2em;
		margin: 1em 0 !important;
	}

	div#carousel  {
		background: #333;
		height: 20em !important;
		margin-top: 2em !important;
		overflow: hidden;
		 margin-left: 1em;
	}

	#largepromos {
		margin-top: 3em !important;
		
	}

	.tmpSlideImg  {
		width: 100% !important;
		height: 16em;
		clear: none;
   }


	.row .eightcol,  .row .sixcol,  .row .fourcol,  .row .threecol  {
		width: 100%;
		margin: 0 !important;
		padding-left: 0 !important;
		padding-right: 0 !important;
	}
	
	#header  {
		height: auto !important;
		overflow: visible;
		background: #333;
		width: 100% !important;
    }

	#searchform  {
		text-align: left !important;
		float: none;
		clear: both;
		margin: 0.5em 1em;
    }
	
	#mainlogo   {
		float: none;
    }
	
	#mainlogobw  {
	display: none;
    }

	#masthead .eightcol,  #masthead .fourcol  {
		margin: 0 0 0 1.5em !important;
    }
	
	#toplinks  {
		margin-left: 0.75em;
    }

	#toplinks  {
		text-align: left !important;
		font-size: 1.2em !important;
		padding: 2.0em 0.5em;

    }

	#masthead #strapline  {
		clear: left;
		padding: 0 0 1em 1em !important;
		margin: 0 !important;
		width: 90%;
		display: block;
	}

 	#footer  {
		width: 100%;
		margin: 0 0 1em 0;	
	}

	#latestpubs, #featuredpubs, .featuredpub {
		width: 100%;
		clear: left;
		margin-bottom: 1em;
		margin-left: 0 !important;
		float: none;
		height: auto;
	}

	.sharebuttonsanywhere,  .breadcrumbs  {
		display: none;
		}

	img.alignleft, img.alignright, img.listingthumb {
		float: none;
	}
	
	div.twocol {
		padding-top: 1em;
	}
	
	
	
	#sectionnav ul  {
		width: 100%;
		padding: 0 !important;
		}

					
	#sectionnav ul li  {
		width: 100%;
		display: block !important;
		float:none;
		border: 0;
		margin-top: 0em;
		}

	#sectionnav ul li a  {
		float: none;
		font-size: 1.4em;
		line-height: 120%;
		}


	#footer .social-media {
		padding:5px 0;
		margin:5px 0;
		overflow:hidden;
		background:none;
	}


	.social-media ul {
		float:left;
		margin-top:3px;
	}



	.social-media li {
		display: inline;
		float: left;
		height: 32px;
		position:relative;
		margin:0 5px;
	}

	
		
	.social-media li a {
		position:absolute;
		height: 32px;
		text-indent: 40px;
	}

		
	#footer ul li  {
		width: 100%;
		display: block !important;
		float:none;
		border: 0 !important;
		margin-top: 0em;
		padding: 0.5em !important;
		text-align: left;
		}


	#footer ul.xoxo {
		clear: left;
	}


	#content, .content  {
		padding: 0 1em !important;
		width: 95%;
		}


	
	#sidebar ul.xoxo li  {
		margin: 2em 0;
		width: 95%;
		}


	.touchdown-list  {
	display: none;
	}


	.touchdown  {
		display: block;
		margin: 1em 0 1em 0em;
	 }

	 .box {
		 margin-left: 1em;
	 }
	 
	 .htlandingpage {
		 width: 100%;
		 float: none;
		 height: auto;
	 }

}


/* IE conditional styles */

.ie7 .box li.widget-container, 
.ie8 .box li.widget-container, 
.ie7 #sectionnav, 
.ie8 #sectionnav, 
.ie7 div#carousel, 
.ie8 div#carousel, 
.ie7 .htlandingpage, 
.ie8 .htlandingpage, 
.ie7 #featuredpubs,
.ie8 #featuredpubs,
.ie7 #latestpubs,
.ie8 #latestpubs,
.ie7 .latestbox,
.ie8 .latestbox,
.ie7 .sidebox,
.ie8 .sidebox {
	border: 1px solid #aaa;
}

.ie7 #featuredpubs {
	margin-bottom: 1em;
}

.ie7 .box h3,
.ie8 .box h3 {
	padding: 0.25em 0.5em;
	margin: 0 0 0.5em 0;
}

.ie7 #largepromos, .ie7 #carousel,
.ie8 #largepromos, .ie8 #carousel {
	margin-top: 1em;
}

.ie7 .box ul li {
	list-style-image: none;
	list-style: disc;
}

.ie7 .spot  {
	zoom: 1;
	padding-bottom: 0.5em;
}

.ie7 #masthead #strapline,
.ie8 #masthead #strapline {
	padding-top: 1.7em !important;
}