@import "reset.css";

/* ----------ADJUST FOR html5---——-*/
wrapper, header, section, article, aside, nav, footer, figure, main{
display: block;
}





body{
background-color:#f1eedb;
font-family:Arial, Helvetica, sans serif;
font-size:20px;  
color:#2c291a;
}









header{
margin-bottom:3%;
margin-left:auto;
margin-right:auto;
position:relative;
}

#navbar1{
position:relative;
margin-top:1%;
margin-left:auto;
margin-right:auto;
}

.line1{
border-bottom:8px solid #057289;
border-top:8px solid #057289;
width:100%;
height:5px;
}

#nav1{
position:relative;
margin-top:-3.15%;
padding-left:30%;
margin-right:auto;
margin-left:auto;
}

nav li{
display:inline-block;
margin-left:7.5%;
margin-right:7.5%;
padding-left:1%;
padding-right:1%;
background-color:#f1eedb;
}









#wrapper{
clear:both;
width:940px;
margin-left:auto;
margin-right:auto;
}

h1{
font-size:250%;
font-weight:bold;
color:#a83b23;
}

h2{
margin-top:3%;
font-size:180%;
font-weight:bold;
color:#b0ab35;
}

h3{
font-size:140%;
font-weight:normal;
color:#b0ab35;
}

cite{
text-align:right;
display:block;
}

figcaption{
text-align:right;
display:block;
font-size:85%;
}

#nighthawks{
width:48%;
float:left;
margin-right:2%;
}








.figure1{
float:left;
display:inline-block;
width:35%;
margin-top:1%;
margin-right:2%;
}

.figure2{
float:right;
display:inline-block;
width:35%;
margin-left:1%;
margin-top:1%;
}

.image{
display:block;
width:100%;
}

.clearfloat{
clear:both;
display:inline-block;
}





#sources{
margin-top:1%;
width:30%;
float:right;
}

#gallery{
width:65%;
float:left;
}

p{
margin-top:1%;
}

.collection{
margin-top:1%;
}

.separate{
display:inline-block;
margin-left:1%;
margin-right:1%;
color:#b0ab35;
}





#first{
width:45%;
float:right;
}

q:before{
margin-left:-35px;
font-family:Times New Roman;
content:'\201C'; 
color:#a83b23;
font-size:200%;
}

q{
font:arial;
color:#b0ab35;
font-size:200%;
line-height:125%;
}






footer{
margin-top:4%;
width:100%;
position:relative;
margin-left:auto;
margin-right:auto;
}

.line2{
display:block;
margin-bottom:1%;
position:relative;
border-bottom:8px solid #057289;
border-top:8px solid #057289;
width:100%;
height:5px;
}

.footer{
text-align:center;
margin-bottom:0.5%;
}





a.link1:link{
color:#b0ab35;
text-decoration:none;
font-size:100%;
font-weight:normal;
}

a.link1:visited{
color:#b0ab35;
text-decoration:none;
font-size:100%;
font-weight:normal;
}

a.link1:hover{
color:#a83b23;
text-decoration:none;
font-size:100%;
font-weight:normal;
}





a.link2:link{
color:#b0ab35;
text-decoration:none;
font-size:100%;
font-weight:normal;
display:block;
margin-top:3%;
}

a.link2:visited{
color:#b0ab35;
text-decoration:none;
font-size:100%;
font-weight:normal;
display:block;
margin-top:3%;
}

a.link2:hover{
color:#a83b23;
text-decoration:none;
font-size:100%;
font-weight:normal;
display:block;
margin-top:3%;
}





nav a:link{
color:#a83b23;
font-size:170%;
font-weight:bold;
text-decoration:none;
}

nav a:visited{
color:#a83b23;
font-size:170%;
font-weight:bold;
text-decoration:none;
}

nav a:hover{
color:#b0ab35;
font-size:170%;
font-weight:bold;
text-decoration:none;
}