#body, #bio, #writing, #photos, #links, #book {
margin: 0em;
padding: 0em;
background-color: #DAECF6; 
font-family: "Lucida Grande", Arial, Helvetica, Trebuchet;
font-size: .9em; }

*html #body, #bio, #writing, #photos, #links, #book {
font-family: Arial, Helvetica, Trebuchet;
font-size: 13px;
 }

#toprule {
height: 40px;
width: 100%;
background-color: #2E1A06;
color: #2E1A06; }

#divbucket {
width: 571px;
margin-right: auto;
margin-left: auto; }

#navigation {
position: absolute;
width: 571px;
top: -2px;
font-size: 13px; }

#navigation ul {
position: relative;
text-align: center;
 }

*html #navigation ul {
position: relative;
top: 12px;
font-weight: bold;
font-size: 16px; }

#navigation ul li {
display: inline;
padding-left: .8em;
padding-right: .8em; }

*html #navigation ul li {
padding-left: 8px;
padding-right: 8px;
}

#navigation ul li a {
color: #fff;
text-decoration: none; }

#navigation ul li a:hover {
color: #73BBE3; }

#logout {
font-size: 1.2em;
font-weight: bold;
float: right;
position: relative;
top: -35px; }

#logout a {
color: #e20000; }

#artwork {
background-image: url(images/home.jpg);
height: 269px;
background-repeat: no-repeat;
width: 100%;
position: relative;
 }

#bio #artwork {
background-image: url(images/bio.jpg);
height: 427px;
background-repeat: no-repeat;
width: 100%;
position: relative;
 }

#writing #artwork {
background-image: url(images/writing.jpg);
height: 267px;}

#book #artwork {
background-image: url(images/book.jpg);
height: 348px;
 }

#links #artwork {
background-image: url(images/links.jpg);
height: 268px;
}

#signature {
position: relative;
width: 135px;
height: 130px;
background-repeat: no-repeat;
background-image: url(images/signature.gif);
top: -100px;
left: 145px;
z-index: 3; }

#bio #signature {
top: -110px;
}

#writing #signature {
left: 300px;
}

#signature {
position: relative;
width: 135px;
height: 130px;
background-repeat: no-repeat;
background-image: url(images/signature.gif);
top: -110px;
left: 145px;
z-index: 3; 
}

#photos #signature {
top: 10px;}

#name {
position: relative;
left: 190px;
top: -180px;
color: #fff;
font-size: 1.2em;
z-index: 4; }

*html #name {
font-weight: bold; }

#writing #name {left: 335px;
color: #fff;}

#bio #name {top: -170px;
color: #fff; }

#photos #name {
top: -60px;
color: #fff; }

#textarea {
background-image: url(images/sliver.jpg);
background-repeat: repeat-y;
position: relative;
top: -150px; }

#photos #textarea {
top: -150px;
}

*html #photos #textarea {
top: -149px;
}

#textblock {
width: 330px;
color:#DAECF6;
margin-left: 140px;
padding-top: 30px;
padding-bottom: 30px; }

#photos #textblock {
padding-top: 140px;
}

#textblock admin {
width: 530px;
color:#DAECF6;
padding-top: 30px;
padding-bottom: 30px;
position: relative;
left: 2em; }

#textblock a {
color:#DAECF6;}

#textblock a:hover {
color: #73BBE3;
}

#footer {
font-size: .7em;
margin-bottom: 2px;
position: relative;
top: -145px;
left: 130px; }

*html #footer {
font-size: 9px;
}

#admin {
font-size: .7em;
margin-bottom: 2px;
position: relative;
top: -160px;
float: right;
right: 95px; }

#admin a {
color:#2E1A06;}

#admin a:hover {
color: #73BBE3;
}

*html #admin {
font-size: 9px;
top: -157px;
}

#contact {
font-size: .7em;
position: relative;
top: -145px;
left: 130px;
line-height: 14px; }

#contact a {
color:#2E1A06;
}

#contact a:hover {
color: #73BBE3;
}

*html #contact {
font-size: 9px;
}

.login-border {
	padding-bottom:10px;
	padding-top:10px;
}

.wide {
	width:100%;
}

.half-width {
	width:50%;
}