/*
Theme Name: WLK
Theme URI: 
Description: Have fun ครับ
Version: 6
Author: ExpertDuck
Author URI: http://expertduck.com/
Tags: liquid layout,Full optimized,tableless,widget ready
*/

@import url('reset.css');
@font-face {
 font-family: Supermarket;
 src: url("font/supermarket.eot") /* EOT file for IE */
}
@font-face {
 font-family: Supermarket;
 src: url("font/supermarket.ttf") /* TTF file for CSS3 browsers */
}

body{
	font-size:9pt;
	line-height:1.4em;
	font-family: Arial,tahoma, Helvetica;
	color:#5C5E8A;
	background:#17182c url('images/header-bg.jpg') repeat-x top center;
	min-width:1000px;
}

/** normalize **/
h1,h2,h3{
	font-size:1.8em;
	line-height:2em;
	
}

h1,h2,h3,h4,h5,h6{
	color:#f512b8;
	font-size:1.5em;
	font-family:Myriad Pro,Arial,tahoma, Helvetica,sans-serif;
}

blockquote{
	padding:1em 1em 1em 35px;
	color:#753;
	background:url('images/quote.gif') no-repeat 0 0;
	
}
blockquote strong,
blockquote em{
	color:#e26012;
}
blockquote .alt{
	color:#c4947d;
}
a:link,a:visited{
	color:#4465b4;
	text-decoration:none;
}

a:hover{
	color:#d1ff1f;
}
a:focus{
	outline:0 none;
}
li{
	list-style:none;
}
input,textarea,button{
font-family:verdana,sans-serif;
}

#sidebar a,.alt a{
	color:#EE228A;
}
#sidebar a:hover,.alt a:hover{
	color:#F6AFD3;
}

dt{color:#E26012;margin-top:2px;font-weight:bold;}
dd{padding-left:1em;}
/*
bold #12D5F8
italic #F812BA
*/
strong,b{
	color:#12D5F8;
}
em,i,cite{
	color:#F812BA;
}

.small{
	font-size:10px;
	line-height:14px;
}
/** border-radius **/
.comment .w,.comment .body,.entry{
	border-radius:1em 0 0 1em;
	-webkit-border-radius:1em 0 0 1em;
	-moz-border-radius:1em 0 0 1em;
	-o-border-radius:1em 0 0 1em;
}
#wrapper{
	/*width:1024px;*/
	margin:auto;
}
#header{
	background:url('images/header.png') no-repeat top center;

	padding-top:140px;
}
#header-inner{
	/*
	background-image:url('images/header.jpg');
	background-position:top center;
	background-repeat:no-repeat;
	*/
	background:#000 url('images/splash.jpg') no-repeat bottom right;
	border-radius:0 0 40px 40px;
	-moz-border-radius:0 0 40px 40px;
	-webkit-border-radius:0 0 40px 40px;
	-o-border-radius:0 0 40px 40px;
	
	-moz-box-shadow:1px 1px 5px #101022;
	overflow:hidden;
	height:332px;
	margin:0 2em 1em;

}
	
#pri-nav{
	overflow:hidden;
	background:#080c15;
	height:32px;
	margin-bottom:10px;
}
/** in header ? **/
#slideshow{
	float:left;
}
#right-header{
	overflow:hidden;
}
	#right-header .title{
		background:url('images/header-arrow.png') no-repeat;
		overflow:hidden;
		text-indent:-9999px;
		width:130px;
		height:43px;
		display:block;
	}
	#right-header .body{clear:both;}
		#header-bottom{overflow:hidden;width:515px;margin:auto;text-align:center;}
		#header-bottom a{
			display:inline-block;
			margin:0;
			vertical-align:top;
		}
			/*#header-bottom img{height:100px;}*/
			#header-bottom a:hover{text-decoration:none;	}
			/*#header-bottom a:hover img{height:150px;}*/
			#header-bottom a:hover span{visibility:hidden;}
			#wgm-bt span.title{
				height:24px;
				background-position:0 -52px;
				margin-left:40px;
			}
			#lovekhun-bt span.title{
				height:38px;
				background-position:0 0;
				margin-left:40px;
			}
	#wlk-k-latest-pic{
		margin:auto;
	}
	#wlk-k-latest-pic .title{
		float:right;
		
		background-position:bottom;
	}
	#wlk-k-latest-pic .body{height:125px;}
	#wlk-k-latest-pic td{text-align:center;}
	#wlk-k-latest-pic div.body a img{
		margin:6px;
		padding:6px;
		-moz-border-radius:7px;
		-webkit-border-radius:7px;
		-o-border-radius:7px;
		border-radius:7px;
		border-right:1px solid #302D51;
		border-bottom:1px solid #302D51;
		background-color:#292647;
	}
	#wlk-k-latest-pic div.body a:hover img{
		background-color:#eee;
	}
	#wlk-k-latest-pic div.body table{width:100%;}

