html, body { width:100%; height:100%; margin:0; padding:0; }
html { font:12px/18px helvetica, arial; color:#333; background:url(images/back.png) top repeat-x; }
a { text-decoration:none; outline:none; }
a img { border:none; }

#logo { position:absolute; top:23px; left:25px; }
#logo:hover, #widgets img:hover, .button:hover, #galleries .submit:hover, .Nav a:hover { opacity:.6; }
#widgets { width:238px; height:29px; background:url(images/widgets-back.png); position:absolute; top:0; right:0; }
#widgets img { margin:6px 0 0 13px; }
#nav { position:absolute; top:80px; left:0; border-right:1px solid #80E8F0; }
#nav ul { margin:0; padding:0; list-style:none; }
#nav li { width:130px; height:35px; font:12px helvetica, arial; background:url(images/nav-over.png); float:left; }
#nav li a { width:100%; height:25px; padding:10px 0 0 0; color:#FFF; text-align:center; display:block; background:url(images/nav-up.png); }
#nav li a:hover { background:url(images/nav-over.png); }
#nav .current { background:#444 !important; }

#container, #container2, #container3 { width:937px; min-height:286px; margin:0 auto; background:url(images/container-back.png) top no-repeat; position:relative; top:138px; }
#container2 { width:684px; background:url(images/container-back2.png) top no-repeat; }
#container3 { width:648px !important; background:url(images/container-back3.png) top no-repeat !important; }

#content { width:511px; height:286px; position:absolute; top:0; left:0; }
#content2 { min-height:286px; padding:7px 25px 0 13px; }
#content2 p { line-height:20px; }
#content2 a { color:#00C1D2; }
#content2 a:hover { color:#333; }
td { vertical-align:top; }
#content form { position:absolute; top:55px; left:25px; }
#content p { color:#FFF; position:absolute; top:227px; left:25px; }
#content a { color:#555; }
#content a:hover { color:#FFF; }
#content label { font-size:11px; position:absolute; }
.text { width:128px; margin:0 0 3px 92px; padding:4px; font:11px helvetica, arial; color:#666; border:1px solid #AEECF1; background:#FFF url(images/text-back.png) top repeat-x; }
.text:hover { border:1px solid #00C1D2; }
.button { margin:7px 1px 0 0; border:none; cursor:pointer; float:right; }
h1 { margin:15px 0 0 0; padding:0; font:18px helvetica, arial; color:#00C1D2; }
h2 { margin:15px 0 0 0; padding:0; font:15px helvetica, arial; color:#00C1D2; }
.fine { font-size:11px; color:#999; }
.screenshot:hover { opacity:.8; }
#content2 p { margin-right:150px; }
#copy { padding:0 10px 0 15px; }
#copy hr { width:470px !important; }

#favourites { width:226px; position:relative; top:38px; left:538px; }
#favourites .box { width:226px; height:100px; margin:0 0 10px 0; background:url(images/favbox-back.png); position:relative; }
#favourites .box div { position:absolute; top:78px; left:21px; }
#favourites .box a { color:#FFF; }
#favourites .box a:hover { color:#00C1D2; }
#favourites a { color:#00C7D7; }
#favourites a:hover { color:#333; }
#favourites a:hover img { opacity:.7; }
#favourites ul { margin-left:0 !important; padding-left:0 !important; }
#favourites li { margin:0; padding:0 0 0 14px; background:url(images/li2.gif) left no-repeat; list-style:none; }
#container3 #favourites { width:500px; top:7px; left:13px; }
#container3 #favourites .box { margin:0 10px 10px 0; float:left; }

#adspace { padding:0 0 15px 0; position:absolute; top:38px; left:781px; }
#adspace .boxes { margin:0 0 0 10px; }
#adspace .box { width:133px; height:133px; margin:0 0 10px 0; background:url(images/ad-back.png); position:relative; }
#adspace img { margin:4px 0 0 4px; }
#adspace .box a:hover img { opacity:.7; }
#adspace ul { margin:11px 0 0 0; padding:0; list-style:none; }
#adspace li { margin:0; padding:0 0 0 13px; background:url(images/li.gif) left no-repeat; }
#adspace a { color:#333; }
#adspace a:hover { color:#00C7D7; }
#container2 #adspace { left:528px; }
#container3 #adspace { left:492px !important; }
#ad2 { width:498px; height:73px; position:absolute; top:296px; left:13px; }
#ad3 { width:498px; height:73px; position:absolute; top:379px; left:13px; }
#ad2 div, #ad3 div { width:498px; height:68px; margin:0 0 10px 0; background:url(images/ad2-back.png); float:left; }
#ad2 img, #ad3 img { margin:4px 0 0 4px; }
#ad2 a:hover img, #ad3 a:hover img { opacity:.7; }

#galleries { width:500px; position:absolute; top:462px; }
#galleries table { width:100%; }
#galleries td { height:20px; border-top:1px solid #FFF; border-bottom:1px solid #FFF; }
#galleries th { height:25px; padding:2px 18px 0 8px; font:10px helvetica, arial; color:#FFF; text-align:center; background:#444; border:none; border-right:1px solid #FFF; border-bottom:1px solid #FFF; cursor: pointer; }
#galleries th:hover { background:#22838B url(images/bg2.gif) center right no-repeat; }
#galleries td.centre { text-align:center; vertical-align:middle; }
#galleries img { margin:0 8px -6px 0; float:left; }
#galleries a { color:#333; }
#galleries a:hover { color:#00C7D7; }
#galleries tr:hover td { background:#EEE; }
#galleries tr.headings:hover td { background:#444; }
#galleries .submit { width:62px; height:20px; float:right; }
#galleries .submit a { width:62px; height:20px; background:url(images/submit2.png); display:block; }
#galleries .submit a:visited { opacity:.4; }
table.tablesorter thead tr .headerSortUp { background:#00C1D2 url(images/asc.gif) center right no-repeat !important; }
table.tablesorter thead tr .headerSortDown { background:#00C1D2 url(images/desc.gif) center right no-repeat !important; }
#featured { padding:30px 0 0 0; background:url(images/title-featured.png) top no-repeat; position:relative; left:12px; }
#other { margin:24px 0 0 0; padding:30px 0 0 0; background:url(images/title-other.png) top no-repeat; position:relative; left:12px; }
hr { margin:5px 0 0 0; padding:0; border:1px solid #FFF; border-bottom:1px dashed #CCC; }
#galleries hr { margin:15px -12px 0 12px; }
#content2 hr { width:495px; }
#screenshot{ width:498px; height:300px; background:url(images/screenshot-back.png) repeat; position:absolute; display:none; font-size:0px; color:#FFF; }

.Nav { margin:5px 0 20px 0; }
.Nav span { margin-right:10px; }
.Nav .on { padding:5px 9px; border:1px solid #CCC; background:#EEE; }
.Nav a { padding:5px 9px; font-weight:bold; color:#FFF !important; border:1px solid #00C7D7; background:#00C7D7; }

#footer { width:500px; margin:25px 0; font:11px helvetica, arial; position:relative; left:12px; }
#content2 #footer { padding-bottom:25px; }
#footer span { font-size:10px; color:#999; }
#footer .top { margin:-6px 10px 0 0; opacity:.5; }
#container2 #footer .top, #container3 #footer .top { margin:-6px 10px 0 -11px; }
#footer .top:hover { opacity:1; }
#footerwidgets { float:right; }
#footerwidgets img { margin:0 0 0 8px; float:right; }
#footer .toporg { margin:0 -7px 0 0; float:right; }
#footer .favelets, #footer .topblogsites { float:right; }
#container2 #footer .favelets, #container3 #footer .favelets, #container2 #footer .toporg, #container3 #footer .toporg { margin:0 8px 0 0; }
#container2 #footer .topblogsites, #container3 #footer .topblogsites { margin:0 15px 0 0; }
#footer .toporg:hover, #footer .favelets:hover, #footer .topblogsites:hover { opacity:.7; }
#container2 #footer .copyright, #container3 #footer .copyright { margin:-19px 0 0 25px; }
#container3 #footer, #container3 #favourites hr { width:465px !important; }