html,body,
h1,h2,h3,h4,h5,
p,div,
dl,ul,ol,li,dd,dt,
table,tr,th,td,
pre,blockquote,address{
    margin:0;
    padding:0;
    border:0;
}

/* ------------------------------
   global
   ------------------------------ */
body{
    font-size:16px;
    color:#333333;
    font-family:"Lucida Grande","Lucida Sans Unicode",Arial,Verdana,sans-serif;
    font-size-adjust:none;
    line-height:1.5;
}


a[href] {
    color:#0088CC;
    text-decoration:none;
}

a[href]:hover {
    background-color:#0088CC;
    color:white;
    text-decoration:underline;
}

/* ------------------------------
   sites
   ------------------------------ */
div.site,div.credits{
    .filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr=#666666,EndColorStr=#333333);
    background-image:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAACWCAYAAAAfduJyAAAA0UlEQVQokW3GRw6EIAAAQP6kRtfee++9y/9/wF44kMBlMgBCiACEEIHv+0je98U8z4O575viui6K8zwROI6Dzb7vmG3bSNZ1RWBZFjbzPJNM04QZx5FkGAZyfd9TdF2HQNu2bJqmwdR1TVFVFUVZlggURUGS5zkmyzI2aZoikCQJmziOMVEUkYRhiAmCgML3fQrP8xBwXZfEcRw827bZWJaFgGmabAzDINF1HaNpGkZVVQpFUShkWUbg9/uRSJJETpIkBERRpBAEgQ3P8yQcx6E/NBUb8zvLaFEAAAAASUVORK5CYII=");
    background-repeat:repeat-x;
    background-color:#333333;
    height:150px;
    color:white;
}

div.site {
    margin-bottom:50px;
    padding:30px 50px 0px 50px;
    border-bottom:2px solid silver;
}

div.site > h1{
    font-size:32px;
    text-shadow: 0px 0px 10px black;
}


div.site a{
    color:white;
    text-decoration:none;
}

div.site > h2 {
    font-size:18px;
    color:silver;
}

/* ------------------------------
   credits
   ------------------------------ */
div.credits {
    margin-top:50px;
    border-top:2px solid silver;
    text-align:right;
}

div.credits address{
    margin-right:50px;
    font-family:normal;
    font-style:normal;
    font-size:14px;
}

div.credits a {
    color: silver;
}

/* ------------------------------
   page
   ------------------------------ */
div.page {
    width:800px;
    margin:auto;
}

div.page > h1{
    font-size:32px;
    text-align:center;
    text-shadow: 0px 0px px black;
}

div.page ul{
    margin-top: 5px;
    margin-bottom: 5px;
    margin-left:20px;
    list-style:none;
}

div.page a img{
    border:none;
}

div.page strong{
	border-bottom:1px dotted black;
}

div.page li:before{
    content:"» ";
}

div.page p {
    margin-bottom:5px;
}

div.page blockquote{
    background: url(img/quote.gif) no-repeat scroll top left;
    padding:30px;
    border:1px solid gray;
    border-radius:20px;
    -moz-border-radius:20px;
    -webkit-border-radius:20px;
}


div.page > h2{
    margin-top:40px;
    margin-bottom:20px;
    border-bottom:1px dashed black;
}
div.page > h3:before{
    content:"» ";
}
div.page > h3{
    margin-top: 20px;
    margin-bottom:10px;
}

div.page dl > dt{
    font-weight:bold;
}
div.page dl > dt:before{
    content:"» ";
}


div.page dl > dd{
    margin-left:20px;
}

div.page pre{
    line-height:1.2;
    border-radius:10px;
    -moz-border-radius:10px;
    -webkit-border-radius:10px;
    border:1px solid gray;
    background-color: #dfdfdf;
    padding:10px;
    margin:20px 0;
}

div.page form textarea{
    width:800px;
    height:400px;
}

div.page form{
    margin-top:10px;
    margin-bottom:10px;
}

/* ------------------------------
   top page
   ------------------------------ */
div.section{
    border: 1px solid silver;
    padding:10px 10px 10px;
    margin-bottom:20px;

    border-radius:5px;
    -moz-border-radius:5px;
    -webkit-border-radius:5px;

    box-shadow: 1px 0 5px silver;
    -webkit-box-shadow: 1px 0 5px silver;
    -moz-box-shadow: 1px 0 5px silver;
}

a.detail:after{
    content:" ▶";
}

div.section > h2{
    font-size:18px;
    margin:-10px -10px 5px -10px;
    padding:10px 10px 0 10px;
    border-bottom:1px solid silver;

    filter:progid:dximagetransform.microsoft.gradient(gradienttype=0,startcolorstr=#ffffff,endcolorstr=#dfdfdf);
    background-image:url("data:image/png;base64,ivborw0kggoaaaansuheugaaaaeaaaaecayaaadtlxthaaaaa0leqvqimqxbbq6aqadasp3/k2god4ldapm+t973led55l5vua5lzvou4zhk33fztk3wdzvlwwsez5mmsczxlgeypo976bpo2ravpmmkrmupqkrkspsikcseihmes5zlkqapjekicrxlfex+4yfxxbm3ogmaaaaasuvork5cyii=");
    background-repeat:repeat-x;
    background-color:#dfdfdf;
}

div.section > h3{
    font-size:16px;
}

div.logo{
    text-align:center;
    margin:40px 0;
}

div.section > div.subsection{
    vertical-align:top;

    display: inline-block;
    border-right: 1px solid #ededed;
    padding:10px;
    height:150px;
    font-size:14px;
    width:165px;
}

div.section.hot > div.subsection{
    width:230px;
}

div.section > div.subsection:last-child{
    border-right-width:0;
}

div.subsection > ul{
    margin-left:5px;
    list-style:none;
}