/*
   The Northern Gent Style Sheet
   Author: Seth McAllister
   Date:   04/25/2015

   Filename:         northerngent.css
   Supporting Files:  

*/

/* Display HTML5 structural elements as blocks */

article, aside, figure, figcaption, footer, hgroup, header, section, nav {
    
    display: block;

}

/* Styles for Page Body */

body {
    background: white url(plaidbrown.jpg) top left repeat;
    position: relative;
    min-width: 1000px;
    max-width: 1400px;
    font-family: Veranda, Geneva, sans-serif;
    font-size: 100%;
}

/* Header Style */

header img {
    position: relative;
    width: 25%;
    float: left;
    margin-left: 0px;
    margin-right: 20px;
    margin-bottom: 10px;
    background-size: 100%;
}

/* Nav Styles */

nav * a {
    text-decoration: none;
}

nav.horizNAV {
    background-color: rgb(250, 235, 215);
    clear: left;
    width: 100%;
    margin-top: 15px;
    padding-right: 5px;

    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
}

nav.horizNAV a {
    color: rgb(140, 70, 20);
}

nav.horizNAV a:hover {
    color: red;
}

nav.horizNAV ul {
    margin: 0px;
    padding: 0px;
}

nav.horizNAV li {
    display: block;
    float: left;
    width: 16.5%;
    height: 25px;
    text-align: center;
    border: 1px solid rgb(140, 70, 20);
    background-color: rgb(250, 235, 215);
    line-height: 1.5em;
    margin: 0px 4px 5px 0px;
}

nav.horizNAV ul ul li {
    list-style: none;
    text-indent: 15px;
    height: 15px;
    padding-top: 5px;
    padding-bottom: 5px;
    border-top: 1px dashed black;
}

/* Section Styles */

section {
    position: relative;
    float: left;
    padding: 0px;
    width: 60%;
}

/* Article Styles */

article.story {
    margin: 15px 15px;
    padding: 20px;
    background-color: rgb(250, 235, 215);

    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
}

article.story {
    margin-top: 15px;
    margin-bottom: 15px;
}

article.story img {
    margin: 8px;
    float: left;
    height: 205px;
    width: 147px;
}

article.story h1 {
    color: rgb(140, 70, 20);
    font-size: 150%;
}

article a {
   text-decoration: none;
}

article a:hover {
   color: red;
}

/* Aside Styles */

aside {
    background-color: rgb(250, 235, 215);    
    float: left;
    width: 22%;
    margin: 15px 3% 3% 3%;
    text-align: center;

    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
}

aside h1 {
    color: rgb(140, 70, 20);
    font-size: 200%;
    letter-spacing: 2px;
    text-align: center;
}

aside ul, ol {
    margin: 0px;
    padding: 0px;
}

aside ul li, ol li {
    font-size: 130%;
    margin: 10px;
    padding: 5px;
}

aside ul li {
    list-style: none;
}

aside ul li a, ol li a {
    color: rgb(140, 70, 20);
    text-decoration: none;
}

aside ul li a:hover, ol li a:hover {
    color: red;
}    

/* Footer Styles */

footer {
    position: relative;
    clear: left;
    width: 84.5%;
    background-color: rgb(250, 235, 215);
    font-weight: bold italic;
    text-align: center;
}

footer address {
    font-size: 110%;
    color: rgb(140, 70, 20);
    margin-top: 20px;
    height: 5%;
}