/* file name sevenin07style.css */

/* PAGE LAYOUT */

#header {
position: absolute;
top: 1px;
height: 100px;
width: 780px;
background: #B70014;
}

#topmenu {
position: absolute;
top: 101px;
height: 14px;
width: 780px;
background-image: url(http://www.silmarillionwritersguild.org/images/sevenin07menubackground2.jpg);
}

#maincontent {
position: absolute;
top: 115px;
bottom: 61px;
width: 780px;
background: #ffffff;
background-repeat: repeat-y;
padding-top: 0px;
border-top: 1px solid black;
}


#footer {
background: #FABF73;
}

/* NAVIGATION BARS, TOP AND BOTTOM, INCLUDING MOUSE-HOVER EFFECTS */
/* CSS COOKBOOK: PAGES 80-85 */
/*COLORS:  */



#topmenu {
font-size: 12px; 
font-weight: bold; 
font-family: verdana, arial, sans-serif;
}

#topmenu ul {
margin: 0;
padding: 0;
border-top: 1px solid black;
}

#topmenu ul li {
list-style: none;
padding-left: 10px;
padding-right: 10px;
border-left: 1px solid black;
display: inline;
}

#topmenu ul li:hover {
list-style: none;
padding-left: 10px;
padding-right: 10px;
border-left: 1px solid black;
display: inline;
background: #B4F8E1;
}

#topmenu ul li a {
border-left: none; 
border-right: none; 
color: #000000;
}


#footer {
font-size: 10px; 
font-family: verdana, arial, sans-serif;
}

#footer ul {
margin: 0;
padding: 0;
border-bottom: 1px solid #000000; 
border-top: 1px solid #000000;
background-image: url(http://www.silmarillionwritersguild.org/images/sevenin07menubackground.jpg);
font-weight: bold; 
}

#footer ul li {
list-style: none;
border-left: 1px solid black;
padding-left: 5px;
padding-right: 5px;
display: inline;
}

#footer ul li:hover {
list-style: none;
padding-left: 5px;
padding-right: 5px;
border-left: 1px solid black;
display: inline;
background: #B4F8E1;
}

#footer ul li a {
padding: 2px 2px 2px 2px;
border-left: none; 
border-right: none; 
color: #000000;
}


/* TEXT FORMATTING */

h1 {
font-family: verdana, arial, sans-serif; 
font-size: 30px; 
background-color: #B70014;
color: #ffffff;
}

h2 {
font-family: verdana, arial, sans-serif; 
font-size: 25px; 
font-weight: bold; 
background-color: #fbd7a1; 
color: #000000; 
font-variant: small-caps;
padding-left: 15px;
margin: 1px;
}

h3 {
font-family: verdana, arial, sans-serif; 
font-size: 18px; 
color: #000000;
}

h4 {
font-family: verdana, arial, sans-serif; 
font-size: 15px; 
font-weight: bold; 
color: #000000;
}

h5 {
font-family: verdana, arial, sans-serif; 
font-size: 15px; 
font-style: italic;
color: #B70014;
}

h6 {
font-family: verdana, arial, sans-serif; 
font-size: 14px; 
font-weight: bold;
color: #BF4611;
padding-bottom: 0px;
margin-bottom: 0px;
padding-top: 0px;
margin-top: 0px;
}

p {
font-family: verdana, arial, sans-serif; 
font-size: 12px;
color: #000000;
}

#shift p {
padding-left: 20px;
font-size: 14px;
}

p.fright {float: right;
width: 250px;
border: 1px solid black;
background-color: #B8DFF5;
padding: 10px;
margin: 5px;
margin-right: 0px;
margin-top: 10px;
}

p.fright:first-letter {
font-family: monotype corsiva, cursive;
font-size: 20px;
font-weight: bold;
}

p.fleft {float: left;
width: 250px;
border: 1px solid black;
background-color: #B8DFF5;
padding: 10px;
margin: 5px;
margin-left: 0px;
margin-top: 10px;
}

p.fleft:first-letter {
font-family: monotype corsiva, cursive;
font-size: 20px;
font-weight: bold;
}

#footer p {
font-size: 11px;
}

p.center {
text-align: center;
}

blockquote {
font-family: verdana, arial, sans-serif; 
font-size: 12px;
color: #000000;
padding-top: 10px;
padding-bottom: 10px;
}

h3, h4, h5, h6, p {
padding-left: 10px;
}


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

a:hover {
color: #881B04; 
text-decoration: none;
font-weight: bold;
}