/* CSS Document */

* {
margin:0;
padding:0;
}

body {
background-color: #F9F9F9;
margin-top: 50px;
margin-bottom: 10px;
}

#biography {
margin: 0;
padding: 0;
}

/* Text */
h1 {
font-family: "Century Gothic", Arial, Helvetica, sans-serif;
font-size: 84px;
color: #000000;
font-weight: normal;
}

h2 {
font-family: "Century Gothic", Arial, Helvetica, sans-serif;
font-size: 38px;
color: #000000;
font-weight: normal;
margin-top: 12px;
margin-bottom: 12px;
text-align: center;
}

h3 {
position: absolute;
top: 0;
right: 0;
font-family: "Century Gothic", Arial, Helvetica, sans-serif;
font-size: 15px;
color: #000000;
font-weight: normal;
text-align: right;
}

p {
text-align: left;
font-family: Arial, Helvetica, sans-serif;
font-size: 18px;
color: #000000;
margin-top: 12px;
margin-bottom: 12px;
}


#bioComment p {
padding: 5px;
margin: 0;
text-align: center;
font-size: 10px;
}

#bioText p{
padding: 10px 10px 0 10px;
margin: 0;
text-align: justify;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
color: #000000;
}

A:link { color:#2D8FDA; }
A:visited { color:#2D8FDA; }
A:hover { color:#00246D; }
A:active { color:#000000; } 

/* Images */
.cimage {
padding: 1px; 
background: #FFFFFF;
border: 1px solid #DDDDDD;
display: block;
margin-right: auto;
margin-left: auto;
}

#content object {
display: block;
margin-right: auto;
margin-left: auto;
}

/* Building Blocks */
#main {
position: relative;
width: 960px;
margin-right: auto;
margin-left: auto;
}

#header {
position: relative;
background-color: #F9F9F9;
}

#content {
position: relative;
width: auto;
border-top: 1px solid #DDDDDD;
border-bottom: 1px solid #DDDDDD;
}

#wrapper{
position: relative;
width: 800px;
padding: 1px; 
background: #FFFFFF;
border: 1px solid #DDDDDD;
margin-right: auto;
margin-left: auto;
margin-bottom: 12px;
}

#bioMain {
position: relative;
width: auto;
height: 540px;
border-bottom: 3px double #383838;
}

.jeff {
background: url('images/bio/jeff23.jpg') no-repeat top left;
}
.jane {
background: url('images/bio/jane23.jpg') no-repeat top left;
}
.kahlil {
background: url('images/bio/kahlil23.jpg') no-repeat top left;
}
.jess {
background: url('images/bio/jess23.jpg') no-repeat top left;
}
.donna {
background: url('images/bio/donna23.jpg') no-repeat top left;
}

#bioText {
float: left;
width: 470px;
height: 540px;
}

#bioComment {
position: absolute;
right: 10px;
bottom: 10px;
background-color: #F1F1F1;
border: 1px dotted #383838;
}

/* Navigation */
#nav{
position: static;
list-style: none;
height: 46px;
width: 958px;
background: url('images/button/6mid.gif') repeat-x;
/* border: 1px #565656 solid; */
border: 1px #B0B0B0 solid;
margin-top: 12px;
margin-bottom: 12px;
}

#nav li {
position: relative;
float: left;
width: auto;
border-right: 1px #B0B0B0 solid;
}

#nav li a{
display: block;
float: left;
height: 46px;
background: url('images/button/6left.gif') no-repeat top left;
text-decoration: none;
cursor: pointer;
}

#nav li a span {
position: relative;
display: inline-block;
height: 35px;
padding: 11px 15px 0 15px;
background: url('images/button/6line.gif') no-repeat top right;
white-space: nowrap;
text-align: center;
font-family: "Century Gothic", Arial, Sans-serif;
font-size: 18px;
color: #000000;
}

#nav li a:link { color:#000000; }
#nav li a:visited { color:#000000; }
#nav li a:hover { color: #000000;}
#nav li a:active { color:#000000; }
#nav li a:focus { outline: none; }

#nav li a:hover {
background-position: 0 -46px;
}

#nav li a:active {
background-position: 0 -92px;
}

#nav li a:hover span{
background-position: 100% -46px;
}

#nav li a:active span{
background-position: 100% -92px;
}

/* Form */
img.randompic {
margin-left: 275px;
margin-top: 15px;
}

fieldset {
border: 0;
width: 100%;
display: block;
}

label {
float: left;
width: 275px;
text-align: left;
font-family: Arial, Helvetica, sans-serif;
font-size: 18px;
color: #000000;
}

input, textarea {
width: 250px;
margin-bottom: 5px;
border: 1px solid #383838; 
}

input.random {
width: 55px;
}

select {
width: 250px;
margin-bottom: 5px;
border: 1px solid #383838; 
}

textarea{
height: 125px;
}

#submit {
margin-left: 310px;
margin-top: 5px;
margin-bottom: 12px;
width: 90px;
}



/* ------------------- */
/* --- Comment Form -- */
/* ------------------- */

#cConsole {
width: auto;
min-height: 200px;
height: auto !important;
height: 200px;
color: #383838;
font-size: 14px;
font-family: Arial, Helvetica, sans-serif;
}

#cConsole p {
padding: 0;
margin: 0;
color: #383838;
font-size: 14px;
font-family: Arial, Helvetica, sans-serif;
}

#cOutput {
float: right;
width: 50%;
padding: 10px;
}

#cInput {
width: auto;
padding: 10px;
}

#cPagination {
float: none;
width: auto;
text-align: center;
}

.cBlock {
width: auto;
margin: 0 0 10px 0;
border-bottom: 1px dotted #383838;
}

.cAuthor {
padding: 5px;
background-color: #F3F3F3;
border-bottom: 1px dotted #383838;
}

.cMessage {
min-height: 75px;
height: auto !important;
height: 75px;
padding: 5px;
}

.cDate {
padding: 5px 5px 10px 5px;
text-align: right;
font-size: 10px;
}

#comments form {
width: 200px;
}

#comments fieldset {
width: 200px;
border: none;
}

#comments label {
float: none;
display: block;
width: 200px;
color: #383838;
font-size: 12px;
font-weight: bold;
font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
}

#comments  input, textarea {
display: block;
width: 200px;
margin: 0 0 10px 0;
border: 1px solid #383838; 
font-size: 12px;
font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
}

#comments textarea{
height: 100px;
}

#comments #cVerify {
width: 60px;
}

#comments  #cButton{
margin: 0 0 0 120px;
width: 80px;
}