@import url(http://www.pianosunroof.com/fonts.css);

* {margin:0; padding:0; border:0; outline:0; line-height:1.4; vertical-align:baseline; text-decoration:none;
font-style:normal;
-webkit-transition: all .5s ease-in-out;
-moz-transition: all .5s ease-in-out;
-o-transition: all .5s ease-in-out;
transition: all .5s ease-in-out;
}

html,body{margin:0;
padding:0;
height:100%;}

body{background: black;

width:100%;
font-size:100%;
}


#wrapper{display:block;
    margin: 0 auto;
    width:100%;

background:silver;}

header {
width:100%;
margin:0px auto;
display:block;
/*min-height:215px;*/
min-height:40%;
padding:0;}

header>nav{display:block;
width:99.5%;
padding:3px 0 5px .5%;
border-bottom: 1px solid #e8a500;
background:#303030;}

h1 {
text-align:left;
font-family: 'Latin Modern Roman Dunhill';
color:#B3B3B3;
font-size:120%;
font-weight:normal;
border-bottom:none;}
    
 
h1 a{
font-family: 'Latin Modern Roman Dunhill';
color:#B3B3B3;
border-bottom:none;
font-weight:normal;
font-style:italic;
text-shadow: #ffffff 0 0 1px;


}

h1 a:hover{
    font-family: 'Latin Modern Roman Dunhill';
    color:silver;
    font-size:166%;
/*    text-shadow: #e8a500 0 0 10px;*/
    font-weight:normal;
}
/*h1:hover{-webkit-animation-name: spinner;
-webkit-animation-play-state:paused;}*/





article>nav{
    display:inline;
    width:60px;
    float:left;
min-height:800px;
background:#212121;
color:white;
text-shadow: #ffffff 0 0 2px;
border-right:1px solid #E97B32;
padding:5px 5px 5px 10px;}

article>nav>ul{display:block;}

article>nav>ul>li{display:block;
list-style-type:none;
text-align:right;
font-family: 'Latin Modern Roman Unslanted';
font-style:italic;}


article>section{width:28%;
/*background:lime;*/
display:inline;
float:left;

padding:0 0 0 1%;}

article>section>ul{
    display:block;
    width:inherit;
    /*background:red;*/
    list-style-type:none;}

article>section>li{
    display:block;
    background:black;
width:inherit;
}

article>section>li>img.t{
display:block;}

img#tt, img#tt1{position:absolute;
right:10%;
top:5%;
z-index:0;
-webkit-transform:scale(.1);
opacity:0;
padding:0;
margin:0;}
    
img#tt:target, img#tt1:target{
opacity:1;
-webkit-transform:scale(1);
width:800px;
border:10px solid white;
z-index:100;
padding:0;
margin:0;}


figure{background:black;}

figcaption{color:white;
font-size:80%;
display:block;}