/*
Theme Name: WNO3
Theme URI: http://wno3.org.uk
Description: Custom WNO3 Theme built upon the Blueprint CSS framework
Version: 1.0
Author: David Shepherd
Author URI: http://www.echidnadesign.co.uk/
Tags: dark
	
Credits and license:

Uses the Blueprint CSS framework:
http://www.blueprintcss.org/

Design, CSS and HTML are released under LGPL version 3:
http://www.gnu.org/licenses/lgpl-3.0-standalone.html

Last update: 

COLOURS 

Orange: 			#e47128
Page Grey:		#bfbfbf
Marker Yellow: #f8f7b2
Text:				#222
Cyan:				#1e7f81

DIMENSIONS

Primary:			full: 620px		usable: 580px
Aside:			full: 230px		usable: 190px

IMAGES

Primary:			580px
Editorial:		280px x 150px
Thumbnails:		190px
	

/* !OVERRIDES */

body {
	font-family: Georgia;
}

p {
	font-size: 1.1em;
}

h1 a, h2 a, h3 a {
	text-decoration: none;
}

h1 {
	font-size: 2em;	
}

h3, h3 a {
	color: #000;
	line-height: 1.5em;
}

.inline li {
	display: inline;
}

a {
	color: #555;
}

a:hover {
	color: #e47128;
}

.small-feet {
	margin-bottom: 0;
}

.pale {
	color: #f7f7f7;
}

.centre {
	text-align: center;
}

.alignleft {
	float: left;
	padding: 0.2em 0.5em 0.2em 0;
}


/* !GLOBAL RULES */

/* !Header */

div.header {
	margin-top: 3em;
}

div#headerimg {
	padding: 0;
}

/* !Search Form */

#searchform {
	text-align: center;
}

#searchform input {
	width: 205px;
	height: 15px;
	padding: 5px 10px;
	text-align: center;
	color: #999;
	border: none;
}

.page-id-3 #search-front {
	float: right;
}

.page-id-3 #search-front input {
	width: 170px;
} 

/* !Common Nav Styling */

#nav ul {
	list-style: none;
	float: right;
	margin: 1em 0 0 0;
}

#nav ul li {
	text-transform: uppercase;
	font-family: "Gill Sans", "Helvetica Neue", "Century Gothic", Tahoma, Arial, sans-serif;
	font-weight: 300;
	font-size: 1.3em;
}

#nav ul li a {
	text-decoration: none;
	color: #222;
	padding: 0.2em 0.4em;
}

#nav ul li a:hover {
	color: inherit;
	background-color: #f8f7b2;
}

/* Breadcrumbs */

#breadcrumbs {
	float: left;
	padding: 15px 0;
}

.heavy, .heavy a {
	font-weight: 400;
}

.share {
	list-style: none;
	margin: 0;
}

.share li {
	margin: 0 0.5em 0 0;
}

.interior {
	margin: 20px; /* content width is 620px - margins (20px+20px) = 580px */
}

.padding-10px {
	padding: 10px;
}

.wp-caption-text {
	text-align: center;
	font-size: 1em;
	font-style: italic;
	color: 555;
	padding: 0;
	margin: 0;
}

a.more-link {
	font-style: italic;
	font-weight: bold;
	text-decoration: none;: right;
	color: #e47128;
}

a.more-link:hover {
	text-decoration: underline;
}


/* !FOOTER */

/* !Footer Nav (Except for front page) */

#foot-nav ul {
	margin: 33px 0;
	float: left;
	list-style: none;
}

#foot-nav ul li {
	float: left;
	margin: 0 0.5em; 
	color: #444;
}

#foot-nav ul li a {
	text-decoration: none;
	color: #222;
}

#foot-nav ul li a:hover {
	text-decoration: underline;
}

/* !Footer Icons */

ul#social-icons {
	margin: 25px 0;
	float: right;
	list-style: none;
}

ul#social-icons li {
	float: left;
	margin: 0 5px;
}

ul#social-icons li#followtext {
	margin: 8px 5px 0 0;
	font-weight: bold;
	font-style: italic;
}

