@charset "UTF-8";
/* CSS Document */

.clear {
	clear:both;
}

body {
	margin: 0px auto 0px auto;
	width:850px;
}

#container {
	margin-top:3em;
	border:solid #666666 5px;
}

.description {
	padding-left:0.5em;
	padding-right:0.3em;
	border-left:solid #ccccff thin;
}

#loginPanel {
	float:left;
	width:25em;
}

#registerPanel {
	float:left;
	width:25em;
}

#sidenav {
	width:213px;
	height:1143px;
	background-color:#666666;
	float:left;
}

#mainPanel {
	margin: 0px auto 0px auto;
	width:600px;
	background-color:#FFFFFF;
}

/* --------------------------
-- Form Elements
---------------------------*/
.formitem {
	padding:1em;
}

.formitem .label {
	width:2em;
}

.formitem .label-wide {
	padding-bottom:0.25em;
}

.formitem .field {
	width:20em;
}

.formitem .field input {
	width:18em;
}

.floatingcolumn {
	float:left;
	width:20em;
	margin-right:3em;
}

#narrative {
	width:40em;
	height:9em;
}

.buttonPanel {
	padding-left:1em;
	margin-top:2em;
}
/* -----------------------
-- Search Pane
-------------------------- */
.floatCell {
	float:left;
	width:200px;
}

.blkBtmLine {
	border-bottom:solid #000 thin;
	margin-bottom:5px;
	padding-bottom:5px;
}
/* -----------------------
-- Preview Pane
-------------------------- */
p.subheadline {
	background-color:#CCCCCC;
	color:#666666;
	font-weight:bold;
}

#previewPane {
	top:60px;
	margin:0px auto 0px auto;
	padding:0.5em;
	position:absolute;
	z-index:5;
	display:none;
	float:left;
	width:600px;
	height:475px;
	background-color:#ffffff;
	border:solid #666666 thick;
}

.floatingBioColumn {
	float:left;
	width:45em;
}
.floatingInfoColumn {
	float:left;
	width:17em;
	margin-left:1em;
}

.centralStyle {
	text-align:center;
}