* {margin:0px; padding:0px;}
a, a:active {outline:none 0px;}
p {margin:5px 5px 10px;}
ul, ol {margin:20px;}

html {height:100%;}
body {
    height:100%;
    overflow:hidden;
    font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif;
    font-size:12px;
    background-color:#fff;
    background-image:url(/img/party.jpg);
    background-repeat:no-repeat;
    background-position:bottom right;
}

#titlehold {
    z-index:2;
    position:absolute;
    top:8%; right:20px;
    margin-top:-24px;
}
h1 {
    float:right;
    padding:0px 5px 0px 85px;
    
    font-weight:normal;
    font-size:22px;
    line-height:24px;
    color:#888;
    border-bottom:solid 1px #666;
}
h1 a {
    color:inherit;
    text-decoration:inherit;
}

#inlinepage {
    z-index:1;
    position:absolute;
    top:8%; left:5%;
    height:87%;
    width:90%;
    overflow:auto;
    background-image:url(/img/white.png);
    border:solid 1px #666;
}
h2 {
    margin:5px;
    border-bottom:solid 1px #666;
}

#splash {
    z-index:1;
    position:absolute;
    bottom:0px; left:2%;
    height:90%;
    width:520px;
    margin:0px;
}
#splash li {
    display:block;
    margin-bottom:9%;
    height:23%;
    list-style:none;
}
#splash li a {
    z-index:2;
    position:relative;
    display:block;
    height:100%;
    width:100%;
    text-decoration:none;
    background-color:#fff;
    border:solid 5px #666;
}
#splash li a:hover {
    z-index:3;
    width:100%;
}
#splash li a span.desc {
    display:block;
    padding:10px 30px 0px;
    text-align:right;
    font-family: Helvetica, Arial, sans-serif;
    font-size:130%;
    color:#222;
}
#splash li span.link {
    position:absolute;
    bottom:10px;
    right:10px;
    font-size:170%;
    color:#444;
}

#splash li a.comiccms {
    background-image:url(http://comiccms.com/img/landscape.png);
    background-position:bottom center;
    background-repeat:repeat-x;
}
#splash li a.comicrank {
    background-image:url(/img/comicrank.png);
    background-position:bottom center;
    background-repeat:repeat-x;
}


#splash li a.null {
    background-color:#eee;
}
#splash li a.null span {
    color:#bbb;
}

#splash li a.koi {
    background-image:url(/img/koi.png);
    background-position:bottom center;
    background-repeat:repeat-x;
}

#splash li a.contact {
    color:#2277aa;
    background-image:url(/img/contact.png);
    background-position:20px 10px;
    background-repeat:no-repeat;
}





#inlinepage form label, #inlinepage form input {
    padding:1px;
    font-family: verdana, arial, helvetica;
    font-size:12px;
}
#inlinepage form label {
    width:35%;
    margin:2px 0px 2px 0px;
    padding:1px 10px 2px 1px;
    float:left;
    clear:left;
    text-align:right;
    border-bottom:dashed 1px #888888;
}
#inlinepage form input, #inlinepage form select, #inlinepage form textarea {
    width:62%;
    margin:2px 0px 3px 0px;
    border:solid 1px #8b9175;
}
#inlinepage form input.send {
    width:80%;
    background-color:#ebf1d5;
    height:21px;
    margin:10px 0px 10px 10%;
}
.error {
    color:#ba4d34;
    text-align:center;
    font-size:140%;
}