body{background:#036 url('/images/site/bg.png') fixed;}
h1{padding-top:75px;}
#contentbg,#sidebar{background:url('/images/site/sidebar.png') repeat-y;}
#image{opacity:.75;background:url('/images/site/pic2.png') no-repeat top left;right:5%;height:170px;position:absolute;top:-20px;left:5%;z-index:-99;overflow:hidden;}
#image img{float:left;}
#header{height:140px;}
.button-sound{background:url('/images/site/play.png') no-repeat;}

h1 a{background:url('/images/site/title.png') no-repeat 10px;display:block;height:62px;width:339px;padding:10px;position:absolute;top:35px;right:60px;}
h1 span{display:none;}

h1{text-shadow:3px 3px #014;}
h1 a:hover,h1 a:active{color:#eef;}
h2{border-color:#58b;}
h2,h2 a:link,h2 a:visited{color:#7ad;}
h3,h3 a:link,h3 a:visited{color:#8be;}
h4,h4 a:link,h4 a:visited{color:#9cf;}

abbr{border-color:#258;}
blockquote{border-left-color:#258;color:#369;}
hr{border-color:#eef;}

input{background:#eef;color:#369;}
input:focus{border-color:#036;}
input.submit{background:#369;border-color:#69c;color:#eef;}
input.submit:focus{background:#258;}

th{background:#eef;color:#8be;}
.data td{border-color:#9cf;}

.info{background:#eef;border-color:#8be;color:#69c;}
.info strong{color:#258;}

#sidebar{background:#eef;border-color:#8be;}
#sidebar ul{color:#7ad;}

#nav-sites li{background:#369;}
#nav-sites li:hover,#nav-sites li:focus,#nav-sites li:active{background:#258;}
#nav-sites .selected,#nav-sites .selected:hover{background:#69c;}
#nav-sites .selected a:hover{color:#9cf;}
#nav-sites .selected a:focus,#nav-sites .selected a:active{color:#8be;}
#nav-sites a{color:#036;}
#nav-sites a:hover{color:#025;}
#nav-sites a:focus,#nav-sites a:active{color:#014;}

.nav-main{background:#69c;color:#036;}
.nav-main a{border-right-color:#369;color:#eef;text-shadow:2px 2px #369;}
.nav-main a:hover{background:#7ad;}
.nav-main a:focus,.nav-main a:active{color:#036;}
.nav-main .selected a{color:#369;text-shadow:0 0 #369;}

.sub-nav{background:#369;border-color:#58b;color:#69c;}
.sub-nav a{color:#eef;}
.sub-nav a:hover{color:#8be;}
.sub-nav .selected a,.sub-nav a:focus,.sub-nav a:active{color:#7ad;}

@media only screen and (max-device-width:480px){
h1{padding:0;}
h1 a{background:none;text-align:center;position:relative;top:0;left:0;height:auto;width:auto;}
h1 span{display:block;}
#header{height:auto;}
#image{display:none;}
}