body {
	background: #e0e0e0 url(/images/global/shack.gif) no-repeat bottom right;
	background: url(/images/tile-diagonal-stripe.gif) repeat top left;

	background-attachment: fixed;
	margin: 0;
	color: #222;
	font-family: geneva, "trebuchet ms", helvetica, sans-serif;
	font-family: "lucida grande", "trebuchet ms", helvetica, sans-serif;
	font-size: 75%;
}

img {
	border: none;
}

p {
	margin: 0 0 2ex;
	position: relative;
}

p, blockquote
{
	line-height: 1.5em;
}

a
{
	color: #25f;
}


a:hover {
	color: #e10 !important;
}

h1, h2, h3, h4 {
	color: #000;
	text-align: left;
	position: relative;
}

h1 {
	font-size: 180%;
	font-weight: normal;
	margin: 0 0 0.5ex;
}

h2 {
	font-size: 140%;
	font-weight: normal;
	margin: 0 0 0.3ex;
}

li {
	list-style-image: url(/images/icons/plus.gif);
}

ul {
	margin: 1.2em 0;
}

ul.spaced {
	margin: 2ex;
}
ul ul {
	margin: 1ex;
}
ul.spaced li {
	margin-bottom: 1ex;
}
ul.spaced ul li {
	margin-bottom: 0.5ex;
}

hr {
	height: 0px;
	border: none;
	border-top: 1px dotted #aaa;
	margin: 2em 0px;
}

b {
	color: #222;
}

blockquote {
	padding: 1.5em;
	margin: 1.5em;
	border: 1px dotted #aaa;
	background: #eee;
	overflow: auto;

	/* ie hack - gives hasLayout property
	   (http://www.satzansatz.de/cssd/onhavinglayout.html)
           to fix blockquotes next to floated images */
	zoom: 1;
}

.post blockquote
{
	clear: both;
}

td, th
{
	vertical-align: top;
	padding: 4px;
}

input
{
	background: #eee url(/images/tile-diagonal-stripe.gif) repeat top left;
	background: #e8e8e8;
	margin: 4px;
	vertical-align: middle;
}

.caption {
	font-size: 90%;
	color: #aaa;
	text-align: center;
}

#nav {
	background: #eaeaea;
	background: #e0e0e0;
	border-bottom: 1px dotted #888;
}
#nav a
{
	background: #eaeaea;
}

#nav ul, #subnav ul {
	list-style: none !important;
	list-style-image: none !important;
	margin: 0;
	padding: 0;
}

#nav li, #subnav li {
	/* float: left; !! breaks menus in opera */
	/* ...but is needed for IE. IE wins. */
	float: left;
	list-style-image: none;
}
#nav li a, #subnav li a { 
	float: left;
	border-right: 1px dotted #bbb;
	text-transform: lowercase;
	text-decoration: none;
	color: #fff;
}


#nav li a:hover {
	background: #f0f0f0;
}

#subnav {
	position: relative;
	margin-left: 15px;
	z-index: 0;
	background: #c8b9b4;
	background: #a88e84;
	font-size: 95%;
}



#subnav li a {
	padding: 4px 26px;
}

#subnav li a:hover {
	background: #d0c8c8;
	background: #987e74;
	color: #fff !important;
}

#projectnav ul {
	list-style: none;
	padding: 4px;
	margin: 0;
}

#projectnav {
	margin: 0px 15px 15px;
	padding: 15px 15px;
	border: 1px dotted #888;
	border-top: none;
	background: #f8f8f8;
}

#projectnav .icon {
	margin-right: 15px;
}

#projectnav li {
	float: left;
	margin: 4px 20px;
}

#projectnav li a {
	padding: 4px 8px;
	text-decoration: none;
	border-bottom: 1px dotted #aaa;
}
#projectnav li a:hover {
	border-bottom-style: solid;
	background: #eaeaea;
}

#projectnav li.active {
	background: #ff8;
}

#projectnav h1 {
	margin-top: 5px;
}

