body {
	margin: 0;
	padding: 0;
/*	background-color: #003366; */
/*	background-color: #94cee7; */
/*	background-color: #427384; */
	background-color: #7394ad;
	font-family: Georgia, "Times New Roman", serif;
	font-size: 87%;
}

p {
	font-size: 1.0em;
	line-height: 120%;
}

label {
	font-size: 1.0em;
}

h1 {
	font-size: 2.0em;
}

h2 {
	font-size: 1.6em;
}

h3 {
	font-size: 1.4em;
}

h4 {
	font-size: 1.1em;
}

img {
	display: block;
}

img.inline {
	display: inline;
}

a {
	color: #4d4f84;
}

a:hover {
	color: #4d8467;
}

.spacer {
	clear: both;
}


#container {
	background-color: #eeeef4;
	border-left: 1px solid #006699;
	border-right: 1px solid #006699;
	margin: 0 auto 0 auto;
	padding: 0 3px;
	width: 648px;
}

#header {
	background-image: url("images/underwater_header2.jpg");
	background-position: center top;
	background-repeat: no-repeat;
	border-left: 1px solid #006699;
	border-right: 1px solid #006699;
	border-bottom: 1px solid #006699;
	margin-bottom: 3px;
	width: 646px;
	text-align: right;
}
#header h1 {
	margin: 0;
	padding: 125px 17px 2px 2px;
	color: #eeeef4;
}

#navigation {
	border: 1px solid #006699;
	padding: 10px 20px;
	margin-bottom: 3px;
}

#navigation ul {
	padding: 0;
	margin: 0;
}

#navigation ul li {
	display: inline;
	padding: 0;
	margin: 0 10px 0 0;
}

#content {
	border: 1px solid #006699;
	padding: 20px;
	margin-bottom: 3px;
}

#content h2 {
/*	color: #003366; */
	color: #3a3a64;
/*	background-color: #b7c8a2; */
	background-color: #c3d2b2;
	border: 1px dotted #006699;
	padding: 4px;
	margin: 0 -5px 8px -5px;
}

.post h3 {
	border-left: 1px dotted #006699;
	border-top: 1px dotted #006699;
	padding: 4px;
	margin: 0 -5px;
}

.postscript {
	border-bottom: 1px dotted #006699;
	border-right: 1px dotted #006699;
	padding: 4px;
	margin-left: -5px;
	margin-right: -5px;
	text-align: right;
}

/* .posttrailer {
	background-image: url("/images/underwater_posttrailer.gif");
	background-repeat: no-repeat;
	background-position: center top;
	width: 100%;
	height: 37px;  / * The image is 32px in height, but bottom-margins disappear when going against another div with a top-margin, hence the extra 5px of height here. * /
	margin-bottom: 5px;
	margin-top: 5px;
} */

#sidebar {
	border: 1px solid #006699;
	padding: 20px;
	margin-bottom: 3px;
}

#sidebar h2 {
	color: #3a3a64;
	background-color: #c3d2b2;
	border: 1px dotted #006699;
	padding: 4px;
	margin: 0 -4px 8px -4px;
}

#sidebar ul {
	padding: 0;
	margin: 0 0 10px 0;
}

#sidebar ul li {
	display: inline;
	padding: 0;
	margin: 0 5px 0 0;
}

#copyright {
	background-color: #c3d2b2;
	border-left: 1px solid #006699;
	border-right: 1px solid #006699;
	border-top: 1px solid #006699;
	text-align: center;
}
#copyright p {
	margin: 0;
	padding: 5px 0;
}


/* Archives classes/ids */

#monthlyarchivelist {
	float: left;
	width: 45%;
	margin-right: 20px;
}

#categoryarchivelist {
	float: right;
	width: 45%;
}

#individualarchivelist {
	clear: both;
}

ul.archivelist {
	list-style: none;
	margin-left: 0;
	padding-left: 0;
}

ul.archivelist li {
}

/* Individual Archives / Comment Form classes/ids */

#sidewaysmovement {
	border-top: 1px dotted #006699;
	border-bottom: 1px dotted #006699;
	padding: 4px 5px;
	margin-left: -5px;
	margin-right: -5px;
	text-align: center;
}

#commentarea {

}

.commentby {
	border-bottom: 1px dotted #006699;
	padding-bottom: 1em;
}

#makecomment {

}

#makecomment input,
#makecomment textarea {
	border: 1px dotted #006699;
	padding-bottom: 0.5em;
}

#makecomment input[type="radio"] {
	border: 0;
}

#infobox {  /* style mostly cribbed from MT's default */
	width: 180px;
	padding-right: 15px;
	margin-right: 15px;
	float: left;
	text-align: left;
	border-right: 1px dotted #006699;
}


/* Popped window classes/ids */

#popcontainer {
	width: 400px;
	margin: 0 auto;
	padding: 20px;
	border-left: 1px solid #006699;
	border-right: 1px solid #006699;
	background-color: #eeeef4;
}

.title {
	font-weight: bold;
}


/* Chatter colors */

.imr { color: #990000; }
.imb { color: #444574; }


/* Skinshot border */

.skinshot {
	border: 1px solid #006699;
}