@charset "utf-8";
/* CSS Document */

html, body {
    height: 100%;
}
body {
    margin: 0;
    padding: 0;
    font-family:Verdana, Arial, Helvetica, sans-serif;
    font-size: 12px;
    color:#a0a0a0;
    background: #ffffff;
    text-align: center;
}

img{
    border:0;
}

a{
    color:#c0c0c0;
    text-decoration:underline;
}

a:hover{
    color:#06b1f0;
    text-decoration:none;
}



#frontpage {
    position: relative;
    text-align: center;
    height: 400px;
    width: 540px;
    background: #ffffff;
    margin: 0 auto;
    clear: left;
}
input.box {
    color:#666666;
    font-size:12px;
    font-weight:normal;
    width: 400px;
    height: 20px;
    padding-left:2px;
    border: 1px solid #83d0ed;
}

input.shorturlbox{
    color:#333333;
    font-size:12px;
    font-weight:normal;
    width: 160px;
    height: 20px;
    padding-left:2px;
    border: 1px solid #aaaaaa;
    text-align:center;
    background: #aae2f8;

}

input.button {
    color:#333333;
    margin-top: 3px;
    font-size: 16px;
}



.quickpics img{
    padding:4px;
    margin:2px;
    border:1px solid #d0d0d0;
}

.quickpics a:hover img{
    border:1px solid #83d0ed;
}

.ci{
    color: #c0c0c0;
}
iframe {
    top:0px;
    left:0px;
    position: absolute;
    -moz-transform: rotate(-90deg);
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg);
    filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
}