* {color: #ccc; background: #000; cursor: default;}
* *{background: none;}
body{text-align: center; font: normal 12px verdana;}
#i{position: relative; text-align: left; margin: 20px auto 0; width: 850px;}
a{color: #115C8E; text-decoration: none; cursor: default;}
a:hover{color: #317CAE;}


#index #i{background:url('images/front2.png') no-repeat;height: 399px; margin-top: 100px;}
h2{margin: 0;font: bold 24px verdana;}
dt{font:bold 15px verdana;}
dd{margin-left: 15px;}
#index #head, #menu, #gall, #anno{position: absolute;}
.menu{margin: 50px 0 0 30px;font-size: 20px;}
#anno, #gall{padding: 0 20px; width: 250px;top: 80px;}
#gall dl{border: solid #555; border-width: 0 1px 0 0; width: 250px;}
#menu, #aboutme p{top: 40px;}
#menu, #gall{left: 290px;}
#anno{left: 560px;}
#index #head{margin: -120px 0 0 30px;height: 144px; width: 729px;
background:url('images/header.png'); clip: rect(72px 729px 144px 0px); overflow: hidden;}

#anno img{
margin: 3px 0 3px;
}

.text{-moz-column-count: 2; -moz-column-gap: 30px; text-align: justify;}
.text p{text-indent: 10px;}

#thumbs a{
float: left;position: inline;
width: 200px; height: 200px; line-height: 200px;
background: #777; overflow: hidden;
border: 1px solid #555;
margin: 5px;
}
#thumbs span{
visibility: hidden; z-index: 2;
position: absolute; margin: -80px 0 0 0;
font-size: 50px;
}
#thumbs div{width: 200px;text-align: center;}
#thumbs img{vertical-align: middle;border: 1px solid #6f6f6f;}
#thumbs a:hover span{visibility: visible;}
#thumbs a:hover {background: #999;}

/*
#thumbs a{
float: left;width: 200px; height: 200px;
position: relative;line-height: 200px;
background: #777; overflow: hidden;
border: 1px solid #555;
margin: 5px;
}
#thumbs span{
visibility: hidden; z-index: 2;
position: absolute; top: -40%;
font-size: 50px;
}
#thumbs div{position: absolute;top: 50%;width: 200px;text-align: center;}
#thumbs div div{position: relative; top: -50%;}
#thumbs div:not([blah]){margin-top: -25%;}
#thumbs img{vertical-align: middle;border: 1px solid #6f6f6f;}
#thumbs a:hover span{visibility: visible;}
#thumbs a:hover{background: #999; overflow: hidden;}
*/

/*View:*/

#canvas{
text-align: center;width: 850px; padding: 20px 0;
background: #777; border: 1px solid #555;
/*margin-top: -175px;*/
}
#canvas img{
z-index: 1; position: relative;
border: 1px solid #555;
}
.thmbn{
z-index: 0;
width: 200px; height: 200px;
position: absolute;line-height: 200px;
overflow: hidden; opacity: 0.7;
}
.thmbn div{position: absolute;top: 50%;width: 200px;text-align: center;}
.thmbn div div{position: relative; top: -50%;}
.thmbn div:not([IEsucks]){margin-top: -25%;}
.thmbn img{vertical-align: middle;border: 1px solid #6f6f6f;}
.thmbn span{
visibility: hidden; z-index: 2;
position: absolute; color: #fff;
font-size: 130px;
}
.thmbn:hover{opacity: 1;}
.thmbn:hover span{visibility: visible;}
.prev{margin-top: 0; margin-left: -30px;}
.prev span{top: -40%;}
.next{/*margin-top: -200px;*/ margin-left: 680px;}
.next span{top: -40%; right: 0%;}

#IEwar div{position:absolute;top:0;left:0;width:100%;background-color:#EEE;font-size:15px;padding: 3px 0 3px 0px;color:black!important}