@charset "utf-8";
/*----------------------Background-----------------------*/
body {
	/*-- Blue Screen --*/
	background-image: url(/images/bg.gif);
	background-repeat:repeat-x;
	/*
	background-position:center top;
	*/
	background-attachment: fixed;
}

#object {
	/*
	/images/object.gif

	http://img36.imageshack.us/img36/4778/objectj.png
    http://img829.imageshack.us/img829/7392/object.gif
	http://www.siamtravelmart.com/sritown/object.gif
	*/
	/*
	background-image: url(http://img829.imageshack.us/img829/7392/object.gif);
	background-repeat:no-repeat;
	background-position: center bottom;
	background-attachment:fixed;
	*/
}
/*----------------------End Background-----------------------*/



/*----------------------Header-----------------------*/
#header {
	width:1000px;
	height:130px;
	margin:auto;
	/*
	margin-top:-20px;
	*/
}

.logo-banner {
	background-image:url(/images/sriLogo.png); 
	background-repeat:no-repeat; 
	text-indent:-5500px;
	margin:5px;
	width:285px; 
	height:150px;
	margin-left:-10px;
	margin-top:0px;
}

#leaderboard {
	margin-left:270px;
	margin-top:-125px;
	/*
	border:#666 solid 1px;
	*/
}
/*----------------------End Header-----------------------*/



/*----------------------Footer-----------------------*/
#footer {
	/*
	/images/footer.png
	http://upic.me/i/x4/0footer.png
	http://image.ohozaa.com/i/270/nzCO9x.png
	http://img405.imageshack.us/img405/3167/footerjr.png
	http://www.siamtravelmart.com/sritown/footer.png
	*/
	/*
	height: 417px;
	background-image: url(http://img405.imageshack.us/img405/3167/footerjr.png);
	background-repeat: no-repeat;
	background-position:center bottom;
	*/
	clear: both;
}

/* Footer Link */
.flink a:link {
	font-size: 12px;
	color: #0070BC;
}
.flink a:visited {
	font-size: 12px;
	color: #0070BC;
}
.flink a:hover {
	font-size: 12px;
	color: #ff6622;
}
/*----------------------End Footer-----------------------*/





/*----------------- Login Bar -----------------------*/
#login-bar {
	background-image: url(/images/top_bar.png);
	background-repeat:no-repeat;
	background-position: center top;
	width:1000px;
	height:25px;
	vertical-align:middle;
	text-align:center;
	font-family:Verdana, Geneva, sans-serif;
	color:#FFF;
	font-size:12px;
}
#login-bar input {
	color:#F60;
	font-weight:bold;
}
#login-bar a:link {
	font-size: 11px;
	color:#FF0;
	text-decoration:none;
}
#login-bar a:visited {
	font-size: 11px;
	color:#FFFF80;
	text-decoration:none;
}
#login-bar a:hover {
	font-size: 11px;
	color: #FA6000;
	text-decoration:none;
}
/*----------------- End Login Bar -----------------------*/




/* Left Box */
#leftContent {
	float: left;
	width: 200px;
	margin-right: auto;
	margin-left: auto;
}

/* Right Box */
#mainContent {
	float: right;
	width: 800px;
	margin-right: auto;
	margin-left: auto;
}

/* Tag */
.top h1 {
	color: #0070BC;
	font-size: 12px;
	margin: 0px;
}

h1 {
	font-size: 16px;
}

/* Accordion Tab Menu */
#mainMenu {
	width: 200px;
	margin-right: auto;
	margin-left: auto;
}

/* Accordion Tab Menu each menu*/
.leftColumnHead {
	font-size: 16px;
	padding-left: 30px;
	padding-top:5px;
	height:30px;
}


