* {
	margin: 0;
	padding: 0;
}

body {
	background: #3A6577;
	
	font-size: 62.5%;
}

/* LOGO */

#logo {
	background: #203F4A;
}

#logo h1 {
	background: url('../images/logo_top.jpg') bottom center no-repeat;
	
	font-size: 1.0em;
	
	height: 18.0em;
}

#logo h1 span {
	display: none;
}

/* EXPLANATION */

#explanation {
	background: #2C5360 url('../images/logo_bottom.jpg') top center no-repeat;
	
	padding: 1.8em 0;
}

#explanation p {
	font-family: Georgia, serif;
	font-size: 1.5em;
	
	text-align: center;
	text-transform: uppercase;
	
	line-height: 1.6em;
	
	color: #BDDEED;
}

/* NAVIGATION */

#navigation {
	padding: 2em 0;
	
	font-family: Georgia, serif;
	font-size: 1.4em;
	
	text-align: center;
	text-transform: uppercase;
}

#navigation li {
	display: inline;
	
	list-style-type: none;
}

#navigation a {
	text-decoration: none;
	
	margin: 0 0.6em;
	padding: 0.2em 0.4em;
	
	background: #2C5360;
}

#navigation a:link,
#navigation a:visited {
	color: #A1CFDF;
	
	border-bottom: none;
}

#navigation a:hover {
	color: #d9e3e5;
	background: #203F4A;
	
	border-bottom: none;
}

#navigation a:active {
	color: #ffffff;
	
	border-bottom: none;
}

/* WRAPPER */

#wrapper {
	margin: 0 auto;
	
	width: 70em;
}

#wrapper h2 {
	padding: 0 0.1em;
	margin: 0.8em 0 0.6em 0;
	
	font-family: Georgia, serif;
	font-size: 2.6em;
	font-weight: normal;
	
	text-transform: uppercase;
	
	border-top: 2px solid #799399;
	border-bottom: 2px solid #799399;
	
	color: #ffffff;
}

#wrapper h3 {
	margin: 0.8em 0;
	
	font-family: Georgia, serif;
	font-size: 1.8em;
	font-weight: normal;
	
	text-transform: uppercase;
	
	color: #ffffff;
}

#wrapper p {
	color: #b7c7cb;

	margin: 0.9em 0;
	
	line-height: 1.5em;
	
	font-family: Georgia, serif;
	font-size: 1.4em;
}

#wrapper ul.rules {
	margin: 0.9em 0 0.9em 2em;

	line-height: 1.5em;
}


#wrapper li {
	color: #b7c7cb;

	line-height: 1.5em;
	
	font-family: Georgia, serif;
	font-size: 1.4em;
}

#wrapper strong {
	font-size: 0.9em;
	
	color: #ffffff;
	
	text-transform: uppercase;
}

#wrapper .dl_container {
	padding: 0.2em 0;
	
	border-top: 0.2em solid #2C5360;
	border-bottom: 0.2em solid #2C5360;
}

#wrapper dl {
	margin: 0;
	padding: 0.5em 1em 0 1em;
	
	color: #8b9fa4;
	
	font-size: 1.5em;

	line-height: 1.5em;
	
	background: #2C5360;
}

#wrapper dl dt {
	color: #ffffff;
	
	text-transform: uppercase;
	
	margin-top: 0.5em;
}

#wrapper dl dd {
	padding-bottom: 1em;

	color: #b7c7cb;
	
	font-size: 1em;
}

#wrapper input.text {
	width: 50%;
	
	border: 0.1em solid #2C5360;
	
	background: #d9e3e5;
}

#wrapper input.button {
	;
}

#wrapper p.warning {
	border-top:    2px solid #930;
	border-bottom: 2px solid #930;

	background: #fdc;
	
	color: #930;
	
	padding: 0.5em;
}

#wrapper p.warning strong {
	color: #c30;
}

#wrapper p.warning a:link,
#wrapper p.warning a:visited {
	color: #930;

	border-bottom: 0.1em solid #930;
}

