/*  
Theme Name: August
Theme URI: http://mashnet.org.uk
Description: Natural
Author: Simon Blackbourn @ Lumpy Lemon
Author URI: http://lumpylemon.co.uk/

COLOURS:

	pages (burgundy)      : #581e21
	noticeboard (blue)    : #213c4b
	case studies (orange) : #ca4c1c
	members (red)         : #a4282e
	resources (green)     : #3e3d15

RESET:

	http://meyerweb.com/eric/thoughts/2007/05/01/reset-reloaded/

CLEARFIX:

	!!!!!!!!!!!!!!!!! CREDIT CLEARFIX !!!!!!!!!!!!!!!!!!!

*/



/* -- R E S E T -- */



html, body, div, span, h1, h2, h3, h4, h5, h6, p, blockquote, a, em, img, ul, ol, li, fieldset, form, label, input, textarea, legend, caption {
	margin: 0;
	padding: 0;
	border: 0;
	font-weight: normal;
	font-style: inherit;
	font-family: inherit;
	font-size: 100%;
	vertical-align: baseline;
	text-decoration: none;
}



/* -- A U T O M A T I C   F L O A T   C L E A R I N G -- */



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

.cf {
	display: inline-block;
}

html[xmlns] .cf {
	display: block;
}

* html .cf {
	height: 1%;
}



/* -- H I D D E N   T H I N G S -- */



hr, .hide {
	display: none;
}



/* -- M A I N   S T R U C T U R A L   E L E M E N T S -- */



body {
	background-color: #f1f1f1;
	color: #333;
	font-family: 'Nobile', georgia, serif;
	text-align: center;
}

.wrap {
	margin: 0 auto;
	text-align: left;
	width: 990px;
}

.full-width {
	width: 100%;
}

#head {
	background: url(i/head.jpg) 0 0 repeat-x;
}

#head-990 {
	background: url(i/head-990.jpg) 0 0 no-repeat;
	height: 347px;
	position: relative;
}

#subhead-990 {
	background: url(i/subhead-990.png) 0 0 no-repeat;
	height: 60px;
	position: relative;
}

#body {
	background-color: #fff;
	padding: 60px 25px 40px 25px;
	width: 940px;
}

.main {
	float: left;
	text-align: left;
}

.narrow {
	margin-right: 25px;
	width: 575px;
}

.wide {
	width: 940px;
}

#side {
	float: left;
	width: 340px;
}

#footer-990 {
	background: #999 url(i/footer-990.jpg) 0 0 repeat-x;
	height: 200px;
	position: relative;
}

#footer {
	background: transparent url(i/footer.jpg) 0 0 no-repeat;
	height: 170px;
	left: 25px;
	padding: 40px 0 0 213px;
	position: absolute;
	top: 15px;
	width: 337px;
}



/* -- N A V I G A T I O N -- */



#nav {
	font-family: arial, helvetica, sans-serif;
	margin-left: auto;
	margin-right: auto;
}

#nav ul {
	list-style-type: none;
	padding-top: 13px;
	text-align: center;
}

#nav li {
	display: inline;
	margin: 0 0.5em;
	text-align: center;
}
		
#nav a {
	padding-top: 8px;
	text-decoration: none;
}

#nav a:link {
	color: #fff;
}

#nav a:visited {
	color: #fff;
}

#nav a:hover {
	color: #fff;
}

#nav .list-home #item-home a, #nav .list-contact #item-contact a {
	border-color: #581e21;
}

#nav .list-resource #item-resource a {
	border-color: #3e3d15;
}

#nav .list-casestudy #item-casestudy a {
	border-color: #ca4c1c;
}

#nav .list-member #item-member a {
	border-color: #a4282e;
}

#nav .list-noticeboard #item-noticeboard a {
	border-color: #213c4b;
}

#nav a:visited {
	color: #fff;
}



/*
					H E A D   &   S U B H E A D
*/



#head h1 {
	display: block;
	height: 138px;
	left: 0;
	position: absolute;
	top: 204px;
	width: 603px;
}

#head h1 a {
	display: block;
	height: 100%;
	text-indent: -9999px;
	width: 100%;
}

.subhead-home #subhead-990, .subhead-about #subhead-990, .subhead-contact #subhead-990, .subhead-search #subhead-990, .subhead-error-page #subhead-990 {
	background-position: 0 0;
}

