/* general
--------------------------------------------------- */

body * {
	padding: 0;
	margin: 0;
	border: 0;
}

body {
	margin: 0;
	padding: 0;
	background: #fff url(../design/body_bg.png) no-repeat;
	color: rgb(40,40,40);
	font-size: 62.5%;
	font-family: "Lucida Sans Unicode", "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
}

img {
	display: block;
}

em, cite {
	font-style: italic;
}

strong {
	font-weight: bold;
}

a {
	text-decoration: none;
	outline: none;
}

acronym {
	border-bottom: 1px rgb(180,180,180) dotted;
	cursor: help;
}

ul {
	list-style: none;
}

hr, .hide {
	display: none;
}

.italic {
	font-style: italic;
}

cite {
	font-style: italic;
}

.f-left {
	float: left;
}

.f-right {
	float: right;
}

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



/* wrapper
--------------------------------------------------- */

div#wrapper {
	position: relative;
	width: 961px;
}



/* primary-nav
--------------------------------------------------- */

ul#primary-nav {
	position: relative;
	width: 960px;
	height: 74px;
	background: url(../design/primary_nav.png) no-repeat;
}

ul#primary-nav li {
	float: left;
	list-style-type: none;
}

ul#primary-nav li a {
	position: absolute;
	display: block;
	height: 74px;
	width: 192px;
	top: 0;
	text-indent: -9999px;	
}

li#nav-home a,
li#nav-about a,
li#nav-events a,
li#nav-supporters a,
li#nav-contact a {
	background: url(../design/primary_nav.png) no-repeat;
}

li#nav-home a {
	background-position: 0 0;
	left: 0;
}

li#nav-home a:hover, body#home li#nav-home a:hover {
	background-position: 0 -74px;
}

body#home li#nav-home a {
	background-position: 0 -148px;
	left: 0;
}

li#nav-about a {
	background-position: -192px 0;
	left: 192px;
}

li#nav-about a:hover, body#about li#nav-about a:hover {
	background-position: -192px -74px;
}

body#about li#nav-about a {
	background-position: -192px -148px;
	left: 192px;
}

li#nav-events a {
	background-position: -384px 0;
	left: 384px;
}

li#nav-events a:hover, body#events li#nav-events a:hover {
	background-position: -384px -74px;
}

body#events li#nav-events a {
	background-position: -384px -148px;
	left: 384px;
}

li#nav-supporters a {
	background-position: -576px 0;
	left: 576px;
}

li#nav-supporters a:hover, body#supporters li#nav-supporters a:hover {
	background-position: -576px -74px;
}

body#supporters li#nav-supporters a {
	background-position: -576px -148px;
	left: 576px;
}

li#nav-contact a {
	background-position: -768px 0;
	left: 768px;
}

li#nav-contact a:hover, body#contact li#nav-contact a:hover {
	background-position: -768px -74px;
}

body#contact li#nav-contact a {
	background-position: -768px -148px;
	left: 768px;
}



/* main
--------------------------------------------------- */

div#main {
	float: left;
	position: relative;
	width: 960px;
	background: url(../design/main_bg.png) repeat-y;
}



/* content-wrapper
--------------------------------------------------- */

div#content-wrapper {
	float: right;
	position: relative;
	width: 672px;
	width: 696px;
	padding-right: 24px;
	padding-bottom: 3em;
	padding-top: 3em;
}

div#content-wrapper a {
	color: rgb(179,34,22);
	border-bottom: 1px solid rgb(224,177,177);
}

div#content-wrapper a:hover, div#content-wrapper a:active {
	color: rgb(145,38,30);
	border-bottom-color: rgb(210,166,166);
}

div#content-wrapper a.no-border {
	border: none;
}



/* content
--------------------------------------------------- */

div#content {
	float: left;
	width: 504px;
}

div#content h1 {
	font: normal 3em/1.1em Georgia, "Times New Roman", Times, serif;
	margin: 0 0 0.6em 0;
	color: rgb(155,48,28);
	color: #000;
}

div#content h2 {
	font: normal 1.8em/1em Georgia, "Times New Roman", Times, serif;
	margin: 0 0 0.2em 0;
	color: rgb(145,131,99);
	color: #000;
}

div#content h3 {
	font: normal 1.6em/1.125em Georgia, "Times New Roman", Times, serif;
	margin: 1.8em 0 0.1em 0;
	color: rgb(145,131,99);
	color: #000;
}

div#content h4 {
	font-weight: bold;
	margin: 0;
	line-height: 1.5em;
	font-size: 1.2em;
	color: #000;
}

