/* file name style.css */

/* COLORS */
/* dark red = #611904 */
/* parchment medium brown = #A17C45 */
/* parchment light brown = #DEC79E */
/* dark gold = #ABA000 */
/* dark green = #005E1F */
/* dark blue = #005B7F */
/* dark violet = #440C62 */


/* PAGE LAYOUT */

#header {
position: absolute;
top: 1px;
left: 1px;
height: 261px;
width: 779px;
background: #611904;
}

#menu {
position: absolute;
top: 262px;
left: 1px;
height: 46px;
width: 779px;
background: #611904;
padding: 0;
border-bottom: 3px solid #611904;
}

#maincontent {
position: absolute;
top: 311px;
left: 1px;
width: 779px;
background: #DEC79E;
}

#sidebar {
float: left;
width: 200px;
background: #A17C45;
padding-bottom: 10px;
margin: 0px 10px 10px 0px;
border-bottom: 3px solid #611904;
border-right: 1px solid #611904;
}

#words {
left: 200px;
padding: 20px 0px 0px 10px;
}

#footer {
float: left;
width: 779px;
height: 70px;
background: #611904;
background-image: url(http://www.themidhavens.net/images/menu_bg_empty.jpg);
background-position: bottom;
background-repeat: no-repeat;
border-top: 3px solid #611904;
}




/* TEXT FORMATTING */

#menu img.menu_image {
margin: 0;
padding: 0;
border: 0;
border-style: none;
align: left;
}

#sidebar p.title {
font-family: times new roman, times, serif;
font-size: 14px; 
font-weight: bold;
background-color: #611904;
color: #DEC79E;
margin: 5px 5px 0px 5px;
padding: 0px 0px 0px 5px;
border-left: 3px solid #611904;
border-right: 1px solid #611904;
border-top: 1px solid #611904;
border-bottom: 1px solid #611904;
}

#sidebar p.title:first-letter {
color: #005B7F;
font-weight: bold;
font-size: 18px;
font-family: times new roman, times, serif;
border: 1px solid #DEC79E;
background: #A17C45;
padding: 2px;
margin: 0px 0px 0px 0px;
}

#sidebar p {
color: #000000;
font-weight: normal;
font-size: 11px;
font-family: tahoma, arial, sans-serif;
padding: 2px 5px 8px 5px;
margin: 0;
}

*.boxcontent {
border-left: 3px solid #611904;
border-right: 1px solid #611904;
border-top: 1px solid #611904;
border-bottom: 1px solid #611904;
background-color: #DEC79E;
margin: -1px 5px 5px 5px;
}

*.random_quote {
margin-left: 5px;
}

#words p {
color: #000000;
font-weight: normal;
font-size: 12px;
font-family: tahoma, arial, sans-serif;
padding: 0px 5px 10px 10px;
margin: 0;
}

*.illuminated {
color: #005B7F;
font-weight: bold;
font-size: 18px;
font-family: times new roman, times, serif;
border: 1px solid #611904;
background: #A17C45;
padding: 2px;
margin: 0px 2px 0px 0px;
}

*.story_info {
font-weight: bold;
}
/*This is for use in the story info boxes in the library*/

p.mini_menu {
color: #DEC79E;
font-weight: bold;
font-size: 10px;
font-family: tahoma, arial, sans-serif;
padding: 2px 0px 0px 5px;
margin: 0;
text-align: center;
}

p.mini_menu a:link {
color: #DEC79E;
}

p.mini_menu a:visited {
color: #DEC79E;
}

p.mini_menu a:hover {
color: #A17C45;
}

p.copyright {
color: #000000;
font-weight: normal;
font-size: 12px;
font-family: tahoma, arial, sans-serif;
padding: 25px 5px 10px 10px;
margin: 0;
}

#words p.quote {
float: right;
width: 250px;
border: 1px solid #611904;
background-color: #A17C45;
padding: 10px 10px 10px 10px;
margin: 10px 0px 5px 5px;
}

#words p.quote_thin {
float: right;
width: 150px;
border: 1px solid #611904;
background-color: #A17C45;
padding: 10px 10px 10px 10px;
margin: 10px 0px 5px 5px;
}
/* provides a right-floating quote box that is thinner than the standard quote box */

h1 {
color: #611904;
font-weight: normal;
font-size: 20px;
font-family: tahoma, arial, sans-serif;
padding: 10px 0px 5px 5px;
margin: 0px 0px 0px 10px;
}

h1:first-letter {
color: #611904;
font-weight: bold;
font-size: 28px;
font-family: times new roman, times, serif;
border: 1px solid #611904;
background: #A17C45;
padding: 3px;
margin: 0px 0px 0px 5px;
}

h2 {
color: #611904;
font-weight: normal;
font-size: 18px;
font-family: tahoma, arial, sans-serif;
padding: 10px 0px 3px 5px;
margin: 0;
}

h3 {
text-align: center;
color: #611904;
font-weight: normal;
font-size: 18px;
font-family: tahoma, arial, sans-serif;
padding: 10px 0px 3px 5px;
margin: 0;
}
/*same as h2 but aligned in the center for story titles*/

h4 {
color: #611904;
font-weight: bold;
font-size: 15px;
font-family: tahoma, arial, sans-serif;
padding: 10px 0px 3px 5px;
margin: 0;
}

h5 {
}

h6 {
}

a, a:link, a:visited {
color: #611904; 
text-decoration: none;
font-weight: bold;
}

a:hover {
color: #005E1F; 
text-decoration: none;
font-weight: bold;
}

a:link img {
border-style: none;
}

a:visited img {
border-style: none;
}

blockquote {
color: #000000;
font-weight: normal;
font-size: 11px;
font-family: tahoma, arial, sans-serif;
padding: 0px 5px 10px 30px;
margin: 0px 0px 0px 0px;
}

ul {
padding: 0px 5px 10px 10px;
margin: 0;
}

ul li {
list-style-image: url(http://www.themidhavens.net/images/star.jpg);
color: #000000;
font-weight: normal;
font-size: 12px;
font-family: tahoma, arial, sans-serif;
padding: 0px 5px 10px 0px;
margin: 0px 0px 0px 20px;
}

ul ul li {
list-style-type: circle;
list-style-image: none;
color: #000000;
font-weight: normal;
font-size: 12px;
font-family: tahoma, arial, sans-serif;
padding: 0px 5px 10px 20px;
margin: 0px 0px 0px 20px;
}

ol li {
color: #000000;
font-weight: normal;
font-size: 12px;
font-family: tahoma, arial, sans-serif;
padding: 0px 5px 10px 0px;
margin: 0px 0px 0px 40px;
}

table tr td {
color: #000000;
font-weight: normal;
font-size: 12px;
font-family: tahoma, arial, sans-serif;
padding: 0px 5px 10px 10px;
margin: 0;
border: 0;
}