/* reset  */
body, div, li, ol, ul {
	margin: 0;
	padding: 0;
}

h1, h2, h3, h4, h5, h6 {
	padding: 0;
	margin: 0 0 8px 0;
	font-size: 100%;
	font-weight: normal;
}

html {
	overflow-y: scroll;
}

body, html {
	height: 100%;
}

body {
	background: #9c0;
	color: #333;
	filter: none;
	font: 11px verdana,arial,helvetica,sans-serif;
}

a {
	color: #333;
	outline: none;
	text-decoration: underline;
}

img {
	border: none;
	display: block;
}

ol, ul {
	list-style: none;
}

#container {
	background: url(http://a.ayimg.com/images/bg.png) repeat-x 50% -250px;
	min-height: 100%;
	min-width: 961px;
	position: relative;
	z-index: 100;
}

.no-ad #container {
    background-position: 50% -350px;
}

#ad-container {
    height: 100px;
    margin: 0 auto;
	min-width: 961px;
	position: absolute;
	top: 0;
	width: 100%;
}

.no-ad #ad-container {
	display: none;
}

#header-container {
	height: 250px;
	min-width: 961px;
	position: absolute;
	top: 0;
	width: 100%;
}

.no-ad #header-container {
	height: 150px;
}

#content-container {
	padding: 257px 0 262px 0;
}

.no-ad #content-container {
	padding-top: 157px;
}

#footer-container {
	background: url(http://a.ayimg.com/images/bg.png) repeat-x;
	bottom: 0;
	height: 250px;
	position: absolute;
	width: 100%;
}

#ad, #header, #content, #footer {
	margin: 0 auto;
	position: relative;
	width: 961px;
}

#ad-box {
	width: 728px;
	height: 90px;
	margin: 4px auto 2px;
	padding: 1px 2px 3px;
	background: url(http://b.ayimg.com/images/ad-bg.png);
}

#header {
	height: 150px;
	margin-top: 100px;
}

.no-ad #header {
    margin-top: 0;
}

#logo {
	bottom: 57px;
	left: 5px;
	position: absolute;
}

#login-box {
	bottom: 60px;
	color: white;
	height: 81px;
	padding-left: 5px;
	position: absolute;
	left: 793px;
	width: 155px;
}

#login-box a {
	color: white;
	font-size: 11px;
}

#signup {
	display: block;
	position: absolute;
	top: 26px;
	left: 0;
}

#profile-box {
    color: white;
    font-size: 11px;
    left: 768px;
    position: absolute;
    top: 20px;
}

#site-info {
	color: #fff;
	position: absolute;
	font-size: 11px;
	bottom: 65px;
	left: 263px;
	width: 497px;
}

#site-info .quote {
	color: #85e0ef;
}

#header ul {
	position: absolute;
	bottom: 0;
	left: 3px;
}

#header li {
	display: inline;
	float: left;
}

#header li a {
	display: inline-block;
	font-size: 11px;
	line-height: 39px;
	padding: 1px 10px 0 10px;
	color: #4d433c;
	text-decoration: none;
}

#header .selected a {
	background: #6ca107;
	color: #fff;
}

#header li a:hover {
	background: #80bf08;
	color: #fff;
}

#forecast {
	position: absolute;
	bottom: 3px;
	left: 786px;
	width: 138px;
	height: 30px;
	padding: 2px 0 0 33px;
	color: #333;
	font-size: 12px;
}

#forecast span {
	color: #85a9be;
	font-size: 11px;
}

#forecast img {
	position: absolute;
	top: 0;
	left: 0;
}

#bgdiv1, #bgdiv2, #bgdiv3 {
	position: absolute;
	width: 100%;
	z-index: 50;
}

#bgdiv1 {
    background-color: #352e28;
    height: 100px;
    top: 0;
}

#bgdiv2 {
	background-color: #4a3d39;
	height: 110px;
	top: 100px;
}

#bgdiv3 {
	background-color: #f8fafc;
	height: 40px;
	top: 210px;
}

.no-ad #bgdiv1 {
	display: none;
}

.no-ad #bgdiv2 {
	top: 0;
}

.no-ad #bgdiv3 {
	top: 110px;
}

#right-col {
	float: right;
	width: 324px;
}

#games {
	margin: 1px 0;
}

.wnb .header {
    height: 7px;
    position: relative;
    overflow: hidden;
}

.wnb .header img {
    position: absolute;
    top: 0;
    left: -1272px;
}

.wnb .container {
	background: url(http://a.ayimg.com/images/boxes.png) repeat-y -1596px 0;
	padding: 0 2px;
	width: 320px;
}

.wnb .content {
	background: white;
	padding: 4px 10px;
	width: 300px;
}

.wnb .footer {
    height: 9px;
    position: relative;
    overflow: hidden;
}

.wnb .footer img {
    position: absolute;
    top: -7px;
    left: -1272px;
}

#games .content {
	height: 364px;
}

#games h2 {
	display: inline;
	font-size: 12px;
}