/** content **/
#content{
	padding:0 2em;
}
/*#etc-footer{display:none;}*/
#footer{
	font-family:tahoma;
	font-size:9px;
	text-transform:uppercase;
	letter-spacing:0.7em;
	text-align:right;
	padding:1em;
	background:#0a0a13;
}
#badges{
	margin-bottom:3em;
	white-space:nowrap;
}
	#badges a{background:url('images/badges.jpg') no-repeat top;display:block;float:left;height:15px;	text-indent:-9999px;margin:5px;}
	a#tableless{background-position:right;width:74px;}
	a#xhtml-valid{background-position:left;width:62px;}
/** navigation **/
#pri-nav li a,
#pri-nav span{
	background-image:url('images/nav.jpg');
	background-repeat:no-repeat;
	text-indent:-9999px;
	white-space:nowrap;
	overflow:hidden;
	height:32px;
	
}
	#pri-nav li{position:relative;}
	#pri-nav span{
		position:absolute;
		width:100%;
		height:100%;
		z-index:2;
		top:0;left:0;
		cursor:pointer;
	}
	#nav-news a{
		background-position:-17px -2px;
		width:88px;
	}	#nav-news a:hover,
		#nav-news span
		{
			background-position:-17px -34px;
		}
	#nav-nichkhun a{
		background-position:-105px -2px;
		width:126px;
	}
		#nav-nichkhun a:hover,
		#nav-nichkhun span
		{
			background-position:-105px -34px;
		}
		
	#nav-wlk-tube a{
		background-position:-331px -2px;
		width:117px;
	}
		#nav-wlk-tube a:hover,
		#nav-wlk-tube span
		{
			background-position:-331px -34px;
		}
		
	#nav-gallery a{
		background-position:-231px -2px;
		width:100px;
	}
		#nav-gallery a:hover,
		#nav-gallery span
		{
			background-position:-231px -34px;
		}
	#nav-wlk-project a{
		background-position:-448px -2px;
		width:150px;
	}	
		#nav-wlk-project a:hover,
		#nav-wlk-project span
		{
			background-position:-448px -34px;	
		}
	#nav-archive a{
		background-position:-597px -2px;
		width:160px;
	}
		#nav-archive a:hover,
		#nav-archive span
		{
			background-position:-597px -34px;
		}

	#nav-fancentral a{
		background-position:-757px -2px;
		width:143px;
	}
		#nav-fancentral a:hover,
		#nav-fancentral span
		{
			background-position:-757px -34px;
		}
	#nav-site a{
		background-position:-901px -2px;
		width:85px;
	}
		#nav-site a:hover,
		#nav-site span
		{
			background-position:-901px -34px;
		}
/** secoundary navigation **/
#sec-nav{
	background:url('images/sec-nav.jpg') repeat-x top;
	overflow:hidden;
	padding:5px;
	margin:0 10px;
	
	/*margin-bottom:2em;*/
	font-size:10px;
	text-align:center;
	/*font-family:Supermarket,Arial,tahoma,sans-serif;*/
	text-decoration:none;
	text-transform:uppercase;
	letter-spacing:2px;
	color:#fff;
}
#sec-nav  a{color:#fff;}
#sec-nav  a:hover{color:#000;}

/** entry **/
#entries{
	/*margin-left:350px;*/
	margin-top:1em;
	/*width:650px;*/
	padding:1em;
	overflow:hidden;
}
#sidebar{
	/*
	margin-left:655px;
	*/
	width:336px;
	float:left;
	margin-top:-3px;
	overflow:hidden;
}
	#custom-sb{
		padding:10px;
	}
iframe{
	padding:0;margin:0;
	border:0 none;
	border-style:inset;
	background-color:transparent;
	overflow:hidden;
	margin:auto;
	display:block;
}
.entry{
	margin-bottom:2em;
	background:#0e0f23;

}
.entry p{
	margin-bottom:18px;
	text-align:left;
	width:100%;
	overflow:visible;
}
#newsupdate{
	background:url('images/news-update.jpg') no-repeat 50%;
	height:44px;
	margin:0 1em 1em;
	overflow:hidden;
	text-indent:-9999px;
}
/** entry head **/
div.h-entry{
	overflow:visible;
}
	.entry .title{
		overflow:hidden;
		line-height:3em;
		background:#242642;
		margin-left:126px;
		padding-left:1em;
		
		border-radius:1em 0 0 0;
		-webkit-border-radius:1em 0 0 0;
		-moz-border-radius:1em 0 0 0;
		-o-border-radius:1em 0 0 0;
	}
		 .entry .title a{
			color:#5a8ed7; 
			font-size:32px;
			font-family:Supermarket,Arial,tahoma,sans-serif;
		 }
		 /*.entry .title a:hover{
			color:#EE228A;
		 }*/
	.date{
		padding-bottom:1em;
		font-size:12px;
	}
	.date .jm{
		font-size:36px;
		line-height:1.2em;
	}
	.jm strong{
		font-weight:normal;
		color:#d1ff1f;
	}
