/*
Theme Name: Climate Works
Author: Stuart Magog
*/

/* Colours
Logo Green: #abb62b
Logo Grey: #444f5a
Text Grey: #545555
Nav Bar Dark Grey: #2c3139
Nav Bar Grey: #888e95
Nav Bar Green Text: #d4e417
Borders: #ccc
Sidebar H3 Background: #f0f0f0
Sidebar H3 Border: #c5c5c5
*/

/***** Global Settings *****/
html, body {
border:0;
margin:0;
padding:0;
color:#545555;
}
body {
/* Set font as 10px - 1em will equal 10px */
font:62.5%/1.4 Arial, Helvetica, sans-serif;
width:978px;
margin:0 auto;
}
/***** Headings *****/
h1, h2, h3, h4, h5, h6{
margin:0;
padding:0;
font-weight:normal;
}
/***** Common Formatting *****/
p, ul, ol{
padding:0;
margin:0 0 1em 0;
}
ul, ol{
list-style-type:none;
} 
li{
padding:0;
margin:0;
}
img{
border:0;
}
/***** Links *****/
a, a:link, a:visited, a:hover{
color:#545555;
text-decoration:none;
}
/***** Global Classes *****/
.nomargin			 { margin:0;padding:0; }
img.banner{
clear:both;
}
.subscript{
font-size:0.7em;
vertical-align:sub;
}
.darker{
color:#000;
}
.gap{
margin:0 1em;
}
/* ************************************************************************************************************************* */
#wrapper{
width:920px;
background:url(i/background.gif) top center repeat-y;
float:left;
padding:16px 29px 0;
}
/* *********************************** Masthead ****************************** */
#masthead{
width:100%;
height:88px;
}
h1{
width:232px;
height:70px;
position:relative;
overflow:hidden;
margin:0;
font-size:1.6em;
line-height:18px;
float:left;
}
h1 span {
background:url(i/climate-change-consultancy.gif) top left no-repeat;
position:absolute;
width:100%;
height:100%;
}
#masthead p{
font-size:1.4em;
color:#2c3139;
float:left;
width:688px;
text-align:right;
}
#masthead a{
margin-right:18px;
text-decoration:underline;
}
/* *********************************** Navigation ****************************** */
#nav{
width:100%;
float:left;
background:#888e95;
margin:0 0 2px;
padding:0;
}
#nav li{
float:left;
width:auto;
text-align:center;
font-size:1.4em;
margin:0;
}
#nav a{
color:#fff;
padding:7px 16px;
background:#888e95;
border-right:2px solid #fff;
display:block;
}
#nav a:hover{
color:#d4e417;
background:#2c3139;
}
#nav li.current_page_item a, #nav li.current_page_parent a, #nav li.current-cat a{
color:#000;
background:#fff;
}
#nav li.current_page_item a{
pointer-events:none;
cursor:default;
}
/* ******************************* Breadcrumbs ********************* */
#breadcrumb-nav{
width:100%;
border-bottom:1px solid #ccc;
padding:6px 0;
}
#breadcrumb-nav p{
margin:0;
font-weight:bold;
}
#breadcrumb-nav p a{
font-weight:normal;
}
#breadcrumb-nav a:hover{
text-decoration:underline;
}
/* ********************************* Content ****************************** */
#content{
border-bottom:1px solid #ccc;
padding:42px 0;
float:left;
width:920px;
word-wrap: break-word;
}
#content a{
color:#abb62b;
}
#content a:hover{
text-decoration:underline;
}
#story{
width:620px;
float:left;
}
h2{
color:#abb62b;
font-size:2.2em;
margin:2px 0 1.25em 0;
}
p + h2, ul + h2{
margin:2em 0 1.25em;
}
#story h3{
color:#4d4d4d;
font-weight:bold;
font-size:1.6em;
margin:2em 0 1em 0;
clear:both;
}
h2 + h3{
margin:0 0 1em 0;
}
#story h4{
color:#4d4d4d;
font-weight:bold;
font-size:1.4em;
margin:2em 0 1em 0;
}
#content p{
font-size:1.4em;
}
#story ul{
padding:0 0 0 16px;
overflow:hidden;
/* green bullets (to revert to standard bullets, delete the next style(s) */
}
#story li{
font-size:1.4em;
list-style:disc;
list-style-image:url(i/text-bullet.gif);
margin-bottom:4px;
/* green bullets (to revert to standard bullets, delete the next style(s) */

}

