/*-- Created by terapon rodyam--*/
/*-- Import Adsense -*/
@import url(http://www.suthichaiyoon.com/css/adsense.css);
/*  Reset all */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: none;
	font-size: 100%;
}

a, a:visited, a:active {text-decoration: none;}
a:hover{text-decoration: underline;}
ol, ul {list-style: none;}
table {border-collapse: collapse;}
/* End Reset all */
/* ---------- Clear Float ----------------*/
.clearfix:after {content: ".";display: block;height: 0;clear: both;visibility: hidden;}
.clearfix {display: inline-block;}
/* Hides from IE-mac */
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */ 

body{font-family:Tahoma, Geneva, sans-serif;font-size:13px;color:#666;background:url(http://www.suthichaiyoon.com/images/bg-html.gif) repeat-y scroll center top;}

#main-wraper{width:997px; margin:0 auto; border:3px solid #8cc4e4; border-top:0; border-bottom:0; background-color:#f4f3f3;}
#main-wraper .no-border{border-bottom:0;}
#main-wraper .no-margin{margin:0;}
#main-wraper .no-padding{padding:0;}
#main-wraper h2{font-size:19px;}
#main-wraper h3,.head-media a{font-size:23px; color:#e7511c; padding-top:1px;}
.line-h-split-R{border-right:1px solid #adadad}
.line-h-split-L{border-left:1px solid #adadad}
#main-wraper .no-padding-L{padding-left:0;}
#main-wraper .no-padding-R{padding-right:0;}

/*--- Set margin and padding L/R to 5 pixel --*/
#main-wraper .set-margin-left-0{margin-left:0!important;}
#main-wraper .set-margin-right-0{margin-right:0!important;}
#main-wraper .set-margin-top-0{margin-top:0!important;}
#main-wraper .set-margin-bottom-0{margin-bottom:0!important;}

#main-wraper .set-margin-left-5{margin-left:5px;}
#main-wraper .set-margin-right-5{margin-right:5px;}
#main-wraper .set-margin-bottom-5{margin-bottom:5px;}

#main-wraper .set-padding-left-5{padding-left:5px;}
#main-wraper .set-padding-right-5{padding-right:5px;}
#main-wraper .set-padding-bottom-5{padding-bottom:5px;}

/*--- Set margin and padding L/R to 10 pixel --*/
#main-wraper .set-margin-left-10{margin-left:10px;}
#main-wraper .set-margin-right-10{margin-right:10px;}
#main-wraper .set-margin-top-10{margin-top:10px;}
#main-wraper .set-margin-bottom-10{margin-bottom:10px;}
#main-wraper .set-padding-left-10{padding-left:10px;}
#main-wraper .set-padding-right-10{padding-right:10px;}
#main-wraper .set-padding-bottom-10{padding-bottom:10px;}

/*--- Top Bar --*/
.bar-top{height:220px; position:relative;}
.title-bar,.slogan1,.slogan2{position:absolute}
.title-bar{position:absolute; top:38px; left:12px;}
.title-bar h1 a{width:595px; height:64px; display:block; overflow:hidden; text-indent:-999px; background:url(http://www.suthichaiyoon.com/images/suthichaiyoon-logo.png) no-repeat;}
.slogan1,.slogan2,.lastUpdate,.q-top-link{font-size:11px;}
.slogan1,.slogan2,.lastUpdate{font-weight:bold;}
.slogan1,.slogan2{color:#545454;}
.slogan1{top:51px; left:0; letter-spacing:0.11em;}
.slogan2{top:0; right:0; letter-spacing:0.33em!important; letter-spacing:0.3em;}

.bar{background-color:#7dbcdf; padding:7px;}
.lastUpdate{float:left; color:#FFF;}
.q-top-link{float:right;}
.q-top-link li{float:left; margin-left:3px;}
.q-top-link a{color:#000;}

/*--- Main Menu --*/
#main-menu{height:39px; background:url(http://www.suthichaiyoon.com/images/main-menu-bg.png) repeat-x;overflow:hidden}
/*#tabs{float:left;width:100%;font-size:93%;line-height:normal;border-bottom:1px solid #666;margin-bottom:1em; overflow:hidden;}*/
#main-menu ul{margin-left:2px; padding-top:5px;}
#main-menu li{display:inline;}
#main-menu a{float:left;text-decoration:none;padding:0 0 0 5px;}
#main-menu a span{float:left;display:block;padding:5px 5px 6px 1px;margin-right:2px;font-size:15px;font-weight:bold;color:#FFF;}
/* Commented Backslash Hack hides rule from IE5-Mac \*/
#main-menu a span{float:none;}
/* End IE5-Mac hack */
#main-menu a:hover span, #main-menu li.selected a span{background:url(http://www.suthichaiyoon.com/images/bg-item-menu.png) no-repeat right top;color:#036ca9;}
#main-menu a:hover, #main-menu li.selected a{background:url(http://www.suthichaiyoon.com/images/bg-item-Left-menu.png) no-repeat left top;}

/*--------- Sub Menu ----------------*/
.submenu{position:absolute;top:0;border:1px solid #0173D2;border-top-width:1px;border-bottom-width:0;line-height:20px;z-index:999;background-color:#007cc3;width:150px;visibility:hidden;}
.submenu a{display:block;border-top:0;border-bottom:1px solid #9ED3FE;padding:3px;text-decoration:none;color:#FFF;}
* html .submenu a{/*IE only hack*/width:100%;}
.submenu a:hover{/*THEME CHANGE HERE*/background-color:#FFF;color:#036ca9;text-decoration:none;}
.submenu li.chang-bd a{border-bottom:1px solid #0173D2;}
.submenu a span{width:20px; height:20px; text-indent:-999px; overflow:hidden; display:block; float:left; margin-right:5px;}
.icon-rss span{background:url(http://www.suthichaiyoon.com/images/Feed_32x32.png) no-repeat top left;}
.icon-facebook span{background:url(http://www.suthichaiyoon.com/images/FaceBook_32x32.png) no-repeat top left;}
.icon-twitter span{background:url(http://www.suthichaiyoon.com/images/Twitter_32x32.png) no-repeat top left;}
/*------------------ End Sub Menu ---------------*/

/*--- Google Custom Search --*/
#cse-search-box,#cse-search-box-ft{float:right; margin-right:2px!important; margin-right:1px; display:block;} 
#cse-search-box .s-left,#cse-search-box input, #cse-search-box .s-right,#cse-search-box-ft .s-left,#cse-search-box-ft input, #cse-search-box-ft .s-right{height:25px; float:left;}
#cse-search-box .s-left,#cse-search-box .s-right,#cse-search-box-ft .s-left,#cse-search-box-ft .s-right{display:block;}
#cse-search-box .s-left{width:13px; background:url(http://www.suthichaiyoon.com/images/search-bg-left.png) no-repeat;}
#cse-search-box .s-right{width:24px; background:url(http://www.suthichaiyoon.com/images/search-bg-right.png) no-repeat;}
#cse-search-box input,#cse-search-box-ft input{width:135px; height:18px; padding:4px; border:none;}
#cse-search-box input{background:url(http://www.suthichaiyoon.com/images/search-bg.png) repeat-x;}

/*-- Google Custom Search for footer --*/
#cse-search-box-ft .s-left{width:13px; background:url(http://www.suthichaiyoon.com/images/search-bg-left-ft.png) no-repeat;}
#cse-search-box-ft input{ background:url(http://www.suthichaiyoon.com/images/search-bg-ft.png) repeat-x;}
#cse-search-box-ft .s-right{width:24px; background:url(http://www.suthichaiyoon.com/images/search-bg-right-ft.png) no-repeat;}

/*---- Begin Content ---*/
#body-containner{padding:10px;}

/*----- Block Detail all---*/
.block-left,.block-right{float:left;}
.block-left{width:666px; margin-right:10px;}
.block-right{width:300px; overflow:hidden;}
/*-- Set margin bottom  --*/
.box-vdo{margin-bottom:10px;}

/*--- Box VDO in place home--*/
.box-vdo{height:241px; position:relative; background:url(http://www.suthichaiyoon.com/images/bg-box-categ.png) repeat-x; border:1px solid #ADADAD;}
#main-wraper .box-vdo h3{position:absolute; top:7px; left:10px;}
.thumb-vdo{float:left;width:200px;height:176px;margin-right:5px; padding:5px; overflow:hidden; background:#333 url(http://www.suthichaiyoon.com/images/bg-thumb-vdo.png) repeat-x; position:relative;}
.thumb-vdo dt{z-index:1px;}
.thumb-vdo dt a span{color:#99ccff; font-weight:bold; font-size:17px; display:block;}
.thumb-vdo dt a:hover,#photo-container a:hover{text-decoration:none;}
.thumb-vdo dd a{width:210px; height:186px; display:block; position:absolute; top:0; left:0; z-index:2px; text-indent:-9999px; background:transparent url(http://www.suthichaiyoon.com/images/bt-play-vdo-ie.png) no-repeat center center; }
/*--- For IE ---*/
* html .thumb-vdo dd a{width:210px; height:186px; display:block; position:absolute; top:0; left:0; z-index:2px; text-indent:-9999px; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://www.suthichaiyoon.com/images/bt-play-vdo-ie.png', sizingMethod='scale'); background:none; cursor: pointer;}
/*--- VDO and Photo and Cartoon ---*/
	#container,#container .js .carousel-wrap,#container .js ul li{width:640px;}
	#container,#photo-container{margin:0 auto;}	
	#container .js,#container .js ul li,#photo-container .js,#photo-container .js ul li{overflow:hidden;}
	#container .js,#container .carousel,#container .carousel .carousel-wrap,#container .carousel ul,#container .carousel .carousel-control,
	#photo-container .js,#photo-container .carousel,#photo-container .carousel .carousel-wrap,#photo-container .carousel ul,#photo-container .carousel .carousel-control{zoom:1;}
	#container div.carousel-wrap{margin-top:44px;}
	#container .carousel,#container .carousel .carousel-wrap{border:0;}
	#container .js .carousel-wrap,#container .js ul li{height:186px;}
	#container .js .carousel-wrap,#photo-container .js .carousel-wrap{display:inline-block;overflow-x:hidden;overflow-y:hidden;position:relative;}
	#container .js .carousel-wrap,#container .carousel .carousel-control,#photo-container .js .carousel-wrap,#photo-container .carousel .carousel-control{vertical-align:middle;}
	.IE #container .js .carousel-wrap,.IE #photo-container .js .carousel-wrap{display:inline;}
	#container .js ul li,#photo-container .js ul li{display:inline;float:left;text-align:center;}
	
	/*-- navi thumb--*/
	#container .carousel .carousel-control,#photo-container .carousel .carousel-control{cursor:pointer;line-height:999px;}
	#container .carousel .carousel-next,#container .carousel .carousel-previous,#photo-container .carousel .carousel-next,
	#photo-container .carousel .carousel-previous{width:35px; height:24px; display:block; overflow:hidden;background:url(http://www.suthichaiyoon.com/images/icon-VDO.png) 0 0 no-repeat; position:absolute;}	
	#container .carousel .carousel-next,#container .carousel .carousel-previous{top:10px;}
	#container .carousel .carousel-next{background-position:0 0; right:10px;}
	#container .carousel .carousel-previous{background-position:0 -24px; right:50px;}
	#container .carousel .carousel-control:hover,#photo-container .carousel .carousel-control:hover{-moz-opacity:.5;opacity:0.50;filter:alpha(opacity=50);}
	#container .carousel .disabled,#container .carousel .disabled:hover,#photo-container .carousel .disabled,#photo-container .carousel .disabled:hover{-moz-opacity:.3;opacity:0.30;filter:alpha(opacity=30);cursor:default;}
	/*--- List Thumb VDO ---*/
	#container .carousel ul.carousel-wrap,#photo-container .carousel ul.carousel-wrap{left:13;position:absolute;top:44px;}/*-- Set for first display --*/
	#container .carousel ul li{width:645px;}

/*--- Photo and Cartoon ---*/
	#photo-container,#photo-container .js .carousel-wrap,#photo-container .js ul li{width:279px;}
	#photo-container .js .carousel-wrap,#photo-container .js ul li{height:220px;}

	/*-- navi Photo and Gallery thumb--*/
	#photo-container .carousel .carousel-next,#photo-container .carousel .carousel-previous{top:6px;}
	#photo-container .carousel .carousel-next{background-position:0 0; right:5px;}
	#photo-container .carousel .carousel-previous{background-position:0 -24px; right:45px;}
	/*--- List Thumb Photo and Gallery ---*/
	#photo-container .carousel ul li,#photo-container .carousel ul li a img,.cartoon a img{width:279px;}
	#photo-container .carousel ul li a img{height:184px;}
	#photo-container a span{color:#1968b2; font-weight:bold;display:block;}	
	

/*----- Two Column ----*/
.column{margin-top:10px; position:relative;}
.column-a,.column-b,.column-a2,.column-b2,.head-catg h3{float:left;}
.set-border,.column-a,.column-b{border:1px solid #adadad;}
.column-a,.column-b,.set-bg-white{background-color:#FFF;}
.column-a,.column-b{width:326px;}
.column-a2,.column-b2{width:315px;}
.column-a{margin-right:10px;}
.column-a2{padding-right:6px; margin-right:6px; border-right:1px solid #adadad;}

.head-bg,.show-content-2 ul.head-media li a{height:35px!important; height:34px; padding:0 5px;background:url(http://www.suthichaiyoon.com/images/bg-head-categ.png) repeat-x;}
.head-catg h3 span{font-size:13px; color:#000;}
.head-catg a.podcast,.head-catg a.box-more,.ok-detail a.box-more{float:right; display:block;}
.head-catg a.podcast{margin-top:4px; padding:6px 0 0 29px; height:24px; background:url(http://www.suthichaiyoon.com/images/icon-podcast.png) no-repeat; font-size:9px; color:#828282;}
.head-catg a.box-more,.ok-detail a.box-more{width:53px; height:19px; margin-top:7px; padding-top:4px; background:url(http://www.suthichaiyoon.com/images/icon-readmore.png) no-repeat; text-align:center; font-size:11px; color:#666;}
.head-catg a:hover,.ok-detail a.box-more:hover{text-decoration:none;}

.head-catg h3.include-KT,.head-catg h3.include-TN{width:185px; height:29px; margin:5px 0 0 2px; display:block; overflow:hidden; text-indent:-9999px; background:url(http://www.suthichaiyoon.com/images/head-include.png) no-repeat 0 0;}
.head-catg h3.include-TN{background-position:0 -30px;}

/*--- Show Content --*/
.show-content{padding:10px 10px 0;}
.show-content-2{padding:10px;background-color:#eaedf0;}
.show-content-photo{padding:10px; height:220px;}
.cartoon{min-height:211px;height:auto!important;height:211px;}
.cover-Listen{width:306px; height:283px;}
.show-content ul{margin-bottom:10px;min-height:254px;height:auto!important;height:254px;}
.show-content ul li{margin:0 0 6px; padding:0 0 6px; border-bottom:1px solid #c9c8c8;}
.show-content ul li a img{width:100px; height:75px; float:left; margin-right:5px;}
.show-content ul li a,.show-content-2 dt a,.show-content-2 p.head-column a,.show-content-2 ul.list-dic li a,
.ok-detail p a,.show-content-2 ul.list-media li a,.lasted-news a, .social a,.show-content dl a,.list-all-news h3 a,.list-news .full-story a,.detail-quote{font-size:15px; color:#1968b2; font-weight:bold;}
.show-content p.berb{margin-top:3px;}

.show-two-column dl{float:left; width:301px;}
.show-content-2 ul,.show-content-2 div.show-dic,.show-two-column{background-color:#FFF; padding:5px 10px;}
.show-content-2 dd,.show-content-2 p.source-dictionary{margin-top:5px;}
.show-content-2 div.show-dic div,.show-content-2 ul.list-dic{float:left;}
.show-content-2 div.show-dic div{width:370px;padding-right:5px; display:none;}
.show-content-2 div.show-dic h4{font-size:19px; margin-bottom:5px;}
.show-content-2 div.show-dic p{line-height:20px;}

.show-content-2 ul li{border-bottom:1px solid #CCC; margin-bottom:6px; padding-bottom:8px;}
.show-content-2 ul li p{line-height:20px;}
.show-content-2 ul.list-dic{width:235px; min-height:221px;height:auto!important;height:221px; padding:5px; background:url(http://www.suthichaiyoon.com/images/bg-list-dict.png) repeat-x top left;}
.show-content-2 ul.list-dic li,.show-content-2 ul.list-media li{background:url(http://www.suthichaiyoon.com/images/bullet.gif) no-repeat 0 10px; padding:0 0 0 11px; margin-bottom:0;}
.show-content-2 ul.list-dic li a{padding:3px 0 6px 4px;display:block;}
.show-content-2 ul.list-dic li a:hover{text-decoration:none}
.show-content-2 ul.list-dic li a.current{background:url(http://www.suthichaiyoon.com/images/bg-dic-curent.png) no-repeat 0 3px; color:#000}
.column-interested ul li a{float:left; margin-right:10px;}
.column-interested ul li{clear:left;}
.show-content-2 p.source-column a{color:#208efb; text-decoration:none;}
.show-content-2 p.source-dictionary{color:#666; padding:3px 5px; background-color:#DBE6E7}

.show-content-2 ul.list-media,.show-media{min-height:250px;height:auto!important;height:250px;}
.show-content-2 ul.list-media{padding:0 10px;}
.show-content-2 ul.list-media li{padding:3px 0 6px 13px;}
.show-content-2 ul.list-media li.no-border-bottom{border-bottom:none;}
.show-content-2 ul.list-media li em{font-size:11px; font-style:normal; font-weight:lighter;}

/*--- News paper and TV --*/
.box-Left,.box-Right,.box-Left-2,.box-Right-2{float:left; background-color:#FFF;}
.box-Left,.box-Right{width:316px;}
.box-Left-2,.box-Right-2{width:278px;}
.box-Left{margin-right:10px!important; margin-right:9px;}
.box-Left h3,.box-Right h3{margin-top:3px;}
.show-content-2 ul.head-media{padding:0; background:none;}
.show-content-2 ul.head-media li{float:left; width:158px;} 
.show-content-2 ul.head-media li,.show-media ul li{padding-bottom:0; margin-bottom:0; border-bottom:0;}
.show-content-2 ul.head-media a{display:block; text-align:center; text-decoration:none; font-weight:bold;}
.show-content-2 ul.head-media a.current{background-position:0 -37px; color:#464A4A;}
.show-media{background-color:#FFF;}
.show-content-2 .show-media ul{ margin:0 auto; padding:5px 0px; width:285px!important; width:290px;}
.show-media ul li{float:left; margin:7px 5px;}

/*--- Socail Network --*/
.social{padding:10px 0;}
.social a{display:block; width:250px; margin:0 auto;}
.social img{float:left; margin-right:10px;}
.social a span{display:block;line-height:51px;}

/*--- ok nation --*/
.bg-ok{padding:78px 10px 10px; position:relative; background:#012e78 url(http://www.suthichaiyoon.com/images/bg-okNation.png) repeat-x;}
.bg-ok h3 a{width:148px; height:59px; display:block; text-indent:-999px; position:absolute; top:7px; left:9px;}
.ok-detail,.ok-other-list{float:left; background-color:#C2C2C2;}
.ok-detail{width:410px;min-height:135px;height:auto!important;height:135px; margin-right:10px; padding:10px; position:relative;}
.ok-detail,.ok-other-list a em{color:#000; font-style:normal;}
.picture-yoon{float:left; width:82px; margin-right:10px;text-align:center;}
.picture-yoon img{margin-bottom:3px;}
.ok-detail .picture-yoon a{font-size:12px; font-weight:normal; color:#012481; text-decoration:none;}
.ok-detail a.box-more{color:#c44303;}
.ok-other-list{width:196px!important; width:193px;min-height:155px;height:auto!important;height:155px; padding:0 5px;}
.ok-other-list li{ background:url(http://www.suthichaiyoon.com/images/line-split.gif) repeat-x bottom left; /*padding:8px 0 11px*/ padding:0 0 7px}
.ok-other-list li a{color:#1968b2;}
.ok-other-list li em,.show-content-2 ul.list-media li em{padding-left:3px;}
.ok-other-list li.no-border-bg{background:none;}

/*----- for page Detail ---*/
.navi-section{margin-bottom:10px;}
.navi-section li{display:inline; padding-left:10px; background:url(http://www.suthichaiyoon.com/images/icon-navi.gif) no-repeat 0 center}
.navi-section li.no-bulet{background:none; padding:0;}
.navi-section li a{color:#1968B2; text-decoration:none;}
.detail-wraper{border:1px solid #adadad; padding:8px; background-color:#FFF; position:relative;}
.top-detail{padding-bottom:5px; border-bottom:1px solid #EBEBEB;}
#main-wraper .top-detail h2{font-size:35px; margin-bottom:3px;}
.top-detail p,.fontScaler{float:left; font-size:11px; color:#999;}
.services-tool-top,.services-tool-down{float:right; width:297px; font-size:11px;}
.services-tool-top p,.services-tool-down p{margin:2px 2px 0 0;}

/*-- Font scale --*/
.fontScaler{margin:2px 4px 0 0;}
.fontScaler a{float:left; display:block;width:10px; height:10px;margin:1px 2px 0 0; text-decoration:none;overflow:hidden; text-indent:-999px; background:url(http://www.suthichaiyoon.com/images/icon-textAdjust.png) no-repeat 0 0;}
.fontScaler a#fs_normal{background-position:0 0}
.fontScaler a#fs_medium{background-position:-10px 0}
.fontScaler a#fs_large{background-position:-20px 0; margin:1px 0 0;}
.addthis{float:right;}

/*--- For Media in detail --*/
.media-content{padding:8px 8px 0; background-color:#f1f0f0; position:relative;min-height:277px;height:auto!important; height:277px;}
.vdo-detail{padding-bottom:8px;}
.vdo-detail object,.vdo-detail object embed{display:block; width:630px;}

#pic-news-gallery{overflow:hidden; position:relative; width:630px; height:270px;}
.loader {background:url(http://www.suthichaiyoon.com/images/loader.gif) center center no-repeat;}
#pic-news-gallery .panel {overflow: hidden; width:631px; height: 245px; position: absolute; top:0; left:0; display:none; text-align:center; background-color:#F1F0F0}
#pic-news-gallery .panel .overlay-background {background: #222; }
#pic-news-gallery .panel .panel-overlay{padding: 0 4px; position: absolute; z-index: 99; width:623px; height:38px; bottom:-1px; left:0; color:#FFF; font-size: 1em;}
#pic-news-gallery .panel .panel-overlay p{line-height:15px; font-size:13px;}
#pic-news-gallery .panel a,#pic-news-gallery .panel .panel-overlay a {color: white; font-weight: bold; }
#pic-news-gallery .overlay{background: #000; position: absolute; z-index: 98; width:631px; height:39px; bottom:0; left: 0; opacity: 0.8;}
#pic-news-gallery .strip_wrapper{overflow:hidden; position:absolute; top:246px; left:0; width:221px; height:27px;background:none}
.strip_wrapper p{margin-top:7px; font-size:11px;}
#pic-news-gallery .filmstrip {margin:5px; margin: 0pt; list-style: none; list-style-position: outside; position: absolute; z-index:90; top:3px; right:35px; width:144px;}
#pic-news-gallery .filmstrip li{float: left; position: relative; z-index: 901; margin:5px 7px 0 0; cursor: pointer;}
#pic-news-gallery .filmstrip li span{display:block; width:13px; height:13px; background-color:#CCC; border:1px solid #CCC;}
#pic-news-gallery img{height:245px;}
#pic-news-gallery #pointer{position:absolute; z-index:1000; cursor:pointer; top:254px; left:42px; width:12px; height:11px; display:block; overflow:hidden; border:2px solid #0a83c9; background-color:#CCC;}

/*---- Audio ----*/
.audio{position:absolute; bottom:6px; right:8px; height:20px;}
.audio p,.audio div{float:left;}
.audio p{margin:3px 5px 0 0; font-size:11px;}
.audio div{width:200px;}

/*-- SocialNetwork Share --*/
.SocialNetwork{background-color:#B7FC7E;border:1px solid #7FFA1A;float:left;margin:0 10px 10px 0;padding:5px;width:170px;height:67px;}
.retweet,.Sfacebook{float:left; margin:0 5px 0 0;}

/*-- reset for WYSWYG  -*/
.text-content{border-bottom:1px solid #EBEBEB; overflow:hidden; width:100%;}
.text-content p,.text-content ul,.text-content ol{line-height:normal; margin-bottom:10px;}
.text-content ul,.text-content ol{ list-style-position:inside;}
.text-content ul{list-style-type:disc;}
.text-content ol{list-style-type:decimal;}
.text-content a{color:#1968B2; cursor:help;}

/*-- Inside Quote --*/
.inside{float:right; margin:10px 0 10px 10px;width:200px;}
.inside-quote{font-size:19px; color:#6c9cbc;padding:5px;}
.text-inside-quote{text-align:center;}
.inside-quote,.inside-adsense{border:1px solid #CCC; font-size-adjust:none; overflow:hidden;}
.inside-adsense a{cursor: pointer;}
.inside-adsense .google-ads-by a{color:#959595}
/*#google-adsense-under{margin-top:15px;}*/
.go-top{float:left;background:url(../images/arrow_up.png) no-repeat; padding-left:18px;}
.go-top a{color:#FF7015; text-decoration:none;}

/*------- Set For List -------*/
#main-wraper .list-all-news h2{font-size:23px; color:#666;}
.list-news{padding-bottom:10px;margin-bottom:10px;border-bottom:1px solid #CECECE;}
.list-news li{padding-top:10px; margin-top:10px; border-top:1px solid #CECECE;min-height:131px;height:auto!important;height:131px;} 
.Quotes li{ min-height:79px;height:auto!important;height:79px;}
.list-news h3{margin-bottom:5px;}
.tumbnail-list{display:block; height:131px; float:left;}
.list-news a img,.Quotes img{float:left; margin:0 8px 0 0;}
.Quotes img{width:78px; height:78px;}
.list-news .news-date{font-size:11px; color:#999;}
.list-news .full-story{margin-top:5px;}
.list-news .full-story a{padding-left:20px; font-size:inherit; font-weight:inherit; background:url(http://www.suthichaiyoon.com/images/book-open-detail.png) no-repeat 0 2px;}
.photos img{width:279px; height:184px;}

#main-wraper .Quotes h3{color:#666; font-size:17px; margin-left:118px;}
.Quotes .quote-top{margin-left:86px;}
.Quotes .quote-bottom{margin-bottom:0!important;}
.Quotes .news-date{margin-bottom:5px;}
/*-- Paging ---*/
.pagination {float:right}
.pagination a {text-decoration: none;border: solid 1px #CCC;color:#55647F;}
.pagination a, .pagination span {display: block;float: left; padding: 0.3em 0.5em; margin-right: 5px;margin-bottom: 5px;}
.pagination .current { background:#273239; color:#999;border: solid 1px #192431;}
.pagination .current.prev, .pagination .current.next{color:#999;	border-color:#192431; background:#273239;}

/*---- Photo Page ---*/
.title-photo{position:relative; margin-bottom:10px;}
#main-wraper .title-photo h2{float:left; width:500px;font-size:23px;}
.photo-navi{position:absolute; top:2px; right:0; width:150px; height:22px;}
.photo-prev,.photo-next{width:53px; float:right; text-align:center; line-height:22px; color:#000; background:url(http://www.suthichaiyoon.com/images/icon-readmore.png) no-repeat;}
.title-photo a:hover{text-decoration:none;}
.photo-next{margin-left:10px;}
.show-photo{background-color:#333; padding:10px 0; margin-bottom:1px;}
.show-photo img{width:611px; height:404px; display:block; margin:0 auto;}
.photo-detail{background-color:#F0F0F0; padding:5px;}
#main-wraper .photo-detail h3{color:#666; font-size:19px;}
#main-wraper .photo-detail h3,.photo-detail p{margin-bottom:10px;}
.photo-detail p{border-bottom:1px solid #BBB; padding-bottom:10px;}
.cartoon-detail p{font-size:19px;}
.photo-detail .addthis{float:none;}
.cartoon-detail,.show-cartoon{background:none;}
.show-cartoon{border:2px solid #666;}

/*----- Set Column Right -------*/
/****** Suthichai Twitter Widget****/
.Suthichai-Twitter,.Suthichai-Twitter iframe{width:300px; height:388px;}
.Suthichai-Twitter{-moz-border-radius:5px; background-color:#0561A8; margin-bottom: 10px;}
#twtr-widget-1 .twtr-doc,#twtr-widget-1 .twtr-hd a,#twtr-widget-1 h3,#twtr-widget-1 h4 {background: #0561a8 !important; color: #ffffff !important;}
#twtr-widget-1 .twtr-tweet a {color: #ffea00 !important;}
#twtr-widget-1 .twtr-bd, #twtr-widget-1 .twtr-timeline i a,#twtr-widget-1 .twtr-bd p{color: #ffffff !important;}
#twtr-widget-1 .twtr-new-results,#twtr-widget-1 .twtr-results-inner,#twtr-widget-1 .twtr-timeline {background: #66a3cc !important;}
/****** End Suthichai Twitter Widget****/

.quote-top,.quote-bottom{width:25px;height:22px; text-indent:-999px; background:url(http://www.suthichaiyoon.com/images/Quotes.png) no-repeat 0 0}
.quote-bottom{margin-bottom:10px!important; margin-bottom:0;}
.quote-bottom{ float:right; background-position:-25px 0;}
.show-content dl{margin:10px 0;padding:0 17px;}
.show-content dl dt{float:left; margin-right:10px;}
.detail-quote{color:#666;}
/*.show-content dl a{text-decoration:none;}*/
.show-content dl dd.by-quote{ text-align:center;}

/*--- other link news and blogs ----*/
.other-link-news-blogs{clear:both; background-color:#191b1f; padding:10px;}
#main-wraper .other-link-news-blogs h3{color:#FFF; margin-bottom:10px;}
.other-link-news-blogs a{color:#80bdfb; text-decoration:none; text-transform:uppercase;}
.english-news,.blog-website{float:left;}
.english-news{width:660px; margin-right:10px;}
.blog-website{width:281px;}
.other-link-news-blogs ul{padding:5px; background-color:#303236; min-height:304px;height:auto!important;height:304px;}
.english-news ul li,.blog-website ul li{float:left; margin-bottom:3px;} 
.english-news ul li{width:162px;}
.blog-website ul li{width:130px;}

/* NNA News */
.nna_news{
    width: 298px;
    border: 1px solid #ADADAD;
	position: relative;
}
.nna_news_head{
    background-image: url("http://www.suthichaiyoon.com/images/nnanews_head.gif");
    height: 60px !important;
}
.nna_news_menu{
    position: absolute;
    left: 180px;
    top: 35px;
}
.nna_news_menu li{
    float: left; 
    padding-right: 5px;
}
.nna_news_content{
	width: 270px;
	height: auto;
	margin: 10px 15px;
}
.nna_news_content li{
    background: url("http://www.bangkokbiznews.com/yoon-new/main/images/bullet_red.png") no-repeat scroll -14px 8px transparent;
	padding: 5px 0 5px 0px;
	border-bottom: 1px solid #CCCCCC;
}
.nna_news_content li a{
	font-size: 15px;
	font-weight: bold;
	color: #1968B2;
	padding-left: 5px;
}

/*--- Footer --*/
#footer{clear:both;}
	.footer-qLink{padding:5px 0 2px 5px; background-color:#7dbcdf;}
	.footer-qLink ul{margin-top:5px; float:left;}
	.footer-qLink ul li{float:left; margin-right:5px; font-size:11px;}
	.footer-qLink a{color:#000;}
	.copy-about{padding:3px 3px 8px; font-size:11px; height:9px;}
	.copy-about, .copy-about a{color:#797979;}
	.copy-about p{float:left;}
	.copy-about ul{float:right;}
	.copy-about ul li{display:inline;}

/*-- Ad --*/
.ad-top{position:absolute; top:115px; right:110px;}
/*.ad-top iframe{width:234px; height:60px;}*/
p.text-ad{font-size:11px; color:#999999;text-align:center;}
/*--- Position 3 --*/
.ad-p3,.ad-p4,.ad-p5{border:1px solid #adadad;text-align: center;}
.ad-p3{background-color:#eaedf0; height:auto; padding: 10px 0px;}
.ad-p4,.ad-p5{background-color:#FFF; overflow:hidden;}
.ad-p4{width:664px;}
.ad-p5{width:298px;}
/*.ad-p3 iframe{margin:10px auto 0; display:block;}*/
.ad-right-p1 iframe,.ad-right-p2 iframe{width:300px; height:250px;}

/*-- Text Link --*/
.textlink{border:1px solid #adadad; width: 288px; padding: 5px; margin-top: 10px;}
.textlink a{color:#0647A6; font-size: 12px;}

/*--- Tooltip --*/
.rss-service h2{float:left;}
.rss-service .tooltip{float:right; margin-top:6px; text-decoration:none; color:#C60; cursor:help;}

/*----------- E-news ----------------*/
#newpaper-slideshow {position:relative;height:330px; border:1px solid #CCC;}
#newpaper-slideshow p{position:absolute;top:5px;left:3px;z-index:8;opacity:0.0;height: 317px;background-color: #FFF;} 
#newpaper-slideshow p.active {z-index:10;opacity:1.0;}    
#newpaper-slideshow p.last-active {z-index:9;}  
#newpaper-slideshow p img {height: 317px; display: block; border: 0;}

/*--- Social Media Top ---*/
.socialmedia_top {position:absolute; top:65px; right:5px;} 
.socialmedia_top a {margin-right: 5px;}

/*--- Crime 24 hr. ---*/
.crime24{position: relative;}
.crime24_head {
    background: url(http://www.suthichaiyoon.com/images/crime24_head.jpg);
    height: 65px; 
}
/*.crime24_play a{
    background: url("http://www.suthichaiyoon.com/images/bt-play-vdo-ie.png") no-repeat scroll center center transparent;
} */
.crime24_menu {position: absolute; left: 525px; top: 23px;}
.crime24_menu li{float: left; padding-right: 10px;}
