/* CSS for Big website */
*{
    padding:0;
    margin:0;
    box-sizing: border-box;
}
body{
    background-image:url(../images/byron_poem.png);
    font-family:'Franklin Gothic Medium', 'Arial Narrow', Arial, sans-serif;
}
div#wrapper{
    width:940px;
    margin:0 auto;
    padding:15px;
    background-color: rgb(68, 14, 14);
}
header{
    margin-bottom:7px;
}
nav{
    background-color: rgb(146,36,36);
    height:40px;  /*change to width?*/
    margin-bottom:20px;
}
nav li{
    list-style-type: none;
    float:left;
    width:50%;
    text-align:center;
    line-height:40px;
}
nav a{
    text-decoration: none;
    color:rgb(233, 195, 195);
    display:block;
}
nav a:hover{
    background-color:rgba(194, 175, 151, 0.575);
    color:antiquewhite;
}
.home{
    width:550px;
    float:left;
    margin-bottom:10px;
    color:rgb(223, 170, 170);
}
.home .right{
    float:right;
    margin-bottom:10px;
    margin-left:12px;
}
.home .left{
    float:left;
    margin-bottom:10px;
    margin-right:15px;
}
.big img{
    display: block;
    margin:0 auto;
}
.big a{
    color:rgb(223, 170, 170);
}
.big p{
    margin-top:20px;
    text-align:center;
}
h1, h2, h3{
    margin-bottom:15px;
}
p{
    line-height: 1.3;
    font-size: 1em;
    margin-bottom:20px;
}
aside{ 
    background-color:rgb(146,36,36);
    width:330px;
    float:right;
    color:rgb(223, 170, 170);
    padding:10px;
}
aside img{
    display:block;
    margin:0 auto;
}
figcaption{
    color:antiquewhite;
    width:200px;
    text-align: center;
    font-size: .8em;
    font-weight:330;
    margin:0 auto;
    margin-bottom:15px;
    font-style: italic;
}
footer{
    height:50px;
    clear:both;
    border-top:1px solid rgb(146,36,36);
}
footer li{
    list-style-type: none;
    float:left;
    line-height:50px;
    color:rgb(223, 170, 170);
    width:20%;
    text-align:center;
}
footer a{
    color:rgb(223, 170, 170);
}