/** excerpt **/
.thumblock  .raterclear{
	clear:none;
	height:16px;
}
.entry .title ,.excerpt{
	margin-left:150px;
}
.excerpt{
	padding:18px;
	/*overflow:hidden;*/
	background-color:#1d1f38;
	min-height:200px;
	
	border-radius:0 0 0 1em;
	-webkit-border-radius:0 0 0 1em;
	-moz-border-radius:0 0 0 1em;
	-o-border-radius:0 0 0 1em;
}

/** entry metadata**/
.entry .meta{
	float:left;
	width:126px;
}
	.meta .w{
		padding:1em 5px;
		margin:5px;
		border-bottom:1px dotted #24264b;
	}
	.comment-bt{
		text-align:center;
		
	}
	.meta .author cite{
		display:block;
		font-style:normal;
		color:#7f66bb;
	}
.meta .tags{
	margin-left:190px;
}
	/** img a **/
	.entry a img {
		border-right: 1px solid  #1A192C;
		border-bottom: 1px solid  #1A192C;
		border-left: 0px solid  #E6E6E6;
		border-top: 0px solid  #E6E6E6;
		background-color:#292647;
		-moz-border-radius: 3px;
		-webkit-border-radius: 3px;
		padding: 5px;
		margin: 5px;
		-moz-opacity: 0.5
	}
	.entry a img:hover {
		border-right: 1px solid  #1A192C;
		border-bottom: 1px solid  #1A192C;
		border-left: 0px solid  #E6E6E6;
		border-top: 0px solid  #E6E6E6;
		background-color:#23203C;
		-moz-border-radius: 3px;
		-webkit-border-radius: 3px;
		padding: 5px;
		margin: 5px;
		-moz-opacity: 0.5
	}





/** sidebar จ้า **/
#sidebar .widget{
	width:317px;
	margin:auto auto 12px;
	padding-top:1px;
	background:#111121;
	
}
#sidebar .widget div.body{
	padding:0 10px 10px;
	overflow:hidden;
}

.widget .title{
	white-space:nowrap;
	text-indent:-9999px;
	height:32px;
	margin:10px -10px;
	background:#0a0a13 url('images/opt/tt.jpg') no-repeat;
}
#search-form .title{
	background-position:0 0;
}
#site-stats .title{
	background-position:0 -32px;
}
#site-staff .title{
	background-position:0 -64px;
}
#partner-link .title{
	background-position:0 -96px;
}
	#partner-link a{
		color:#0cf;
		display:block;
		border-radius:5px;
		-moz-border-radius:5px;
		-webkit-border-radius:5px;
		-o-border-radius:5px;
		border:1px solid #112;
		border-color:transparent #223 #223 transparent;
		padding:2px 5px;
	}
	#partner-link a:hover{color:#fff;}
#shoutbox .title,#wlk-cha .title{/* shoutbox */
	background-position:0 -128px;
}
#wlk-rad .title{ /*radio */
	background-position:0 -160px;
}
#wlk-cur .title{
	background-position:0 -192px;
}
#wlk-k-quo .title{
	background-position:0 -224px;
}
#wlk-today .title{
	background-position:0 -256px;
}
#wlk-k-twi .title{
	background-position:0 -288px;
}



/** Specific!! **/
#current-project-list li{
	padding:2px;
	border-bottom:1px dotted #ccc;
}
#current-project-list li img.thumb{
	float:left;
	width:71px;
	height:80px;
	display:block;
	margin:0;
	padding:0;
}
#current-project-list li strong{
	color:#F812BA;
	
	font-size:10px;

	font-weight:bold;
	margin:0;padding:0;
	margin-bottom:12px;

}

#current-project-list li dl{
	margin-left:75px;
	font-size:10px;
	font-family:tahoma;

}
#current-project-list dd{
	color:#666;
}
#current-project-list dt{
	color:#666;
	font-weight:bold;
}

#wlk-k-quo .meta{
	text-align:right;
	color:#657D59;
}
#wlk-k-quo .author{
	color:#726E89;
	text-align:right;
}