/* Normal Link */
a:link {color: #0080FF; font-size: 13px;}
a:visited {color: #e69700; font-size: 13px;}
a:hover {color: #ff6622; font-size: 13px;}
a:active {color: #CC6633; font-size: 13px;}
a:focus{color: #CC6633; font-size: 13px;}

*{padding: 0; margin: 0;}

/* สี Text */
html>body{font: 80%/1.4em Arial, Helvetica, sans-serif;color:#333333}


#TabGame {
	margin-left: auto;
	margin-right: auto;
	width: 780px;
	text-align: center;

}
#TabManga {
	margin-left: auto;
	margin-right: auto;
	width: 780px;
	text-align: center;

}
#TabKNews {
	margin-left: auto;
	margin-right: auto;
	width: 780px;
	text-align: center;

}
#TabNews {
	margin-left: auto;
	margin-right: auto;
	width: 780px;
	text-align: center;

}
#TabKStar {
	margin-left: auto;
	margin-right: auto;
	width: 780px;
	text-align: center;

}
#TabKorean {
	margin-left: auto;
	margin-right: auto;
	width: 780px;
	text-align: center;

}
#TabMusic {
	margin-left: auto;
	margin-right: auto;
	width: 780px;
	text-align: center;

}
#TabMV {
	margin-left: auto;
	margin-right: auto;
	width: 780px;
	text-align: center;

}
#TabKstar {
	margin-left: auto;
	margin-right: auto;
	width: 780px;
	text-align: center;

}
#TabForum {
	margin-left: auto;
	margin-right: auto;
	width: 780px;
	text-align: center;

}
#TabRingtone {
	margin-left: auto;
	margin-right: auto;
	width: 780px;
	text-align: center;

}
#TabFootball {
	margin-left: auto;
	margin-right: auto;
	width: 780px;
	text-align: center;

}

#TabLyric {
	margin-left: auto;
	margin-right: auto;
	width: 1000px;
	text-align: center;

}


/* Head Black White eg. Series Head on Home Page*/
.mangaHead {
	color: #FFF;
	background-color: #000;
}




/*
=========================================== Show Webboard ====================================
*/

/* Containner of border */
#board {
	width:770px;
	margin:auto;
	padding:auto;
}
#board table{
	background:#FFF;
}

#board thead{
	font-size:14px;
	color:#060;
	font-weight:bold;
}
/* Div of each Row */
.wbtopic {
	padding-left:5px;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-color: #666;
	border-right-color: #666;
	border-bottom-color: #666;
	border-left-color: #666;
	border-top-style: dashed;
}
/* By Poster Name*/
.wbname {
	float:right;
	padding-right:10px;
	font-size:12px;
	color:#333;
}
/* Poster Name*/
.wbname b {
	color:#F0F;
	cursor:hand;
}
.wbtopic a:link {
	font-size: 12px;
	color: #0070BC;
	text-decoration: none;
}
.wbtopic a:visited {
	font-size: 12px;
	color: #0070BC;
	text-decoration: none;
}
.wbtopic a:hover {
	font-size: 12px;
	color: #ff6622;
}

/*
=========================================== End Webboard ====================================
*/



/*
====================================== Ads ===============================
*/
#top-ads {
	background-color:#FFF;
	border:solid 1px #09F;
	width:780px;
	height:100px;
	margin:auto;
	padding:auto;
	
}
#ads_lefts {
	margin-left:-5px;
}

/*----------------- Ads -------------------------*/
#topAdsContainer {
	width: 728px;
	text-align:center;
	margin:auto;
}
#leaderBoard728-90 {
	width: 728px;
	margin:5px;
}
#ads468-60 {
	float: left;
	width: 470px;
}
#ads250-60 {
	float: right;
	width: 250px;
}
#midAdsContainer {
	width:780;
	text-align:center;
	margin:auto;
}
#bigBox {
	float: left;
	width: 360px;
	margin-top:3px;
}
#rightBox {
	float: right;
	width: 415px;
	margin:auto;
}
#ads_415_140 {
	width: 415px;
	margin:2px;
}

#ads_lefts {
	text-align:center;
	margin-left:0px;
}

