/*Main structure*/
body
{
    
font-family: Frutiger, Frutiger Linotype, Univers, Calibri, Gill Sans, Gill Sans MT, Myriad Pro, Myriad, DejaVu Sans Condensed, Liberation Sans, Nimbus Sans L, Tahoma, Geneva, Helvetica Neue, Helvetica, Arial, sans-serif; 
 background: url(retro_intro.png);    

}


article {

width: 900px;
margin-left: 250px;
border: 0;    padding: 20px;
}

div.header

{
border: solid white 2px;
width: 707px;
height: 188px;
padding: 5px;
border-radius: 5px;
left: 100px;

}

article header#mainheader {
border-top: thin 2px #000000;
border-left: thin 2px #000000;
border-right: thin 2px #000000;
border-bottom: thin 2px #000000;
border-radius: 5px;
box-shadow: 5px 5px 5px #888;
margin-left: 177px;
background-image: url(header.png);
/*background: rgb(211,232,226);*/
height: 200px;
width: 720px;
background-repeat: no-repeat;


}

p.content
{
padding-top: 10px;
line-height: 150%;
margin-bottom: 10px;
    
}


article header hgroup {
padding: 10px;

}
p.byline {
   
margin-top: 0px;
padding-top: 25px;
padding-bottom: 15px;
padding-left: 15px;
}




section {
box-shadow: 7px 7px 5px #888;

	background: rgb(211,232,226);

    margin-left: 175px;
    padding: 15px 45px 2px 32px;
    background-color: rgb(243, 238, 222);

}



h1

{
font-family: 'Coda Caption', sans-serif;

font-weight: 700;
font-size: 38pt;
text-align: center;
color: #3333ff;
text-shadow: 3px 3px 4px #000000;    
}

p.byline

{
border: 0;
font-family: 'Coda Caption', sans-serif;

font-weight: 700;
font-size: 20pt;
text-align: center;
text-shadow: 2px 1px 3px #B8E6B8;
color: #3333ff;


}

/*Headers*/   
   
   h2, h3
{
font-family: Constantia, "Lucida Bright", Lucidabright, "Lucida Serif", Lucida, "DejaVu Serif", "Bitstream Vera Serif", "Liberation Serif", Georgia, serif;
   font-size: 26pt;
   padding-left: 5px;
   border: 2px solid white;
   margin-left: -60px;
   max-width: 225px;
   min-width: 50px;
font-weight: bold;
   background-color: rgb(177,178,155);
   box-shadow: 5px 5px 5px #888;
   padding-bottom: 5px;

   }
   
   h3
   
   {font-size: 1.5em;
     width: 140px;
     font-weight: bold;
   padding-bottom: 5px;
   }
   
   

/*Figures*/
figure {
background-color: #ffffff;
text-align: center;
   border: 0;}


figcaption{

padding-top: 10px;
padding-bottom: 10px;
text-align: center;}




/*Navigation*/




nav.pagenav {
    width: 170px;
    position: absolute;
    left: 150px;
    height: 250px;
    padding: 5px;
    float: left;
    
}

h2.nav {
    width: 170px;
    position: absolute;
    top: 70px; 
    left: -15px;
    margin-left: 20px;
    background-color: #AD855C;
    text-align: center;
    padding: 5px;
}


nav.pagenav ul {
    border-radius: 5px;
    border: solid white 2px;
   /* color: rgb(187,204,199);*/
list-style-type: none;
display: block;
    width: 170px;
    position: absolute;
    top: 120px; 
   border-radius: 5px;
   padding: 5px;
      background-color: #1a82f7; 
   background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#2F2727), to(#1a82f7));
   background-image: -webkit-linear-gradient(top, #2F2727, #1a82f7); 
   background-image:    -moz-linear-gradient(top, #2F2727, #1a82f7);
   background-image:     -ms-linear-gradient(top, #2F2727, #1a82f7);
   background-image:      -o-linear-gradient(top, #2F2727, #1a82f7);

}

.pagenav ul li {
    list-style-type: none;
    line-height: 150%;
    font-size: 14pt;
    display: inline;
    margin: 0;
   
}


.pagenav ul li.c {
    list-style-type: none;
    text-indent: 20px;
    display: inline;
    margin: 0;
   
}
.pagenav ul li a {
display: block;
    padding-left: 5px;
    padding-right: 5px;
    text-decoration: none;
   border: 0;}
   
.pagenav ul li a:link {
    /*background-color: #000000;*/
    color: #ffffff;
}
.pagenav ul li a:visited {
    /*background-color: #000000;*/
    color: #ffffff;
}
.pagenav ul li a:hover {
    background-color: #ffffff;
    color: #000000; 
}
.pagenav ul li a:active {
    /*background-color: #000000;*/
    color: #ff0000; 
}



/*Blockquote*/
blockquote {
   border: 0;
margin-left: 50px;
   text-align: center;
   background-color: #ffffff;
   width: 550px;
   padding-left: 5px;
   
}

blockquote img.before{
float: left;
opacity: 0.4;
filter:alpha(opacity=40); 
z-index: 2;
}


 
blockquote p {
line-height: 150%;
width: 500px;
background-color: #ffffff;
text-align: left;
margin-left: 35px;

    padding: 15px;

}


/*Lists*/

section ul li

{list-style-type: disc;
list-style-position: outside;
margin-left: 20px;
line-height: 150%;
margin-bottom: 5px;
}



section ol li

{list-style-type: decimal-leading-zero;
list-style-position: outside;
margin-left: 40px;
line-height: 150%;
margin-bottom: 5px;
}







ul.fourc li
{
font-size: 16pt;
font-variant: small-caps;
padding-top: 10px;
font-weight: bold;

}

a.source

{


}



/*Dropcaps*/


section p.content {
    




}
section p.content > p:first-child:first-line,  
section p.content > .ad:first-child + p:first-line  
{  
    text-transform:uppercase;  
    position:relative;  
    font-size:0.95em;  
    letter-spacing:0.5px;  
}  
section p.content > p:first-child:first-letter,  
section p.content:first-letter  
{  
    letter-spacing:0;  
    text-transform:uppercase;  
    color:#628fbe;  
    font-family:times,serif;  
    font-size:3.0em;  
    float:left;  
    margin:0.13em 0.1em 0 0;  
    line-height:0.6;  
}  



/*Works cited*/

section#wc{
box-shadow: 7px 7px 5px #888;
padding-bottom: 10px;

margin-left: 175px;
padding: 15px 45px 2px 32px;
background-color: rgba(243, 238, 222);
}

p.source{
margin-left: 75px;
margin-top: 5px;
margin-bottom: 6pt;
text-indent: -3em;}
margin-left: 3em;
}

footer{
border: 1px solid;
text-align: center;    

}


/*Citations*/

a.source{
color: #006633;
}

 a.source:hover {
background-color: #CCFF66;
color: #000000; 
}

/*Footer*/

.footer
{
text-align: center;    


}