/* CSS Document */
html, body, ul, li{
padding: 0; margin: 0;
}
.clear{
clear: both;
}
li{
list-style: none;
}
a{
color:#000000; text-decoration: none;
}
a:hover{
color:#731259; border-bottom: #333333 1px dotted;
}
a img{
border: none;
}
.left{
float: left;
}
body{
background-color: #64d7fe; text-align: center; padding-top: 0; padding-bottom: 10px;
font-family: Arial; color: #000000; font-size: 12px;
}
/***Layout***/
#Wrapper{
background: url(Images/bg_Banner.jpg) top no-repeat;
width: 980px; position: relative; margin: auto; text-align: left;
}
/* Header */
#banner{
height: 188px;
}
#mn_Bar {
position: absolute; background: url(Images/mnb_left.png) left no-repeat top;
height: 38px; width: 645px; top: 130px; left: 50px; text-align: center;
}
#search{
position: absolute; top: 140px; right: 40px; height: 24px; width: 200px;
}
#mn_Bar div{
background: url(Images/mnb_right.png) right no-repeat top; padding: 0px 12px;
}
#mn_Bar ul{
background: url(Images/mnb_Caption.png); height: 38px; line-height: 38px;
}
#mn_Bar li{
display: inline;
}
#mn_Bar li a{
font-weight: bold; padding: 0 10px; border: none;
}
#mn_Bar .lnv{
position: absolute; top: 0; background: url(Images/mnb_linever.png); width: 2px; height: 38px;
}
/*** page ***/
#page { width: 960px; background: url(Images/bg_Page.jpg) repeat-y; padding:0px 10px;}
/* content */
#content { float: left; width: 720px;}
.post { border: #fba7e1 1px solid; padding: 2px; margin-bottom: 15px;}
.postBlue { border: #34a7ff 1px solid; padding: 2px; margin-bottom: 15px;}
.barTitle { background: url(Images/bar_bl.jpg) left top no-repeat; height: 35px; }
.barTitle div { background: url(Images/bar_br.jpg) right top no-repeat; height: 35px; padding: 0 16px 0 34px; }
.barTitle ul { background: #fe83d4 url(Images/bar_bbt.jpg) bottom repeat-x; height: 35px;}
.barTitle li { font-size: 12px; color: #FFFFFF; font-weight: bold; line-height: 35px; padding-left: 10px; }
.post .newgame { float: left; padding: 10px 10px 10px 0; width: 265px;}
.post .moregameone{
float: left; padding: 0px 10px 0px 0; width: 290px;
}
.post .img_lager { padding-top: 10px;}
.img_lager .img_slide { border: #fe83d4 2px solid;}
.gameshow { float: left; width: 114px; height: 100px; background: url(Images/bg_images.png) right top no-repeat; padding-left: 14px;}
.gameshow a:hover { border-bottom: none;}
.img_show { padding: 4px; border: #797979 1px solid; background: #FFFFFF;}
.post_linkL { border: #fba7e1 1px solid; padding: 2px; margin: 0 10px 15px 0px; float: left; width: 344px; height: 280px;}
.showlist { padding: 0px 10px 0px 0px;}
.showlist a { font-family: Arial; font-weight: bold;}
a .linkads { font-family: Arial; font-size: 9px;}
.post_linkR { border: #fba7e1 1px solid; padding: 2px; margin: 0 0px 15px 10px; float: left; width: 344px; height: 280px;}
.coollink { padding: 10px;}
.coollink ul { margin: 0px; padding: 0px 0px 0px 10px;}
.coollink ul li { line-height: 22px; float: left; width: 157px;}
.coollink ul li a { display: block; font-weight: bold; background: url(Images/poin_link.png) left no-repeat; padding-left: 15px;}
.coollink ul li a:hover { border: none;}
.showgameimg { padding: 20px 0 0px 0;}
.viewgames { width: 114px; float: left; padding-bottom: 15px; text-align: center;}
.viewgames a:hover { border: none;}
.viewgames img { width: 100px; height: 75px; border: #000000 1px solid;}
.viewmoregames { text-align: center; padding: 10px; color: #de5d94; font-size: 13px; }
.viewmoregames a { font-weight: bold;}
.barTitle2 { background: url(Images/bar_bl2.jpg) left top no-repeat; height: 35px; }
.barTitle2 div { background: url(Images/bar_br2.jpg) right top no-repeat; height: 35px; padding: 0 16px 0 30px; }
.barTitle2 ul { background: #34a7ff url(Images/bar_bbt2.jpg) bottom repeat-x; height: 35px;}
.barTitle2 li { font-size: 12px; color: #FFFFFF; font-weight: bold; line-height: 35px; padding-left: 10px; }
.FriA { padding: 10px;}
.FriA ul { margin: 0; padding-left: 10px;}
.FriA ul li { float: left; width: 171px; line-height: 18px;}
.FriA ul li a{
display: block; background: url(Images/teklihome.jpg) left no-repeat 40%; padding-left: 15px; font-weight: bold;
}
.FriA ul li a:hover{
border-bottom: none;
}
.FriA .moreFriA{
color: #34a7ff; font-weight: bold; text-align: center; padding-top: 10px;
}
#content1{
border: #f2bfd5 1px solid; margin-bottom: 15px; background: url(Images/linevertic.jpg) repeat-y 320px;
}
#content1 .max1{
position: relative; background: #ffffff; width: 12px; height: 2px; top: -1px; left: 320px !important; left: 320px;
}
#content1 .max2{
position: relative; background: #ffffff; width: 12px; height: 2px; bottom: -1px; left: 320px !important; left: 320px;
}
#linkco{
border: #f2bfd5 1px solid; margin-bottom: 15px; background: url(Images/linevertic.gif) repeat-y 348px;
}
#linkco .max1{
position: relative; background: #ffffff; width: 20px; height: 2px; top: -1px; left: 349px !important; left: 348px;
}
#linkco .max2{
position: relative; background: #ffffff; width: 20px; height: 2px; bottom: -1px; left: 349px !important; left: 348px;
}
.contentL{
padding: 2px; margin: 0 10px 5px 0px; float: left;
}
.contentR{
padding: 2px; margin: 0 0px 15px 6px; float: left;
}
.contentR1{
padding: 2px; margin: 0 0px 15px 12px; float: left;
}
#catalog{
border: #f2bfd5 1px solid; margin-bottom: 15px; padding: 2px
}
.img-shadow{
float:left; display:block; background: url(Images/shadowAlpha.png) no-repeat bottom right !important;
background: url(Images/shadow.gif) no-repeat bottom right; margin: 10px 0 0 12px !important;
margin: 10px 0 0 9px; width: 225px; height: 110px;
}
.img-shadow .bor-sahdow{
position: relative; border: #b2b2b2 1px solid; padding: 5px; top: -6px; left: -6px; height: 98px;
}
.bor-sahdow img{
position: relative; padding-right: 5px;
}
.img-shadow a{
font-size: 11px; font-weight: bold;
}
.bor-sahdow span a{
font-size: 11px; color: #00a2ff; text-decoration: underline; font-weight: normal;
}
.img-shadow a:hover{
font-size: 11px; font-weight: bold; border: none;
}
.img-shadow span{
font-size: 11px;
}
.breakpage{
text-align: center; padding: 10px;
}
.breakpage a{
font-weight: bold;
}
.breakpage a:hover{
border: none;
}
.breakpage span a{
font-weight: normal;
}
.breakpage span a:visited{
font-weight: normal; text-decoration: underline;
}
#flagame{
padding: 15px; text-align: center;
}
#flagamemore{
padding: 15px 0px 15px 0px; text-align: center;
}
#inforgame{
float: left; padding-right: 10px; width: 310px; text-align: left;color: #000000; font-size: 11px;
}
.addtext{
border: #fe83d4 1px solid; width: 298px; padding: 5px; font-size: 11px;
}
#inforgame .textrate{
color: #0066FF; font-size: 11px; text-decoration: underline; font-weight: normal;
}
#inforgame .textlink{
color: #0066FF; font-size: 11px;
}
.ifg_title{
font-weight: bold; line-height: 20px;
}
/* close content */
/* Memberlist */
.mrb_content{
padding: 10px;
}
.mrb_inf{
float: left;
width: 169px;
padding: 2px;
}
.mrb_infPM{
width: 694px !important;
width: 690px;
}
.mrb_title{
display: block;
float: left;
background: #ffd2f0;
font-weight: bold;
color: #000000;
width: 214px !important;
width: 212px;
margin: 0px 5px 5px 5px;
padding-left: 5px;
}
.mrb_titleuser{
display: block;
float: left;
background: #ffd2f0;
font-weight: bold;
color: #000000;
width: 672px !important;
width: 665px;
margin: 0px 5px 5px 5px;
padding-left: 5px;
}
.mrb_list{
display: block;
float: left;
}
.mrb_list li{
display: block;
border-bottom: #999999 1px dashed;
margin: 0px 5px 0px 5px;
width: 214px !important;
width: 212px;
padding-left: 5px;
float: left;
background: #fde2f6;
}
.mrb_listPM{
display: block;
padding: 0px 0px;
}
.mrb_listPM li{
display: block;
border-bottom: #999999 1px dashed;
margin: 0px 5px 0px 5px;
width: 214px !important;
width: 212px;
padding-left: 5px;
float: left;
}
.mrb_listPM li a{
color: #0066FF;
}
.mrb_listPM li a:hover{
color: #ff9900;
}
.mrb_list li{
display: block;
border-bottom: #ffeffa 1px solid;
margin-bottom: 3px;
}
.mrb_list li a{
color: #ff9900;
}
.mrb_list li a:hover{
color: #990000;
}
#mrb_compose{
padding: 10px 0px;
width: 694px !important;
width: 690px;
}
#mrb_compose .cmp_textL{
width: 46%;
float: left;
padding: 0% 2%;
display: block;
}
.cmp_textL span{
width: 100px;
display: block;
float: left;
}
#mrb_compose .cmp_textR{
width: 48%;
float: left;
padding-left: 2%;
display: block;
}
.cmp_border{
border: #999999 1px solid;
padding:2px;
margin-bottom: 10px;
}
.reg_ppcily{
padding: 15px 30px;
display: block;
}
.reg_ppcily a{
color:#0066FF;
text-decoration: underline;
}
.pro_box{
float: left;
width: 48%;
padding: 0% 1%;
}
.pro_box .profont{
display: block;
font-size: 11px;
line-height: 16px;
padding: 10px 10px;
}
.pro_box .profont a{
font-weight: bold;
color:#00FF00;
}
/* Clode member */
/* menu right */
#menuR{
float: left; width: 230px; padding-left: 10px;
}
#menuR .mnr{
background: url(Images/bg_mnr.jpg) left repeat-y; margin-bottom: 15px;
}
.mnr div{
background: url(Images/bg_mnrl.jpg) right repeat-y;
}
.mnr .mnr_topbo{
background:url(Images/bg_mnrt.jpg); height: 8px;
}
.mnr .mnr_bar{
background: url(Images/mnr_bar1.jpg) left no-repeat; height: 38px; margin: 5px 8px;
}
.mnr .mnr_bar div{
background: url(Images/mnr_bar3.jpg) right no-repeat; height: 38px; padding: 0px 13px;
}
.mnr .mnr_bar ul{
background: #ff9900 url(Images/mnr_bar2.jpg) repeat-x bottom; height: 38px;
}
.mnr_bar ul li{
line-height: 30px; color: #000000; font-size: 14px; font-weight: bold; text-align: center;
}
.mnr .btn_R{
margin: 15px 10px; background: #FFFFFF;
}
.btn_R ul{
margin: 0px;
}
.btn_R ul li{
border-bottom: #999999 1px dotted; line-height: 25px;
}
.btn_R ul li a{
display: block; background: url(Images/btn_do.jpg) left no-repeat 50% ; font-weight: bold; padding-left: 30px;
}
.btn_R ul li a:hover{
border-bottom: none; background: #fe83d4 url(Images/btn_do2.jpg) left no-repeat;
}
.btn_R img{
padding: 5px 0;
}
#menuR .mnrBlue {
background: url(Images/lg_mnr.jpg) left repeat-y; margin-bottom: 15px;
}
.mnrBlue div{
background: url(Images/lg_mnrl.jpg) right repeat-y;
}
.mnrBlue .mnrBlue_topbo{
background:url(Images/lg_mnrt.jpg); height: 8px;
}
.mnrBlue .mnrBlue_bar{
background: url(Images/mnr_log1.jpg) left no-repeat; height: 38px; margin: 5px 15px;
}
.mnrBlue .mnrBlue_bar div{
background: url(Images/mnr_log3.jpg) right no-repeat; height: 38px; padding: 0px 13px;
}
.mnrBlue .mnrBlue_bar ul{
background: #0dabf2 url(Images/mnr_log2.jpg) repeat-x bottom; height: 38px;
}
.mnrBlue_bar ul li{
line-height: 30px; color: #000000; font-size: 14px; font-weight: bold; text-align: center;
}
.mnrBlue .loginbar{
background: #0dabf2; margin: 15px; padding: 10px 10px; text-align: left;
}
#inputtext{
width: 160px; color: #666666; margin-bottom: .5em; border: #333333 1px solid;
}
#inputsubmit{
background: url(Images/btn_login.jpg) no-repeat top; margin: 3px; width: 47px; height: 20px; line-height: 20px; text-align: center;
border: none; cursor: pointer;
}
form span{
font-size: 11px;
}
form a{
font-size: 11px; color: #ffffff; text-decoration: underline;
}
form a:hover{
border: none;
}
.loginbar span{
font-weight: bold; line-height: 16px;
}
.loginbar span a{
color: #FFFF00; font-size: 11px; font-weight: normal; text-decoration: underline;
}
.loginbar font{
font-weight: bold; color:#FFFFFF;
}
/* close menu right */
/* footer */
#footer{
background: url(Images/footer.gif) bottom no-repeat; padding: 0px 40px 3px 40px; width: 900px; margin: 0px;
}
.bgfooter{
background: url(Images/bg_Page.jpg);
}
#footer div{
}
#footer .footertop{
display:block; background:url(Images/footertop.gif) top no-repeat; padding: 0px 20px; width: 860px;
}
#footer ul li{
float: left; padding: 15px 0px;
}
#footer ul li a{
font-size: 12px; text-decoration: underline; padding: 0 5px;
}
#footer ul li a:hover{
text-decoration: none;
}