li#photosynth a img {
	margin: -10px 10px 0 0;
}

li#soundcloud a img {
	margin: 0px 10px 0 0;
}

/* !Funders' Icons */

div#funders {
	margin: 0 0 20px 0;
}

div#funders span {
	margin: 0 15px 0 0;
}


/* !PAGE SPECIFIC RULES */

/* !FRONT PAGE */

body.home {
	background-color: #000;
}

body.home .highlight {
	color: #000;
	background-color: #f8f7b2;
}

#strap {
	font-style: italic;
	font-size: 0.9em;
	color: #f2f2f2;
	width: 250px;
	text-align: center;
}

#strap p {
	margin: 0;
}

/* navigation text is white on front page */
body.home #nav ul li a {
	color: #fff;
}

body.home #nav ul li a:hover {
	color: #000;
}

.alt {
	display: none;
}

#social-icons-frontpage ul {
	margin: 0px 0 15px 0;
	text-align: center;
}

#social-icons-frontpage ul li {
	display: inline;
	margin: 0 0.4em;
}

#nav-frontpage ul {
	text-align: center;
	list-style: none;
	margin: 0 0 15px 0;
}

#nav-frontpage ul li {
	display: inline;
	font-size: 2em;
	margin: 0 0.2em;
}

#nav-frontpage li a {text-decoration: none; color: #fff;}
#nav-frontpage li a:hover {color: #999;}

#nav-about strong a {color: #048b80;}
#nav-about strong a:hover {color: #999;}

#nav-notepad strong a {color: #048b80;}
#nav-notepad strong a:hover {color: #999;}

div#foot-nav-frontpage ul {
	list-style: none;
	text-align: center;
	margin: 20px 0 30px 0;
}

div#foot-nav-frontpage ul li { 
	display: inline; 
	margin: 0 1em 0 0;
	color: #fff;
}

div#foot-nav-frontpage ul li a {
	color: #fff;
	text-decoration: none;
}

div#foot-nav-frontpage ul li a:hover {
	text-decoration: underline;
}

body.page-id-3 a {
	text-decoration: none;
}

body.page-id-3 a:hover {
	text-decoration: underline;
}

body.page-id-3 h3, body.page-id-3 h3 a {
	color: #1e7f81;
}


/* !PROJECTS, EDITORIALS AND CONTENTS */

/* !Common Rules */

#primary, .proj-aside {
	margin-top: 20px
}

span.small, span.small p {
	font-size: 1em;
}

.entry, .hentry {
	float: left;
	margin-bottom: 3em;
}


/* !Metadata */

span.postmetadata {
	font-weight: bold;
	color: #333;
	background-color: #fff;
	padding: 0.3em 0.5em 0 0;
}

span.postmetadata a {
	font-weight: normal;
	text-decoration: none;
	color: #444;
}

span.postmetadata a:hover {
	text-decoration: underline;
	color: #e47128;	
}


/* !Projects Template  */

/* Achieves consistent backgrounds through Projects, All Projects and Single Project pages */

body.page-id-20, body.page-id-498 {
	background-color: #bfbfbf;
}

body.page-id-20 #bg-top, body.page-id-498 #bg-top, body.single #bg-top {
	background: url(images/elements/bg/proj-bg-top.png) #fff no-repeat;
	height: 10px;
}

body.page-id-20 #content, body.page-id-498 #content, body.single #content {
	background: url(images/elements/bg/proj-bg-mid.png) #fff repeat-y;
}

body.page-id-20 #bg-bottom, body.page-id-498 #bg-bottom, body.single #bg-bottom {
	background: url(images/elements/bg/proj-bg-bot.png) #fff no-repeat;
	height: 13px;
}

body.page-id-20 h3, body.page-id-498 h3, body.page-id-20 h3 a, body.page-id-498 h3 a {
	color: #1e7f81;
}


/* !Featured Editorial */

.edit-link {
	float: right;
}

a.post-edit-link em {
	text-decoration: underline;
}

/* !Main Editorials */

