*                    { margin: 0 auto; padding: 0; cursor: default; outline: none; border: none; overflow: hidden; }
html, body           { overflow: visible; }
body                 { color: #777; font: normal 12px "Lucida Sans Unicode"; background: #000; }
a                    { color: #777; text-decoration: none; }
a:hover              { color: #fff; }
a, a img             { cursor: pointer; }
a b, a i, a em       { cursor: pointer; }
a strong, a span     { cursor: pointer; }
a h1, a h2, a h3     { cursor: pointer; }
a ul, a li           { cursor: pointer; }
b, i, em, strong     { font-weight: normal; font-style: normal; }
h1, h2, h3, h4       { font-weight: normal; font-style: normal; }
ol, ul               { list-style: none; }
.clearfloat          { clear: both; height: 0; font-size: 0; line-height: 0; overflow: hidden; }

/* HEADER
------------------------------ */
#header         { width: 1240px; height: 77px; overflow: hidden; background: #000; }
#header .bgct   { width: 1240px; height: 77px; background: url(img/header.png) repeat-x 0px 0px; }
#header .bglt   { width: 1240px; height: 77px; background: url(img/header.png) no-repeat 0px -77px; }
#header .bgrt   { width: 1240px; height: 77px; background: url(img/header.png) no-repeat right -154px; }

#logo         { float: left; width: 115px; height: 77px; padding: 0 17px; overflow: hidden; background: url(img/header.png) no-repeat 29px -385px; }
#logo a       { display: block; width: 115px; height: 60px; margin-top: 8px; overflow: hidden; }
#logo a img   { width: 115px; height: 60px; }

#name         { float: left; width: 196px; height: 77px; padding: 0 17px; overflow: hidden; background: url(img/header.png) no-repeat 29px -462px; }
#name a       { display: block; width: 196px; height: 60px; margin-top: 8px; overflow: hidden; }
#name a img   { width: 196px; height: 60px; }

#menu                 { float: left; width: 861px; height: 77px; }
#menu ul              { float: left; display: block; width: 861px; height: 61px; margin-top: 8px; overflow: hidden; }
#menu ul li           { float: left; display: block; height: 61px; padding-left: 5px; background: url(img/header.png) no-repeat 0px -239px; }
#menu ul li.empty     {  }
#menu ul li a         { display: block; padding: 0 36px; height: 60px; background: url(img/header.png) no-repeat 36px -316px; }
#menu ul li a:hover   { height: 58px; }

#menu ul li a b        { padding: 22px 0px 0px 11px; display: block; height: 17px; overflow: hidden; }
#menu ul li a b        { font: normal 15px/15px "Lucida Sans Unicode"; text-transform: uppercase; }

#menu ul li.red a b      { color: #f30; }
#menu ul li.red a:hover  { border-bottom: 3px solid #f30; }
#menu ul li.yel a b      { color: #fc3; }
#menu ul li.yel a:hover  { border-bottom: 3px solid #fc3; }
#menu ul li.gre a b      { color: #9f3; }
#menu ul li.gre a:hover  { border-bottom: 3px solid #9f3; }
#menu ul li.blu a b      { color: #3cf; }
#menu ul li.blu a:hover  { border-bottom: 3px solid #3cf; }
#menu ul li.pur a b      { color: #f6f; }
#menu ul li.pur a:hover  { border-bottom: 3px solid #f6f; }

#menu ul li a:hover b  { color: #fff; }

/* MAIN
------------------------------ */
#main            { width: 1248px; overflow: hidden; }

.region          { clear: both; }
.region .lt      { float: left; margin-right: 16px; }
.region .ct      { float: left; margin-right: 16px; }
.region .rt      { float: left; }

.region .w1248   { width: 1248px; }
.region .w1064   { width: 1064px; }
.region .w168    { width: 168px; }

.region .block              {  }

.block .hello              { height: 26px; margin: 7px 4px 4px 4px; padding: 0 0 0 9px; background: #222 url(img/hello-bg.png) no-repeat left 0px; }
.block .hello h1           { height: 19px; margin: 0; padding: 7px 9px 0 0; background: #222 url(img/hello-bg.png) no-repeat right -26px; }
.block .hello h1           { font: normal 11px/12px "Lucida Sans Unicode"; text-transform: uppercase; }
.block .hello h1 b         { color: #ddd; display: inline-block; height: 14px; }
.block .hello h1 a         { color: #f6f; border-bottom: 1px dotted #666; display: inline-block; height: 13px; }
.block .hello h1 a:hover   { border-bottom: 1px solid #f6f; }

.block .related              { height: 26px; margin: 12px 4px 4px 4px; padding: 0 0 0 9px; background: #222 url(img/hello-bg.png) no-repeat left 0px; }
.block .related h1           { height: 19px; margin: 0; padding: 7px 9px 0 0; background: #222 url(img/hello-bg.png) no-repeat right -26px; }
.block .related h1           { font: normal 11px/12px "Lucida Sans Unicode"; text-transform: uppercase; }
.block .related h1 b         { color: #ddd; display: inline-block; height: 14px; padding-right: 8px; }
.block .related h1 a         { color: #f6f; border-bottom: 1px dotted #666; display: inline-block; height: 13px; }
.block .related h1 a:hover   { border-bottom: 1px solid #f6f; }

.block .related h1 i         { background: url(img/hello-bg.png) no-repeat left -62px; padding: 0 8px 0 9px; }

.block .related h1 a.red         { color: #f30; }
.block .related h1 a.red:hover   { border-bottom: 1px solid #f30; }
.block .related h1 a.yel         { color: #fc3; }
.block .related h1 a.yel:hover   { border-bottom: 1px solid #fc3; }
.block .related h1 a.gre         { color: #9f3; }
.block .related h1 a.gre:hover   { border-bottom: 1px solid #9f3; }
.block .related h1 a.blu         { color: #3cf; }
.block .related h1 a.blu:hover   { border-bottom: 1px solid #3cf; }

.region .block .head        { margin: 12px 4px 4px 4px; background: url(img/242424.gif) repeat-x 0 bottom; }
.region .block .head h2     { float: left; height: 15px; padding: 9px 11px 4px 11px; background: #000 url(img/242424.gif) repeat-x 0 top; border-right: 1px solid #242424; }
.region .block .head h2     { color: #ddd; font: normal 15px/15px "Lucida Sans Unicode"; text-transform: uppercase; }
.region .block .head h2 b   { color: #666; }

.region .block .h-fix       { margin: 7px 4px 4px 4px; }

.region .block .red h2      { border-left: 4px solid #f30; }
.region .block .yel h2      { border-left: 4px solid #fc3; }
.region .block .gre h2      { border-left: 4px solid #9f3; }
.region .block .blu h2      { border-left: 4px solid #3cf; }
.region .block .pur h2      { border-left: 4px solid #c6f; }

.region .block .spacer      { clear: both; height: 0; border-top: 1px dotted #202020; overflow: hidden; margin: 4px; }

/* INDEX FACE PICS
------------------------------ */
/* 195x260 */
.ifp-190x253                   {  }
.ifp-190x253 div a             { display: block; float: left; margin: 4px; padding: 3px; }
.ifp-190x253 div a             { border: 1px solid #242424; background: #000 url(img/thumbs.png) no-repeat 50% 50%; }
.ifp-190x253 div a:hover       { border: 1px solid #666; }
.ifp-190x253 div a span        { display: block; overflow: hidden; border: 1px solid #000; background: #000 url(img/thumbs-logo.png) no-repeat 50% 50%; }
.ifp-190x253 div a img         { display: block; }

.ifp-190x253 div a span        { width: 190px; height: 253px; }
.ifp-190x253 div a img         { width: 190px; height: 253px; }

/* NICHE FACE PICS
------------------------------ */
/* 294x392
------------------------------ */
.nfp-294x392                    {  }
.nfp-294x392 span               { display: block; float: left; margin: 4px; width: 304px; height: 423px; text-align: center; white-space: nowrap; }

.nfp-294x392 span a.cat         { display: block; width: 302px; height: 421px; }
.nfp-294x392 span a.cat         { border: 1px solid #242424; background: #000 url(img/thumbs.png) no-repeat 50% 50%; }
.nfp-294x392 span:hover a.cat   { border: 1px solid #666; }
.nfp-294x392 span a.cat i       { display: block; width: 294px; height: 392px; margin: 3px 3px 0 3px; }
.nfp-294x392 span a.cat i       { border: 1px solid #000; background: #000 url(img/thumbs-logo.png) no-repeat 50% 50%; }
.nfp-294x392 span a.cat i img   { display: block; width: 294px; height: 392px; }

.nfp-294x392 span a.cat ul           { display: block; width: 294px; height: 97px; background: #000; margin-top: 0; position: relative; }
.nfp-294x392 span a.cat ul li        { display: block; float: left; width: 73px; height: 96px; margin: 1px 1px 0 0; background: #000 url(img/thumbs-logo.png) no-repeat 50% 50%; }
.nfp-294x392 span a.cat ul li.tn-0   { width: 72px; }
.nfp-294x392 span a.cat ul li.tn-1   {  }
.nfp-294x392 span a.cat ul li.tn-2   {  }
.nfp-294x392 span a.cat ul li.tn-3   { margin: 1px 0 0 0; }
.nfp-294x392 span a.cat ul li img    { display: block; border: none; width: 75px; height: 100px; position: relative; left: -1px; top: -2px; margin: 0; }

.nfp-294x392 span a.cat h3           { display: block; float: left; height: 20px; margin: 0 0 0 8px; background: url(img/arrow-gre-rt.gif) no-repeat 0px 8px; padding: 4px 0 0 12px; }
.nfp-294x392 span a.cat h3           { color: #ddd; font: normal 13px/14px "Lucida Sans Unicode"; text-transform: uppercase; }
.nfp-294x392 span:hover a.cat h3     { color: #9f3; }

.nfp-294x392 span em                 { display: block; float: right; height: 26px; position: relative; top: -26px; }
.nfp-294x392 span em a               { display: block; float: left; height: 26px; background: url(img/12v-242424.gif) no-repeat 0px 7px; }
.nfp-294x392 span em a b             { display: block; height: 13px; margin: 5px 8px 0 9px; font: normal 11px/12px "Lucida Sans Unicode"; }
.nfp-294x392 span em a.yel b         { color: #ab9400; border-bottom: 1px dotted #333; }
.nfp-294x392 span em a.red b         { color: #ab2200; border-bottom: 1px dotted #333; }
.nfp-294x392 span em a.blu b         { color: #0080ab; border-bottom: 1px dotted #333; margin-right: 9px; }
.nfp-294x392 span:hover em a.yel b   { color: #ffdd00; border-bottom: 1px dotted #666; }
.nfp-294x392 span:hover em a.red b   { color: #ff3300; border-bottom: 1px dotted #666; }
.nfp-294x392 span:hover em a.blu b   { color: #00bfff; border-bottom: 1px dotted #666; }
.nfp-294x392 span em a.yel:hover b   { color: #ffdd00; border-bottom: 1px solid #ffdd00; }
.nfp-294x392 span em a.red:hover b   { color: #ff3300; border-bottom: 1px solid #ff3300; }
.nfp-294x392 span em a.blu:hover b   { color: #00bfff; border-bottom: 1px solid #00bfff; }

/* Hot Updates! 294x392
------------------------------ */
.nfp-294x392 span.hot-updates a.cat ul           {  }
.nfp-294x392 span.hot-updates a.cat strong       { display: block; float: right; width: 136px; height: 114px; position: relative; top: -90px; right: 9px; cursor: pointer; }
.nfp-294x392 span.hot-updates a.cat strong img   { width: 136px; height: 134px; cursor: pointer; }
.nfp-294x392 span.hot-updates a.cat h3           { background: url(img/arrow-yel-rt.gif) no-repeat 0px 8px; }
.nfp-294x392 span.hot-updates:hover a.cat h3     { color: #fc3; }

/* CATEGORY PAGE PICS
------------------------------ */
/* 195x260
------------------------------ */
.cpp-190x253                   {  }
.cpp-190x253 div a             { display: block; float: left; margin: 4px; padding: 3px; }
.cpp-190x253 div a             { border: 1px solid #242424; background: #000 url(img/thumbs.png) no-repeat 50% 50%; }
.cpp-190x253 div a:hover       { border: 1px solid #666; }
.cpp-190x253 div a span        { display: block; overflow: hidden; border: 1px solid #000; background: #000 url(img/thumbs-logo.png) no-repeat 50% 50%; }
.cpp-190x253 div a img         { display: block; }

.cpp-190x253 div a span        { width: 190px; height: 253px; }
.cpp-190x253 div a img         { width: 190px; height: 253px; }

/* TOP BLOCKS
------------------------------ */
/* 161x215
------------------------------ */
.niche-page                    {  }
.free-sites                    {  }

.top-161x215                   {  }
.top-161x215 div               {  }
.top-161x215 div a             { display: block; float: left; margin: 4px; padding: 3px; }
.top-161x215 div a             { border: 1px solid #242424; background: #000 url(img/thumbs.png) no-repeat 50% 50%; }
.top-161x215 div a:hover       { border: 1px solid #666; }
.top-161x215 div a span        { display: block; border: 1px solid #000; background: #000 url(img/thumbs-logo.png) no-repeat 50% 50%; }
.top-161x215 div a img         { display: block; }

.top-161x215 div a             { width: 162px; }
.top-161x215 div a span        { width: 160px; height: 215px; }
.top-161x215 div a img         { width: 161px; height: 215px; }

.top-161x215 div a.tn-0        { width: 163px; }
.top-161x215 div a.tn-6        { width: 163px; }
.top-161x215 div a.tn-0 span   { width: 161px; }
.top-161x215 div a.tn-6 span   { width: 161px; }

.top-161x215 div a b           { display: block; white-space: nowrap; height: 16px; padding: 5px 5px 0 5px; }
.top-161x215 div a b           { color: #3cf; font: normal 12px/12px "Lucida Sans Unicode"; text-transform: uppercase; }
.top-161x215 div a:hover b     { color: #fff; }
.top-161x215 div a b i         { display: block; height: 12px; padding: 0 0 0 11px; }
.top-161x215 div a b i         { background: url(img/arrow-whi-rt.gif) no-repeat 0px 3px; }

/* top-7-col
------------------------------ */
.top-7-col                      {  }
.top-7-col div                  { border: 1px solid #242424; margin: 4px; }
.top-7-col div ul               { border-right: 1px solid #242424; display: block; padding: 2px 0 8px 0; float: left; width: 176px; }
.top-7-col div ul.col-0         { width: 176px; }
.top-7-col div ul.col-6         { width: 176px; border-right: none; }
.top-7-col div ul li            { display: block; }
.top-7-col div ul a             { display: block; height: 20px; padding: 6px 8px 0 8px; }
.top-7-col div ul a             { font: normal 12px/12px "Lucida Sans Unicode"; text-transform: uppercase; white-space: nowrap; }
.top-7-col div ul a em          { display: block; height: 12px; padding-bottom: 7px; border-bottom: 1px dotted #202020; }
.top-7-col div ul a em i        { color: #ddd; display: block; float: left; padding-right: 7px; height: 19px; font-size: 9px; }
.top-7-col div ul a em b        { color: #777; padding-left: 11px; background: url(img/arrow-blu-rt.gif) no-repeat 0px 5px; }
.top-7-col div ul a:hover em b  { color: #3cf; }

/* niche-7-col
------------------------------ */
.niche-7-col                      {  }
.niche-7-col div                  { border: 1px solid #242424; margin: 4px; }
.niche-7-col div ul               { border-right: 1px solid #242424; display: block; padding: 2px 0 8px 0; float: left; width: 176px; }
.niche-7-col div ul.col-0         { width: 176px; }
.niche-7-col div ul.col-6         { width: 176px; border-right: none; }
.niche-7-col div ul li            { display: block; }
.niche-7-col div ul a             { display: block; height: 20px; padding: 6px 8px 0 8px; }
.niche-7-col div ul a             { font: normal 12px/12px "Lucida Sans Unicode"; text-transform: uppercase; white-space: nowrap; }
.niche-7-col div ul a em          { display: block; height: 12px; padding-bottom: 7px; border-bottom: 1px dotted #202020; }
.niche-7-col div ul a em i        { color: #ddd; display: block; float: left; padding-right: 7px; height: 19px; font-size: 9px; }
.niche-7-col div ul a em b        { color: #777; padding-left: 11px; background: url(img/arrow-gre-rt.gif) no-repeat 0px 5px; }
.niche-7-col div ul a:hover em b  { color: #9f3; }

/* FOOTER
------------------------------ */
#footer         { margin: 39px 4px 4px 4px; overflow: hidden; border-top: 1px solid #242424; }
#footer h2      { color: #888; padding: 12px 0 3px 0; font: normal 12px "Lucida Sans Unicode"; text-transform: uppercase; }
#footer h2 b    { color: #f30; }
#footer p       { color: #444; font: normal 10px/10px "Lucida Sans Unicode"; text-transform: uppercase; }
#footer p b     { color: #888; }
#footer span    { color: #888; padding: 5px 0 11px 0; font: normal 10px/10px "Lucida Sans Unicode"; text-transform: uppercase; display: block; }