#games h3 {
	margin: 0;
	font-size: 14px;
	font-weight: bold;
}

#games h3 a {
	color: #333;
	text-decoration: none;
}

#games .info {
	padding-left: 16px;
}

#games .triple {
	background: url(http://a.ayimg.com/images/dotted.png) repeat-x left top;
	clear: both;
	padding: 1px 0 0 0;
	height: 155px;
}

#okey  {
	background: url(http://a.ayimg.com/images/dotted.png) repeat-x left top;
	margin-top: 12px;
	padding-top: 1px;
	height: 90px;
}

#backgammon {
	background: url(http://a.ayimg.com/images/dotted.png) repeat-x left top;
	clear: both;
	padding-top: 1px;
	height: 90px;
}

#batak {
	width: 100px;
	float: left;
	padding-top: 5px;
}

#king {
	width: 100px;
	float: left;
	padding-top: 5px;
}

#chess {
	width: 100px;
	float: left;
	padding-top: 5px;
}

#chess h3 {
	margin2: -9px 0 0 0;
}

.play {
	height: 29px;
	overflow: hidden;
	width: 43px;
}

#okey .play, #backgammon .play {
    margin: 3px 0 0 0;
	padding: 0;
}

#batak .play, #king .play, #chess .play {
	margin: 15px 0 12px 15px;
}

#games .play img {
	margin: 0;
	padding: 0;
}

#okey img {
	float: left;
	margin: 7px 12px 7px 0;
}

#okey-img {
	float: left;
	width: 88px;
	height: 76px;
	overflow: hidden;
	margin: 0;
	padding: 0;
}

#okey #okey-img {
	margin: 7px 11px 7px 1px;
	padding: 0;
}

#okey #okey-img img {
	padding: 0;
	margin: 0;
}

#okey div, #backgammon div {
	padding-top: 12px;
}

#backgammon img {
	float: left;
	padding: 11px 28px 11px 4px;
}

#backgammon-img {
	position: relative;
    float: left;
    width: 68px;
    height: 68px;
    overflow: hidden;
    margin: 0;
    padding: 0;
}

#backgammon #backgammon-img {
	margin: 11px 28px 11px 4px;
	padding: 0;
}

#backgammon #backgammon-img img {
	position: absolute;
	left: -100px;
    padding: 0;
    margin: 0;
}

#batak-img {
    position: relative;
    float: left;
    width: 96px;
    height: 50px;
    overflow: hidden;
    margin: 0;
    padding: 0;
}

#batak #batak-img img {
    position: absolute;
    left: -200px;
}

#king-img {
    position: relative;
    float: left;
    width: 96px;
    height: 50px;
    overflow: hidden;
    margin: 0;
    padding: 0;
}

#king #king-img img {
    position: absolute;
    left: -200px;
}

#chess-img {
    position: relative;
    float: left;
    width: 88px;
    height: 50px;
    overflow: hidden;
    margin: 0;
    padding: 0;
}

#chess #chess-img img {
    position: absolute;
    left: -300px;
}

.tbnb .header {
    height: 7px;
    position: relative;
    overflow: hidden;
}

.tbnb .header img {
    position: absolute;
    left: -3192px;
}

.tbnb .container {
	background: url(http://a.ayimg.com/images/boxes.png) repeat-y -3516px 0;
	padding: 4px 12px;
	width: 300px;
}

.tbnb .content {
	color: white;
	width: 300px;
}

.tbnb .footer {
    height: 9px;
    position: relative;
    overflow: hidden;
}

.tbnb .footer img {
    position: absolute;
    top: -7px;
    left: -3192px;
}

#main-col {
	float: left;
	width: 636px;
}

.bwb .header {
    height: 7px;
    position: relative;
    overflow: hidden;
}

.bwb .header img {
    position: absolute;
    left: -1920px;
}

.bwb .container {
	background: url(http://a.ayimg.com/images/boxes.png) repeat-y -2556px 0;
	color: white;
	padding: 0 2px;
	width: 632px;
}

.bwb .content {
	background: #352d28;
	padding: 4px 10px;
	position: relative;
	width: 612px;
}

.bwb .footer {
    height: 9px;
    position: relative;
    overflow: hidden;
}

.bwb .footer img {
    position: absolute;
    top: -7px;
    left: -1920px;
}

#tabs {
	margin: 1px 0;
}

#tabs .content {
	background: #352d28;
}

.tc {
    float: left;
	display: none;
	position: relative;
}

#t0 {
	display: block;
}

.tc .info {
	width: 508px;
	height: 63px;
	position: absolute;
	bottom: 0;
	padding: 10px 0 0 9px;
}

#tabs .bg {
    background: black;
    bottom: 0;
    filter: alpha(opacity=70);
    height: 73px;
    left: 0;
    opacity: 0.7;
    position: absolute;
    width: 517px;
}

.tc .suptitle {
	color: #fc0;
	line-height: 17px;
	padding-left: 1px;
}