#main {
	background: transparent url(/images/global/collage-top.jpg) repeat-x top left;
	padding: 32px 0;
}

#content {
	text-align: left;
	clear: both;
	width: 630px;
	min-height: 600px;
	/* width: 580px; */
}

#footer
{
	font-size: 90%;
	color: #888;
	padding: 0 20px;
}

#footer a
{
	color: #666;
}



#splash {
/*
	background: #e0e0e0;
	padding: 10px 50px;
*/
	text-align: center;
	width: 680px;
	margin: auto;
	font-size: 120%;
}

#splash p {
	margin: 4ex 0;
}

#player {
	display: none;
	margin: 4px 20px;
	border: 10px solid #f0f0f0;
}


#sidebar
{
	position: absolute;
	left: 630px;
	top: 380px;
	padding: 15px 15px;
	border: 1px dotted #888;
	background: #f8f8f8;
	width: 155px;
	font-size: 90%;

	/* left: 585px; */
	width: 185px;
	font-size: 92%;
	text-align: justify;
	text-align: left;
}

#sidebar ul
{
	padding-left: 16px;
	margin-left: 4px;
}

#sidebar input
{
	font-size: inherit;
	width: 140px;
	padding: 0;
}



.box {
	background: #fcfcfc;
	padding: 30px 20px 20px;
	border: 5px solid #f0f0f0;
	margin: 20px 20px 20px;
	text-align: justify;
	text-align: left;

	padding: 20px;
	border: 1px dotted #888;
	background: #f8f8f8;
}

.box_titled {
	border-top: 0px;
	margin-top: 0px;
}

.box .header {
	color: #000;
	padding-bottom: 10px;

}

.box .text {
	border-top: 1px dotted #aaa;
	padding-top: 10px;
	clear: both;
}

.box_title {
	color: #7cc;
	background: #a8f0e8;
	text-transform: uppercase;
	font-size: 80%;
	margin: 20px 20px 0;
	padding: 3px 12px;
	font-weight: bold;
}

.box .images .image {
	padding: 6px;
	float: left;
	margin-right: 8px;
	margin-bottom: 8px;
}

div.spaced {
	margin-bottom: 600px;
}




.gallery {
        margin: 20px auto;
        border-spacing: 0;
}

.gallery td {
        padding: 0;
}

div.gallery {
	width: 404px;
}

div.gallery a {
	float: left;
}

.gallery_image
{
	max-width: 500px;
}





#flagbearer {
	position: absolute;
	z-index: 100;
	left: 540px;
	top: 80px;
}

.clear {
	clear: both;
}


.location {
	color: #d72795;
	color: #d51;
	font-size: 120%;
}
.date {
	color: #999;
	margin-bottom: 1ex;
}

.quote {
	font-size: 500%;
	float: left;
	top: -10px;
	margin-right: 4px;
	position: relative;
}

.left {
	float: left;
}
.right {
	float: right !important;
	margin-left: 12px;
	margin-bottom: 12px;
}
.center {
	text-align: center;
}

.center * {
	text-align: center;
}

.serif {
	font-family: georgia, serif;
}

.icon {
	border: none !important;
	float: left;
	margin: 0 8px 8px 0;
}

.intro
{
	font-size: 120%;
	font-weight: bold;
}


.scatter span {
	color: #000;
	font-size: 150%;
	position: relative;
}

.light {
	color: #aaa;
}

.highlight {
	color: #f55;
}

.image {
	border: 1px dotted #ccc;
	padding: 6px;
	float: left;
	position: relative;
	z-index: 5;
	margin-right: 8px;
	margin-bottom: 8px;
}
.image *
{
	position: relative;
	float: left;
}

div.image_full {
	border: 1px dotted #888;
	padding: 15px;
	background: #f4f4f4;
	text-align: center;
	margin: 15px;
}

div.image_full img {
	margin: 10px 0;
}

div.image_nav * {
	vertical-align: middle;
}

.description {
	margin-top: 3ex;
}