body {
background: #E6E7E1 url(images/bg.jpg) repeat-x top;
margin: 0;
padding: 0;
font-family: verdana, serif;
font-size: 11px;
color: #A29D96;
text-align: justify;
cursor: default
}


/* THE POSITIONING OF THE DIVS */

#left {
position: absolute;
top: 0;
left: 0;
width: 271px;
background: url(images/left_bg.jpg)
}

#nav {
float: left;
padding: 376px 26px 20px 70px;
width: 175px;
line-height: 13px;
background: url(images/top_1.jpg) no-repeat top
}


/* THE NAVIGATION LIST */

.nav li {
list-style: circle;
padding-bottom: 2px
}

ul.nav  {
padding: 0;
padding-left: 25px;
margin: 0
}


/* THE CONTENT DIV */

#right {
position: absolute;
left: 271px;
top: 0;
width: 446px;
background: #EFEFEB url(images/top_b.jpg) no-repeat top
}

#main {
float: left;
line-height: 14px;
width: 430px;
background: url(images/main_bg.jpg) no-repeat bottom;
padding: 129px 8px 60px
}

#main p {
margin: 8px 0 11px
}

/* FIXING AN IE BUG */

* html #main {
width: 426px
}


/* LINKS */

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

#main a {
letter-spacing: 1px;
word-spacing: 2px
}

#main a:link, #main a:visited {
color: #D39DA7;
border-bottom: 0
}

#main a:hover, #main a:active {
color: #C3A794;
border-bottom: 1px solid #DDD2C7
}

#nav a:link, #nav a:visited {
color: #A38490
}

#nav a:hover, #nav a:active {
color: #B9A5B0
}


/* HEADINGS */

h1 {
font-family: georgia, serif;
font-size: 16px;
background: url(images/h1_bg.jpg) no-repeat;
color: #A5778D;
padding: 7px 0 7px 15px;
margin: 10px 0 0 10px
}

h2 {
font-family: georgia, serif;
font-size: 15px;
color: #998F85;
margin: 0;
padding: 20px 0 7px 0
}

h3 {
color: #C3A794;
font-size: 11px;
letter-spacing: 1px;
text-align: right;
border-top: 1px solid #D39DA7;
padding-top: 2px;
margin-top: 0
}


/* AVATAR */

.avatar {
float: left;
padding-right: 5px
}

blockquote {
background: url(images/quote.jpg);
border: 1px solid #DACACD;
color: #AC8794;
margin: 0 20px 10px;
padding: 0 10px
}


/* FORM ELEMENTS */

.post_comment {
width: 414px;
height: 335px;
padding-top: 5px
}

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

form {
margin-top: 15px
}

input, textarea {
background: #DDD7D2;
padding: 3px;
color: #897E74;
border: 1px solid #BEABA5;
width: 270px;
margin: 0 30px 8px 10px;
float: right;
font-family: verdana, sans-serif;
font-size: 11px
}

.smilies {
float: right;
width: 270px;
margin: 0 30px 8px 10px;
padding: 3px
}

* html .smilies {
width: 240px
}

select {
background: #DDD7D2;
color: #897E74;
border: 1px solid #BEABA5;
font-family: verdana, sans-serif;
font-size: 11px;
height: 19px;
width: 200px
}

.button {
width: 80px;
margin-left: 120px;
float: left
}