div.proj-prim-tab-active {
	background: url(images/elements/bg/proj-prim-tab-active.png) #ededed no-repeat;
	height: 45px;
	width: 208px;
	float: left;
}

div.proj-prim-tab-passive {
	background: url(images/elements/bg/proj-prim-tab-passive.png) #ededed no-repeat;
	height: 45px;
	width: 412px;
	float: left;
}

div.proj-prim-tab-active h1 {
	font-size: 1em;
	margin-top: 5px;
}

.tab-title h1 a span {
	margin: 0;
}

.tab-title a {
	font-size: 1.8em;
	text-decoration: none;
	color: #e36909;
	float: left;
	margin: 5px 0 0 20px;
}

.tab-title h1 a:hover {
	color: #222;
}

.proj-prim {
	background: url(images/elements/bg/proj-prim-mid.png) #f5f5f5 repeat-y;
}

.proj-prim-top {
	background: url(images/elements/bg/proj-prim-top.png) #f5f5f5 no-repeat;
	height: 5px;
}

.proj-prim-bot {
	background: url(images/elements/bg/proj-prim-bot.png) #f5f5f5 no-repeat;
	height: 6px;
	padding: 0 0 20px 0; /* ie margin problem */
}

.proj-prim .entry {
	width: 580px;
}

.proj-prim div.interior div.entry p {
	margin-top: 0;
}

/* !CSS3 Shadows */

.proj-prim .entry img, .proj-aside .entry img {
	-moz-box-shadow: 0px 1px 4px #666;
	-webkit-box-shadow: 0px 1px 4px #666;
	box-shadow: 0px 1px 4px #666;
}


/* !Lower Editorials */

div.edit div.entry {
	width: 280px;
	padding: 20px 0px 20px 20px; /* padding rather than margin to solve IE bottom margin bug */
}

div.edit div.entry h3 {
	margin: 0.5em 0 0.25em 0;
	color: #000;
}

div.edit div.entry h3 a {
	text-decoration: none;
}

/* !SIDEBAR */

/* Aside is 230px wide */

/* !General Sidebar Rules */

#sidebar .entry img {
	margin: 20px 0 0 0;
}

#sidebar .entry h3 {
	margin: 0.25em 0;
}

#cloud a {
	text-decoration: none;
	background-color: #fff;
	padding: 0.1em;
}

div#sidebar .entry {
	width: 190px;
}

.proj-aside-top {
	background: url(images/elements/bg/proj-aside-top.png) #f5f5f5 no-repeat;
	height: 45px;
}

.proj-aside-mid {
	background: url(images/elements/bg/proj-aside-mid.png) #f5f5f5 repeat-y;
}

.proj-aside-bot {
	background: url(images/elements/bg/proj-aside-bot.png) #f5f5f5 no-repeat;
	height: 6px;
	margin: 0 0 30px 0;
}

.proj-aside h2 {
	color: #e36909;
	margin: 0;
}

.proj-aside h3 {
	color: #1e7f81;
	margin: 0.1em 0;
}

.proj-aside p {
	font-size: 1em;
}


/* !SINGLE PAGES */

body.single {
	background-color: #bfbfbf;
}

.tab-title ul {
	list-style: none;
	margin: 0;
	float: left
}

.tab-title ul li {
	float: left;
}

.tab-title ul li a:hover {
	color: #000;
}

/* !Look Closer */

div.close-up {
	background-color: #000;
	color: #fff;
	margin: 7px 0 0 0;
}

div.close-up-top {
	background-color: #000;
	color: #fff;
	margin: 0.7em 0 0.3em 0;
	border-top: 2px solid #fff;
	border-bottom: 2px solid #fff;
}

div.close-up-top h1 {
	color: #e47128;
	font-size: 1.5em;
	font-weight: bold;
}

div.close-up-top .bright {
	font-weight: normal;
	color: #fff;
}

div.close-up-content {
	background-color: #000;
	border-top: 2px solid #fff;
	color: #fff;
	padding: 0 0 20px 0;
}

div.close-up-content ul {
	margin: 0;
	list-style: none;
}

