/** CSS Document **/

* { 
padding: 0; 
margin: 0;
} 

body {
background-color: #e1cecc;
scrollbar-arrow-color: #aa7188;
scrollbar-face-color: #e6c7cc;
scrollbar-track-color: #e6c7cc;
scrollbar-3dlight-color: #e6c7cc;
scrollbar-highlight-color: #e6c7cc;
scrollbar-shadow-color: #ebced4;
scrollbar-darkshadow-color: #e6c7cc;
font: 70%/140% verdana, sans-serif; 
color: #ab6381;
} 

/*---- Skeleton ----*/

#layout { 
width: 750px; 
margin: 15px auto 0 auto;
} 

#header { 
background: url(images/esoteric_01.jpg) top left no-repeat; 
height: 130px; 
} 

#horizontal_nav { 
padding: 95px 0 0 140px; 
text-transform: uppercase;
width: 360px;
} 

#horizontal_nav a:hover { 
border: none; 
} 


#container { 
background: url(images/esoteric_02.jpg) top left no-repeat;
width: 750px; 
float: left; 
} 

#content { 
background-color: #e6c7cc; 
color: #ab6381;
margin: 0 0 0 95px;
float: left;
}

#navigation { 
float: right; 
font-size: 90%;
margin: 180px 30px 0 0;
width: 120px;
} 

#footer { 
background: url(images/esoteric_03.jpg) top left no-repeat; 
height: 77px; 
clear: both;
} 

#copyright { 
padding: 35px 0 0 125px; 
} 

#credits { 
padding-top: 10px; 
text-align: center;
text-transform: uppercase;
font-size: 90%;
}

/*---- Headers ----*/

h1 { 
color: #739BAF;
background: #e8d7d8 url(images/h1.jpg) center left no-repeat; 
padding: 2px 5px 0 50px; 
border-bottom: 2px solid #F2E6E6;
font: 130%  arial, verdana, sans-serif; 
}

h2 { 
font: 130% verdana, sans-serif; 
border-bottom: 2px solid #E5D8DF;
padding: 2px;
color: #9D5E9F;
}

h1, h2 { 
margin: 10px 0;
} 

.box { 
padding: 1px 10px; 
border: 2px solid #D1BDC6;
text-align: justify;
background-color: #E2D7DB; 
margin-right: 7px;
}


/*---- Lists ----*/

ol, ul { 
margin: 10px 0; 
margin-left: 10px;
} 

ol { 
list-style-position: inside; 
} 

ul { 
list-style-type: none;
} 

#navigation ul { 
margin: 0;
}

ul li { 
background: url(images/bullet.gif) no-repeat 0 6px;
padding-left: 15px;
}


/*---- Links ----*/

a { 
color: #aa81ab; 
cursor: default; 
text-decoration: none; 
font-weight: bold;
}

a:hover { 
color: #9d6b8b; 
border-bottom:1px dashed #d19795;
}

.footer { letter-spacing:1px;} 
.footer a:hover { border:none;}

#navigation a {
color: #8caab1;
}

#navigation a:hover {
color: #9d6b8b; 
}

/*---- Form Elements ----*/

input, textarea, .button, label { 
margin: 5px 0; 
} 

input, textarea,.button { 
border: 2px solid #F2DDE6; 
border-width: 0 0 2px 0;
background-color: #E7D7D8; 
padding: 5px; 
color: inherit; 
font: inherit; 
} 

input, textarea { 
width: 250px; 
float: right; 
margin-right: 11px; 
} 

label { 
width: 80px; 
float: left; 
margin-left: 10px;
font-weight: bold; 
} 

.button { 
width: 100px; 
float: right; 
clear: both; 
margin-right: 11px;
} 

.clear { 
clear: both; 
} 

/*---- Extras ----*/

p { 
margin: 10px 0;
}

b { 
color:#945583; 
}