/* CSS Tweaks */
* {padding:0;margin:0;}
a {color:#2673bc;text-decoration:none;}
a img {border:0;}
img {display:inline;}
.clear {clear:both;}
p {margin-bottom:8px;}

/* Body CSS */
body {background:#000 url(img/bg.gif);font-family:Verdana;}

/* Sub Background */
.subbg {width:100%;height:39px;background:url(img/sub_bg.gif);}

/* Wrapper */
.wrapper {width:813px;background:url(img/wrapper.gif);position:absolute;left:-411px;top:0;margin-left:50%;padding:0 5px 0 5px;}

/* Header */
.header {width:813px;height:77px;background:url(img/header.jpg);}
.header h1 a {width:220px;height:70px;display:block;text-indent:-9999px;overflow:hidden;}
.header .member {position:absolute;right:198px;top:20px;font-size:10px;font-weight:bold;}
.header .search {position:absolute;right:13px;top:14px;font-size:10px;font-weight:bold;}
.header .search input {background:#23a5df;width:139px;height:17px;border:0;background:url(img/search.gif);color:#fff;padding:3px;margin-right:5px;}
.header ul {position:absolute;right:12px;top:47px;}
.header li {list-style:none;float:left;margin:0 8px 0 8px;}
.header li a {display:block;height:30px;background:url(img/menu_right.gif) no-repeat top right;padding-right:5px;color:#424242;text-decoration:none;font-weight:bold;line-height:32px;font-size:13px;text-transform:lowercase;float:left;}
.header li a:hover {color:#265db2;}
.header li span {background:url(img/menu_bg.gif) no-repeat top left;height:30px;display:block;padding-left:6px;padding-right:1px;float:left;}
.header li span:hover {cursor:pointer;}

/* Top Advertisement  */
.mid {width:813px;height:106px;background:url(img/header2.jpg);position:relative;}
.mid div {width:728px;height:90px;position:absolute;right:8px;top:8px;}

/* Left Side */
.left {float:left;width:507px;padding:2px;margin-right:1px;overflow:hidden;}
.left > h2 {height:32px;background:url(img/heading.gif);width:507px;font-size:14px;color:#fff;line-height:28px;text-indent:8px;font-family:Tahoma;clear:both;}
.left > div {border:1px solid #3f91d5;margin-bottom:2px;border-top:0;background:#fff;font-size:12px;padding:5px;}
.left .page {font-family:Arial;}

.pagen {font-weight:bold;font-size:10px;text-align:center;position:relative;height:20px;line-height:20px;padding:5px;}
.pagenbottom {border:1px solid #ccc;margin:5px;padding:5px;}
.pagen a {text-decoration:none;font-size:10px;}
.pagen a, .pagen strong {font-size:10px;padding:0 3px 0 3px;}
.pagen span.prev {float:left;margin:0;position:absolute;left:5px;top:7px;}
.pagen span.next {float:right;margin:0;position:absolute;right:5px;top:7px;}

.comments {font-family:Arial;}
.comments li {list-style:none;background:url(img/border.gif) repeat-x 0 5px;padding-top:15px;margin-top:5px;padding-right:5px;clear:both;}
.comments li:first-child {padding-top:0;margin-top:0;background:none;}
.comments li h3 {display:inline;font-size:16px;color:#333;}
.comments li img {float:left;margin-right:5px;display:block;border:1px solid #a2a2a2;width:80px;height:80px;max-width:80px;} 
.comments li h3 a {font-size:16px;color:#333;}
.comments li h3 a:hover {color:#666;}
.comments li a {font-weight:bold;}
.comments li span {color:#666;font-size:10px;display:block;}
.comments li div {float:left;width:400px;padding-bottom:5px;}
.comments textarea {padding:5px;background:#666;color:#fff;border:1px solid #4b4b4b;font-family:Arial;font-size:12px;width:482px;height:75px;}
.comments > span {float:right;}
.comments input {border:0;background:#fff;font-weight:bold;font-size:10px;height:25px;}
.comments input[type="submit"] {color:#2475a5}
.comments input[type="reset"] {color:#666}

/* Latest Updates */
.updates {font-family:Arial;}
.updates li {list-style:none;background:url(img/border.gif) repeat-x bottom;padding-bottom:10px;margin-bottom:5px;padding-right:5px;height:89px;}
.updates li.vm {height:23px;background:url(img/vm.gif);padding:0;overflow:hidden;margin:0;}
.updates li.vm a {display:block;text-indent:-9999px;height:23px;}
.updates a img,.updates .img {float:left;margin-right:5px;display:block;width:110px;height:90px;}
.updates h3 {display:inline;font-size:16px;color:#333;}
.updates h3 a {font-size:16px;color:#333;}
.updates h3 a:hover {color:#666;}
.updates li a {font-weight:bold;}
.updates span {color:#666;font-size:10px;display:block;}

.commentRes {background:#fafafa;color:#333;border:1px solid #ccc;margin-bottom:8px;;padding:5px;font-size:12px}

/* Forum Posts */
.left .list {width:233px;float:left;}
.left .listleft {padding-right:12px;border-right:3px solid #b4d5ee;}
.left .list li {list-style:none;border-bottom:1px dotted #333;height:22px;clear:left;line-height:22px;font-family:Arial;}
.left .list li a {color:#333;display:block;font-weight:bold;text-indent:5px;background:url(img/arrow.gif) no-repeat right;}
.left .list li span {width:20px;display:block;float:left;border-right:1px dotted #333;height:20px;text-align:center;padding-top:2px;}

/* Right Side */
.right {float:right;width:300px;overflow:hidden;margin-right:1px;}
.right .ad {background:#424242 url(img/adtext.gif) no-repeat 100px 254px;height:264px;margin-bottom:6px;}
.right .list {width:284px;height:307px;background:url(img/list.gif);margin:5px;padding:2px 3px 0 3px;position:relative;}
.right .list > a {position:absolute;right:16px;top:271px;font-size:12px;line-height:20px;color:#000;font-weight:bold;}
.right .list h2 {color:#fff;height:26px;background:url(img/list_title.gif) repeat-x;font-size:12px;text-align:left;line-height:24px;}
.right .list h2 span {width:39px;height:26px;background-position:left top;background-repeat:no-repeat;display:block;float:left;margin-right:5px;}
.right .list h2 span.themes {background-image:url(img/list_themes.gif);}
.right .list h2 span.hacks {background-image:url(img/list_hacks.gif);}
.right .list h2 span.downloads {background-image:url(img/list_downloads.gif);}
.right .list h2 span.wallpapers {background-image:url(img/list_wallpapers.gif);}
.right .list ul {background:url(img/sublist_bg.gif);width:269px;height:262px;margin:7px;padding-top:1px;}
.right .list li {list-style:none;height:19px;width:260px;margin:4px;clear:left;font-size:12px;line-height:18px;position:relative;overflow:hidden;font-family:Arial;display:block;}
.right .list li span {width:18px;display:block;float:left;text-align:center;font-size:10px;line-height:18px;font-weight:bold;color:#fff;margin-right:8px;overflow:hidden;}
.right .list li a {float:left;display:block;color:#333;font-weight:bold;width:234px;z-index:5;}
.right .list li div {position:absolute;right:24px;top:1px;font-size:9px;z-index:4;overflow:hidden;}
.right .list ul.themes li {background-image:url(img/sublist_themes.gif);}
.right .list ul.themes div {color:#577587;}
.right .list ul.hacks li {background-image:url(img/sublist_hacks.gif);}
.right .list ul.hacks div {color:#537c37;}
.right .list ul.downloads li {background-image:url(img/sublist_downloads.gif);}
.right .list ul.downloads div {color:#a37811;}
.right .list ul.wallpapers li {background-image:url(img/sublist_wallpapers.gif);}
.right .list ul.wallpapers div {color:#a7472d;}

/* Footer */
.footer {clear:both;width:813px;height:71px;background:url(img/footer.jpg) no-repeat bottom left;}
.footer div {position:absolute;bottom:3px;left:60px;font-size:9px;color:#fff;font-weight:bold;width:763px;}
.footer a {color:#61c3f5;text-decoration:underline;}
.footer span {position:absolute;right:10px;bottom:0;}

.featured > div {float:left;width:305px;color:#333;font-family:Arial;}
.featured .title {font-size:12px;display:block;width:200px;font-weight:bold;margin-bottom:2px;}
.featured > span {background:url(img/featured.jpg);width:189px;height:90px;text-align:center;padding-top:6px;margin-bottom:5px;display:block;float:right;margin-top:20px;}
.featured a img {width:110px;height:90px;}
.featured h3 {font-size:12px;}
.featured div span {font-size:11px;}
.featured div strong {color:#2371a2;}
.featured div div {font-size:12px;font-family:Arial;}

.lsearch {border:1px solid #666;width:200px;float:left;margin-right:2px;margin-bottom:10px;}
.lsearch input {background:#666;border:1px solid #b3b3b3;width:192px;padding:3px;color:#fff;}

.wallpaper {text-align:center;}
.wallpaper img {max-width:480px;padding:1px;border:1px solid #33b5e2;max-height:500px;}
.finfo {margin:7px;border:1px solid #1f5a8a;}
.finfo h3 {background:url(img/heading2.gif);height:26px;color:#fff;line-height:26px;text-indent:5px;font-size:13px;font-weight:normal;font-family:Arial;position:relative;border-bottom:1px solid #1f5a8a;}
.finfo h3 div {float:left;}
.finfo h3 img {float:right;}
.finfo table {font-size:12px;font-family:Arial;}
.finfo th {text-align:left;width:90px;}
.finfo td {width:180px;}
.finfo th, .finfo td {padding:5px;}
.finfo .alt td, .finfo .alt th {background:#def3ff;}
.finfo a {font-weight:bold;}
.finfo select {width:50px;}
.finfo input {font-size:12px;padding:1px;}

.themenav {padding-top:5px;font-size:12px;font-family:Arial;}
.themenav a {font-weight:bold;}
.themenav a.highr {color:#f5931c;}
.themenav .themefeat {float:right;width:205px;font-size:11px;font-weight:bold;padding-left:5px;}
.themenav .themefeat img {margin-top:2px;width:202px;height:114px;}

.themenav .downloadfeat {float:right;width:205px;font-size:11px;font-weight:bold;padding-left:5px;}
.themenav .downloadfeat .img {background:url(img/featured.jpg);width:189px;height:90px;text-align:center;padding-top:6px;margin-bottom:5px;display:block;float:left;}
.themenav .downloadfeat img {width:110px;height:90px;}

.themenav > strong {display:block;clear:left;font-size:11px;padding-bottom:2px;color:#333;}
.themenav span {line-height:16px;}


.letters {padding:5px;text-align:center;font-size:12px;font-family:Arial;clear:both;}
.letters a,.letters strong {font-weight:bold;padding:0 1px 0 1px;}

.imglist {margin:5px;width:484px;background:url(img/imglist.gif);border-top:1px solid #3f90d4;}
.imglist li {list-style:none;float:left;text-align:center;height:129px;width:147px;padding:7px;overflow:hidden;}
.imglist img {width:145px;height:80px;padding:1px;border:1px solid #34c0e8;background:#fff;vertical-align:middle;margin-bottom:2px;}
.imglist a {color:#333;font-weight:bold;font-size:11px;font-family:Arial;}
.imglist a.title {color:#226a9c;}
.imglist a.comments {color:#666;}

.form {padding:2px;font-size:12px;}
.form p {display:block;margin-bottom:5px;}
.form strong {display:block;font-size:12px;border-top:1px dotted #ccc;margin-top:10px;padding-top:5px;}
.form strong:first-child {margin:0;border:0;padding:0;}
.form input[type="text"]{width:250px;padding:2px;}
.form select {width:254px;margin-bottom:3px;}
.form textarea {width:485px;height:100px;font-family:Arial;padding:2px;font-size:12px;}
.form input[type="submit"] {padding:3px;background:#fafafa;border:1px solid #ccc;float:right;}

.tablelist {width:100%;border-left:1px solid #ccc;border-top:1px solid #ccc;}
.tablelist td, .tablelist th {padding:5px;border-right:1px solid #ccc;border-bottom:1px solid #ccc;}
.tablelist th {text-align:left;background:#f6f6f6;}
