/* $Id: stylesheet.css,v 1.21 2005/07/27 07:04:30 oneiros Exp $ */

body {
	/* Many thanks to Bitstream for producing a decent serif for screen */
	font-family: "Bitstream Vera Sans", lucidasans, verdana, arial, sans-serif;
	line-height: 1.3em;
}

.whitetext { color: #FFFFFF; font-size: 13px; }
.whiteparatext { color: #FFFFFF; font-size: 15px; margin-top: 5px; text-align: justify; }
.bluetext { color: #ADACA7; font-size: 13px; }
.finetext { color: #FFFFFF; font-size: 13px; }
.fineparatext { color: #FFFFFF; font-size: 10px; margin-top: 5px }
.statement { color: #6699CC; font-size: 13px; margin-top: 5px; font-weight: bold }
.heading { color: #3c5169; font-size: 15px; font-weight: bold; padding-bottom: .2em; }

.whitetext a:link    { color: #CCFFFF; text-decoration: none }
.whitetext a:visited { color: #CCFFFF; text-decoration: none }
.whitetext a:hover   { color: #FFFFFF; text-decoration: none }
.whitetext a:active  { color: #CCFFFF; text-decoration: none }

.whiteparatext a:link    { color: #CCFFFF; text-decoration: none }
.whiteparatext a:visited { color: #CCFFFF; text-decoration: none }
.whiteparatext a:hover   { color: #35506b; text-decoration: none }
.whiteparatext a:active  { color: #CCFFFF; text-decoration: none }

.bluetext a:link     { color: #6699CC; text-decoration: none }
.bluetext a:visited  { color: #6699CC; text-decoration: none }
.bluetext a:hover    { color: #336699; text-decoration: none }
.bluetext a:active   { color: #99CCFF; text-decoration: none }

p {
	margin-top: 0;
}

.statement p {
	text-align: justify;
}

.statement .poem {
	padding-bottom: 2em;
}

.statement h1,h2,h3,h4 {
	margin-top: 0;
	color: #3c5169;
}

.statement h1, .whiteparatext h1 {
	font-size: 150%;
}
.statement h2, .whiteparatext h2 {
	font-size: 140%;
}
.statement h3, .whiteparatext h3 {
	font-size: 130%;
}
.statement h4, .whiteparatext h4 {
	font-size: 110%;
}

.statement .tagline {
	color: #526f90;
}

.nav {
	color: #ADACA7; font-size: 13px;
	padding: 3px;
}

ul.nav {
	margin-top: 0;
	padding-top: 0;
	margin-left: 0;
	padding-left: 0;
	border: none;
}

ul.nav li {
	margin-left: 0;
	padding-left: 2px;
	border: none;
	list-style: none;
}

ul.nav li {
	padding-left: 0;
}

ul.nav li:before {
	content: "\0020 \0020 \0020 \003E \0020";
	color: #adaca7;
	font-weight: bold;
}

.nav a:link     { color: #6699CC; text-decoration: none }
.nav a:visited  { color: #6699CC; text-decoration: none }
.nav a:hover    { color: #336699; text-decoration: none }
.nav a:active   { color: #99CCFF; text-decoration: none }

.nav .active {
	color: black;
}
.nav .active a:link     { color: #2c4258; }
.nav .active a:visited  { color: #2c4258; }
.nav .active a:hover    { color: #35606b; }
.nav .active a:active   { color: #5c5186; }

ul.nav {
	padding-right: 1em;
}

ul.nav li.active:before {
	color: black;
}

ul.nav ul {
	margin-left: 0;
	padding-left: 0;
}

ul.nav ul li {
	padding-left: 1em;
}

img.logo { border: 0; }
img.icon { border: 0; }

.events h4 {
	margin-bottom: 0;
}

.events ul {
	padding-left: 0;
	margin-top: 0;
}

.events ul li {
	padding-left: 0;
	list-style: none;
}

.events a:link     { color: #336699; text-decoration: none }
.events a:visited  { color: #336699; text-decoration: none }
.events a:hover    { color: #2c4258; text-decoration: none }
.events a:active   { color: #336699; text-decoration: none }

.letter {
	font-style: italic;
}

.name {
	font-size: 110%;
	font-weight: bold;
}

ul.media, ul.media li {
	padding-left: 0;
	list-style: none;
}

ul.media li img.icon {
	padding-right: 3px;
}

div.photos {
	padding-bottom: 10px;
}

div.photos img {
	margin-right: 10px;
	border: 1px solid #3c5169;
	background: #f9f9f9;
	padding: 5px;
}