/*Global*/
* {margin:0; padding:0;}
body { background:#161616 url(images/bg.jpg) repeat-x; font:11px Arial, Helvetica, sans-serif; color:#161616;}
img {border:0;}
.center {width:950px; margin:0 auto;}
.clear { clear:both; line-height:0; font-size:1px; height:0px;}
ul {list-style:none;}
a {text-decoration:none;color:#0000FF;}
a:hover{color:#000000};
form{padding:0;margin:0;}

/*Head*/
.head {height:98px; position:relative;}
.logo, .desc, .rec-h, .friends-head, .includes {position:absolute;}
.logo {top:0; left:42px;}
.desc {top:18px; left:308px; line-height:1;}
.friends-head {left:0; bottom:0; height:17px; width:279px; font:14px Tahoma; color:#0f0f0f; font-weight:bold; background:url(images/friends-t.jpg) no-repeat; padding:8px 0 0 24px;}
.rec-h {bottom:0; left:303px; background:url(images/recom-t.jpg) no-repeat; height:19px; width:100px; font:14px Tahoma; color:#fece0f; font-weight:bold; padding:7px 0 0 7px;}
.includes {width:540px; bottom:0; right:0;}
.inc-l { width:346px; float:left; position:relative;}
.inc-r {width:194px; float:left;}
.inc-l ul { float:right;}
.inc-l ul li {float:left; margin-right:1px; _width:0px;}
.inc-l ul li a { background: url(images/a-bg.gif) repeat-x; display:block;font:12px Tahoma; color:#0f0f0f; font-weight:bold;}
.cor-l { background:url(images/cor-l.gif) no-repeat; display:block;}
.cor-r { background: url(images/cor-r.gif) no-repeat right; text-align:center; padding:9px 7px 0 7px;  display:block; height:22px; cursor:pointer;}
.center .activ a, .inc-l ul a:hover { background:url(images/a-activ.gif) repeat-x; color:#ffcc00;}
.center .activ a .cor-l, a:hover .cor-l {background:url(images/cor-l-a.gif) no-repeat;}
.center .activ a .cor-r, a:hover .cor-r { background:url(images/cor-r-a.gif) no-repeat right;}

/*Search*/
.search { background:url(images/s-bg.gif) repeat-x;}
.search-l { background:url(images/s-l.gif) no-repeat;}
.search-r { height:23px; background:url(images/s-r.gif) no-repeat right top; padding:8px 0 0 17px;}
.search .txtarea { background:#efc20c; color:#000000; font-size:12px; width:126px; padding:0 0 0 7px; border:0; vertical-align:middle;}
.search a {color:#efc20c; font-size:12px; padding:1px 6px 1px 6px; background:#080808; vertical-align:middle;}
.go {color:#efc20c; font-size:12px; padding:1px 2px 1px 2px; background:#080808; vertical-align:middle;border:none;margin-top:3px;}

/*Top friends block*/
.wrap { padding:0 0 0 4px;}
.fr-t { width:294px; background:url(images/fr-t.gif) no-repeat #efc20c; margin:0 5px 0 0; float:left}
.fr-b {background: url(images/fr-b.gif) no-repeat bottom; height:153px; padding:27px 0 0 9px;}
.fr-t ul { width:124px; float:left; margin:0 26px 0 0;}
.center .last-ul {margin:0;}
.fr-t ul a {color:#161616; display:block; height:17px; padding:0 0 0 10px; font-size:14px;}
.fr-t ul a:hover { background:url(images/a-bg-ul.gif) no-repeat right #161616; color:#efc20c;}

/*Recomended*/
.rec { width:638px; float:left; background:url(images/rec-t.gif) no-repeat #080808; height:175px; padding:5px 0 0 9px;}

/*Thumbs*/
.gal-2{overflow:hidden;}
.gal-2 div{color:#CCCCCC;font-size:14px;}
.gal-2 div div{font-size:12px;}
.gal-2 div a{color:#ffcc00;text-decoration:none;}
.gal-2 div a:hover{color:#FFFFFF;}
.gal a img, .gal-2 a img, .gal-big a img{ width:150px; height:150px; padding:1px; background:#101010; border:1px solid #ffffff; margin:0 4px 4px 0;float:left;}
.gal a:hover img,.gal-2 a:hover img,.gal-big a:hover img{border:1px solid #fece0f;}
.gal-big a img{width:225px;height:170px;}
.big a img{width:185px;height:185px;}
/*Main Part*/
.main {clear:both; padding:2px 0 28px 3px;}
.left {width:141px; float:left; margin-right:2px;}
.right { width:804px; float:right; padding:3px 0 0 0;}

/*Best sites*/
.best {background:url(images/best-bg.gif) repeat-y; width:141px; margin-bottom:4px;}
.best-t {background:url(images/best-t.jpg) no-repeat;}
.best-b {background:url(images/best-b.gif) no-repeat bottom; padding:0 0 15px 0;}
.best h2 {color:#fece0f; font:14px Tahoma; font-weight:bold; padding:10px 0 18px 13px;}
.cat { padding:0 0 0 10px; width:124px; font-size:13px;}
.cat a { display:block; padding:0 0 0 4px; height:17px; color:#535151;}
.cat a:hover { background:url(images/a-bg-ul2.gif) no-repeat right #efc20c; color:#080808;}

/*Best 2*/
.best-2 { background:url(images/best-2-t.gif) no-repeat #efc20c; width:138px; margin-left:1px;}
.best-2-b { background:url(images/best-2-b.gif) no-repeat bottom; padding-bottom:15px;}
.best-2 h2 {color:#0f0f0f; font:14px Tahoma; font-weight:bold; padding:10px 0 18px 13px;}

.best-2 .cat a {color:#161616;}
.best-2 .cat a:hover { background:url(images/a-bg-ul.gif) no-repeat right #080808; color:#efc20c;}


/*Box*/
.box {background:url(images/box-bg.jpg) repeat-x #080808; position:relative; margin-bottom:2px;}
.box-t {background:url(images/box-t.jpg) no-repeat;}
.box-b {background: url(images/box-b.gif) no-repeat bottom; padding-bottom:7px; _height:1px; min-height:1px;}

.center .includes-2 {width:540px; top:1px; right:0; position:absolute;}
.center .includes-2 a .cor-l { background:url(images/cor-l-2.gif) no-repeat; }
.center .includes-2 a .cor-r { background: url(images/cor-r-2.gif) no-repeat right top; height:21px;}
.center .includes-2 .activ a, .includes-2 .inc-l ul a:hover { background:url(images/a-activ-2.gif) repeat-x; color:#ffcc00;}
.includes-2 .activ a .cor-l, .includes-2 a:hover .cor-l {background:url(images/cor-l-a-2.gif) no-repeat;}
.includes-2 .activ a .cor-r, .includes-2 a:hover .cor-r { background:url(images/cor-r-a-2.gif) no-repeat right;}
.includes-2 .inc-l ul li a { background: url(images/a-bg-2.gif) repeat-x;}
.includes-2 .search-l { background:url(images/s-l-2.gif) no-repeat}
.includes-2 .search-r { background:url(images/s-r-2.gif) no-repeat top right;}

.box-h2 { background:url(images/box-h2-bg.jpg) repeat-x; color:#fece0f; font:14px Tahoma; font-weight:bold;}
.box-h2-l { background:url(images/box-h2-l.jpg) no-repeat;}
.box-h2-r { height:25px; padding:6px 16px 0 15px; background:url(images/box-h2-r.jpg) no-repeat right top;}

.gal-2 {padding:11px 0 0 8px;}

/*Top List*/
.top { padding:7px 0 0 10px; clear:both; }
.top ul {width:124px; margin-right:42px; float:left; position:relative; z-index:1;color:#666666;}
.top ul a {display:block; padding:0 0 0 6px; height:17px; color:#f3efef; font-size:14px;}
.top ul a:hover { background:url(images/a-bg-ul2.gif) no-repeat right #efc20c; color:#080808;}
.center .last-ul-2 {margin:0;}

/*Box 2 {White box)*/
.box-2 { background:url(images/box-2-bg.gif) repeat-x #ffffff; margin:4px 0 4px 0;}
.box-2-r { background:url(images/box-2-r.gif) no-repeat top right;}
.box-2-b { background:url(images/box-2-b.gif) no-repeat bottom; padding:0 0 7px 0; _height:1px; min-height:1px;}

.center .box-2 .box-h2 { background:url(images/box-h2-bg-2.gif) repeat-x; color:#161616; font:14px Tahoma; font-weight:bold;}
.center .box-2 .box-h2-l { background:url(images/box-h2-l-2.gif) no-repeat;}
.center .box-2 .box-h2-r { height:28px; padding:6px 16px 0 15px; background:url(images/box-h2-r-2.gif) no-repeat right top;}

.center .box-2 ul { width:165px; margin-right:0;}
.top span {color:#efc20c;}
.center .box-2 li a { color:#161616;}
.center .box-2 .top ul a:hover { background:url(images/a-bg-ul.gif) no-repeat right #080808; color:#ffffff;}
.center .box-2 .last-ul-2 {margin:0; width:130px;}

.yellow { background:url(images/yellow-t.jpg) no-repeat #efc20c;}
.yellow-b {background:url(images/yellow-b.gif) no-repeat bottom;text-align:center}

/*Foot*/
.foot {background:url(images/bottom.jpg) repeat-x bottom; }
.foot-in {width:805px; margin:0 auto; padding-left:145px; font-size:10px; color:#535151;}
.col-1 { width:213px; float:left; padding:18px 0 0 98px;}
.col-2 {width:149px; float:left;}
.col-3 {width:334px; float:left; padding:18px 0 0 7px;}

/*More Links*/
.more{font-size:20px;color:#FFFFFF;text-align:center;padding-top:10px;padding-bottom:10px;font-face:tahoma;}
.more a{color:#fece0f;}
.more a:hover{color:#FFFFFF}

/*newbadge*/
.gal-big a{position:relative;float:left}
a img.newbadge,a:hover img.newbadge{border:none;width:50px;height:49px;position:absolute;right:10px;top:10px;background:none;}

/*topad*/
.topad{padding:5px;text-align:center;font-size:14px}
.topad a{text-decoration:underline;color:#fece0f}
.topad a:hover{text-decoration:none}
.topad a img{border:1px solid #fece0f;margin:2px;padding:2px;}
.topad a:hover img{background:#fece0f}