/** parner links **/
/*
#partner-link ul li a{
	display:block;
	color:#BDBDBE;
	background-color:#fafafa;
	border-bottom:1px solid #E6E6E6;
	border-right:1px solid #E6E6E6;
	font-family: Arial;
	font-size:11px;
	padding:4px 7px;
	margin-bottom:1px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	-o-border-radius:5px;
	border-radius:5px;
	
}
	#partner-link ul li a:hover{
	background-color:#eee;
	border-color:#E0E0E0;	
	
	}
*/
/** site stats **/
#site-stats dt{color:#333;font-weight:normal;}


#searchform input{

}

#searchform a{
	display:block;
	margin-left:240px;
	overflow:hidden;
	white-space:nowrap;
	text-indent:100%;

	width:16px;
	height:16px;
	
	
}


#site-staff dd{
	margin-left:1em;
}

/** comment **/
#respond{
	
}
#respond h3{
	font-size:30px;
	color:#5a8ed7;
	font-weight:bold;
}
.comment{
	margin-bottom:1em;
}

.comment img.avatar{
	border:1px dashed #ccc;
	margin:5px;
	padding:1px;
}
.author strong{
	color:#7f66bb;
	font-size:1.2em;
	font-weight:normal;
}
.comment .w{
	background:#0e0f23;
	overflow:hidden;
}

.comment .meta{
	float:left;
	
	padding:5px;
}
	.meta .date{color:#473b6f;}
.comment .body{
	padding:1em;
	overflow:hidden;
	background:#1d1f38;
	min-height:95px;
}

.ratingblock{
	
}
#commentform textarea,input[type=text],#submit
{
	background-color:#112;
	border:1px solid;

	border-color:#0e0f23 #223 #223 #0e0f23;
	
	margin:5px 0;
	padding:5px;
	color:#555d76;


}
#commentform textarea{
	width:96%;
}
#commentform textarea:focus,
#commentform input[type=text]:focus
{
	background-color:#0e0f23;

}
#submit{
	padding:5px;

	background-color:#223;
	border-color:#334 #112 #112 #334;
	cursor:pointer;
	color:#7c8897;
}
#submit:hover{
	background-color:#1d1f38;
	border-color:#202243 #112 #112 #202243;	
}
#submit:active{

}

/** classes **/
.alt1{color:#069;}
.alt2{color:#3c0;}
.alt3{color:#03c;}
.des{
	text-indent:1em;
	color:#999;
	padding:5px;
}

dl.data dt{
	display:block;
	float:left;
	margin:0;
	margin-right:2px;
}
	dl.data dd{
		display:block;
	}
.col{
	float:left;
}

ul.menu li{
	float:left;
	
}

ul.menu li a{
	display:block;
}

.cls{
	clear:both;line-height:0;height:0;float:none;font-size:0;
}

.wrap-inner{
	width:973px;
	margin:auto;
}
.wp-pagenavi{text-align:center;}
.wp-pagenavi a, .wp-pagenavi span{
	background-color:#1D1F38;
	padding:2px 5px;
	margin:5px;
	border:1px solid;
	border-radius:2px;
	-moz-border-radius:2px;
	-o-border-radius:2px;
	-webkit-border-radius:2px;
}
.wp-pagenavi span{
	background-color:transparent;
	border-color:transparent;
}

/* optimize postload*/
#sidebar input[type=text]{ width:95%;background-color:#001;}
.widget #sb_messages,#input_area{margin:1em;}
#sb_messages .small{
	font-size:1.2em;
}
.postload{
	width:100%;height:100%;
	min-height:200px;
	display:block;
	background:url('images/loading8.gif') no-repeat center !important;
}


/** P'Noon custom **/
#twitter_div li{padding:2px 0px 2px; display:block;background:#0C0C17 none;margin-bottom:1px; -moz-border-radius:4px; font-family:Geneva, Arial, Helvetica, sans-serif; font-size:12px; color:#555D76; border-bottom:1px solid #141425; }
	#twitter_div li:hover{background: #0A0A13; -moz-border-radius: 4px; color:#ffffff}
	#twitter_div li.last{margin-bottom:0px;}	
	#mainContent #rightCol a.light{color:#CBF71F;}
	
#twitter_div li a:link{color:#CFFD1F; font-family:Geneva, Arial, Helvetica, sans-serif; font-size:12px;}
#twitter_div li a:active{color:#49d1d3; font-family:Geneva, Arial, Helvetica, sans-serif; font-size:12px;}
#twitter_div li a:hover{color:#49d1d3; font-family:Geneva, Arial, Helvetica, sans-serif; font-size:12px;}
#twitter_div li a:visited{color:#49d1d3; font-family:Geneva, Arial, Helvetica, sans-serif; font-size:12px;}