/*
Theme Name: Blank 3-Column
Theme URI: http://example.com
Description: A Blank Wordpress theme
Author: Your Name
Author URI: http://example.com
version: 1.0
*/

@import url("reset.css");

/* basics */

body { 
	font-size: 12px; 
	font-family: Arial, sans-serif;
	width: 950px;
	margin: 0 auto;
	/* background: url('images/grid.png') repeat-y center; */
}

p, ul, ol, dl { 
	font-size: 1em; /* 12px */ 
	line-height: 1.5em; /* 18px */ 
	margin: 0 0 1.5em 0; 
}

a {
	color: #087648;
}

small {
	font-size: 0.8333em; /* 10px */ line-height: 1.8em; /* 18px */;
}

dt {
	float: left;
	display: block;
	width: 65px;
	margin-left: -5px;
	margin-right: 10px;
	padding-left: 5px;
}

dd {
	display: block;
	width: 145px;
	margin-right: 10px;
	margin-left: 75px;
	padding-left: 5px;
}

hr {
	border: 0;
	height: 1px;
	background: #000;
}

/* Headers */

h1, h2, h3, h4, p.subtitle {
	color: #087648;
	text-transform: lowercase;
}

h1, h2 {
	font-size: 2.6667em; /* 32px */ 
	line-height: 1.125em; /* 36px */ 
	margin-top: 0.5625em; 
	margin-bottom: 0em;
}

.post h3 {
	font-size: 2.6667em; /* 32px */ 
	line-height: 1.125em; /* 36px */ 
	margin-top: 0.5625em; 
	margin-bottom: 0em;
}

h4 {
	font-weight: bold;
}

h1 {
	background: url('images/header_logo.png') left top no-repeat;
	text-indent: -9999px;
	width: 940px;
	height: 139px;
}

div#header h2#subtitle {
	position: absolute;
	top: 6em;
	left: 8em;
	text-transform: none;
	color: #6c5735;	
}

h2#ideas {
	background: url('images/seedling.png') left no-repeat;
	padding-left: 55px;
	padding-top: 1.125em;
	padding-bottom: 0.5625em;
}

h2#projects {
	background: url('images/tree.png') left no-repeat;
	padding-left: 55px;
	padding-top: 1.125em;
	padding-bottom: 0.5625em;
}

p.subtitle {
	font-size: 1.3333em; /* 16px */ line-height: 1.125em; /* 18px */ margin-top: -1.125em; margin-bottom: 0em;
	margin-left: 55px;
}

div#left h2, h3, div#header h2#subtitle {
	font-size: 1.3333em; /* 16px */ line-height: 1.125em; /* 18px */ margin-top: 1.125em; margin-bottom: 0.5625em;
}

/* 32 - The quick brown fox jumps over the lazy dog */
you-got32px { font-size: 2.6667em; /* 32px */ line-height: 1.125em; /* 36px */ margin-top: 0.5625em; margin-bottom: 0em; }
/* 18 - The quick brown fox jumps over the lazy dog */
you-got18px { font-size: 1.5em; /* 18px */ line-height: 1em; /* 18px */ margin-top: 1em; margin-bottom: 0em; }
/* 16 - The quick brown fox jumps over the lazy dog */
you-got16px { font-size: 1.3333em; /* 16px */ line-height: 1.125em; /* 18px */ margin-top: 1.125em; margin-bottom: 0em; }

/* Columns */

div#container {
	float: left;
}

div#header {
	float: left;
	width: 950px;
	position: relative;
	border-bottom: 1px solid black;
	padding-bottom: 0.75em;
}

img#strip {
	margin-bottom: 0.75em;
}

div#menu {
	float: left;
	margin-left: 239px;
	width: 715px;
}

div.post ul {
	margin-left: 2em;
	list-style: disc;
}

div.post ol {
	margin-left: 2em;
	list-style: lower-roman;
}

div#menu ul {
	float: left;
}

p.postmetadata {
	color: #555;
}

strong {
	color: #6c5735;
	font-weight: bold;
}

div#menu ul li a {
	padding-left: 5px;
	width: 74px;
	display: block;
	float: left;
	margin-right: 1px;
	
	border-bottom: 1px solid #087648;
	text-decoration: none;
	background: #ffffff;
	color: #087648;
}

div#menu ul li a:hover {
	padding-left: 5px;
	width: 74px;
	display: block;
	float: left;
	margin-right: 1px;
	background: #087648;
	color: #ffffff;
	text-decoration: none;
}

div#left {
	position: relative;
	float: left;
	width: 225px;
	padding-left: 5px;
	margin-right: 10px;
}

div#content {
	float: left;
	width: 385px;
	padding-left: 5px;
	margin-right: 10px;
}

div#right {
	float: left;
	width: 305px;
	padding-left: 5px;
}

div#next_event {
	padding-bottom: 0em;
	width: 225px;
	float: left;
	padding-left: 10px;
	background: #cee4da;
	margin-left: -5px;
}

div.introduction {
	float: left;
	width: 700px;
	padding: 0 5px;
	margin-right: 10px;
}

div#wrapper {
	background: yellow;
	float: left;
}

div.introduction h2 {
	font-size: 2em; /* 24px */ line-height: 1.5em; /* 36px */ margin-top: 0em; margin-bottom: 0em; 
}

div.introduction p {
	font-size: 1.5em; /* 18px */ line-height: 1.5em; /* 18px */ margin-top: 0.5em; margin-bottom: 0em;
	color: #333;
}

div#next_event h3, div#next_event a {
	margin-top: 0.5em;
	color: #6c5735;
}

div#menu ul li {
	display: inline;
}

ul.projects li img {
	float: left;
	padding-right: 5px;
}

ul.projects li p {
	margin-left: 104px;
}

div#footer {
	clear: both;
	position: relative;
	padding-top: 3em;
	width: 940px;
	margin: 0 5px;
	padding-bottom: 8em;
}

div#footer h2#thinkpublic a {
	display: block;
	background: url('images/thinkpublic_logo.png') top left no-repeat;
	height: 27px;
	width: 145px;
	text-indent: -9999px;
}

div#footer img {
	position: absolute;
	top: 9.2em;
}