@charset "utf-8";
/* Layout */
* {margin: 0;padding: 0;}
#header,#footer{width:960px;margin:0 auto;clear:both;}
#header{position:relative;z-index:28;}
#main-content{z-index:27;}
#footer{z-index:26;}
#wrapper{position:relative;z-index:2;width:960px;margin:0 auto;}
#wrapper:after,#main-content:after,ul.split-contents:after,.squre-box2:after,.split-3 ul:after,.qq:after,.qq ol:after,.contact ul:after,.photo-gallery:after,.column-left:after,.column-right:after,.network-links:after,.obj-box:after{content:".";display:block;clear:left;visibility:hidden;height:0;}
#main-content{width:930px;margin:0 auto;}
*html #main-content { margin-top:0; }
*+html #main-content { margin-top: 0; }
#sidebar-right{width:300px;position:relative;overflow:hidden;}
.contents {float:left;width:615px;margin-right:15px;position:relative;overflow:hidden;}
*html .contents { margin-right: 12px; padding-top: 20px; }
*html #sidebar-right { padding-top: 20px !important; }
*+html .contents, *+html #sidebar-right { padding-top: 20px; }
/**/
input.btn-s-submit, input.pollButton { cursor: pointer; }
/* Header */
.leader-board{position:absolute;width:728px;z-index:500;}
/* Sidebar */
.obj-ads{margin-bottom:20px;}
.squre-box2{width:126px;float:left;padding:12px;}
/* Skip to Content */
.skip-to-content{display:none;}
/* Icon UGC */
.post-info span { padding: 2px 0 2px 19px; cursor: default; background: url(../di/bg-share.png) no-repeat; }
.post-info * { font-size: 11px; line-height: 12px; color: #b9b9b9; }
.post-info .ic-user { background-position: 0 -73px; }
.post-info .ic-post { background-position: 0 -92px; }
.post-info .ic-fav { background-position: 0 -56px; }
.post-info .ic-comment { background-position: 0 -2px; }
.post-info .ic-view { background-position: 3px -20px; }
/* Related Contents */
.sanook-network{position:relative;margin:0 auto;width:930px;padding:0 15px 15px;}
/* Top Navigation */
#top-navigation{z-index:29;}
#top-navigation .nav-rss-feed{position:absolute;}
ul.popup-nav{position:relative;}
ul.popup-nav li{position:relative;float:left;}
ul.popup-nav li a{display:block;float:left;}
/* Menu Drop Down */
ul.popup-nav li ul{display:none;position:absolute;}
ul.popup-nav li ul li{clear:both;display:block;position:relative;}
/* Comment */
.comment-box{width:960px;margin:0 auto;}
/*Div Split Column Left And Right*/
.column-left{width:300px;float:left;margin-right:15px;}
.column-right{width:300px;float:left;}
.end-col{clear:left;height:0;}
/* Object Thumbnail + Title + Summary + User + Date*/
.tmbinfo{width:100%;position:relative;clear:left;}
.img-left ul li img{float:left;margin:0 10px 0 0;}
.img-top ul li a strong{display:block;}
.img-top ul li{float:left;}
.big-top ul li{float:left;width:33.3%;}
.big-top .big{width:100%;}
.big-top .big strong{display:block;}
.big-left ul li,.big-right ul li{float:left;width:49.5%;}
.big-right ul li{float:none;}
.big-left .big,.big-right .big{width:50%;text-align:center;min-height:150px;height:auto!important;height:150px;padding:30px 0 50px;}
.big-left .big strong,.big-right .big strong{display:block;}
.big-top .big img,.big-left .big img,.big-right .big img{float:none;}
.big-right .big{float:right;}
.hide{display:none;}
.split-obj,.obj-img-left-big-top,.title-list,.contact,.object014,.obj020-tag-cloud,.related-conts{clear:left;}
.split-obj{display:inline-block;}
*+html .split-obj{margin-bottom:20px;}
.clear-left{clear:left;height:0;}
.clear-right{clear:right;height:0;}
.clear-both{clear:both;height:0;}
.no-border{border:none !important;}
.no-bg{background:none !important;}
.all{clear:left;}
.split-2 ul li{width:49.5%;}
.split-3 ul li{width:33%;}
.split-4 ul li{width:24.5%;}
.split-5 ul li{width:19.5%;}
.split-7 ul li{width:14%}
.hori-txt-list ul li{float:left;}
/* Gallery */
.archive-gallery ul { width: 100%; }
.archive-gallery ul li p { width: 90%; }
/*Select Sort by*/
.head-tab{position:relative;margin:0 auto;width:960px;overflow:hidden;}
.head-tab *{padding:0;margin:0;border:none;}
/*Category Highlight*/
.cate-hl-h200 .cate-hl-info { float: right; }
.cate-hl-h283 a { float: left; }
/*SMS HORO*/
.obj-sms-horo { margin: 0 0 20px 0; }
.sms-horo-type { float: left; }
.sms-horo-type label { display: block; }
.sms-horo-type input { float: left; }
.sms-horo-phone { clear: left; }
/*Best Writer TAB*/
#best-author .bt-author{position:relative; line-height:16px; height:16px; padding:5px 0 0 0; margin:0;}
.bt-author .regis-post{padding:0;}
.bt-author .more{padding:0; position:absolute; right:0; text-align:right;}
.bt-author span{font-size:11px;}
.tab-author{position:relative;}
.tab-author .idTabs{padding:0 0 0 107px;}
.tab-author .idTabs li{float:left; list-style-type:none;}
.tab-author .idTabs li.w-hot a{width:62px;}
.tab-author .idTabs li.w-rec a{width:59px;}
.tab-author .idTabs li.w-all a{width:69px;}
.tab-author .idTabs li a{display:block; height:21px; line-height:21px; text-align:center; background:#f1f1f1; color:#999; text-decoration:none; outline:none; border-left:1px solid #000;}
.tab-author .idTabs li .selected{background:#FFF; font-weight:700; color:#333;}
.tab-author .tabba-list{clear:both;}
.tabba-list ol,.tabba-list ol li ul{position:relative; padding:0; margin:0; list-style-type:none;}
.tabba-list ol li.line{background:#FFF; border-bottom:1px dashed #CCC;}
.tabba-list ol li.none{border-bottom:none;}
.tabba-list ol li ul{ height: 1%;padding-left:60px; height:43px; padding-top:7px; overflow:hidden;}
.tabba-list ol li ul li{position:relative; line-height:17px; height:1%;}
.tabba-list a:hover{text-decoration:underline !important;}
.tabba-list ol li ul li.user-detail{}
.tabba-list ol li ul li.user-detail .pic-user{padding:0; margin:0 5px; width:35px; height:35px; float:left;}
.tabba-list ol li ul li.user-detail .pic-user a img{width:35px; height:35px; border:0;}
.tabba-list ol li ul li.user-detail .name-user{font-size:12px;}
.tabba-list ol li ul li.user-detail .name-user a{text-decoration:none;}
.tabba-list ol li ul li .c-level{font-weight:100; font-size:11px; color:#999;}
.tabba-list ol li ul li .c-level a{text-decoration:none; color:#999;}
.tabba-list ol li ul li.view-read{position:absolute; top:0; left:0; width:55px; height:46px; padding-top:4px; text-align:center; background:#f1f1f1;}
.tabba-list ol li ul li.view-read .head-read,.tabba-list ol li ul li.view-read .head-fav{color:#a4a4a4; font-size:11px; padding-left:12px; background:url(../di/icon-read-tab.gif) 0 3px no-repeat;}
.tabba-list ol li ul li.view-read .head-fav{background:url(../di/icon-fav-tab.gif) 0 4px no-repeat !important;}
.tabba-list ol li ul li.view-read .score-read{font-size:16px; font-weight:700; color:#6f6f6f;}
/*Webboard*/
.wb-ch { font-size: 12px; }
.wb-ch-h { position: relative; height: 35px; margin: 0 0 1px 0; text-indent: -9999px; }
.wb-ch ul:after {	content: ".";	display: block;clear: both;	visibility: hidden;	height: 0;}
.wb-ch-h span, .wb-date-time { float: right; }
.wb-ch-h span { position: absolute; right: 10px; text-indent: 0; line-height: 35px; height: 1%; }
.wb-cate-h { line-height: 30px; position: relative; padding: 0 10px; }
.wb-cate-h span { position: absolute; top: 0; right: 10px;}
.wb-cate-h strong { height: 30px; display: block; text-indent: -9999px;}
.wb-ch-list { padding: 5px 0 8px 0 !important; }
.wb-ch-list li { clear: left; padding: 1px 10px; }
.wb-cate-h-hot { background-position: 0 -71px !important;}
.wb-cate-h-last { background-position: 0 -96px !important;}
.wb-ch a { text-decoration: none; }
.wb-ch a:hover span, .wb-ch a:hover { text-decoration: underline; }
.wb-rate { display: block; width: 425px; float: left; padding: 0 0 2px 32px; background: url(../di/bg-share.png) no-repeat; }
.wb-rate1 { background-position: -343px 3px; }
.wb-rate2 { background-position: -343px -40px; }
.wb-rate3 { background-position: -343px -83px; }
.wb-rate4 { background-position: -343px -126px; }
.wb-rate5 { background-position: -343px -169px;}
/* Webboard in Read */
.reader .wb-ch-list li, .reader .wb-ch-list, .reader .wb-cate-h, .reader .wb-ly .wb-ch-list li p, .reader .wb-ch-h, .reader .wb-ch-list p { margin: 0; list-style-type: none; }

/*Ads Txt*/
.ads-txt { margin-bottom: 20px; }
.ads-txt-h { height: 28px; color: #fff; text-indent: 30px; font: 700 14px/28px tahoma; background: url(../di/bg-share.png) 0 -134px no-repeat; }
.ads-txt ul { padding: 5px 5px 10px 0; border: 1px solid #d59896; background: #ffffcc; }
.ads-txt li { height: 1%; padding: 0 0 0 23px; font: 11px/16px tahoma; background: url(../di/bg-share.png) 7px -176px no-repeat; }
.ads-txt li a { color: #b12323; }
/*background Click*/
#top-ads { width: 960px; height: 40px; margin: 0 auto; position: relative; z-index: 20; }
#left-ads { width: 160px; height: 600px; position: absolute; top: 0; left: -260px; }
#right-ads { width: 160px; height: 600px; position: absolute; top:0; left:860px; }
#ads-wrap { min-height: 700px; width: 100%; height: 100%; overflow: hidden; top: 0; left: 0; position: absolute; }
#ads-wrap-inner { width: 760px; margin: 0 auto; position: relative; }
/*Icon Animate*/
.icn{display:inline-block;line-height:16px;text-indent:-9999px;background-position:0 50%;background-repeat:no-repeat;}
.s-18up{background-image:url(http://p1.isanook.com/sh/0/di/icon/18_upnew.gif);width:29px;}
.s-cool{background-image:url(http://p1.isanook.com/sh/0/di/icon/cool.gif);width:24px;}
.s-cute{background-image:url(http://p1.isanook.com/sh/0/di/icon/cute.gif);width:29px;}
.s-dad{background-image:url(http://p1.isanook.com/sh/0/di/icon/dad.gif);width:28px;}
.s-dj{background-image:url(http://p1.isanook.com/sh/0/di/icon/dj.gif);width:48px;}
.s-gizz{background-image:url(http://p1.isanook.com/sh/0/di/icon/gizzz.gif);width:47px;}
.s-hit2{background-image:url(http://p1.isanook.com/sh/0/di/icon/hit.gif);width:21px;}
.s-hot2{background-image:url(http://p1.isanook.com/sh/0/di/icon/hot2.gif);width:26px;}
.s-hot{background-image:url(http://p1.isanook.com/sh/0/di/icon/hot.gif);width:21px;}
.s-jam{background-image:url(http://p1.isanook.com/sh/0/di/icon/jam.gif);width:27px;}
.s-kreann{background-image:url(http://p1.isanook.com/sh/0/di/icon/kreann.gif);width:41px;}
.s-mai{background-image:url(http://p1.isanook.com/sh/0/di/icon/mai_01.gif);width:23px;}
.s-narak{background-image:url(http://p1.isanook.com/sh/0/di/icon/narak.gif);width:46px;}
.s-new2{background-image:url(http://p1.isanook.com/sh/0/di/icon/new.gif);width:24px;}
.s-newlook{background-image:url(http://p1.isanook.com/sh/0/di/icon/new_look.gif);width:23px;}
.s-ngadd{background-image:url(http://p1.isanook.com/sh/0/di/icon/ngadd.gif);width:33px;}
.s-onair{background-image:url(http://p1.isanook.com/sh/0/di/icon/onair.gif);width:33px;}
.s-sad{background-image:url(http://p1.isanook.com/sh/0/di/icon/sad.png);width:32px;}
.s-seed{background-image:url(http://p1.isanook.com/sh/0/di/icon/seed_th.gif);width:38px;}
.s-seumm{background-image:url(http://p1.isanook.com/sh/0/di/icon/seumm.gif);width:40px;}
.s-sexy{background-image:url(http://p1.isanook.com/sh/0/di/icon/sexy.gif);width:34px;}
.s-star{background-image:url(http://p1.isanook.com/sh/0/di/icon/star.gif);width:16px;}
.s-sud{background-image:url(http://p1.isanook.com/sh/0/di/icon/sud-sud.gif);width:33px;}
.s-up{background-image:url(http://p1.isanook.com/sh/0/di/icon/up.gif);width:10px;}
.s-new{background-image:url(http://p1.isanook.com/sh/0/di/icon/vdo_new_1.gif);width:22px;}
.s-new3{background-image:url(http://p1.isanook.com/sh/0/di/icon/new3.gif);width:40px;}
.s-wow{background-image:url(http://p1.isanook.com/sh/0/di/icon/wow.gif);width:31px;}

/* snic */
.snic { width: 960px; margin: 0 auto; position: relative; }
.snic--left, .snic--right { position: absolute; top: 0;} 
.snic--left { left: -160px;}
.snic--right { right: -160px; }