div#content h2.section {
	margin-bottom: 1em;
}

div#content p {
	font-size: 1.2em;
	line-height: 1.5em;
	margin-bottom: 1.5em;
}

div#content p span.intro {
	font-size: 0.8em;
	text-transform: uppercase;
	letter-spacing: 0.1em;
}

div#content p.intro {
	margin-bottom: 2.1em;
}

div#content p.note {
	font-style: italic;
	color: rgb(80,80,80);
}

div#content p span.drop-cap {
	float: left;
	font-size: 5.4em;
	line-height: 0.7em;
	margin-top: 5px;
	margin-right: 0.1em;
	color: rgb(150,150,150);
}

div#content ul, div#content ol {
	margin-bottom: 1.5em;
}

div#content ul li, div#content ol li {
	font-size: 1.2em;
	line-height: 1.5em;
}

div#content ul li {
	padding-left: 18px;
	background: url(../design/bullet.gif) no-repeat left 0.5em;
}

div#content ol li {
	margin-left: 1.5em;
}

div#content span.asterix {
	color: rgb(150,0,0);
}



/* content - image
--------------------------------------------------- */

div#content div.image {
	margin-bottom: 1.8em;
}

div#content div.image img {
	margin-bottom: 0.3em;
}

div#content div.image p {
	color: rgb(80,80,80);
	font-size: 1.1em;
	margin: 0;
	line-height: 1.4em;
	font-style: italic;
}

div.image-small {
	width: 240px;
}

div#content div.left {
	float: left;
	width: 144px;
	margin-right: 24px;
	position: relative;
	top: 5px;
}



/* content - entry
--------------------------------------------------- */

div#content div.entry {
	border-bottom: 1px dotted rgb(180,180,180);
	margin-bottom: 1.5em;
}



/* content - event listing
--------------------------------------------------- */

div#content div.event {
	width: 504px;
	float: left;
	clear: left;
	padding-bottom: 1.5em;
	border-bottom: 1px dotted rgb(180,180,180);
	margin-bottom: 1.5em;
}

div#content div.event h3 {
	font: normal 1.8em/1.2 Georgia, serif;
	margin: 0;
}

div#content div.event h3 a {
	border: none;
}

div#content div.event h3 img {
	float: left;
	margin-right: 22px;
	position: relative;
	top: 3px;
	border-right: 2px solid #fff;
}

div#content div.event h3 a:hover img {
	border-right: 2px solid rgb(206,17,37);
}

div#content div.event div.info {
	margin-left: 144px;
}

div#content div.event div.info p {
	margin-bottom: 0;
}

div#content div.event div.info p.date {
	font-size: 1em;
	text-transform: uppercase;
	color: #000;
	letter-spacing: 0.1em;
	line-height: 1.8em;
}

div#content div.event div.info p.location, div#content div.event div.info p.hours {
	font-style: italic;
}



/* content - event details page
--------------------------------------------------- */

div#content /*div.event-details */h2.date {
	font: normal 1.1em/1.636363 "Lucida Sans Unicode", "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
	color: rgb(120,120,120);
	color: rgb(122,110,83);
	margin-bottom: 1.2em;
	text-transform: uppercase;
	letter-spacing: 0.1em;
}

div#content div.meta-info {
	margin-bottom: 1em;
}

div#content div.meta-info h3 {
	font: italic normal 1.2em/1.5 Georgia, serif;
	color: #000;
	margin: 0 0 0.6em 0;
}

div#content div.event-details h3.location a {
	border: none;
}



/* content - newsletters archive
--------------------------------------------------- */

div#content dl.newsletters {
	font-size: 1.2em;
	line-height: 1.5em;
}

div#content dl.newsletters dt {
	color: rgb(100,100,100);
}

div#content dl.newsletters dt a {
	border: none;
}

div#content dl.newsletters span.date {
	color: rgb(114,98,60);
}

div#content dl.newsletters dd {
	padding-bottom: 0.9em;
	border-bottom: 1px dotted rgb(200,200,200);
	margin-bottom: 0.9em;
	font-style: italic;
}



/* content - links
--------------------------------------------------- */

div#content dl.links a {
	border: none;
}

div#content dl.links dt {
	font-size: 1.4em;
	line-height: 1.3em;
}

div#content dl.links dd {
	font-size: 1.2em;
	line-height: 1.5em;
	padding-bottom: 0.9em;
	border-bottom: 1px dotted rgb(200,200,200);
	margin-bottom: 0.9em;
	font-style: italic;	
}



