/* four-way border order: top right bottom left */

body { 
	background: #cbdae5;
	margin: 0px;

	/*color: #555753; */
	/* background: #fff url(pic.jpg) no-repeat bottom right; */
}

p {
	/*background: #ffffff;*/
	text-align: justify;
	text-indent: 0;
}

/* Header stuff */

#top {
	position: absolute;
	top: 0px;
	left: 0px;
	right: 0px;
	width: 100%;
	height: 60px;

	background: #3f9adc;
	padding: 0px;
}

#top h1 {
	position: absolute;
	bottom: 5px;
	left: 0px;

	margin: 0px 0px 0px 80px;

	/*font-weight: bold;*/
	/*font-size: smaller;*/
	font-family: sans-serif;
	text-align: left;

	color: #000000;

}

/* The sidebar */

#sidebar {
	position: absolute;
	top: 80px;
	right: 10px;
	width: 356px;

	border-left: 2px dashed #202020;
	padding: 0px;
}

#sidebar img {
	position: relative;
	top: 10px;
	left: 10px;
}

#sidebar h3 {
	/*font-style: italic;*/
	/*font-family: sans-serif;*/
	text-align: center;
	color: #000000;
}

#sidebar p {
	margin-left: 20px;
	text-align: left;
	color: #000000;
}

/* Main */

#main {
	margin: 80px 396px 0px 80px;
	padding: 0px;
}

#main h3 {
	font-style: italic;
	font-family: sans-serif;
	position: relative;
	left: -30px;
	color: #000000;
}

#main h3 a:link, #main h3 a:visited {
	text-decoration: none;
	color: #000000;
}

img.pic {
	/* Centers the image */
/* Centering this way makes the <a> around the image have
the full width of the text area, which is kind of strange.
Wrapping the image in a <div> avoids this problem at the
price of a little inelegance.
	margin-left: auto;
	margin-right: auto;
	display: block;
*/
}

div.picwrap {
	text-align: center;
	margin-top: 1em;
	margin-bottom: 1ex;
}
	
p.caption {
	font-style: italic;
	font-size: smaller;
	text-align: center;
	margin-top: 0px;
}

/* Footer */

#footer {
	font-size: smaller;
	text-align: center;
	color: #404040;

	/*position: absolute;*/
	/*bottom: 0;*/

	margin: 0 30% 0 30%;
	padding-top: 2px;
	border-top: 1px solid #202020;
}

#footer a:visited, #footer a:link {
	text-decoration: none;
	color: #404040;
}

#footer img {
	vertical-align: middle;
}
	
/* Misc */

p.banner {
	font-size: larger;
}

a img { 
	border: 0px;
}

span.email {
	font: Lucida Typewriter, monospace, mono;
	font-family: monospace;
}