/*-------BODY----------*/

body{
    
    font-family: Calibri, sans-serif;
    min-width: 870px;
    margin: 0px;
    text-align: center; 
}



/*-------HEADER----------*/
header {
    position: relative;
}

header #p1, #p2{
    
    margin: 0px;
}

header #p1{
    background-color: #52471b;
    height: 70px;
    border-bottom: 5px solid #87752d;
}

header #p2 {
    background-color: #f2cc10;
    height: 90px;
   
}


/*-------LOGO----------*/

header img {
    position: absolute;
    margin-left: auto;
    margin-right: auto;
    left: 0;
    right: 0;
    top: 22px;
      
}

h1 {
    color: #958129;
    text-align: center;
    font-size: 75%;
    position: absolute;
    margin-left: auto;
    margin-right: auto;
    left: 0;
    right: 0;
    top: 120px;

}

/*-------NAVIGATION----------*/

nav {
   margin: -17px 0; 
}

nav ul{
    background-color: #87752d;
    border-top: 2px solid #52471b;
    border-bottom: 2px solid #52471b;
    text-align: center;
    list-style-type: none;
    padding: 10px;
    
}


nav li {
    
    display: inline;
    font-weight: bold;
    font-size: 1.2em;
    margin-left: 15px;
    
}


/*-------LINK STYLE---------*/


nav li a:link {
    text-decoration: none;
    color: #f8ffb0;
}

nav li a:visited {
   color: #f6fc90; 
    
}

nav li a:hover {
    color: #fffc58;
    
}

nav li a:active {
    color: #ffffff;
}




/*-------MAIN----------*/
main {
    background-color: #f8ffb0;
    
/*------Is it appropriate decision?*/    
    /*margin-top: -17px;*/
}

/*-------FIGURE----------*/
figure {
    
    display: inline-block;
    /*background-color: #87752d;*/
    margin-left: -35px;
    margin-top: 60px;
    
}

figcaption {
    color: #f8ffb0;
    background-color: #87752d;
    font-weight: bold;
    padding: 5px;
    margin-top: -10px;
    border-radius: 4px;
}


figure img {
    border: 5px solid #87752d;
    border-radius: 4px;
    /*position: relative;*/
}

/*-------BLOCKQUOTE----------*/

blockquote {
    font-size: 170%;
    font-style: italic;
    font-weight: bold;
    color: #52471b;
    width: 570px;
    margin: auto;
    padding: 30px;
    
}




/*-------FOOTER----------*/
footer {
    text-align: center;
    font-size: 0.9em;
    font-weight: bold;
    background-color: #52471b;
    color: #f2cc10;
    padding: 10px;
    border-top: 5px solid #87752d;
    
}

span {
    font-weight: normal;
}