/* content - gallery
--------------------------------------------------- */

div#content h3.event-date {
	font: normal 1.1em/1.636363 "Lucida Sans Unicode", "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
	color: rgb(122,110,83);
	margin-bottom: 0;
	text-transform: uppercase;
	letter-spacing: 0.1em;
}

div#content h2.event {
	font: normal 1.1em/1.636363 "Lucida Sans Unicode", "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
	color: rgb(120,120,120);
	color: rgb(122,110,83);
	margin-bottom: 1.2em;
	text-transform: uppercase;
	letter-spacing: 0.1em;
}

div#content h2.event a {
	border: none;
}

div#gallery {
	width: 504px;
	position: relative;
	margin-bottom: 2em;
}

div#gallery img#placeholder {
	clear: left;
}

div#gallery p#caption {
	color: rgb(80,80,80);
	font-size: 1.2em;
	margin-bottom: 1.5em;
	line-height: 1.5em;
	font-style: italic;
	clear: left;
}

div#gallery ul#thumbnails {
	float: left;
	border-bottom: 1px dotted rgb(200,200,200);
	margin-bottom: 10px;
}

div#gallery ul#thumbnails li {
	float: left;
	padding: 0;
	margin: 0 0 12px 10px;
}

div#gallery ul#thumbnails li.first {
	margin-left: 0;
}

div#gallery ul#thumbnails img {
	position: relative;
	border-right: 1px solid #fff;		
}

div#gallery ul#thumbnails li a:hover img {
	border-right: 1px solid rgb(206,17,37);
}

div#content-sidebar div.section h3.event {
	margin-bottom: 1.454545em;
	font-size: 1.1em;
	line-height: 1.454545em;
	font-weight: normal;
	margin-bottom: 0;	
}

div#content-sidebar div.section h3.event a {
	border: none;
}

div#content-sidebar ul#thumbnails {
	float: left;
	margin: 0;
}

div#content-sidebar ul#thumbnails li {
	float: left;
	margin: 0 5px 5px 0;
	width: 66px;
	height: 35px;
	line-height: 1em;
}

div#content-sidebar ul#thumbnails img {
	border-right: 1px solid #fff;
	height: 35px;
	width: 65px;
	padding: 0;	
}

div#content-sidebar ul#thumbnails li a {
	border: none;
}

div#content-sidebar ul#thumbnails li a:hover img {
	border-right: 1px solid rgb(206,17,37);
}



/* content - director
--------------------------------------------------- */

div#content h2.director {
	font-size: 2.4em;
	line-height: 1em;
	margin: 0 0 0.8em 0;
	color: rgb(114,98,60);
}

div#content p.quote {
	font: italic 1.5em/1.4 Georgia, "Times New Roman", Times, serif;
	color: rgb(80,80,80);
}

div#content div.director-image {
	float: left;
	margin-right: 20px;
	position: relative;
	top: 5px;
	margin-bottom: 10px;
	width: 120px;
}

div#content div.director-image p {
	font-size: 1em;
	font-style: italic;
	color: rgb(80,80,80);
	line-height: 1em;
	padding-top: 0.5em;
	margin: 0;	
}



/* content - blog entries
--------------------------------------------------- */

div#content h2.subtitle {
	font: italic 1.6em/1.4 Georgia, "Times New Roman", Times, serif;
	margin: 0 0 1.4em 0;
	color: rgb(100,100,100);	
}

div#content div.blog-entry h3 {
	font: normal 1.8em/1.6 Georgia, "Times New Roman", Times, serif;
	margin: 0;
}

div#content div.blog-entry {
	border-bottom: 1px dotted rgb(200,200,200);
	margin-bottom: 1.6em;
}

div#content div.blog-entry h3 a {
	border: none;
}

div#content div.blog-entry p.posted {
	color: rgb(114,98,60);
}

div#content div.blog-entry p.links {
	color: rgb(120,120,120);
}

div#content div.blog-entry p.links a {
	border: none;
}

div#content div.blog-entry p.links a.permalink {
	padding-left: 20px;
	background: url(../design/permalink.gif) no-repeat center left;
}

div#content div.blog-entry p.links a.comments {
	padding-left: 20px;
	background: url(../design/comment.gif) no-repeat center left;
}

div#content-wrapper div.addthis_toolbox {
	margin-bottom: 1.6em;
}

div#content-wrapper div.addthis_toolbox a {
	border: none;	
}

