﻿html, body, ol, ul, li, h1, h2, h3, h4, h5, h6, p, form, img, table, dl, dt, dd, a, input { padding:0; margin:0; }
html                                { background: #ffdbee url(../img/bgHtml.png) repeat-x top center; }
body                                {height: 100%; background: url(../img/bgBody.png) repeat-x bottom center; font: 12px Tahoma, Arial, sans-serif; color: #a8007d;}
img, input, textarea                {border: none;}
ul                                  {list-style-type: none;}
a:link                              {color: #FF3366; text-decoration: none; cursor: pointer; }
a:active                            {color: #cf29a2; text-decoration: none;}
a:visited                           {color: #cf29a2; text-decoration: underline;}
a:hover                             {color: #990000; text-decoration: underline;}
a:active, a:focus, img              {outline: 0;}
.floatLeft                          {float: left;}
.floatRight                         {float: right;}
.leftSide { float: left; }
.rightSide { float: right; }

.main { width: 1000px; margin: 0 auto;}
/* header */
.header { width: 1000px; position: relative; }
.header img { display: block; }
.leftDecor { display: block; background: url(../img/leftHead.jpg) no-repeat; width: 104px; height: 200px; position: absolute; top: 0px; left: -104px; }
.rightDecor { display: block; background: url(../img/rightHead.jpg) no-repeat; width: 125px; height: 174px; position: absolute; top: 0px; right: -125px; }
/* top logo */
.topLogo { position: absolute; top: 0px; left: 280px; }
.topLogo a { display: block; height: 140px; width: 383px; text-indent: -9999px; background: url(../img/x.gif); }
/* desc */
.header .desc { position: absolute; top: 17px; left: 33px; width: 160px; font-size: 11px; }
.header .desc a { font-size: 13px; }
/* top site in head */
.topSiteHead { position: absolute; top: 30px; left: 782px; font-size: 11px; font-weight: bold; }
.topSiteHead li span { font-size: 9px;padding-right: 5px; }
/* top menu */
.topMenu { position: absolute; left: 0px; bottom: 0px; height: 48px; }
.topMenu li { float: left; }
.topMenu li a { display: block; height: 48px; background: url(../img/x.gif); text-indent: -9999px; }
.topMenu li.item_1 a { width: 115px; }
.topMenu li.item_2 a { width: 87px; }
.topMenu li.item_3 a { width: 134px; }
.topMenu li.item_4 a { width: 75px; }
.topMenu li.item_5 a { width: 114px; }
.topMenu li.item_6 a { width: 80px; }
/* content */
.content {  }
h2 { height: 29px; text-indent: -9999px; }
h3 { font-weight: bold; font-size: 15px; margin-bottom: 10px; }
h4 { font-size: 12px; font-weight: bold; margin-bottom: 8px; }
/* title */
.topGal { background: url(../img/topGalleries.jpg) no-repeat top right; }
.todayGal { background: url(../img/todayGalleries.jpg) no-repeat top right; }
.theBest { background: url(../img/thebest.jpg) no-repeat top right; }
.ourFriends { background: url(../img/bestFriends.jpg) no-repeat top center; }
.recSites { background: url(../img/recomendedSites.jpg) no-repeat top center; }
/* thumb wrap */
.thumbWrap { background: url(../img/pinkBg.png) repeat-y; padding: 13px 2px; width: 992px; position: relative; margin-bottom: 11px; }
.linkWrap { padding: 13px 34px; margin-bottom: 30px;}
.pinkBlockTop { display: block; background: url(../img/pinkBgTop.png) no-repeat top left; width: 1000px; height: 12px; line-height: 1px; font-size: 1px; position: absolute; top: 0px; left: 0px; z-index: 1; }
.pinkBlockBtm { display: block; background: url(../img/pinkBgBtm.png) no-repeat top left; width: 1000px; height: 11px; line-height: 1px; font-size: 1px; position: absolute; bottom: 0px; left: 0px; z-index: 1; }
/* thumb list */
.thumbList { overflow: hidden; zoom: 1; padding-left: 3px; _padding-left: 0px; }
.thumbList li { float: left; margin: 4px 0px 0px 4px; }
.thumbList li a { display: block; border: 1px solid #ff83d8; width: 240px; height: 180px; background: url(../img/240x180.jpg) no-repeat top center; }
.thumbList li a:hover, .bestSite li .thumb:hover { border: 1px dashed #ff83d8; }
.thumbList .desc { padding-top: 5px; text-align: center; font-size: 12px; }
.thumbList li .desc a { font-size: 16px; color: #C72348; display: inline; width: auto; height: auto; border: none !important; background: none; padding: 0px; font-weight: bold; }

/* --------------- Content --------------- */
.bl { width:1000px; margin:0 auto; overflow:hidden;}
	
.thumbs { height:1%; overflow:hidden; padding-bottom:3px;}
.thumbs a { float:left; display:inline;padding:4px;}
.thumbs img { width:240px; height:180px; float:left; display:block; border:1px solid #CC0000; }
.thumbs a:hover img { border:1px solid #3b2415;}

ul.thumbs li { float:left; display:block; width:240px; padding:3px; text-align:center;}
ul.thumbs li a { display:block; float:none; padding:0; font-weight:bold; font-size: 16px; color: #FF3366;text-decoration:none;}
ul.thumbs li a:hover { display:block; float:none; padding:0; font-weight:bold; font-size: 16px; color: #FF3366; text-decoration:underline;}
ul.thumbs li img { float:none; margin-bottom:3px; margin-left:4px;}
/* bookmark buttons */
.bookmark_1 { display: block; background: url(../img/bookmark_1.png) no-repeat; width: 460px; height: 51px; text-indent: -9999px; position: absolute; left: 15px; bottom: -28px; z-index: 5; }
*html .bookmark_1 { background: none; filter: progid:dximagetransform.microsoft.alphaimageloader(src='img/bookmark_1.png', sizingmethod='');}
.bookmark_2 { display: block; background: url(../img/bookmark_2.png) no-repeat; width: 687px; height: 47px; text-indent: -9999px; position: absolute; left: 50%; margin-left: -344px; bottom: -28px; z-index: 5; }
*html .bookmark_2 { background: none; filter: progid:dximagetransform.microsoft.alphaimageloader(src='img/bookmark_2.png', sizingmethod='');}
/* link list */
.linkList { overflow: hidden; zoom: 1; font-size: 14px; font-weight: bold; *padding-bottom: 10px; }
.linkList li { float: left; padding-left: 35px; width: 215px; margin-bottom: 5px; }
.linkList li span { font-size: 12px;padding-right: 5px; color: #ff659a; font-weight: normal; }
.linkWrap .linkList { padding-left: 30px; font-size: 15px;}
.linkWrap .linkList li { padding-left: 34px; width: 180px; }
.linkList li span { font-size: 14px;}

/* best site */
.bestSite {font-size: 12px; color: #FF3366; text-decoration:none; overflow: hidden; zoom: 1; padding: 0px 10px;}
.bestSite li { width: 400px; }
.bestSite li .leftSide { width: 209px; padding-right: 15px; }
.bestSite li .thumb { display: block; background: url(../img/240x180.jpg) top center; border: 1px solid #ff83d8; width: 207px; height: 154px; margin-bottom: 5px; }
.bestSite li a { font-size: 14px; font-weight: bold; color: #0033FF; }
/* footer */
.footer {  background: url(../img/bgFooter.jpg) no-repeat top center; height: 132px;  }
.footer .main { height: 82px; padding: 50px 250px 0px 400px; width: 400px; text-align: center; font-size: 10px; }
.footer .main a { font-weight: bold; }


