/*
Theme Name: Considerate Design New
Theme URI: http://www.consideratedesign.com
Description: A second-phase WordPress theme for the Considerate Design project, based on a new visual design by <a href="http://www.benserbutt.com/">Ben Serbutt</a>.
Version: #2 (June 2009)
Author: Alastair Mucklow
Author URI: http://www.strangerpixel.com
*/

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

/* Blocks */
.container {
	background-color: #cbc1ad;
}

#wrapper {
	background-color: #fff;
	margin: 20px;
	padding: 15px 20px 20px;
	width: 870px;
}

#wrapper, #wrap-inner, #panel, #projects_block, #about_block, #logo_block, #page_block {
	float: left;
}

#panel {
	color: #FFF;
	text-align: center;
	width: 450px;
	height: 900px;
}

.home #panel {
	background: url('images/panel-home.jpg') top left no-repeat;
}

.bespoke #panel {
	background: url('images/panel-bespoke.jpg') top left no-repeat;
}

.evolving #panel {
	background: url('images/panel-evolving.jpg') top left no-repeat;
}

.knit #panel {
	background: url('images/panel-knit.jpg') top left no-repeat;
}

.concept #panel, .archive #panel, .single #panel {
	background: url('images/panel-concept.jpg') top left no-repeat;
}

#panel a, #panel a:hover, #panel a:visited {
	color: #FFF;
	text-decoration: none;
	background: none;
}

#wrap-inner {
	width: 870px;
	padding: 10px 0;
	border-top: 12px solid #d4d7dd;
	border-bottom: 12px solid #d4d7dd;
}

/* Home Page */
#panel h1 {
	position: absolute;
	left: -999em;
}

#panel h2 {
	color: #FFF;
}

#panel img.logo {
	position: absolute;
	top: 382px;
	left: 7px;
}

h2#description {
	position: absolute;
	top: 545px;
	left: 52px;
	width: 280px;
	font-size: 1.2em;
}

#panel-menu {
	position: absolute;
	top: 226px;
	left: 52px;
	width: 280px;
}

#panel-menu ul {
	list-style-type: none;
	font-size: 1.3em;
}

#panel-menu ul li {
	padding: 0 0 4px 0;
}

#panel-menu ul li a:hover {
	text-decoration: underline;
}

/* Project Blocks */
#projects_block {
	width: 410px;
}

#projects_block h4 {
	padding: 4px;
	font-weight: normal;
}

#projects_block .post-inner {
	float: right;
	margin: 10px 0 0;
}
/* these post IDs will change on the live site */
.home #post-98 {
	background: url('images/1.gif') 0 10px no-repeat;
}

.home #post-102 {
	background: url('images/2.gif') 0 10px no-repeat;
}

.home #post-104 {
	background: url('images/3.gif') 0 10px no-repeat;
}

#projects_block #post-104.project {
	border-bottom: none !important;
}
/* end of location-specific styles*/

.home .project {
	border-bottom: 12px solid #d4d7dd;
	width: 410px;
	}

.home .project {
	border-bottom: 12px solid #d4d7dd;
}

.home .project h2 {
		margin-bottom: 0.5em;
}

.project h2 a {
	text-decoration: none;
}

.home .project p {
	margin-bottom: 1em;
}

.home .project img {
	margin: 0 0 0.75em 0;
}

/* News Block */
#news_block {
	margin-left: 30px;
}
#news_block ul {
	list-style-image: url('style/images/bullet.png');
	font-size: 0.9em;
}
#news_block ul li span {
	margin: 0 10px 0 0;
}

/* About Block */
#about_block, #news_block {
	background: url('style/images/pale_grey_fade.gif') top left repeat-x;
}
#about_block .post {
	padding: 0 36px 0 4px;
}
.about h2 {
	color: #666;
	padding: 8px 0 0 0;
}

/* Top Navigation */
#topnav {
	float: right;
	margin: 10px 20px 0 0;
}
#topnav ul li {
	display: inline;
}

/* Sidebar */
#sidebar ul ul {
	list-style-image: url('style/images/bullet.png');
}
#sidebar ul li ul li {
	margin: 0 0 0.5em 0;
}
#sidebar h2 {
	font-size: 1.2em;
	padding: 0.25em;
	border-bottom: 1px solid #2b97bb;
	background-color: #C8F1F4;
}

/* Single posts */
.post {
	float: left;
}

.slug {
	color: #c7c7c7;
	font-size: 1.2em;
}

.metadata {
	background-color: #f1f1f1;
	padding: 4px;
	margin: 0 0 12px 0;
}
.metadata p {
	margin-bottom: 0;
}

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

.navigation ul {
	margin: 20px 0 0 0;
}

/* Single Page */
#page_block {
	width: 390px;
	padding: 0 0 0 30px;
}

#page_block h2 {
	margin-top: 0.5em;
}

ul.page-list {
	list-style-type: none;
	margin: 2em 0;
}

.page-thumbnail {
	height: 216px;
}


/* Footer */
#project-blurb {
	width: 880px;
	float: left;
	margin-top: 10px;
}

/* Logo Block */
#logo_block {
	width: 880px;
	margin-top: 10px;
	text-align: center;
}
#logo_block img {
	margin: 0 20px 0 0;
}
#logo_block a:hover {
	background: none;
}

#footer {
	margin: 0 auto;
	width: 910px;
	padding: 4px;
	color: #666;
	text-align: right;
	font-size: 0.9em;
}

span#controls {
	padding-right: 30px;
}

/* Typography + Links */
.post h3 {
	margin-bottom: 0.25em;
}

h3 a:link, h3 a:visited {
	color: #c7c7c7;
	text-decoration: none;
}

h3 a:hover, h3 a:focus {
	color: #FFF;
	background-color: #c7c7c7;
}

h2 {
	color: #692f0e;
}

.home .project img.type {
	margin-bottom: 0;
	}


/* General */


ul.nodisc {
	list-style-type: none;
}
#teaser h2 {
	font-size: 1.6em;
	font-weight: normal;
}

.wp-caption-text {
	font-size: 0.9em;
	padding-top: 0.5em;
	margin-bottom: 0.5em;
}
.wp-caption.alignleft, .wp-caption.aligncenter {
	margin-left: 0;
}

a.imglink:hover, a.imglink:focus {
	background-color: #fff;
}