body#events div#content-wrapper div.addthis_toolbox {
	padding-top: 1.5em;
	border-top: 1px dotted rgb(180,180,180);	
}



/* content - blog comment
--------------------------------------------------- */

div#content div.comment {
	border-bottom: 1px dotted rgb(200,200,200);
	margin-bottom: 1.5em;
}

div#content div.comment h4 {
	font: normal 1.5em/1.4 Georgia, "Times New Roman", Times, serif;	
}



/* content - blog archive
--------------------------------------------------- */

div#content ul.archive li {
	background: none;
	margin: 0 0 0.6em 0;
	border-bottom: 1px dotted rgb(200,200,200);
	padding: 0 0 0.6em 0;
	color: rgb(100,100,100);
}

div#content ul.archive a {
	border: none;
}

div#content ul.archive li span.date {
	color: rgb(114,98,60);
}



/* content - list-item
--------------------------------------------------- */

div#content div.list-item {
	width: 504px;
	float: left;
	clear: left;
	padding-bottom: 1.5em;
	border-bottom: 1px dotted rgb(180,180,180);
	margin-bottom: 1.5em;
}

div#content div.list-item h2 {
	font: normal 1.8em/1.2 Georgia, serif;
	margin-bottom: 0.2em;
}

div#content div.list-item h2 a {
	border: none;
}

div#content div.list-item h2 img {
	float: left;
	margin-right: 24px;
	position: relative;
	top: 1px;
	border-right: 1px #fff solid;
}

div#content div.list-item h2 a:hover img {
	border-right: 1px solid rgb(206,17,37);
}

div#content div.list-item div.text {
	margin-left: 96px;
}

div#content div.list-item div.text {
	font-size: 1.2em;
	line-height: 1.5em;
}

div#content div.list-item div.text p {
	font-size: 1em;
	margin-bottom: 0.75em;
}



/* content - podcast listing
--------------------------------------------------- */

div#content div.podcast {
	padding-bottom: 1.5em;
	border-bottom: 1px dotted rgb(180,180,180);
	margin-bottom: 1.5em;
}

div#content div.podcast h2 {
	margin-bottom: 0.2em;
}

div#content-wrapper div.podcast h2 a {
	border: none;
}

div#content div.podcast h3 {
	margin: 0 0 0.1em 0;
	color: rgb(122,110,83);
	font-style: italic;
}

div#content div.podcast p {
	margin: 0;
}

div#content div.podcast p.info {
	font-style: italic;
	color: rgb(80,80,80);
}



/* content - podcast details page
--------------------------------------------------- */

div#wasp-player {
	margin-bottom: 1.5em;
}

div#content p.download {
	padding-top: 0.75em;
	border-top: 1px dashed rgb(200,200,200);
}

form#podcast_url {
	float: left;
	width: 478px;
	padding: 12px 12px 15px 12px;
	border: 1px solid rgb(200,200,200);
	background: rgb(230,230,230);
	margin-bottom: 2.4em;
}

form#podcast_url p {
	color: rgb(122,110,83);
	text-transform: uppercase;
	letter-spacing: 0.15em;
	margin-bottom: 1em;
	font-size: 1em;
}

form#podcast_url input.field {
	float: left;
	width: 468px;
	border: 1px solid rgb(180,180,180);
	font: 1.2em "Lucida Sans Unicode", "Lucida Grande", Verdana, sans-serif;
	color: rgb(50,50,50);
	padding: 5px;
}



/* content - podcasts list
--------------------------------------------------- */

div#content ul.podcast {
	margin-bottom: 3em;
}

div#content ul.podcast li {
	margin-bottom: 0.2em;
	padding-left: 1.8em;
}

div#content-wrapper ul.podcast li a {
	border: none;
}

div#content ul.podcast li.rss {
	background: url(../design/rss.gif) no-repeat 0 4px;
}

div#content ul.podcast li.itunes {
	background: url(../design/itunes.png) no-repeat 0 4px;
}



/* content - event-detail (i.e. event weekend)
--------------------------------------------------- */

div#content div.event-detail {
	border-bottom: 1px dotted rgb(200,200,200);
	margin-bottom: 1.5em;
}

div#content div.event-detail h3 {
	margin-top: 0;
	margin-bottom: 1.2em;
}

div#content div.event-detail h3 span.time {
	color: rgb(80,80,80);
	font-style: italic;
}

div#content div.event-detail p.time {
	font: italic 1.5em/1 Georgia, "Times New Roman", Times, serif;
	margin-bottom: 1em;
}