#wrapper p.warning a:hover {
	color: #c30;

	border-bottom: 0.1em solid #f00;
}

#wrapper p.warning a:active {
	color: #f00;

	border-bottom: 0.1em solid #f00;
}

#wrapper .error {
	background: #fcc;
	
	color: #900;
	
	padding: 0.5em;
}

/* LINKS */

#wrapper a {
	text-decoration: none;
}

#wrapper a:link {
	color: #A1CFDF;
	
	border-bottom: 0.1em solid #A1CFDF;
}

#wrapper a:visited {
	color: #b7c7cb;
	
	border-bottom: 0.1em solid #b7c7cb;
}

#wrapper a:hover {
	color: #d9e3e5;
	
	border-bottom: 0.1em solid #b7c7cb;
}

#wrapper a:active {
	color: #ffffff;
	
	border-bottom: 0.1em solid #d9e3e5;
}

/* SUBSCRIBER LIST */

#subscriber_list_container {
	padding: 0.2em 0;
	
	border-top: 0.2em solid #2C5360;
	border-bottom: 0.2em solid #2C5360;
}

#subscriber_list {
	padding: 2em;
	
	background-color: #2C5360;
}

#subscriber_list li {
	display: inline;
	
	color: #ffffff;
}

#subscriber_list li.first:before {
	content: "";
}

#subscriber_list li:before {
	content: " · ";
}

/* POST */

#wrapper .post_container {
	margin: 1.8em 0;
	padding: 0.2em 0;
	
	border-top: 0.2em solid #2C5360;
	border-bottom: 0.2em solid #2C5360;
}

#wrapper .post {
	margin: 0;
	padding: 2em;
	
	color: #b7c7cb;
	
	background: #2C5360;
	
	line-height: 1.5em;
	
	font-family: Georgia, serif;
	font-size: 1.4em;
}

/* for stupid people using <h2> in their posts... */
#wrapper .post h2 {
	font-size: 1.2em;
	font-weight: normal;
	
	text-transform: uppercase;
	
	color: #d9e3e5;
	
	border: none;
}

#wrapper .post h4 {
	margin: 0 0 0.2em 0;
	
	font-size: 1.2em;
	font-weight: normal;
	
	text-transform: uppercase;
	
	color: #d9e3e5;
}

#wrapper .post h4 a {
	border-bottom: none;
}

#wrapper .post p {
	margin: 0.9em 0 0 0;
	
	font-size: 1em;
}

#wrapper .post ul, .post ol {
	margin-left: 2em;
}

#wrapper .post li {
	color: #b7c7cb;
	
	font-size: 1em;
}

#wrapper .post img {
	display: inline;
}

#wrapper .post blockquote {
	background: #284b56;
	background: #203F4A;
	
	margin: 1em 0;
	padding: 0.1em 1em;
}

#wrapper .post blockquote p {
	margin: 0.9em 0;
}

#wrapper .post img.toggle_button {
	float: right;
	
	padding: 0;
	
	width: 16px;
	height: 16px;
	
	background-color: #203F4A;
	
	border: none;
	
	cursor: pointer;
}

#wrapper .post .byline {
	color: #799399;
	
	font-size: 1em;
	
	text-transform: uppercase;
}

#wrapper .post .byline a:link,
#wrapper .post .byline a:visited {
	color: #799399;
	
	border-bottom: 1px solid #799399;
}

#wrapper .post .byline a:hover {
	color: #b7c7cb;
	
	border-bottom: 1px solid #b7c7cb;
}

#wrapper .post .byline a:active {
	color: #d9e3e5;
	
	border-bottom: 1px solid #d9e3e5;
}

/* FOOTER */

#footer {
	margin: 5em 0 0 0;
	padding: 1em 0;
	
	background: #2C5360;
	
	text-align: center;
}

#footer p {
	line-height: 1.5em;
	
	color: #b7c7cb;
	
	font-family: Georgia, serif;
	font-size: 1.4em;
}