#buttomTopAds {
	width: 750px;
	background-image: url(http://image.ohozaa.com/i/9a8/header.gif);
	background-repeat: no-repeat;
	margin:auto;
}
#bottomAds {
	width: 770px;
	margin:5px;
}
#midAds {
	height: 550px;
}
#midAdsAdpat {
	height: 400px;
}
#midAds120 {
	width:750px;
}
/*
====================================== End Ads ===============================
*/


/*
======================== MV ==================================
*/
.albumword {
color:#F60;
font-weight:bold
}

.mvimg {
border:solid 1px #666; 
padding:2px;
}

.mvword {
  	color:#333; 
	font-weight:bold; 
	font-size:12px;
  }
/*
======================== END MV ==============================
*/

.headringtone {
	background-color:#0080FF;
	color:#FFF;
	font-weight:bold;
}
.tableringtone {
	border:#F90 solid 1px;
}

table .topic {
	color:#333;
	font-weight:bold;
}
table {
	color:#666;
	font-size:14px;
	
}
.sritowncode {
	color:#F60;
	font-weight:bold;
}
.howto {
	color:#F0F;
	font-weight:bold;
}
table .head {
	color:#F0F;
	font-weight:bold;
}
/*--------- Lotto ----------*/
.lhead {
	font-weight:bold; 
	font-size:16px;
	color:#FFF;
	background-color:#060;
}
.lsubject {
	font-weight:bold; 
	font-size:16px;
	color:#090;
	background-color:#99FF66;
}

.lnotice {
	font-size:12px;
	color:#666;
	background-color:#C9FFEE;
}
.lborder {
	border:solid 1px #090;
}
/*--------- End Lotto ----------*/

.modechannel{ width:780px; overflow:hidden; padding:1px; background-color:#fff;
-moz-border-radius:0 0 5px 5px;-webkit-border-radius:0 0 5px 5px;border-radius:0 0 5px 5px;
margin-top:5px; margin-bottom:5px;
}
.modechannel h3.title{ font-size:16px; font-weight:bold; background:#7F7F7F; padding:3px 0px 3px 0px; text-indent:10px; border-bottom:1px #999 solid; font-family: Arial;  text-shadow:1px 1px 1px #000; color:#fff;}
.modechannel h3.title span{ font-size:11px; font-family: Tahoma; font-weight:normal;}
.channel{ width:100%; padding:3px; margin-left:20px;}
.channel li{ 
width:120px;
height:140px; 
float:left; 
margin:2px 30px 1px 1px; 
text-align:center
}
.channel li img.ss{ width:80px; height:80px; border:0px;}

.hormones{ width:780px; overflow:hidden; padding:1px; background-color:#000;
-moz-border-radius:0 0 5px 5px;-webkit-border-radius:0 0 5px 5px;border-radius:0 0 5px 5px;
margin-top:5px; margin-bottom:5px;
}
.hormones h3.title{ font-size:16px; font-weight:bold; background:#D40277; padding:3px 0px 3px 0px; text-indent:10px; border-bottom:1px #999 solid; font-family: Arial;  text-shadow:1px 1px 1px #000; color:#fff;}
.hormones h3.title span{ font-size:11px; font-family: Tahoma; font-weight:normal;}
.hormones .channel li{ width:auto; height:210px; float:left; margin:2px 30px 1px 1px; text-align:center}

.complete {
	color:#888888;
	text-decoration:none;
	font-size:12px;
}




.spacer {
	clear:both;
}
.star1col {
	border:solid 1px #E3E3E3; 
	margin:-10px;
}
.star1col h2, .star2col h2 {
	background:#09F;
	color:#FFF;
	font: 700 12px/16px "Verdana", "Geneva", sans-serif;
	margin: 0px;
	padding: 5px;
}
.con2col {
	margin:10px;
}
.star2col {
	float:left; 
	width:49%;
	margin:3px;
}