/* content - filter
--------------------------------------------------- */

div#filter {
	border-top: 1px solid rgb(200,200,200);
	padding: 1.2em 0 0 0;
	margin-bottom: 4.5em;
}

div#content-wrapper div#filter a {
	border: none;
}

div#filter p {
	margin-bottom: 0.75em;
	color: rgb(100,100,100);
	font-style: italic;
}



/* content - press
--------------------------------------------------- */

div.press {
	float: left;
	width: 460px;
	padding-bottom: 1.5em;
	border-bottom: 1px solid rgb(200,200,200);
	margin-bottom: 1.5em;
}

div.press img {
	float: left;
}

div.press a:hover img {
	border-right: 2px solid rgb(206,17,37);
}

div.press div.text {
	position: relative;
	margin-left: 116px;
	width: 344px;
	top: -0.2em;
}

div#content div.press div.text p {
	margin-bottom: 0;
}

div.press div.text p.details {
	color: rgb(100,100,100);
}



/* content - mailing list form
--------------------------------------------------- */

form#mailinglist_form {
	float: left;
	width: 478px;
	padding: 12px 12px 15px 12px;
	border: 1px solid rgb(200,200,200);
	background: rgb(230,230,230);
	margin-bottom: 1.5em;
}

form#mailinglist_form p {
	color: rgb(122,110,83);
	text-transform: uppercase;
	letter-spacing: 0.15em;
	margin: 0.3em;
	font-size: 1em;
}

form#mailinglist_form input.field {
	float: left;
	width: 280px;
	border: 1px solid rgb(180,180,180);
	font: 1.2em "Lucida Sans Unicode", "Lucida Grande", Verdana, sans-serif;
	color: rgb(50,50,50);
	padding: 0.4em;
	margin-right: 10px;
}

form#mailinglist_form input.submit {
	float: left;
	position: relative;
	background: #fff;
	border: 1px solid rgb(180,180,180);
	color: rgb(187,18,37);
	padding: 0.5em;
	font: 1em "Lucida Sans Unicode", "Lucida Grande", Verdana, sans-serif;
	text-transform: uppercase;
	letter-spacing: 0.1em;
	width: auto;
}

form#mailinglist_form input.submit:hover, form#mailinglist_form input.submit:active, form#mailinglist_form input.submit:focus {
	cursor: pointer;
	color: rgb(145,38,30);
}

div#content h3.archive {
	clear: left;
	padding-top: 1em;
	border-top: 1px dotted rgb(180,180,180);
}



/* content - enquiries form
--------------------------------------------------- */

div#content form#contact_form {
	float: left;
	width: 504px;
	margin-bottom: 1.8em;
}

div#content div.form-field {
	border-bottom: 1px dotted rgb(210,210,210);
	padding: 0.7em 0;
	float: left;
}

div#content div.form-field label, div#content div.form-field div.label {
	float: left;
	width: 120px;
	color: rgb(122,110,83);
	font: 0.9em "Lucida Sans Unicode", "Lucida Grande", Verdana, sans-serif;;
	text-transform: uppercase;
	letter-spacing: 0.1em;
	position: relative;
	top: 7px;
	display: block;
}

div#content div.form-field div.label {
	top: 4px;
}

div#content div.form-field div.checkboxes label {
	float: none;
	width: auto;
	color: rgb(40,40,40);
	text-transform: none;
	letter-spacing: normal;
	position: inherit;
	display: inline;
	font-size: 1.2em;
	padding-left: 10px;
	top: 0;
}

div#content div.form-field label abbr.required {
	color: rgb(206,17,37);
}

div#content div.form-field input, div#content div.form-field textarea {
	float: right;
	width: 350px;
	border: 1px solid rgb(180,180,180);
	padding: 4px;
	font: 1.2em "Lucida Sans Unicode", "Lucida Grande", Verdana, sans-serif;
	color: rgb(50,50,50);
}

div#content div.checkboxes {
	float: right;
	width: 360px;
}

div#content div.checkboxes p {
	font-style: italic;
	margin-bottom: 0.8em;
}

div#content div.form-field input.checkbox {
	width: auto;
	float: none;
	padding: 0;
	border: none;
	display: inline;
}

div#content div.checkboxes div {
	margin-bottom: 0.2em;
}

div#content div.form-field input.submit {
	float: left;
	position: relative;
	left: 120px;
	background: rgb(206,17,37);
	color: #fff;
	font-size: 1em;
	letter-spacing: 0.1em;
	text-transform: uppercase;
	padding: 0.6em 2em;
	font-family: "Lucida Sans Unicode", "Lucida Grande", Verdana, sans-serif;
	width: auto;
	border: 3px double;
	margin: 0;
}