.subhead-resource #subhead-990 {
	background-position: 0 -240px;
}

.subhead-casestudy #subhead-990 {
	background-position: 0 -120px;
}

.subhead-member #subhead-990 {
	background-position: 0 -180px;
}

.subhead-noticeboard #subhead-990 {
	background-position: 0 -60px;
}

#find {
	left: 743px;
	position: absolute;
	width: 222px;
}

#subhead h2 {
	color: #fff;
	font-family: arial, helvetica, sans-serif;
	font-size: 1.2em;
	position: absolute;
	text-align: right;
	width: 600px;
}



/*
					S I D E B A R
*/



.side-bit {
	background-color: #f1f1f1;
	font-size: 0.7em;
	line-height: 1.5;
	padding: 10px;
	width: 320px;
}

.gap {
	margin-bottom: 20px;
}

#side h1 {
	clear: left;
	font-family: arial, sans-serif;
	font-size: 1.8em;
	font-weight: bold;
	margin-bottom: 0.5em;
}

#side h4 {
	clear: left;
	font-family: arial, sans-serif;
	font-size: 1.4em;
	font-weight: bold;
	margin-bottom: 0.5em;
}

#side h5 {
	margin-bottom: 0.5em;
}

#side p {
	margin-bottom: 0.5em;
}

#side .remind {
	color: #f00;
	font-weight: bold;
}

#side li {
	list-style-type: none;
	padding-bottom: 0.5em;
}

.cloud {
	font-family: arial, sans-serif;
}

.side-feed {
	padding-left: 36px;
}

#side-feed-main {
	background: transparent url(i/rss.png) 0 0.5em no-repeat;
}

.side-feed-other {
	background: transparent url(i/rss-small.png) 7px 0.35em no-repeat;
	padding: 0.1em 0 0.1em 36px;
}

.click-hide, .click-show {
	cursor: pointer;
	text-align: right;
	text-decoration: underline;
}

.side-thumb {
	float: left;
	padding: 0 5px;
	text-align: center;
	width: 96px;
}

#side .side-thumb img {
	margin: 0 0 10px 0;
}

.side-text {
	float: left;
	width: 214px;
}

.side-small {
	float: left;
	padding: 0 5px 10px 5px;
	text-align: center;
	width: 96px;
}

#side img {
	border: 3px solid #fff;
	margin: 3px;
}

#side .goto {
	margin-bottom: 20px;
}

#side label {
	display: block;
}



/*
					H A N D Y   B O X
*/



.main .box {
	background-color: #ddd;
	margin-bottom: 60px;
}

.box {
	padding: 20px;
}

.box img, .main .box img {
	float: right;
	margin: 0 0 0 1em;
	padding: 0;
	border-color: #fff;
}



/*
					H E A D E R S
*/



.main h1 {
	font-family: arial, sans-serif;
	font-size: 1.8em;
	font-weight: bold;
	padding-bottom: 0.5em;
}

.main h2 {
	font-family: arial, sans-serif;
	font-size: 1.4em;
	font-weight: bold;
	padding-bottom: 0.5em;
}

.main h3 {
	font-size: 0.8em;
	margin-bottom: 30px;
	text-align: center;
}

.main .result h3 {
	font-size: 1.1em;
	margin-bottom: 0.5em;
	text-align: left;
}



/*
					P A R A G R A P H S
*/



strong {
	font-weight: bold;
}

em {
	font-style: italic;
}

.main p, .main ul, .main ol {
	font-size: 0.8em;
}

.main p {
	line-height: 1.8;
	padding-bottom: 1.5em;
}

.main p.readmore {
	text-align: right;
}

#design p {
	font-size: 0.8em;
}

.main .entry p {
	font-size: 0.9em;
	margin: 0 0 1.5em 0;
}

.main p.meta {
	font-size: 0.85em;
	text-align: right;
	color: #999;
}

blockquote {
	background-color: #f1f1f1;
	margin: 0 3em 1.5em 3em;
	padding: 1.5em 1.5em 0 1.5em;
}

.pdf {
	background: transparent url(i/pdf.gif) 0 50% no-repeat;
	padding-left: 13px;
}

