/* Global styles */

html, body, h1, h2, h3, h4, h5, h6, p, ul, ol, form, fieldset {	margin:0; padding:0; }
img { border:0; }

a { text-decoration:underline; }
a:hover { text-decoration:none; }

.clearfix:after { content: ".";	display: block;	clear: both; visibility: hidden; line-height: 0; height: 0; }
.clearfix { display: inline-block; }
html[xmlns] .clearfix { display: block; }
* html .clearfix { height: 1%; }

body { background:url(../bg-page.jpg)#9e96fe repeat; font-family: Tahoma, Arial, Verdana, sans-serif; color: #000; }

#wrapper { width: 966px; background: #fb5d9a url(../bg-content.gif) repeat-y top center; margin: 0 auto; }
#header { width: 960px; line-height: 0; position: relative; margin: 0 auto; }
#header a.bm { position: absolute; width: 111px; height: 32px; text-indent: -9999px; top: 14px; right:146px; background: url(../img-header1-1.png) no-repeat -703px -14px; }
#header a.mem {  position: absolute; width: 111px; height: 32px; text-indent: -9999px; top: 14px; right:22px; background: url(../img-header1-1.png) no-repeat -827px -14px; }

#header a.home { position: absolute; width: 111px; height: 32px; text-indent: -9999px; top: 14px; right:146px; background: url(../img-header2-1.png) no-repeat -703px -14px; }
#header a.join {  position: absolute; width: 111px; height: 32px; text-indent: -9999px; top: 14px; right:22px; background: url(../img-header2-1.png) no-repeat -827px -14px; }


#intro { background: url(../bg-intro.gif) no-repeat top left; width: 943px; margin: 0 auto 10px auto; text-align: left; padding: 5px 0 0 0; line-height: 16px; }
#intro h1 {  margin: 5px; background: url(../img-hor_hung.gif) top left no-repeat; height: 29px; width: 539px; text-indent: -9999px; display: block; }
#intro p { color: #fff; font-size: 12px; margin: 7px auto 0 auto; width: 900px; }
#intro .intro_btm { height: 20px;background: url(../bg-intro.gif) 0 -280px no-repeat; }

#intro2 { width: 720px; font-size: 11px; color: #fff; text-align: left; padding: 10px 220px 0 20px; line-height: 16px; }
#intro2 h1 { font-size: 18px; margin-bottom: 9px; color: #fff; }
#intro2 a { color: #eded15; font-weight: bold; }
#intro a { color: #eded15; font-weight: bold; }


.content_wrapper { width: 960px; height: 760px; margin: 0 auto; padding-top: 8px; background: url(../bg-content_wrapper.jpg) no-repeat top left; }
.content_wrapper .content { width: 930px; *width: 934px; position: relative; padding: 2px 0; margin: 0 auto; }
.content_wrapper .content .logo { position: absolute; top:120px; left: 160px; z-index: 1000; }
h3.name { background: url(../bg-box_top.png) no-repeat top left; height: 44px; width: 942px; font-size: 18px; margin: 0 auto; font-weight: normal; padding: 18px 0 0 16px; color: #fff; }
a.da_link { margin: 0 auto; display: block; width: 960px; }
.content_wrapper .content .column img { margin: 1px; border: 1px #a7a7a7 solid; }
.content_wrapper .content .column.left { float: left; width: 327px; *display: inline; line-height: 0; }
.content_wrapper .content .column.left img { margin-bottom: 0; }
.content_wrapper .content .column.right { float: right; width: 600px; line-height: 0; *display: inline; }
.content_wrapper .content a.anim { margin: 6px auto; display: block;}

.content_wrapper .content .column.left .info_wrapper { width: 323px; margin: 0 auto; background: #fff url(../bg-info.gif) repeat-x top left; }
.content_wrapper .content .column.left .info_wrapper .rating_wrapper { background:url(../bg-preg_meter.png) no-repeat top left; width: 159px; height: 39px; padding: 30px 0 0 40px; float: left;  }
.content_wrapper .content .column.left .info_wrapper .rating_off { background: url(../img-rating_off.gif) repeat-x; height: 23px; width: 114px; position: relative; clear:left; float:left; margin: 2px 0 0 3px; display: inline; } 
.content_wrapper .content .column.left .info_wrapper .rating_on { background: url(../img-rating_on.gif) repeat-x; height: 23px; width: 114px; position: absolute; top: 0; left:0; } 
.content_wrapper .content .column.left .info_wrapper .join_bts { width: 124px; line-height: 0; float: left; position: relative; }
.content_wrapper .content .column.left .info_wrapper .join_bts  a.btn1 { position: absolute; width: 111px; height: 26px; text-indent: -9999px; top: 7px; right:7px; background: url(../img-content_buttons.png) no-repeat -6px -7px; }
.content_wrapper .content .column.left .info_wrapper .join_bts  a.btn2 {  position: absolute; width: 111px; height: 26px; text-indent: -9999px; top: 35px; right:7px; background: url(../img-content_buttons.png) no-repeat -6px -35px; }
.content_wrapper .content .column.left .info_wrapper .join_bts img { border: 0; margin: 0;}
.content_wrapper .content .column.left .info_wrapper .desc { width: 323px; padding-top: 14px; }
.content_wrapper .content .column.left .info_wrapper .desc p { font-size: 13px; color: #131313; line-height: 17px; overflow: auto; width: 303px; height: 130px; margin: 0 auto; padding: 4px; text-align: left; }
.content_wrapper .content .column.left .info_wrapper .desc p span { font-size: 12px; font-weight: bold; line-height: 18px; }

a.mid { width: 936px; height: 95px; margin: 6px auto 11px auto; padding-top: 12px; text-align: center; background:url(../bg-links.jpg) no-repeat top left; color: #f9ef2d; font-size: 29px; font-weight: normal; display: block; text-decoration: none; cursor: pointer; line-height: 32px; }
a.mid span { font-size: 19px; color: #eee; font-weight: bold; }
a.mid:hover, a.mid:hover span { color: #fff; }

#updates_wrapper { width: 946px; margin: 10px auto; }
#updates_wrapper ul { list-style: none; }
#updates_wrapper li { float: left; background:#fff; width: 264px; line-height: 18px; text-align: left; font-size: 13px; padding: 11px; margin:14px; *margin: 12px; text-align: center; }
#updates_wrapper li img { border: 1px #a7a7a7 solid; width: 261px; display: block; margin-bottom: 7px }
#updates_wrapper li a { font-size: 11px; color: #5952fe; font-weight: bold; }
#updates_wrapper li span { font-size: 19px; font-weight: bold; color: #000; }

#sites { margin: 20px auto;width: 830px;text-align: center;color: #eee; }
#sites h2, #sites h4 { clear: both;text-align: center;margin: 0;padding:0;line-height: normal;font-size: 22px; }
#sites a { color: #FFDD7F; }
#sites a:hover { text-decoration: none;color: #FFF; }
#sites .info_text { font-size: 13px;font-family: Arial, Helvetica, sans-serif; }
#sites ul { list-style: none;padding: 0;margin: auto;width: 820px; }
#sites ul li { float:left; margin: 7px 5px 2px 5px; display: inline; text-align: center;  padding:5px 5px; font-family: Arial, Helvetica, sans-serif;font-size: 12px; }
#sites ul li a { font-weight: bold; }
#sites ul li p { width: 181px; font-size: 12px; font-weight: normal; margin-top:6px; height: 46px; }
#sites ul li img { display: block; border: 1px solid #666;clear: both; }
#sites ul li a:hover img { border: 1px dotted #FFDD7F; }
#sites ul li a:hover { color: #fff; }

#sites ul.bigsites { clear: both;margin-bottom: 25px;font-weight: bold; }
#sites ul.bigsites li p { width: 385px;font-size: 14px;line-height: 1.1em; }
#sites ul.bigsites p a { display: block;font-size: 16px;padding: 5px 2px; }

#join { background: #fff; width: 960px; padding-bottom: 10px; margin: 0 auto; }
#join #jleft { width: 299px; float:left; background: url(../bg-join_logo.gif) no-repeat 6px 10px; padding-top: 216px; }
#join #jleft ul { font-family: Arial, Helvetica, sans-serif; color: #000; list-style: none; font-size: 13px; }
#join #jleft ul li { text-align: left;margin: 0 0px 10px 18px; background: url(../join2_07.gif) no-repeat 0 2px; padding: 0 0 0 18px; }
#join #jleft ul li strong { display: block; color: #e54f89; }
#join #jform { width: 405px; float:left; padding-top: 11px 3px;background: #FFF; }
#join #jthumbs { width: 246px; float:left; padding-top: 11px; }
#join #jthumbs img { display: block; margin: 0 auto 7px auto; border: 1px solid #000; }

#footer { width: 960px; text-align: center; margin: 20px auto 0 auto; }
#footer p { font-size: 11px; color: #fff; margin-bottom: 10px; }

#footer-text { background: #fff;color: #222; padding: 10px; text-align: center; font-size: 12px; clear:left; }
#footer-text p { margin: 20px; }

#common_footer { color: #fff;font-size: 11px;font-weight: normal;font-family: Arial, Helvetica, sans-serif;text-align: center;margin-top: 15px; }
#common_footer p { margin: 0;padding: 0 0 15px 0; }
#common_footer table { border-collapse: collapse;width: 100%; }
#common_footer td { text-align: center; }
#common_footer a { color: #ff9; }
#common_footer a:hover { color: #ff0;text-decoration: none; }
#copy { text-align: center;padding-bottom: 15px; }