div#content div.form-field input.submit:hover, div#content div.form-field input.submit:active, div#content div.form-field input.submit:focus {
	cursor: pointer;
	background: rgb(187,18,37);
	border: 3px double;
	color: #fff;
}

div#content div.privacy-policy {
	clear: left;
	margin: 0;
	padding-top: 1.8em;
	border-top: 1px solid rgb(200,200,200);
}

div#content div.privacy-policy h3 {
	margin: 0 0 1em 0;
	color: rgb(80,80,80);
	text-transform: uppercase;
	letter-spacing: 0.1em;
	font: 1em "Lucida Sans Unicode", "Lucida Grande", Verdana, sans-serif;
}

div#content div.privacy-policy p {
	color: rgb(80,80,80);
}



/* content - search results
--------------------------------------------------- */

div#content p.results-found {
	margin-bottom: 2.1em;
}

table#results {
	width: 504px;
	margin-bottom: 1.5em;
}

table#results th, table#results td {
	text-align: left;
	vertical-align: top;
	line-height: 1.3em;
}

table#results th {
	font-size: 0.9em;
	text-transform: uppercase;
	letter-spacing: 0.15em;	
	font-weight: normal;
	color: #000;
	border-bottom: 1px solid rgb(200,200,200);
}

/*table#results tr.alt {
	background: rgb(230,230,230);
}*/

table#results th, table#results td {
	padding: 1em 0;
}

table#results th.section, table#results td.section {
	width: 84px;
	padding-right: 12px;
}

table#results td.section {
	color: rgb(100,100,100);
}

table#results th.result, table#results td.result {
	width: 396px;
	padding-right: 12px;
}

table#results td {
	font-size: 1.2em;
	line-height: 1.5em;
	border-bottom: 1px dashed rgb(200,200,200);
}

table#results td div.excerpt {
	font-style: italic;
}

div.pagination {
	background: rgb(230,230,230);
	border: 1px solid rgb(200,200,200);
	padding: 12px;
	width: 478px;
	font-size: 1.2em;
	line-height: 1.5em;
	color: rgb(100,100,100);
}




/* home page styles
--------------------------------------------------- */

body#home div#content {
	width: 480px;
	padding-left: 24px;
}

body#home div#content h1 {
	position: relative;
	left: -36px;
	width: 384px;
	height: 145px;
	text-indent: -9999px;
	background: url(../home/logo_home.png) no-repeat;
	margin: 0 0 21px 0;
}

body#home h2.intro-text {
	font: normal 1.6em/1.4 Georgia, "Times New Roman", Times, serif;
	margin: 0 0 1.3em 0;
	color: rgb(40,40,40);
}

body#home span.intro {
/*	font-variant: small-caps;
	letter-spacing: 0.08em;*/
	font-size: 0.9em;
	letter-spacing: 0.08em;
	text-transform: uppercase;
}



/* home page - networks-wrapper
--------------------------------------------------- */

body#home div.networks-wrapper {
	position: relative;
	border-top: 1px dotted rgb(200,200,200);
	padding-top: 1.5em;
	padding-bottom: 3em;
}

body#home div.networks-wrapper h2 {
	font: normal 1em/1.8 "Lucida Sans Unicode", "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
	text-transform: uppercase;
	letter-spacing: 0.2em;
	color: #000;
	margin-bottom: 1.3em;
}

body#home div.networks-wrapper h2 a {
	border: none;
}



/* home page - flickr
--------------------------------------------------- */

body#home div#flickr {
	float: left;
	width: 480px;
}

body#home div#flickr h2 {
	padding-left: 35px;
	background: url(../design/flickr_icon.png) no-repeat center left;
}

div#flickr h2 span.blue {
	color: rgb(1,98,222);
}

div#flickr h2 span.pink {
	color: rgb(253,0,133);
}

body#home div#flickr img {
	float: left;
	width: 43px;
	height: 43px;
	margin: 0 4px 0 0;
}

body#home div#flickr p {
	clear: left;
	padding-top: 1.5em;
}



/* home page - twitter
--------------------------------------------------- */

div#tweets {
	float: left;
	width: 216px;	
}

body#home div#tweets h2 {
	padding-left: 30px;
	background: url(../design/twitter_bird.png) no-repeat top left;
}

body#home div#tweets ul {
	margin: 0;
}

