/* endangered green sea turtle stylesheet */

html, body {

     margin: 0; padding: 0;
     font-family: Georgia, "Times New Roman", Times, serif;
}

body {

     background: #399;
     font-size: 62.5%; 
     text-align: center;
}

div#sleeve {

     width: 600px;
     position: relative; 
     padding: 100px 0;
     margin: 0 auto;
     text-align: left;
     z-index: 1;
}

ul#topnav, ul#mainnav {

     position: fixed !important; 
     position: absolute; 
     display: block;
     background: #339090; /* #308F8F */
     width: 100%; 
     margin: 0;
     padding: 10px 0;
     text-align: right;
     font-family:  Helvetica, "Helvetica Neue", "Trebuchet MS", sans-serif;
     z-index: 2;
}

ul#topnav li, ul#mainnav li {

     display: inline;
     margin: 0 12px;
     padding: 0;
     list-style: none;
}

#sleeve ul {
	
	 margin: 0;
	 padding: 0;
     
 }
 
 #sleeve ul li {
	 
	 margin: 1.6em 0 0;
     line-height: 1.6em;
     color: #fff;
	 list-style: none;
	 font-size: 1.6em;
 }
	
	

a {
     text-decoration: none;
    
}

ul#topnav li a, ul#mainnav li a {

     font-size: 1.4em;
     text-transform: lowercase;
     }
     
p a:link, p a:visited 
{
    
     color: #DAECEC;
     border-bottom: 1px solid #fff;
}

p a:hover, p a:active 
{
     
     color: #fff;
     border-bottom: 1px solid #ff9;
}
     

li a:link, li a:visited {

     color: #B5DADA;
}

li a:hover, li a:active {

     color: #ff9;
}

ul#topnav {
     
     top: 0; left: 0; 
}

ul#mainnav { 

     bottom: 0; left: 0; 
}

/* typografie */

h1, h2 {

     font-weight: normal;
     text-transform: lowercase;
     cursor: default;
}

body#index h1 {

     letter-spacing: 3px;
}

h1 {

     margin: 0 0 0;
     font-size: 5em;
     color:#fff; 
     letter-spacing: 1px;
     line-height: 1em;
}

h2 {

     font-size: 3em;
     color: #A2D1D1; 
     margin: 1em 0;
     line-height: 1.25em;
}

p {

     font-size: 1.6em;
     margin: 1.6em 0 0;
     line-height: 1.6em;
     color: #fff;
}

p#first::first-letter {
	
	font-size: 5em;
	float: left;
	margin: 8px 10px 0 0;
	color: #A2D1D1;
}

p#first::first-line {
	
	font-variant: small-caps;
}

p#bio::before {
	
	 content: "*****";
	 letter-spacing: 15px;
	 color: #ff9;
	 display: block;
	 text-align: center;
	 margin: 16px 0;
	 font-size: 125%;
	 font-family: Arial, Helvetica, sans-serif;
 }

body#bio strong {

     display: block;
}

blockquote {

     color: #fff;
     font-style: italic;
     font-size: 1.6em;
     line-height: 1.6em;
}

blockquote:before {

     content: "\201C";
     font-size: 150%;
     padding-right: 3px;
}

blockquote:after {

     content: "\201D";
     font-size: 150%;
     padding-left: 3px;
}

p#bio strong {
    
    
     letter-spacing: 1px;
     font-size: 90%;
     font-variant: small-caps;
}

acronym {

     cursor: default;
}

acronym:hover {

     color: #C5B28A;
     border-bottom: 1px solid #fff;
}

::-moz-selection { 

     background: #399; 
     color:#66FFFF; 
}

::selection { 

     background: #399; 
     color:#66FFFF; 
}

img {

     float: left;
     margin: 0 1.8em 0 0;
}

img:hover {

     opacity: .80;
     cursor: crosshair;
}