/* Page wrapper */ #wrapper {width: 960px; position: relative; margin: 0 auto;} /* Dynamic: 960px, 1132px, 1304px */ /* Header */ #layer01 {width: 860px; height: 220px; margin: 0 auto;} #layer01 div.mascot {width: 160px; float: left; display: inline;} #layer01 div.mascot p {width: 160px; text-align: center;} #layer01 div.logo {width: 520px; float: left; display: inline; text-align: center; vertical-align: top;} #layer01 div.logo p {width: 490px; font-size: 16px; margin: 0 auto 6px;} #layer01 div.logo p span.enhanced {font-variant: small-caps;} #layer01 div.logo button {width: 270px; margin: 6px auto;} #layer01 div.logo div.adv-menu {margin: 6px auto 0; overflow: hidden;} #layer01 div.logo div.adv-menu div {float: left; display: inline; position: relative; left: 50%;} #layer01 div.logo div.adv-menu ul {position: relative; right: 50%;} #layer01 div.logo div.adv-menu li {float: left; display: inline; position: relative; display: inline; padding: 0 5px 0 0; border-right: 1px dotted #000000; margin: 0 5px 0 0;} #layer01 div.logo div.adv-menu li.last {border-right: 0; margin: 0;} #layer01 div.toplist {width: 180px; height: 220px; float: left; display: inline; text-align: center; background: url('/images/cloud_full_180x220.gif') no-repeat top left;} #layer01 div.toplist ul {font-size: 16px; margin: 35px 0 0;} /* Search */ #layer02 {margin: 0 0 15px; text-align: center;} #layer02 div.box label {font-size: 18px;} #layer02 div.box input {width: 200px; margin: 0 1px 0 0;} #layer02 div.radios {margin: 14px 0; text-align: center;} #layer02 div.radios label {margin: 0 10px 0 0;} #layer02 div.radios input {margin: 0 0 0 10px;} /* Main content */ #layer03 {position: relative; margin: 15px auto; padding: 0 0 0 100px;} #layer03 div.cats {width: 100px; position: absolute; top: 0; left: 0;} #layer03 div.cats div.head {width: 100px; height: 40px; background: url('/images/cloud_head_100x40.gif') no-repeat top left; margin: 0 0 3px;} #layer03 div.cats div.head div {font-weight: bold; text-align: center; padding: 19px 0 0;} #layer03 div.cats div.body table {width: 98px; height: 5708px; margin: 0 1px;} /* Dynamic: 5708px, 4756px, 4076px */ #layer03 div.cats div.body td {color: #174465; background: #a8cde7 url('/images/bg_blue_4x80.gif'); border: 1px solid #94bdda; font-size: 12px; text-decoration: none; text-align: left;} #layer03 div.cats div.body td:visited {color: #174465; background: #a8cde7 url('/images/bg_blue_4x80.gif'); border: 1px solid #94bdda;} #layer03 div.cats div.body td:hover {color: #55083a; background: #ffbbe7 url('/images/bg_pink_4x80.gif'); border: 1px solid #ff80d0;} #layer03 div.cats div.body td:active {color: #55083a; background: #ffbbe7 url('/images/bg_pink_4x80.gif'); border: 1px solid #ff80d0;} #layer03 div.cats div.body td.letter {color: #174465; background: #a8cde7 url('/images/bg_blue_4x80.gif'); border: 1px solid #94bdda; font-weight: bold; padding-left: 4px;} #layer03 div.cats div.body a {text-decoration: none; padding-left: 4px; display: block; } #layer03 div.cats div.body a:link {color: #174465;} #layer03 div.cats div.body a:visited {color: #174465;} #layer03 div.cats div.body a:hover {color: #55083a;} #layer03 div.cats div.body a:active {color: #55083a;} #layer03 div.cats div.foot {width: 100px; height: 25px; background: url('/images/cloud_foot_100x25.gif') no-repeat top left; margin: 3px 0 0 0;} #layer03 div.main {} #layer03 div.main div.head {height: 40px; background-image: url('/images/cloud_head_860x40.gif'); background: no-repeat top right; margin: 0 0 1px 0;} /* Dynamic: 860px, 1032px, 1204px */ #layer03 div.main div.head div.title {float: left; display: inline; font-size: 16px; font-weight: bold; margin: 18px 0 0 18px;} #layer03 div.main div.head div.navigator {float: right; display: inline; margin: 15px 20px 0 0;} #layer03 div.main div.head div.navigator li {float: left; display: inline; margin-right: 2px;} #layer03 div.main div.head div.navigator li.last {margin-right: 0;} #layer03 div.main div.head div.navigator li.title {color: #f6fbff; text-decoration: none; background: #000000 url('/images/bg_black_4x80.gif'); border: 1px solid #000000; -moz-border-radius: 5px; -webkit-border-radius: 5px; padding: 2px 5px; display: inline-block;} #layer03 div.main div.head div.navigator li.disabled {color: #f6fbff; text-decoration: none; background: #000000 url('/images/bg_black_4x80.gif'); border: 1px solid #000000; -moz-border-radius: 5px; -webkit-border-radius: 5px; padding: 2px 5px; display: inline-block;} #layer03 div.main div.head div.navigator li.current {color: #55083a; text-decoration: none; background: #ffbbe7 url('/images/bg_pink_4x80.gif'); border: 1px solid #ff80d0; -moz-border-radius: 5px; -webkit-border-radius: 5px; padding: 2px 5px; display: inline-block;} #layer03 div.main div.head div.navigator li a:link {color: #f6fbff; text-decoration: none; background: #000000 url('/images/bg_black_4x80.gif'); border: 1px solid #000000; -moz-border-radius: 5px; -webkit-border-radius: 5px; padding: 2px 5px; display: inline-block;} #layer03 div.main div.head div.navigator li a:visited {color: #f6fbff; text-decoration: none; background: #000000 url('/images/bg_black_4x80.gif'); border: 1px solid #000000; -moz-border-radius: 5px; -webkit-border-radius: 5px; padding: 2px 5px; display: inline-block;} #layer03 div.main div.head div.navigator li a:hover {color: #55083a; text-decoration: none; background: #ffbbe7 url('/images/bg_pink_4x80.gif'); border: 1px solid #ff80d0; -moz-border-radius: 5px; -webkit-border-radius: 5px; padding: 2px 5px; display: inline-block;} #layer03 div.main div.head div.navigator li a:active {color: #55083a; text-decoration: none; background: #ffbbe7 url('/images/bg_pink_4x80.gif'); border: 1px solid #ff80d0; -moz-border-radius: 5px; -webkit-border-radius: 5px; padding: 2px 5px; display: inline-block;} #layer03 div.main div.body {} #layer03 div.main div.body div.gals {float: left; margin: 1px; display: inline;} #layer03 div.main div.body div.gals img {border: 1px solid #96beda;} #layer03 div.main div.body div.gals a:hover img {border: 1px solid #96beda;} #layer03 div.main div.body div.end {float: left; width: 168px; height: 132px; background: #c7e0f1; border: 1px solid #96beda; margin: 1px; display: inline;} #layer03 div.main div.body div.end p {color: #74a5c6; font-size: 11px; text-align: center; margin-top: 50px;} #layer03 div.main div.foot {height: 45px; background-image: url('/images/cloud_foot_860x45.gif'); background: no-repeat top right; margin: 2px 0 0 0; overflow: hidden;} /* Dynamic: 860px, 1032px, 1204px */ #layer03 div.main div.foot div.navigator {float: left; display: inline; position: relative; left: 50%; padding: 5px 0 0 0;} #layer03 div.main div.foot div.navigator ul {position: relative; right: 50%;} #layer03 div.main div.foot div.navigator li {float: left; position: relative; display: inline; margin-right: 2px;} #layer03 div.main div.foot div.navigator li.last {margin-right: 0;} #layer03 div.main div.foot div.navigator li.title {color: #f6fbff; text-decoration: none; background: #000000 url('/images/bg_black_4x80.gif'); border: 1px solid #000000; -moz-border-radius: 5px; -webkit-border-radius: 5px; padding: 2px 5px; display: inline-block;} #layer03 div.main div.foot div.navigator li.disabled {color: #f6fbff; text-decoration: none; background: #000000 url('/images/bg_black_4x80.gif'); border: 1px solid #000000; -moz-border-radius: 5px; -webkit-border-radius: 5px; padding: 2px 5px; display: inline-block;} #layer03 div.main div.foot div.navigator li.current {color: #55083a; text-decoration: none; background: #ffbbe7 url('/images/bg_pink_4x80.gif'); border: 1px solid #ff80d0; -moz-border-radius: 5px; -webkit-border-radius: 5px; padding: 2px 5px; display: inline-block;} #layer03 div.main div.foot div.navigator li a:link {color: #f6fbff; text-decoration: none; background: #000000 url('/images/bg_black_4x80.gif'); border: 1px solid #000000; -moz-border-radius: 5px; -webkit-border-radius: 5px; padding: 2px 5px; display: inline-block;} #layer03 div.main div.foot div.navigator li a:visited {color: #f6fbff; text-decoration: none; background: #000000 url('/images/bg_black_4x80.gif'); border: 1px solid #000000; -moz-border-radius: 5px; -webkit-border-radius: 5px; padding: 2px 5px; display: inline-block;} #layer03 div.main div.foot div.navigator li a:hover {color: #55083a; text-decoration: none; background: #ffbbe7 url('/images/bg_pink_4x80.gif'); border: 1px solid #ff80d0; -moz-border-radius: 5px; -webkit-border-radius: 5px; padding: 2px 5px; display: inline-block;} #layer03 div.main div.foot div.navigator li a:active {color: #55083a; text-decoration: none; background: #ffbbe7 url('/images/bg_pink_4x80.gif'); border: 1px solid #ff80d0; -moz-border-radius: 5px; -webkit-border-radius: 5px; padding: 2px 5px; display: inline-block;} /* Advertisement */ #layer04 {width: 960px; margin: 30px auto;} /* Toplist */ #layer05 {width: 960px; margin: 30px auto;} #layer05 table {width: 100%; border-collapse: separate; border-spacing: 2px;} #layer05 table td {padding: 2px 4px;} #layer05 table td.head {background: #a7cbe6; font-weight: bold; padding: 9px;} #layer05 table td.odd {background: #b4d5ec;} #layer05 table td.even {background: #a7cbe6;} #layer05 table td span {color: #3e699f;} #layer05 table td.foot {background: #a7cbe6; font-size: 11px; text-align: center; padding: 4px;} /* Big bookmark link */ #layer06 {font-size: 24px; font-weight: bold; text-align: center; margin: 30px 0;} /* Advertisement */ #layer07 {width: 960px; margin: 30px auto;} /* Misc links */ #layer08 {text-align: center; margin: 25px 0;} /* Footer */ #layer09 {width: 960px; height: 35px; font-size: 12px; margin: 20px auto 0; background: url('/images/cloud_head_960x35.gif');} #layer09 div.adv-menu {float: left; display: inline; margin: 18px 0 0 25px;} #layer09 div.adv-menu li {float: left; display: inline; padding: 0 6px 0 0; border-right: 1px dotted #666666; margin: 0 6px 0 0;} #layer09 div.adv-menu li.last {border-right: 0; margin: 0;} #layer09 div.copyright {float: right; display: inline; color: #666666; margin: 18px 25px 0 0;}