body#home div#tweets ul li {
	padding: 0;
	background: none;
	padding-bottom: 0.7em;
	border-bottom: 1px dotted rgb(200,200,200);
	margin-bottom: 0.7em;
	font-style: italic;
	color: rgb(80,80,80);
}

/*body#home div#tweets span.time {
	font-style: italic;
}

body#home div#tweets span.status {
	font-style: italic;
}*/



/* home page - icons
--------------------------------------------------- */

div#icons {
	width: 216px;
	float: right;
}

div#icons img {
	float: left;
	margin-right: 10px;
}

div#icons img a {
	border: none;
}



/* home page - supporters
--------------------------------------------------- */

body#home div#supporters {
	float: left;
	margin-bottom: 3.2em;
	width: 480px;
}

body#home div#supporters h2 {
	font: normal 1em/1.8 "Lucida Sans Unicode", "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
	text-transform: uppercase;
	letter-spacing: 0.2em;
	color: #000;
	border-top: 1px dotted rgb(200,200,200);
	padding-top: 1.3em;
	margin-bottom: 1.3em;
}

body#home div#supporters a, body#home div#supporters a:hover {
	border: none;
}

body#home div#supporters img {
	float: left;
	margin-right: 15px;
	margin-bottom: 15px;
	border: 1px solid rgb(210,210,210);
	padding: 10px;
}

body#home div#supporter-logos {
	padding-top: 370px;
}



/* home - main-sidebar - section
--------------------------------------------------- */

div#main-sidebar div.section {
	position: absolute;
	top: 38px;
	width: 144px;
	padding-left: 24px;
}

div#main-sidebar div.section h2 {
	font-weight: normal;
	font-size: 1em;
	text-transform: uppercase;
	letter-spacing: 0.1em;
	color: rgb(235,165,159);
	margin: 0 0 0.8em 0;
}

div#main-sidebar div.section h2.podcast {
	margin-top: 1.5em;
}

div#main-sidebar div.section acronym {
	border: none;
}

div#main-sidebar div.section ul li {
	font-size: 1.1em;
	line-height: 1.454545em;
	margin-bottom: 0.7em;
	color: rgb(235,165,159);
}

div#main-sidebar div.section p {
	font-size: 1.1em;
	line-height: 1.5em;
	color: rgb(235,165,159);
}

div#main-sidebar div.section a {
	color: #fff;
	border: none;
}

div#main-sidebar div.section a:hover {
	color: rgb(232,208,206);
}



/* content-sidebar
--------------------------------------------------- */

div#content-sidebar {
	float: right;
	position: relative;
	width: 144px;
	margin-top: 4.3em;
	padding-left: 23px;
	border-left: 1px dotted rgb(200,200,200);
	color: rgb(80,80,80);
}

div#content-sidebar div.section {
	margin-bottom: 2em;
}

div#content-sidebar div.section h2 {
	font-weight: normal;
	font-size: 1em;
	text-transform: uppercase;
	letter-spacing: 0.1em;
	color: #000;
	margin-bottom: 0;
}

div#content-sidebar div.section h2 a {
	border: none;
}

div#content-sidebar div.section p {
	margin-bottom: 1.454545em;
	font-size: 1.1em;
	line-height: 1.454545em;
}

div#content-sidebar div.section p.intro {
	margin-bottom: 0.7em;
}

div#content-sidebar div.section p.caption {
	position: relative;
	top: -0.4em;
	color: rgb(80,80,80);
	font-size: 1em;
	margin: 0;
	line-height: 1.4em;
	font-style: italic;
}

div#content-sidebar div.section img {
	padding: 0.8em 0;
}

div#content-sidebar ul li {
	font-size: 1.1em;
	line-height: 1.454545em;
	margin-bottom: 0.7em;
}

div#content-sidebar ul li a {
	border: none;
}



/* content-sidebar search form
--------------------------------------------------- */

div#search-site {
	border-bottom: 1px dotted rgb(200,200,200);
	margin-bottom: 1.2em;
	padding-bottom: 1.5em;
}

div#content-sidebar div#search-site h2 {
	margin-bottom: 0.5em;
}

div#content-sidebar form input#search-site-box {
	width: 132px;
	border: 1px solid rgb(180,180,180);
	padding: 2px 4px;
	font: 1.2em "Lucida Sans Unicode", "Lucida Grande", Verdana, sans-serif;
	color: rgb(50,50,50);
	margin-bottom: 0.5em;
}