.tc .title {
	color: #fff;
	font-size: 24px;
	line-height: 29px;
}

.tc .title a {
	color: #fff;
    text-decoration: none;
}

#tl {
    float: right;
    margin-left: 1px;
}

#tl li {
	background: black;
	margin: 0 0 1px 0;
}

#tl .last {
	margin: 0;
}

#tl div {
	background: black;
    filter: alpha(opacity=50);
    height: 60px;
    opacity: 0.5;
	position: absolute;
	width: 94px;
}

#tl .selected div {
	background: none;
	border: 5px solid #666;
    filter: alpha(opacity=100);
    height: 50px;
    opacity: 1;
	width: 84px;
}

#tl a {
    display: block;
    width: 100%;
    height: 100%;
}

/* todo */
.wwb {
	margin: 1px 0;
}

.wwb .header {
    height: 7px;
    position: relative;
    overflow: hidden;
}

.wwb .header img {
    position: absolute;
}

.wwb .container {
	background: url(http://a.ayimg.com/images/boxes.png) repeat-y -636px 0;
	padding: 0 2px;
	width: 632px;
}

.wwb .content {
	background: white;
	padding: 4px 10px;
	width: 612px;
}

.wwb .footer {
    height: 9px;
    position: relative;
    overflow: hidden;
}

.wwb .footer img {
    position: absolute;
    top: -7px;
}

/* todo */
.fb {
	margin: 1px 0;
}

.fb .container {
	background: url(http://a.ayimg.com/images/fb-bg.png) repeat-y;
	padding: 0 2px;
	width: 632px;
}

.fb .content {
	color: white;
	padding: 4px 10px;
	width: 612px;
	height: 204px;
	position: relative;
}

#footer .content {
	color: #87e2ff;
	margin-top: 10px;
	padding: 10px 12px;
	width: 612px;
	height: 173px;
	position: relative;
}

#footer .second-level a {
	color: #87e2ff;
}

#news .content div {
	background: url(http://a.ayimg.com/images/dotted.png) repeat-x left bottom;
	margin: 0 0 10px 0;
	padding: 0 0 11px 0;
}

#news .content img {
	float: left;
	margin: 0 10px 0 0;
}

#news h2 {
	line-height: 16px;
	margin: 0;
}

#news h3 {
	font-weight: bold;
	font-size: 16px;
}

#news p {
	color: #666;
	font-size: 11px;
	margin: 8px 0;
}

#news div.last {
	background: none;
	padding: 0;
	margin: 0;
}

#news .content .jumpline {
	float: none;
}

.woman {
	color: #f36;
}

.sport {
	color: #090;
}

.gallery {
	color: #3cf;
}

.video {
	color: #f90;
}

.nb {
	text-decoration: none;
}

.triple li {
	background: url(http://b.ayimg.com/images/vdotted.png) repeat-y right top;
	float: left;
	padding: 0 10px;
	width: 191px;
}

.triple li.first {
	padding-left: 0;
}

.triple li.last {
	background: none;
	margin: 0;
	padding-right: 0;
	width: 190px;
}

.red-arrow {
	height: 16px;
	overflow: hidden;
	position: relative;
	width: 16px;
}

.red-arrow img {
	left: -48px;
	position: relative;
}

#news .content .red-arrow, #news .content .green-arrow {
	padding: 0;
	margin: 0;
	width: 16px;
}

.green-arrow {
    width: 16px;
    height: 16px;
    overflow: hidden;
    position: relative;
}

.green-arrow img {
    position: relative;
    left: -48px;
	top: -16px;
}

.clearfix:after {
	clear: both;
	content: " ";
	display: block;
	font-size: 0;
	height: 0;
	visibility: hidden;
}

/* IE6 */
* html .clearfix {
	zoom: 1;
}

/* IE7 */
*:first-child+html .clearfix {
	zoom: 1;
}

.paging {
	margin-top: 24px;
	text-align: right;
}

.paging li {
	display: inline;
	padding-left: 4px;
}

.paging a {
	color: #666;
	text-decoration: none;
}

.paging .selected, .paging .selected a {
	color: #14bad8;
	font-weight: bold;
}

.first-level li {
	float: left;
	white-space: nowrap;
	width: 20%;
}

.first-level a {
    color: white;
	font-weight: bold;
    text-decoration: none;
}

.first-level a:hover {
    text-decoration: underline;
}

.second-level {
	margin-top: 6px;
}

.second-level li {
	float: none;
	line-height: 16px;
}

.second-level a {
	font-weight: normal;
    text-decoration: underline;
}

.clear {
	clear: both;
	display: block;
    height: 0;
    width: 0;
    padding: 0;
    margin: 0;
}

.value {
	color: red;
	font-weight: bold;
}

#copyright {
	font-size: 10px;
	position: absolute;
	bottom: 0;
	left: 12px;
	line-height: 150%;
}

#copyright a {
	color: white;
}

.ad300x250 {
    background: black;
    width: 300px;
    height: 250px;
}