body {
background: #963A49 url(images/bg.jpg) repeat-y center;
margin: 0;
padding: 0;
font-family: verdana, sans-serif;
font-size: 11px;
text-align: center
}


/* THE CONTENT LAYERS */

#center {
margin: 0 auto;
width: 721px
}

#container {
float: left;
width: 721px;
background: url(images/container.jpg)
}

#top {
background: url(images/top.jpg);
width: 721px;
height: 135px
}

#content {
float: left;
background: url(images/content.jpg) no-repeat top;
width: 472px;
padding: 0 14px;
text-align: justify;
color: #933925
}

.header {
color: #C8A4B1;
line-height: 16px;
margin: 10px 100px 0 20px
}


/* THE MAIN LAYER */

.main {
background: url(images/main.jpg);
color: #933925;
margin: 20px 10px 0;
overflow: visible;
width: 452px
}

.main p {
padding: 7px;
margin: 0;
line-height: 15px
}

.main img {
border: 1px solid #933925
}

.main ul, .main ol {
margin: 0 20px 0 30px;
line-height: 15px
}


/* THE NAVIGATION */

#nav {
float: right;
background: url(images/nav.jpg) no-repeat top;
width: 208px;
padding: 230px 13px 0 0;
text-align: justify;
color: #E6C2BD
}

#nav p {
padding: 0 7px;
line-height: 14px;
margin: 0
}

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

.nav li a {
display: block;
height: 21px;
font-family: georgia, serif;
font-size: 13px;
margin-bottom: 2px;
padding: 5px 0 0 10px
}

* html .nav li a {
margin-bottom: 0
}


/* LINKS */

a {
font-weight: bold;
text-decoration: none
}

.main a:link, .main a:visited {
color: #75132C;
text-decoration: none
}

.main a:hover, .main a:active {
color: #9F4462;
text-decoration: underline
}

#footer a:link, #footer a:visited,
.comment a:link, .comment a:visited {
color: #C8A4B1
}

#footer a:hover, #footer a:active,
.comment a:hover, .comment a:active {
color: #E6C2BD
}

.nav li a:link, .nav li a:visited {
background: #BD7384;
color: #934159
}

.nav li a:hover, .nav li a:active {
background: url(images/nav_hover.jpg);
color: #A73D3C;
padding-left: 45px
}

ul.aff {
margin: 0 0 0 15px;
padding: 0;
list-style: none
}

.aff li {
font-family: georgia, serif;
font-size: 12px;
letter-spacing: 1px;
margin-bottom: 3px;
padding-left: 12px;
background: url(images/arr.gif) no-repeat left
}

.aff a:link, .aff a:visited {
color: #C8857F
}

.aff a:hover, .aff a:active {
color: #E6C2BD
}


/* THE FOOTER */

#footer {
background: url(images/footer.jpg);
clear: both;
width: 721px;
height: 64px;
padding: 59px 0 0;
color: #E6C2BD
}


/* HEADINGS */

h1 {
font-family: georgia, serif;
color: #E6C2BD;
font-size: 26px;
font-style: italic;
margin: 30px 0 0;
padding-right: 50px;
text-align: right
}

h2 {
font-family: georgia, serif;
color: #9F4462;
margin: 0;
font-size: 19px;
padding: 5px 0 5px 10px
}

h3 {
background: url(images/h3.jpg) right;
height: 19px;
font-family: verdana, sans-serif;
font-size: 11px;
text-align: right;
font-style: italic;
font-weight: normal;
color: #8A263B;
padding: 4px 95px 0 0;
margin: 0
}

h4 {
font-family: georgia, serif;
color: #C68BA1;
font-size: 18px;
font-style: italic;
padding-right: 10px;
margin: 20px auto 5px;
text-align: right
}

h5 {
color: #933925;
font-family: verdana, sans-serif;
font-size: 11px;
border-top: 1px solid #933925;
margin: 5px 0 0;
text-align: right;
padding: 3px 30px 10px 0
}

h6 {
font-size: 11px;
border-top: 1px solid #C88475;
color: #C88475;
text-align: right;
margin: 3px 0 0;
padding: 2px 20px 7px 0
}


/* AVATAR */

.avatar {
float: left;
border: 1px solid #BD7384;
margin-right: 5px
}


/* THE COMMENTS BOX */

.comment {
background: #AB5167 url(images/comment.jpg) no-repeat top left;
color: #CE979E;
border: 1px solid #CE979E;
margin: 15px 33px 0 33px
}

.comment p {
padding: 7px;
margin: 0
}


/* THE FORM */

input, select, textarea {
color: #934159; 
background: #C88475; 
border: 1px solid #AB5167; 
font-family: verdana, serif; 
font-size: 11px
}

input, textarea {
padding: 3px; 
width: 370px; 
margin: 5px 0px 13px 25px
}

label {
display: block; 
float: left;
margin-left: 10px
}

.button {
width: 85px; 
padding: 3px
}