/* ********************************* Sidebar ****************************** */
#sidebar{
width:260px;
margin:0 40px 0 0;
float:left;
}
#sidebar h3{
text-transform:uppercase;
border-bottom:3px double #ccc;
padding:9px 8px 5px;
font-size:1.2em;
}
#sidebar ul{
margin-bottom:60px;
}
#sidebar ul li ul{
margin-bottom:0;
}
#sidebar ul li{
border-bottom:1px solid #ccc;
background:url(i/bullet.gif) top left no-repeat;
padding:8px 0 8px 8px;
font-size:1.2em;
}
#sidebar ul li ul li{
background:url(i/bullet.gif) top left no-repeat;
padding:8px 0 0 8px;
font-size:1em;
border:none;
}
#sidebar a{
color:#545555;
text-decoration:none
}
#sidebar a:hover{
text-decoration:underline;
}
#climate-change-news h3{
font-size:1.2em;
background:#f0f0f0;
border-top:1px solid #c5c5c5;
border-bottom:1px solid #c5c5c5;
padding:5px 8px;
width:244px;
margin:8px 0 2px;
}
ul#latest-news{
font-size:1em;
}
ul#latest-news li p{
font-size:1em;
margin-bottom:0.25em;
}
#sidebar li.news-story{
background:none;
}
li.news-story h4{
background:url(i/bullet-news.gif) center left no-repeat;
padding:0 0 0 8px;
font-size:1em;
}
li.news-story h5{
font-weight:bold;
padding:4px 0 2px 8px;
font-size:1.1em;
}
li.news-story p{
padding:0 0 0 8px;
}
li.news-story a{
color:#abb62b;
text-decoration:underline;
}
/* ********************************* Footer ****************************** */
#footer{
background:url(i/footer.gif) bottom center no-repeat;
width:920px;
padding:8px 29px 36px;
margin:0 auto;
position:relative;
clear:both;
}
#footer p{
float:left;
width:auto;
margin-right:50px;
}
#footer a:hover{
text-decoration:underline;
}
/* ********************************** Archives *********************************** */
#news-archive{
width:620px;
float:left;
}
ul.archive-list li{
list-style-type:none;
margin:0 0 2em;
padding:0 0 1em;
border-bottom:1px solid #ccc;
}
ul.archive-list li h3{
font-weight:bold;
font-size:1.6em;
}
#content h3 a{
text-decoration:none;
}
#content h3 a:hover{
text-decoration:underline;
}
ul.archive-list small{
font-size:0.8em;
}
#content a.more-link{
color:#abb62b;
}
#posts_navigation{
font-size:1.2em;
text-align:center;
margin:40px 0 0;
padding:8px 0 0;
}
/* ********************************* Images ************************************ */
img.alignright {float:right; margin:0.3em 0 1em 1em}
img.alignleft {float:left; margin:0.3em 14px 1em 0}
img.aligncenter {display: block; margin-left: auto; margin-right: auto}
a img.alignright {float:right; margin:0.3em 0 1em 1em}
a img.alignleft {float:left; margin:0.3em 14px 1em 0}
a img.aligncenter {display: block; margin-left: auto; margin-right: auto}
img.border{
border:1px solid #ccc;
}
.newline{
clear:left;
}
img.last{
clear:right;
}
img{
	border-color:#ccc;
}
div.wp-caption{
	float:left;
	margin:0.3em 0 1em 0;
}
#content p.wp-caption-text{
	font-size:1em;
}
/* ***************************** Client List ************************* */
#client-list{
width:100%;
clear:both;
float:left;
margin:0 0 20px;
}
#client-list ul{
width:100%;
clear:both;
float:left;
padding:0;
margin:0 0 1em;
}
#client-list ul li{
width:180px;
float:left;
margin:0 14px 0 0;
text-align:center;
font-size:1.1em;
list-style:none;
padding:0;
}
#client-list p{
margin:0;
}