/* -------- basic page structure -------- */

html, body {margin: 0; padding: 0; background: #eeeeee url(img/grid.gif); height: 100%; font: 12px arial; color: #606060;}

a {text-decoration: none; color: #606060; border-bottom: 1px dotted #aaaaaa;}
a:visited {color: #888888; }
a:hover, a:visited:hover {border-color: #dddddd; color: #aaaaaa; }

a.ex {background: url(img/external3.gif) no-repeat 100% 50%; padding: 0 13px 0 0; }
a.ex:hover, a.ex:visited:hover {background-image: url(img/external2.gif);}
a.ex:visited {background-image: url(img/external.gif);}

.left {float: left;}
.right {float: right;}

/* -------- home page -------- */

#deadcenter { position: absolute; width: 100%; height: 270px; top: 50%; margin-top: -170px; }
#splashpage {width: 460px; margin: 0 auto; border: 1px solid #dddddd; background: #ffffff; }

.malionetteorg2 {background: url(img/malionetteorg.png) no-repeat center 10px; padding: 24px; }
.splashtext {text-align: center; padding-bottom: 10px;}

.linkbox { text-align: left; padding: 12px 30px 10px 30px; }
.linkbox2 { text-align: left; width: 190px; }

.linkbox .youarehere {padding: 0 70px 10px 20px; }
.linkout { margin: 0; padding: 20px 10px 10px 20px; }
.linkout li { list-style-image: url(img/arrow.gif); margin-bottom: 2px;}

.hostedby {text-align: center; padding-bottom: 16px;}

/* -------- search -------- */

.searchcgi { padding: 10px;}
.searchcgi input {border: 1px solid #dddddd !important; color: #606060; font: 12px arial; background: #ffffff !important;}
.searchcgi input[type*=submit]:hover { color: #aaaaaa; cursor: pointer;}

.gsc-tabHeader {border-top: 2px solid #dddddd !important;}

.gs-title {color: #606060 !important; text-decoration: none !important; font-size: 16px;}
.gs-title:hover {color: #888888 !important;}
.gs-title b {color: #606060 !important; text-decoration: none !important; }
.gs-snippet {font-size: 12px; padding: 5px 0 5px 0;}

.gs-visibleUrl {color: #aaaaaa !important;}
.gsc-cursor-page {color: #606060 !important;}

/* -------- normal pages -------- */

#layout {width: 700px; height: 100%; margin: 0 auto;}
#layoutin {border-left: 1px solid #dddddd; border-right: 1px solid #dddddd; background: #ffffff; border-bottom: 1px solid #dddddd;}
#header { border-top: 10px solid #dddddd;}

.band30 {background: url(img/windot.gif) repeat; height: 30px; }
.malionetteorg {background: url(img/malionetteorg.png) no-repeat 18px 16px; height: 60px; text-align: right; }
.malionetteorg .searchcgi {padding-top: 18px;}

.navigation ul {margin: 0; padding: 8px 0 10px 0; list-style: none; border-top: 1px solid #dddddd; }
.navigation li {display: inline; padding: 8px 0px 8px 20px; }

.navigation li + li:before {content: "+  "; letter-spacing: 3px; color: #dddddd; }
.navigation li + li {padding-left: 5px; }

.regpage .linkout {margin: 0 0 10px 20px; }

/* -------- entry -------- */

#content {padding: 10px 20px 20px 20px; }

.youarehere { font: 16px arial; color: #aaaaaa; padding: 0px 100px 10px 0px; border-bottom: 1px dotted #dddddd; }
.youarehere2 { font: 16px arial; color: #aaaaaa; padding: 10px 100px 10px 0px; border-bottom: 1px dotted #dddddd; border-top: 1px dotted #dddddd;}

.topinfo {padding: 20px 0 10px 0; font: 12px arial; color: #606060;}

/* -------- layout -------- */

.lay { margin-bottom: 2px; }

.laypreview {width: 310px; padding: 20px; background: url(img/windot.gif) repeat; }
.laypreview a {border: 0;}
.laypreview a img {border: 1px solid #ffffff; padding: 4px; background: #ffffff;} 
.laypreview a img:hover {border: 1px solid #dddddd;}

.layid {float: right; margin-top: 20px; width: 300px; text-align :left; 
        font: bold 30px century gothic; color: #dddddd; border-bottom: 1px dotted #dddddd; }
.layid span { font: 16px arial; color: #888888; }

.laydownload {float: right; margin-top: -170px; text-align: left; width: 300px;}

.laypagenav {text-align: center; border-top: 1px solid #dddddd; margin: 20px 0 0 0; padding: 20px 0 0 0;}

/* -------- winamp -------- */

.win { margin-bottom: 2px; }

.winpreview {width: 275px; padding: 20px; background: url(img/windot.gif) repeat; }
.winpreview a {border: 0;}

.winid {float: right; margin-top: 20px; width: 330px; text-align :left; 
        font: bold 30px century gothic; color: #dddddd; border-bottom: 1px dotted #dddddd; }
.winid span { font: 16px arial; color: #888888; }

.windownload {float: right; margin-top: -300px; text-align: left; width: 330px;}

.winpagenav {text-align: center; border-top: 1px solid #dddddd; margin: 20px 0 0 0; padding: 20px 0 0 0;}

/* -------- wallpaper -------- */

.wall { margin-bottom: 2px; }

.wallpreview {width: 300px; padding: 20px; background: url(img/windot.gif) repeat; }
.wallpreview a {border: 0;}

.wallid {float: right; margin-top: 20px; width: 305px; text-align :left; 
        font: bold 30px century gothic; color: #dddddd; border-bottom: 1px dotted #dddddd; }
.wallid span { font: 16px arial; color: #888888; }

.walldownload {float: right; margin-top: -185px; text-align: left; width: 305px;}
.walldownload a {display: block; padding: 3px;}

.wallpagenav {text-align: center; border-top: 1px solid #dddddd; margin: 20px 0 0 0; padding: 20px 0 0 0;} 0; padding: 20px 0 0 0;}