body{background:#CCC url('img/noise_light.png');font:1.5em sans-serif;color:#222}
img {border:0}
div {margin:0;padding:0}
a:link, a:visited {color:#ccc;}
a:hover {color:#eee;}
a:active {color:#fff;}
table,tr {border:solid 1px #888;background-color:#C0C0C0;border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px;-webkit-background-clip: padding-box;}
table,tr,td,th {padding:5px;margin:0;}
tr:hover {background-color:#BBB}
* {
-moz-transition: all 0.2s ease-out;  
-o-transition: all 0.2s ease-out;  
-webkit-transition: all 0.2s ease-out;  
-ms-transition: all 0.2s ease-out;  
transition: all 0.2s ease-out;  
}

h1,h2,h3 {text-shadow:#444 1px 1px 2px;margin:16px}
h4,h5,h6 {text-shadow:#eee 0px 1px 1px;margin:8px}
.main h1, .main h2, .main h3, #box1 h2 {text-shadow:#fff 1px 1px 5px, #fff 0 1px, #aaa -1px -1px 1px}
.main h4, .main h5, .main h6 {text-shadow:#fff 1px 1px 3px, #fff 0 1px, #aaa -1px -1px 1px}

.header {position:absolute;top:0px;left:0px;right:0px;color:#CCC;background:#222 url('/img/noise_dark.png');border-bottom:solid 1px #fff}
.header a:link, .header a:visited, .header a:hover {text-decoration:none;}
.header h1 {font-size:48px;z-index:9;}
.nav {margin:34px 10px;font-size:24px;text-shadow:#000 2px 2px 5px;}
.nav span {float:right;margin-left:5px;color:#AAA}

#logo {position:absolute;top:35px;left:20px;z-index:10;background-color:#222;width:30px;height:30px;}
#logo td {width:20%;height:20%;background-color:black;}
#logo, #logo tr,#logo td {margin:0;padding:0;border:0;border-spacing:0;}
#logo .r {background-color:#f00}
#logo .g {background-color:#0f0}
#logo .y {background-color:#ff0}

.main {margin:0 -8px;text-shadow:#eee 0px 1px 0px;padding:10px 20px;margin-top:100px}
.main a:link,.main a:visited {color:#444;}
.main a:hover, .main a:active {color:#000;}

.items, .imglist {list-style-type:none;padding:0}
.items a:link, .items a:visited {text-decoration:none;color:#ccc;text-shadow:none;}
.items a:hover, .items a:active {color:#fff;text-shadow:#000 2px 2px 5px}
.items li {
float:left;height:210px;width:200px;margin:10px;overflow:hidden;
background:#222 url('/img/noise_dark.png');border:outset 2px #CCC;color:#ccc;text-align:right;
-moz-border-radius: 12px;-webkit-border-radius: 12px;border-radius: 12px;
-webkit-box-shadow: #999 3px 3px 5px;-moz-box-shadow: #999 3px 3px 5px;box-shadow: #999 3px 3px 5px;
}
.items li img{
width:200px;height:150px;
-webkit-border-top-left-radius: 6px;-webkit-border-top-right-radius: 6px;-moz-border-radius-topleft: 6px;-moz-border-radius-topright: 6px;border-top-left-radius: 6px;border-top-right-radius: 6px;
}
.items li b, .items .d {display:block;margin:-2px 6px;padding:0;font-size:24px;text-shadow:#000 1px 1px 2px}
.items b:active {padding-top:1px;}
.items .d {font-size:12px;text-shadow:none;}
.twitter {position:absolute;margin:10px;width:180px;height:130px;overflow:hidden;color:#9df;text-shadow:#379 1px 1px 1px;text-align:left;cursor:pointer;font-size:16px;}
.twitter li { list-style-type: none; }
.twitter span a:link,#twitter_update_list span a:visited { color: #bff; }

.imglist li {
    height:90px;min-width:550px;width:600px;margin:5px 20px;background:#222 url('/img/noise_dark.png');
    color:#BBB;text-shadow:#000 1px 1px;padding:5px;padding-left:170px;
    font-size:14px;
    -moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px;
    -moz-box-shadow: #666 1px 1px 3px;-webkit-box-shadow: #666 1px 1px 3px;box-shadow: #666 1px 1px 3px;
}
.imglist img, .imglist iframe {
    position:absolute;float:left;width:160px;height:90px;margin-left:-165px;
    border:solid 1px #000;
    z-index:10;
}

.imglist img:hover, .imglist iframe:hover {
    width:640px;height:390px;border:solid 1px #fff;
    -webkit-box-shadow: #000 0 0 10px;-moz-box-shadow: #000 0 0 10px;box-shadow: #000 0 0 10px;
    z-index:99;
}
.imglist h4 {
    display:block; margin: 0;text-shadow:#000 1px 1px;font-size:24px;
}
.imglist a:link, .imglist a:visited {
    color:#666;
}
.imglist a:hover {
    color:#aaa;
}
.imglist small {
    color:#888;
}

.download {float:left;width:770px;height:50px;margin:5px;padding-top:10px;
border:outset 1px #000;background-color:#444;font-size:28px;text-align:center;letter-spacing:1px;text-shadow:#000 1px 1px 2px;
-moz-border-radius:25px;-webkit-border-radius:25px;border-radius:25px;
}
#download:link, #download:visited {color:#eee;font-weight:bold;font-family: 'Helvetica' , 'Arial', sans-serif}
#download:hover, #download:active{color:#fff;text-shadow:#000 1px 1px 4px;}

.footer {margin:5px;text-align:center;color:#666;font:14px monospace;text-shadow:#000 0px -1px}