div#content-sidebar form input.submit {
	background: rgb(145,131,99);
	color: #fff;
	padding: 0.3em;
	font: 0.9em "Lucida Sans Unicode", "Lucida Grande", Verdana, sans-serif;
	text-transform: uppercase;
	letter-spacing: 0.1em;
	width: auto;
}

div#content-sidebar form input.submit:hover, div#content-sidebar form input.submit:active, div#content-sidebar form input.submit:focus {
	cursor: pointer;
	color: rgb(214,207,194);
}



/* content-sidebar privacy-policy
--------------------------------------------------- */

div#content-sidebar div.privacy-policy h2 {
	margin-bottom: 0.5em;
	color: #000;
}



/* content-sidebar event
--------------------------------------------------- */

div#content-sidebar div.event {
	border-bottom: 1px dotted rgb(200,200,200);
	margin-bottom: 0.7em;
}

div#content-sidebar div.event img {
	margin: 0;
}

div#content-sidebar div.event div.info {
	display: block;
	font-size: 1.1em;
	line-height: 1.454545em;
	margin-bottom: 0.7em;	
}

div#content-sidebar div.event div.info a {
	border: none;
}



/* content-sidebar quote
--------------------------------------------------- */

div#content-sidebar div.section dl.quote {
	font: italic 1.2em/1.6 Georgia, "Times New Roman", Times, serif;
}

div#content-sidebar dl.quote dt {
	display: inline;
}

div#content-sidebar dl.quote dd {
	color: rgb(114,98,60);
	display: inline;
}



/* content-sidebar - flickr
--------------------------------------------------- 
div#flickr {
	width: 144px;
	float: left;
	margin-top: 1em;
}

div#main div#flickr img {
	float: left;
	width: 62px;
	height: 62px;
	margin-right: 6px;
	margin-bottom: 6px;
	padding: 0;
}*/




/* main-sidebar
--------------------------------------------------- */

div#main-sidebar {
	float: left;
	position: relative;
	width: 192px;
	padding-top: 300px;
}



/* main-sidebar - notice
--------------------------------------------------- */

div#notice {
	position: absolute;
	top: 30px;
	width: 144px;
	padding-left: 24px;
}

div#notice h2 {
	color: #fff;
	font-weight: normal;
	font-size: 1.1em;
	line-height: 1.5em;	
}

div#notice p {
	font-size: 1.1em;
	line-height: 1.5em;
	color: rgb(235,165,159);
}

div#notice a {
	color: #fff;
	border: none;
}

div#notice a:hover {
	color: rgb(232,208,206);
}



/* main-sidebar local-nav
--------------------------------------------------- */

div#local-nav {
	position: absolute;
	top: 38px;
	width: 192px;
}

div#local-nav h2 {
	font-weight: normal;
	font-size: 1em;
	text-transform: uppercase;
	letter-spacing: 0.1em;
	color: rgb(235,165,159);	
	width: 144px;
	padding: 0 24px 0.8em 24px;
}

div#local-nav ul li {
	font-size: 1.1em;
}

div#local-nav ul li a {
	display: block;
	width: 144px;
	padding: 0.5em 24px;
	color: #fff;
}

div#local-nav a:hover {
	background: rgb(187,18,37);
}

div#local-nav a.current {
	background: rgb(187,18,37);
	font-style: italic;
}

div#local-nav acronym {
	border: none;
}



/* main-sidebar feature
--------------------------------------------------- */

div#main-sidebar div.feature {
	width: 192px;
	background: rgb(145,131,99);
}

div#main-sidebar div.feature div.text {
	width: 144px;
	padding: 1.2em 0 1.3em 24px;
	color: #fff;
}

div#main-sidebar div.feature h2 {
	color: rgb(214,207,194);
	font-size: 1em;
	text-transform: uppercase;
	letter-spacing: 0.1em;
	font-weight: normal;
	line-height: 1.5em;
}

div#main-sidebar div.feature p {
	line-height: 1.5em;
	font-size: 1.1em;
}



/* footer
--------------------------------------------------- */

div#footer {
	clear: both;
	width: 504px;
	padding: 1em 0;
	border-top: 1px solid rgb(180,180,180);
	margin-left: 240px;
	color: rgb(100,100,100);
	line-height: 1.5em;
	font-size: 1.2em;
}

body#home div#footer {
	width: 480px;
	margin-left: 264px;
}

div#footer a {
	color: rgb(179,34,22);
	border: none;
}

div#footer a:hover, div#footer a:active {
	color: rgb(145,38,30);
}