/* G L O B A L S E T T I N G S */
body, html {height:100%; padding:0; margin:0; font-family:Arial; font-size:11px; overflow:hidden;}
img {border:0}
a {font-weight:bold; color:black; text-decoration:none}
a:hover {color:white}
ul {list-style-type:none}
/* B A S E L A Y E R S : FLOWERS, CONTENT, COVER, WARNING */
#flower1,#flower2,#cover,#blocker,#content {position:absolute; width:100%; height:100%; top:0; left:0;}
#flower1 {background:url(img/green-flower.jpg) no-repeat top left; z-index:-10}
#flower2 {background:url(img/yellow-flower.jpg) no-repeat top right; z-index:-20}
#cover {background:white; z-index:-9}
#content {z-index:50}
#blocker {visibility:hidden; background:url(img/v.gif) -14px 0 no-repeat; z-index:60; }
#warning {position:absolute; top:0; left:0; width:100%; height:18px; line-height:18px;
text-align:center; border-bottom:1px solid gray; background:#ff8080; color:white; z-index:65; opacity:0.8; filter:alpha(opacity=80);}
/* S I D E B A R S */
.sidebar {height:100%; width:200px; top:0; position:absolute; overflow:hidden}
#sidebar1 {left:0; z-index:70; padding-right:9px;}
#sidebar2 {right:0; z-index:80; padding-left:9px;}
.barcontent {position:relative; overflow:hidden; width:100%; text-align:center; text-align:center; background:silver; opacity:0.8; filter:alpha(opacity=80); }
.barcontent a {cursor:help}
.gradient {height:25px; line-height:25px; background:url(img/box.png) 0 -720px repeat-x; font-size:11px}
#title {font-weight:bold; font-size:18px; text-align:center; margin:5px 6px 3px}
/* R A N K */
#score {width:140px; height:14px; margin:auto; background:url(img/v.gif)}
#rank1,#rank2,#rank3,#rank4,#rank5,#rank6,#rank7,#rank8,#rank9,#rank10 {float:left; height:14px; background:url(img/v.gif)}
#rank1 {background-position:0 -14px; width:14px}
#rank2 {background-position:0 -14px; width:28px}
#rank3 {background-position:0 -14px; width:42px}
#rank4 {background-position:0 -14px; width:56px}
#rank5 {background-position:0 -28px; width:70px}
#rank6 {background-position:0 -28px; width:84px}
#rank7 {background-position:0 -28px; width:98px}
#rank8 {background-position:0 -42px; width:112px}
#rank9 {background-position:0 -42px; width:126px}
#rank10 {background-position:0 -42px; width:140px}
/* S E A R C H A R E A */
#search {position:relative; height:65px; padding:5px 10px 0 6px; font-size:18px; font-weight:bold}
#field {width:100%;margin:0 0 10px 0; padding:1px 2px 2px 2px; font-size:11px; border:solid 1px gray}
#go {position:absolute; right:20px; bottom:19px; width:30px; height:30px; background:url(img/h.png); cursor:help;}
#go:hover {background-position:-30px 0;}
#all {position:absolute; bottom:5px; left:2px}
label {position:absolute; bottom:7px; left:23px; font-size:11px; font-weight:normal}
/* L I N K S M E N U : HOME, TOP RATED, MOST RECENT */
#links {margin:0; padding:0}
#links hr {width:100px}
#info1, #info2, #home {text-decoration:underline; font-weight:normal; cursor:pointer}
#info1, #info2 {display:block}
/* C A T E G O R I E S M E N U */
#categories {margin:0 0 42px 0; padding:0 0 0 0px; text-align:left}
#categories hr {width:100px;}
#categories li {clear:both;}
#categories a {display:block; width:50%; text-align:right; position:relative; left:-4px}
#categories ul {text-align:left; margin:0; padding:0; width:50%; list-style-type:none; float:right; position:relative; top:-14px; border-left:1px solid gray;}
#categories ul a {text-align:left; left:0; margin:0 0 0 3px;}
/* D E S C R I P T I O N */
#description {position:relative; height:230px; margin:6px; padding:5px; background:url(img/box.png)}
#description1 {position:absolute; left:0; top:0; height:240px; width:5px; background:url(img/box.png) 0 -240px}
#description2 {position:absolute; right:0; top:0; height:240px; width:5px; background:url(img/box.png) 0 -480px}
#header {color:white; line-height:24px; height:24px; font-weight:bold}
#text {height:200px; padding:3px; overflow:auto; text-align:left; background:white; font-size:11px }
#description a:hover {color:black; text-decoration:underline}
/* F I L L E R */
#filler1,#filler2 {position:absolute; width:100%; height:100%; background:silver; opacity:0.8; filter:alpha(opacity=80); z-index:-1;}
#filler1 {right:9px}
#filler2 {left:9px}
/* S C R O L L E R */
.scroller {display:block; height:9px; overflow:hidden; width:100%; cursor:default; background:url(img/v.gif) no-repeat; visibility:hidden}
.up {background-position:center -58px}
.up:hover {background-position:center -72px}
.down {position:absolute; height:13px; bottom:-1px; background-position:center -84px; background-color:silver; opacity:0.8; filter:alpha(opacity=80); z-index:5000}
.down:hover {background-position:center -98px}
#sidebar1 .down {right:9px}
#sidebar2 .down {left:9px}
/* I T E M S */
.items {position:relative; overflow:scroll; cursor:default; width:100%; height:100%; margin:0 0 0 9px; padding:0 17px 0 0px;}
#slider1, #slider2 {position:relative; width:100%}
#dummy1,#dummy2 {float:left; width:100%; height:400px;}
.items a {float:left;line-height:0;margin:0 0px 0px 0; cursor:pointer; opacity:0.8; filter:alpha(opacity=80); background:silver}
.items a:hover {opacity:1; filter:alpha(opacity=100)}
#selected {opacity:0.3; filter:alpha(opacity=30)}
/* D R A G G E R S */
#dragger1,#dragger2 {position:absolute; top:0; width:6px; height:100%; background:-6px 3px no-repeat;}
#dragger1 {right:9px}
#dragger2 {left:9px}
/* S H A D O W S */
#shadow1,#shadow2 {position:absolute; top:0; width:9px; height:100%;overflow:auto;}
#shadow1 {right:0; background:url(img/shadow1.png);}
#shadow2 {left:0; background:url(img/shadow2.png);}
/* N A V I G A T O R */
#navigator {position:absolute; overflow:hidden; top:20px; left:50%; margin-left:-50px; width:100px; height:72px; z-index:1000;}
#nav {position:absolute; width:400px; height:72px; background:url(img/nav.png);}
#maxi {position:absolute; top:1px; left:20px; width:60px; height:60px;}
#prev,#next {display:block; position:absolute; top:17px; width:27px; height:27px}
#prev {left:3px;}
#next {right:3px;}
#php {display:none; position:absolute;text-align:center; bottom:0; right:0; width:100%; height:40px; background:purple; color:white; z-index:1000}