/* hot pink stylesheet */

html, body {

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

body {

     background: #fff;
     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;
}

/* list styles */

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

ul#mainnav { 

     bottom: 0; left: 0; 
}

ul#topnav, ul#mainnav {

     position: fixed !important; 
     position: absolute; 
     display: block;
     background: #292929;
     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;
}

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

     font-size: 1.4em;
     text-transform: lowercase;
}

ul#topnav li a:link, ul#mainnav li a:link,
ul#topnav li a:visited, ul#mainnav li a:visited {

     color: #aaa;
}

ul#topnav li a:hover, ul#mainnav li a:hover,
ul#topnav li a:active, ul#mainnav li a:active {

     color: #fff;
}

div#sleeve ul {
	
     margin: 0;
     padding: 0;
     
 }
 
div#sleeve ul li {

     margin: 1.6em 0 0;
     line-height: 1.6em;
     color: #666;
     list-style: none;
     font-size: 1.6em;
 }

div#sleeve ul li a:link, 
div#sleeve ul li a:visited {

     color: deeppink;
}

div#sleeve ul li a:hover, 
div#sleeve ul li a:active {

     color: #292929;
}

a {
     text-decoration: none;

}

p a:link, p a:visited 
{
    
     color: deeppink;
     border-bottom: 1px solid #ccc;
}

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

/* 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:#292929; 
     letter-spacing: 1px;
     line-height: 1em;
}

h2 {

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

p {

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

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

body#bio strong {

     display: block;
}

blockquote {

     color: #666;
     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: deeppink; 
     color:#fff; 
}

::selection { 

     background: deeppink; 
     color:#fff; 
}

img {

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

img:hover {

     opacity: .80;
     cursor: crosshair;
}