div.close-up-content ul li {
	font-size: 1.1em;
	margin: 0 0 1.5em 0;
	background-image: url(images/elements/three.png);
	background-repeat: no-repeat;
	background-position: 3px 0;
	padding-left: 36px;
}

/* !CLEANWHITE TEMPLATE (now grey!) */
body.page-template-template-cleanwhite-php {
	background-color: #bfbfbf;
}


/* !CONTACT US */

body.page-id-22 div.entry {
	margin: 20px 0;
}

body.page-id-22 div.postcard {
	background-image: url(images/elements/postcard_contact.jpg);
	background-repeat: no-repeat;
	height: 343px;
	margin: 0 0 0 190px;
}

div.postcard p {
	color: #444;
}

div#postcard-info {
	margin: 105px 0 0 0;
	max-height: 300px;
	overflow: hidden;
}

div#postcard-names {
	margin: 105px 0 0 0;
	text-align: right;	
}

div#postcard-names div.vcard {
	margin-bottom: 1.5em;
}


/* !ABOUT US */

div.logo {
	margin-top: 30px;
}

body.page-id-2 div.entry {
	margin: 80px 0;
}

body.page-id-2 p {
	line-height: 1.7em;	
}


/* ! ALL PROJECTS */

body.page-id-498 div.entry {
	height: 320px;
	overflow: hidden;
	margin-bottom: 20px;
}

div#cloud {
	margin: 1.5em 0;
}


/* !NOTEPAD */

/* !Excerpt Pages - Shared by Notepad, Archive and 404 */

body.page-id-5, body.archive, body.error404 {
	background-color: #bfbfbf;
}

body.page-id-5 #searchform input {
	width: 170px;
}

body.page-id-5 span.subheading {
	font-style: italic;
	font-weight: bold;
	color: #000;
	background-color: #f8f7b2;
	padding: 0.2em;
	font-size: 1.5em;
}

body.page-id-5 ul {
	list-style: none;
}

body.page-id-5 li.postmetadata {
	font-style: italic;
	font-weight: bold;
	color: #fff;
	margin: 1em 0 0 0;
	padding: 0.2em 0.5em;
	font-size: 1em;
}

body.page-id-5 li.title {
	font-style: italic;
	font-weight: bold;
	color: #000;
	background-color: #fff;
	padding: 0.2em 0.5em;
	font-size: 1.2em;
	text-indent: 1em;
}

body.page-id-5 li.title a {
	text-decoration: none;
	display: block;
}

body.page-id-5 li.title a:hover {
	text-decoration: underline;
	background-color: #f8f7b2;
}

/* Put some space between posts - need a more global solution to this */
.page-template-template-notepad-php div.post,  {
	margin-bottom: 3em;
}


/* !Notepad Single Entries and Category Pages */


body#notepad #bg-stripe {
	background-color: black;
	margin-bottom: 20px;
}

body#notepad .menu ul li a {
	color: #fff;
}

body#notepad .menu ul li a:hover {
	color: #000;
}

body#notepad .alignleft {
	float: left;
	padding: 0.2em 0.5em 0.2em 0;
}

body#notepad img.aligncenter {
	text-align: center;
}

body#notepad .entry {
	padding: 0 0 30px 160px;
}




/* ARCHIVE */

/*
body.archive .post {
	width: 580px;
}
*/

body.archive div.post {
	margin: 0 0 3em 0;
}

div.archive-aside {
	background-color: ;
	margin: 10px 0 20px 0;
}

div.archive-aside ul li ul li {
	color: #fff;
}

div.archive-aside h3 {
	color: #000;
}

div.archive-aside ul {
	list-style: none;
	margin: 0;
}

div.archive-aside ul li {
	margin: 0.5em 0;
}

/* !SEARCH RESULTS */

body.search {
	background-color: #bfbfbf;
}


/* !SITEMAP */

div.ddsg-wrapper p {
	display: none;
}

div.ddsg-wrapper ul li {
	list-style-type: lower-roman;
	font-weight: bold;
}

div.ddsg-wrapper ul li ul li {
	font-weight: normal;
}