/* Main CSS for Silmarillion Storybook Project */

.title {font-style: italic;}
img {vertical-align: text-bottom; border: 0px;}
a {text-decoration: none; color: #000080;}
a:hover {text-decoration: underline;}
a:visited {color: #000080;}
blockquote {font-family: cursive; color: #000080;}
dt {font-weight: bold; border-bottom: 1px solid #CCCCCC; display: inline; padding-bottom: 2px; color: #000080;}
dd {margin: 5px 0px 20px 10px;}


body {
    margin: 0px;
    font-family: arial, helvetica, sans-serif;
    min-width: 750px;
    }



#nav {
    float: right;
    width: 190px;
    padding: 0px;
    margin: 10px;
    border: 2px solid #000080;
    background: #A0BCE1 url(images/silmarilsblue.jpg) center center;
    list-style: none;
    }
#nav a {
    display: block;
    margin: 5px;
    padding: 5px;
    text-align: center;
    font-size: 14px;
    font-weight: bold;
    height: 14px;
    background: transparent;
    border: 1px solid white;
    color: white;
    text-decoration: none;
    }
#nav a.on {
    background: #5196F0;
    border: 1px solid #000080;
    }
#nav a:hover {text-decoration: underline;}

   
    
#subnav, #subnavbottom {background: #000080;
    font-size: 13px;
    padding-right: 210px;
    padding-top: 5px;
    padding-bottom: 5px;
    padding-left: 5px;
    text-align: center;
    color: #CCCCCC;
    }
#subnav {padding-top: 3px;}
#subnavbottom {
    padding-bottom: 3px;
    padding-right: 5px;
    border-top: 0px;}
#subnav a , #subnavbottom a {color: #CCCCCC;}
#subnav a.on, #subnavbottom a.on {text-decoration: underline;}
#subnav a.off, #subnavbottom a.off {color: #888888; text-decoration: line-through;}  


h1 {
    margin: 0px;
    padding: 20px 0px;
    padding-left: 10px;
    color: white;
    font-style: italic;
    font-size: 40px;
    text-align: center;
    background: #5196F0;
    border-bottom: 2px solid #000080;
    }
#main {
    padding: 10px;
    margin: 0px;
    }
#main h2 {
    font-size: 24px;
    font-weight: bold;
    margin: 0px;
    margin-bottom: 10px;
    color: #5196F0;
    }
#main h3 {
    font-weight: bold;
    color: #000080;
    }
#main p {
    font-size: 16px;
    text-align: justify;
    }
#main p.note {
    margin-right: 20px;
    margin-left: 20px;
    font-size: 10pt;
    }
#main p a.off {color: #888888; text-decoration: line-through;}
#main a {
    font-weight: normal;
    text-decoration: underline;
    }
#main ul {
    list-style-image: url(images/silmarilblue.gif);
    }
#main li ul {list-style-image: none;}
#main li {
    font-weight: normal;
    color: black;
    font-size: 16px;
    margin-left: 20px;
    margin-top: 16px;
    }
#main li p {
    margin-top: 16px;
    }
#main blockquote ul {margin: 0px; padding: 0px;}
#main blockquote ul li {color: #000080; margin-bottom: 20px;}

#main strong {
    color: #5196F0;
    font-weight: bold;
    }

#main .break {
    clear: right;
    height: 32px;
    background: url(images/silmarils.gif) no-repeat center center;
    }

#main p img, #main .bib img {
    float: right;
    clear: right;
    margin-bottom: 10px; margin-left: 10px;
    }
#main p img.top {
    float: left;
    clear: left;
    margin-bottom: 10px;
    margin-right: 10px;
    margin-left: 0px;
    }
#main img.icon {
    margin: 0px;
    margin-right: 2px;
    float: none;
    clear: none;
    }

#main .thumb {
    float: left;
    margin: 10px;
    margin-top: 0px;
    }
#main .source {
    font-size: 13px;
    padding-top: 30px;
    padding-bottom: 10px;
    }
#main .source a.off {color: #888888; text-decoration: line-through;}    
#main .full {
    text-align: center;
    }
#main .gallery {
    text-align: center;
    clear: both;
    }
#main .gallery img {
    margin: 10px;
    margin-bottom: 20px;
    margin-top: 0px;
    }

#main .bib {
    clear:left;
    font-size: 18px;
    font-weight: bold;
    color: #5196F0;
    margin-top: 32px;
    }
#main .bib ul {
    padding-left: 0px;
    margin-left: 0px;
    }
#main .bib ul li p {
    font-size: 13px;
    margin: 0px;
    margin-top: 13px;}


#footer {
    margin: 0px;
    padding: 20px 0px;
    padding-left: 10px;
    color: white;
    font-size: 13px;
    text-align: center;
    background: #5196F0;
    border-top: 2px solid #000080;
    }
#footer a {
    color: white;
    text-decoration: underline;}