#letters {
	background-color: #e1e1e1;
	border-bottom: 1px solid #999;
	border-top: 1px solid #999;
	padding: 0.5em 0.3em;
	text-align: center;
}

#letters span {
	padding: 0 0.2em;
}

#letters .greyed-out {
	color: #999;
}



/* -- TABLES -- */



.main table {
	border-collapse: collapse;
	margin: 0 0 1.5em 0;
	width: auto;
}

.main table td {
	background-color: #f1f1f1;
	border: 2px solid #fff;
	font-size: 0.7em;
	padding: 0.5em;
	width: auto;
}

.main table td p {
	font-size: 1em;
}



/* -- SEARCH RESULTS -- */



.result {
	background-color: #f1f1f1;
	padding: 20px 20px 0 20px;
	width: 535px;
}

.wide .result {
	margin-bottom: 20px;
	padding-bottom: 20px;
	width: 900px;
}

.thumb {
	float: left;
	padding-bottom: 20px;
	width: 130px;
}

.wide .thumb {
	padding: 0;
}

.text {
	float: left;
	width: 400px;
}

.wide .text {
	width: 600px;
}

.result p {
	margin-bottom: 0.5em;
}

.result .details {
	font-size: 0.7em;
	margin-bottom: 0.5em;
}

.main .thumb img {
	border-color: #fff;
}

.goto {
	clear: both;
}

.narrow .goto {
	margin-bottom: 30px;
}

.goto p {
	color: #fff;
	font-family: arial, helvetica, sans-serif;
	font-size: 0.8em;
	line-height: 1;
	margin: 0;
	padding: 0.4em 10px;
	text-align: right;
}

.main .goto a:link, .main .goto a:visited, .main .goto a:hover, .main .goto a:active, #side .goto a:link, #side .goto a:visited, #side .goto a:hover, #side .goto a:active, #side .pic-link:hover {
	background-color: transparent;
	color: #fff;
}

.goto-page {
	background-color: #581e21;
}

.goto-news, .goto-event {
	background-color: #213c4b;
}

.goto-casestudy {
	background-color: #ca4c1c;
}

.goto-member {
	background-color: #a4282e;
}

.goto-resource {
	background-color: #3e3d15;
}

.result .highlight {
	background-color: #ff0;
}



/*
!!!!!!!!!!!!! NAME !!!!!!!!!!!!!!!!!
*/



.eval {
	background-color: #ddd;
	padding: 1em;
}



/*
					I M A G E S
*/



.main img.aligncenter, div.aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

.alignleft {
	float: left;
	margin: 0.5em 2em 1em 0;
}

.alignright {
	float: right;
	margin: 0.5em 0 1em 2em;
}

.wp-caption {
	background-color: #f1f1f1;
	margin-bottom: 1em;
	text-align: center;
}

.wp-caption img {
   margin: 0;
   padding: 0;
}

.main .wp-caption a:link {
	padding: 0;
}

.wp-caption p.wp-caption-text {
	color: #666;
	font-family: arial, sans-serif;
	font-size: 0.7em;
	line-height: 1.4;
	margin: 0;
	padding: 0.25em 0 0.5em 0;
}



/*
					L I S T S
*/



.main ul, .main ol {
	line-height: 1.8;
	margin: 0 40px 1.5em 2em;
}

.main ul li {
	list-style-type: circle;
}

.main ol li {
	list-style-type: decimal;
}



/* l i n k s */



a {
	text-decoration: underline;
}

.main h2 a, .goto a {
	color: #fff;
	font-weight: bold;
	text-decoration: none;
}

.main a:link, #side a:link {
	color: #000;
	padding: 0 2px;
}

#side h4 a {
	font-weight: bold;
}

.main a:visited, #side a:visited {
	color: #000;
}

.main a:hover {
	background-color: #f1f1f1;
	color: #000;
}

.main blockquote a:hover, .main .result a:hover, #side a:hover {
	background-color: #fff;
	color: #000;
}

.main a:active, #side a:active {
	color: #000;
}

#find span {
	color: #fff;
	font-family: arial, helvetica, sans-serif;
	font-size: 0.9em;
}

#find a {
	color: #fff;
}



/* g o o g l e   m a p */

iframe {
	border: 1px solid #fff;
	padding: 3px;
}

/* p r e v / n e x t   l i n k s */

#entries {
	font-size: 0.85em;
	clear: both;
	margin: 40px 80px 0 40px;
}

#prev {
	float: left;
	text-align: left;
	padding: 40px 0;
}

#next {
	float: right;
	text-align: right;
	padding: 40px 0;
}



/*
					F O O T E R
*/



#footer p {
	color: #fff;
	font-size: 0.75em;
	padding-bottom: 0.5em;
}

#footer a {
	color: #fff;
}

#lumpy {
	bottom: 20px;
	color: #fff;
	font-family: arial, helvetica, sans-serif;
	font-size: 0.7em;
	position: absolute;
	right: 35px;
	text-align: right;
}

#lumpy a {
	color: #fff;
	text-decoration: none;
}

#lumpy a:hover {
	text-decoration: underline;
}



/* i m a g e s   &   p h o t o   g a l l e r y */



.main img {
	border: 5px solid #f1f1f1;
}

.main a:hover img {
	border: 5px solid #a5a5a5;
}

.main .wp-caption a {
	background: none;
}



/*
					F O R M S
*/



.wpcf7 {
}

.searchform input, .side-bit input, .wpcf7-form input, .wpcf7-form textarea {
	background-color: #fff;
	border: 1px solid #ccc;
	color: #333;
	font-family: tahoma, 'geneva', sans-serif;
	font-size: 0.9em;
	letter-spacing: 1px;
	line-height: 1.4;
	padding: 5px;
	width: 250px;
}

#find {
	font-size: 0.75em;
	text-align: right;
}

#find input {
	text-align: left;
	width: 210px;
}



.wpcf7 .submit, .searchform .submit, #wp-submit {
	width: auto;
}

.wpcf7 .quiz {
	width: 2em;
}

.wpcf7-form input:hover, .wpcf7-form textarea:hover {
	border: 1px solid #8b893d;
}

.wpcf7-form input:focus, .wpcf7-form textarea:focus, .wpcf7-form .ieFocus {
	border: 1px solid #8b893d;
}

span.wpcf7-not-valid-tip {
	color: #000;
}

.wpcf7 #submit:hover, .wpcf #submit:focus {
	background-color: #8b893d;
	color: #fff;
}

.wpcf7 .explain {
	color: #777;
	font-size: 0.75em;
}



/*
					A D M I N
*/



#admin-bar {
	background-color: #eee;
	color: #000;
	font-family: arial, sans-serif;
	font-size: 0.6em;
	padding: 1em;
	text-transform: uppercase;
}

#admin-bar a:link, #admin-bar a:visited, #admin-bar a:hover, #admin-bar a:active {
	color: #999;
	text-decoration: none;
}

.edit-link, .highlight {
	font-family: arial, sans-serif;
	font-size: 0.8em;
	margin-bottom: 2em;
	padding: 0;
	text-align: center;
	text-transform: uppercase;
	width: 15em;
}

.highlight {
	background-color: #333;
	color: #fff;
	padding: 0.6em;
	width: auto;
}

#side .edit-link a {
	background-color: #333;
	color: #fff;
	display: block;
	padding: 0.6em;
	text-decoration: underline;
}

#side .edit-link a:hover {
	background-color: #999;
}

#preview {
	background-color: #333;
	color: #fff;
	display: inline;
	float: right;
	font-family: arial, sans-serif;
	font-size: 0.6em;
	padding: 0.6em;
	text-transform: uppercase;
}



/*
					P A G I N A T I O N
*/



.page-nav {
	font-family: arial, helvetica, sans-serif;
	margin-bottom: 30px;
	text-align: center;
}

.main .wp-paginate {
	margin: 0;
}

.wp-paginate li {
	display: inline;
	list-style: none;
}

.wp-paginate span {
	font-weight: bold;
}

.wp-paginate a {
	background: #f1f1f1;
	color: #666;
	font-weight: bold;
	margin-right: 5px;
	padding: 4px 7px;
	text-align: center;
	text-decoration:none;
}

.wp-paginate a:link {
	padding: 4px 7px;
}

.wp-paginate a:hover, .wp-paginate a:active {
	background: #c7c7c7;
	font-weight: bold;
}

.wp-paginate .current {
	color: #fff;
	background-color: #9c9c9c;
	margin-right: 5px;
	padding: 4px 7px;
}