/*///////////////////     ////////////////////////////
                      layout  ของ ตัวหน้าเวบ
///////////////////     /////////////////////////////

/* ---------------------- ส่วนของ body หน้าเวบ ---------------------- */

body {
	margin:0;
	padding:0;
	text-align:center;
	background: url(http://oknation.nationtv.tv/blog/home/css/images/type20/mainbg.png);
}

/* ---------------------- ครอบเนื้อหาทั้งหมด   ----------- */
#container {
    margin:auto;
    text-align: left;
    background: #fffcca;
}



/*----------------------   ลิงค์ตัวอักษรทั้งหน้า ---------------------- */

div a:link,td a:link,body a:link{ 
	color: #000000;
	text-decoration:none;
}

div a:visited,td a:visited,body a:visited{
	color: #000000;
	text-decoration:none;
}

div a:hover,td a:hover,body a:hover{
	color: #009999;
	text-decoration:none;
}


/* --------------------------- ฟอนท์ทั้งหน้า---------------------------  */


body,div,select,input,td,th{
	font-family: "Tahoma","MS Sans Serif", "Microsoft Sans Serif",sans-serif;
}

form{
  margin:0px;
}


/*--------------------------- สีตัวอักษรอื่นๆทั่วไป -------------------------- */
.black{
  color:#000000;
  font-weight:bold;
}
.orange{
  color:#000000;
}
.blue{
  color:#3051BA;
}
.cyan{
  color:#000000;
}



/*///////////////////     ////////////////////////////
                     header    ตัวหน้าเวบ
///////////////////     /////////////////////////////


/*  ส่วนของหัว header */
#header {
	height :124px;
	text-align:left;
	background: url(http://oknation.nationtv.tv/blog/home/css/images/type20/head.jpg) no-repeat #ffbe0b;
}

/* ส่วนของ logo เวบ*/
#header_logo{
    margin:0 40px 0 0;
    width:201px;
	height :124px;
	float:left;
	background:url(http://oknation.nationtv.tv/blog/home/css/images/type20/logo.png) no-repeat;
}

/* ส่วนของ banner ด้านบน  */
#header_banner{
    width:728px;
	height:90px;
	float:left;
	margin:10px 0 0 0;
}

/*-----------------------ส่วนของ search ด้านบนของหน้า------------------------------- */

#header_search{
	height :35px;
	text-align:left;
	background: url(http://oknation.nationtv.tv/blog/home/css/images/type20/header_search.jpg);
	margin:0 0 10px 0;
}

/*วันที่ ด้านบน */
#search_date{
	height:25px;
	float:left;
	color:#fff;
	padding:10px 0 0 5px;
}

/* ฟอร์ม search */
#search_form{
	height:30px;
	float:left;
	color:#fff;
	padding:5px 0 0 0;
	text-align:center;
}

/* ลิงค์ สร้าง blog ติดต่อเรา */
#search_login{
	height:30px;
	float:left;
	color:#000000;
    text-align:right;
}

.btsearch{
    border:0px;
  	background: url(http://oknation.nationtv.tv/blog/home/css/images/type20/btn_go.png) no-repeat;
	height:24px;
	width:27px;
	cursor:hand;
}


/*  ลิงค์สีตัวอักษรใน search */

#header_search a:link,#header_search a:visited{
	color: #fff;
	text-decoration:none;
}

#header_search a:hover{
	color: #FF9900;
	text-decoration:none;
}

/*----------------  icon ของหัวข้อ สร้าง blog เกี่ยวกับเรา ติดต่อเรา -------------*/

/*เมนูสร้างบล๊อก*/
#menu_create{
   height:24px;
   float:right;
   margin:0;
   padding:10px 4px 0 12px;
}

/*เมนูเกี่ยวกับเรา*/
#menu_about{
   height :24px;
   float:right;
   margin:0;
   padding:10px 4px 0 12px;
 }

/*เมนูติดต่อเรา*/
#menu_contact{
   height :24px;
   float:right;
   margin:0;
   padding:10px 4px 0 12px;
}

/*เครื่องหมายกั้น*/
.menu_partition{
    width:3px;
	height:34px;
    background: url(http://oknation.nationtv.tv/blog/home/css/images/type20/bar_up_04.png) no-repeat;
    float:right;
}


/*///////////////////     ////////////////////////////
                     footer    ตัวหน้าเวบ
///////////////////     /////////////////////////////*/


#footer{
     background: #FC0;
	 height:50px;
}


/*///////////////////     ////////////////////////////
                    ส่วน column  ด้านซ้าย
///////////////////     /////////////////////////////*/


#left_column {
   display:block;
   float:left;
   overflow:hidden;
   margin:0;
}

/*///////////////////     ////////////////////////////
                    ส่วน  ส่วน center
///////////////////     /////////////////////////////*/

#center_column{
	display:block;
    float:left;
	overflow:hidden;
	margin:0;

}

/*///////////////////     ////////////////////////////
                     ส่วน ข้อมูลที่อยุ่ตรวกลางหน้า
///////////////////     /////////////////////////////*/

#center_column_menu{

}
#center_column_menu img{
	width:130px;

}

#center_column_data{
	background:#000;
}

#center_column_footer{
	height:28px;
}

/*  descripttion blog */
#description_blog{
    background: url(http://oknation.nationtv.tv/blog/home/css/images/type20/des_bolg.png) repeat-x #368a0a;
	padding:20px;
	height:134px;
	
}


/*///////////////////     ////////////////////////////
                ส่วน column  ด้านขวา 
///////////////////     /////////////////////////////*/

#right_column{
	display:block;
	float:right;
	overflow:hidden;
	margin:0;
	
}


/*///////////////////     ////////////////////////////
               about me  box
///////////////////     /////////////////////////////*/

#about_me{
	display:block;
}

#about_me_top{
  background: url(http://oknation.nationtv.tv/blog/home/css/images/type20/hdr_about.png);
  height:30px;
}

#about_me_middle{
  padding:10px 0 10px 0;
  background:#fff;
}

#about_me_bottom{
 
}

#about_me_icon{
     background:url(http://oknation.nationtv.tv/blog/home/css/images/type20/user.png) no-repeat;
     height:24px;
	 padding:8px 0 0 16px;
}

#about_me_img{
      border:5px solid #95ABAC;
}

#about_me ul {
	list-style-type: none;
	color:#000000;
	margin:0 0 0 10px;
	padding:0px;
}

#about_me li{
   margin:0 0 3px 0;
}


/*///////////////////     ////////////////////////////
                       category  box
///////////////////     /////////////////////////////*/

#category{
	display:block;
}

#category_top{
  background: url(http://oknation.nationtv.tv/blog/home/css/images/type20/hdr_group.png);
  height:30px;
}

#category_middle{
  padding:0 0 10px 0;
  background:#fff;
}

#category_bottom{

}


#list_category ul {
	margin: 0 0 0 5px;
	padding: 10px 0 5px 0;
	list-style-type: none;
	color:#000000;
}

#list_category li{
	padding:0 0 3px 18px;
	color:#000000;
	background: url(http://oknation.nationtv.tv/blog/home/css/images/type20/online.png) no-repeat ;
}


/*///////////////////     ////////////////////////////
                       lastest blog  box
///////////////////     /////////////////////////////*/

#lastest{
	display:block;
}

#lastest_top{
  background: url(http://oknation.nationtv.tv/blog/home/css/images/type20/hdr_10latest.png);
  height:30px;
}

#lastest_middle{
  padding:0 0 10px 0;
  background:#fff;
}

#lastest_bottom{
}


#list_lastest ul {
	margin: 0 8px 0 5px;
	padding: 10px 0 5px 0;
	list-style-type: none;
	color:#000000;
}

#list_lastest li{
	padding:0 0 3px 18px;
	color:#000000;
	background: url(http://oknation.nationtv.tv/blog/home/css/images/type20/online.png) no-repeat ;
}



/*///////////////////     ////////////////////////////
                      favorites  link box
///////////////////     /////////////////////////////*/

#favorite{
	display:block;
}

#favorite_top{
  background: url(http://oknation.nationtv.tv/blog/home/css/images/type20/hdr_favorite.png);
  height:30px;
}

#favorite_middle{
  padding:0 0 10px 0;
  background:#fff;
  word-wrap: break-word;

}

#favorite_bottom{
}


#list_links ul {
	margin: 0 0 0 5px;
	padding: 10px 0 5px 0;
	list-style-type: none;
	color:#000000;
}

#list_links li{
	padding:0 0 3px 18px;
	color:#CB5406;
	background: url(http://oknation.nationtv.tv/blog/home/css/images/type20/online.png) no-repeat ;
}


/*///////////////////     ////////////////////////////
                    favorites    friend  box
///////////////////     /////////////////////////////*/


#friend{
	display:block;;
}

#friend_top{
  background: url(http://oknation.nationtv.tv/blog/home/css/images/type20/hdr_blog_f.png);
  height:30px;
}

#friend_middle{
  padding:0 0 10px 0;
  background:#fff;
	color:#CB5406;
}

#friend_bottom{
 
}

#list_friend ul {
	margin: 0 0 0 5px;
	padding: 10px 0 5px 0;
	list-style-type: none;
	color:#000000;
}

#list_friend li{
	padding:0 0 3px 18px;
	color:#CB5406;
	background: url(http://oknation.nationtv.tv/blog/home/css/images/type20/online.png) no-repeat ;
	
}

/*///////////////////     ////////////////////////////
                   gallery  box
///////////////////     /////////////////////////////*/

#gallery{
	display:block;
}

#gallery_top{
  background: url(http://oknation.nationtv.tv/blog/home/css/images/type20/hdr_photogal.png);
  height:30px;
}

#gallery_middle{
  background:#fff;
  padding:10px 0 10px 0;
}

#gallery_bottom{

}

/*///////////////////     ////////////////////////////
                   video box
///////////////////     /////////////////////////////*/

#video{
	display:block;
}

#video_top{
  background: url(http://oknation.nationtv.tv/blog/home/css/images/type20/hdr_vdoclip.png);
  height:30px;
}

#video_middle{
  padding:10px 0 10px 0;
  background:#fff;
}

#video_bottom{

}

/*///////////////////     ////////////////////////////
                   archive  box
///////////////////     /////////////////////////////*/

#archive{
  display:block;
}

#archive_top{
  background: url(http://oknation.nationtv.tv/blog/home/css/images/type20/hdr_activeblog.png);
  height:30px;
}

#archive_middle{
  background:#fff;
  padding:10px 0 10px 0;
}

#archive_bottom{

}

#list_archives ul {
	margin: 0 0 0 5px;
	padding: 10px 0 5px 0;
	list-style-type: none;
	color:#000000;
}

#list_archives li{
	padding:0 0 8px 18px;
	color:#CB5406;
	background: url(http://oknation.nationtv.tv/blog/home/css/images/type20/online.png) no-repeat ;
}

/*///////////////////     ////////////////////////////
                   archive  vote
///////////////////     /////////////////////////////*/

#vote{
  display:block;
}

#vote_top{
  background: url(http://oknation.nationtv.tv/blog/home/css/images/type20/hdr_vote.png);
  height:30px;
}

#vote_middle{
  background:#fff;
  text-align:center;
  padding:10px 0 10px 0;
}

#vote_bottom{

}


#list_vote{
	overflow:hidden;
    color:#CB5406;
}

#vote_table{
	margin:0;
}


#vote td,.poll th{
    color:#666666;

}


/*///////////////////     ////////////////////////////
                  calendar
///////////////////     /////////////////////////////*/

.calendar { 
	width:75%;
	height:150px;
	border:1px solid #CCCCCC;
}


.calendarHeader {	
    color: #546698;
	padding-top:5px;
  }


.calendarHeaderL {	
    color: #666666;
    font-weight: bold;
	padding-top:5px;
	background:#EEEEEE;
  }

.calendarHeaderL a:link,.calendarHeaderL a:visited{	
   color:#546698;
}

.calendarToday {
     font-weight: bold;
	 color: #666666;
     padding-right:5px;
}


 .calendarDate{
    padding-right:5px;
    color: #666666;
}




/*///////////////////     ////////////////////////////
                  menu tab blog  gallery video ที่เลือก section
///////////////////     /////////////////////////////*/


/*tab blog */
#menu_tab_blog{

     height:30px;
     width:135px;
	 float:left;
      margin:0;
	 background:url(http://oknation.nationtv.tv/blog/home/css/images/type20/menu_blog.png) no-repeat;
}

#menu_tab_blog_over{

     height:30px;
     width:135px;
	 float:left;
	 background:#003;
   margin:0;
	 background:url(http://oknation.nationtv.tv/blog/home/css/images/type20/menu_blog_r.png) no-repeat;
}


/*tab gallery */
#menu_tab_gallery{

     height:30px;
     width:135px;
	 float:left;
   	 margin:0;
	 background:url(http://oknation.nationtv.tv/blog/home/css/images/type20/menu_gallery.png) no-repeat;
}
#menu_tab_gallery_over{

     height:30px;
     width:135px;
	 float:left;
     margin:0;
	 background:url(http://oknation.nationtv.tv/blog/home/css/images/type20/menu_gallery_r.png) no-repeat;
}

/*tab video*/
#menu_tab_video{

     height:30px;
     width:135px;
	 float:left;
	 background:#339;
   margin:0;
	 background:url(http://oknation.nationtv.tv/blog/home/css/images/type20/menu_video.png) no-repeat;
}

#menu_tab_video_over{

     height:30px;
     width:135px;
	 float:left;
   margin:0;
	 background:url(http://oknation.nationtv.tv/blog/home/css/images/type20/menu_video_r.png) no-repeat;
}



/*///////////////////     ///////////////////////////////
                     ส่วนรายละเอียดของบล๊อกที่เขียน
///////////////////     ///////////////////////////////*/

/* ความกว้างข้อมูลตรงกลาง*/
#center_data{
	   margin:0 0 0 0;
	   padding:15px 15px;
	   overflow:hidden;
	   background: #fffdf3;
}

/* ชื่อ blog */
#blog_name{
	font-size: 22px;
	color:#FFFFFF;
	font-weight:bold;
	margin:0 0 10px 0;
}

/*  blog  description*/
#blog_desc{
   color:#FFFFFF;
}

/* หัวข้อ blog */
#blog_topic {
	font-size: 16px;
	font-weight: bold;
	color: #000000;
}


/* วันที่เขียน blog */
#blog_date{
	padding: 0 0 0 22px;
	font-size: 18px;
	font-weight: bold;
	color: #271A12;
	background: url(http://oknation.nationtv.tv/blog/home/css/images/type20/time.png) no-repeat;
	margin:15px 0 15px 0;
}


/* วันที่โพสอัลบั้ม */
#album_date{
	font-size: 18px;
	font-weight: bold;
	color: #000000;
	margin:15px 0 15px 0;
}

/*โพสโดยใคร*/
#post_by{
   color:#000000;
}

#post_by a:link,#post_by a:visited{
  color:#000000;
}

/* หมวดที่โพส */
#post_cate{
	color: #000000;
}

#post_cate a:link,#post_cate a:visited,#post_more a:link,#post_more a:visited{
   	color: #000000;
}

/* สีลิงค์อ่านต่อ */

#post_more{
	margin:30px 0 10px 0;
    color:#000000;
	text-align:right;
}

/* รายละเอียดการเขียน blog  */
#blog_data,#blog_data td{
	line-height: 18px;
	color:#000000;
}

.blog_center_data td{
	 word-wrap:break-word;
}


.blog_doted{
    height:1px;
   	background: url(http://oknation.nationtv.tv/blog/home/css/images/type4/dot.gif);
	margin:0 0 10px 0;
}

/*เส้นคั่นแต่ละ topic */
.dash_cate{
    height:1px;
   	background: url(http://oknation.nationtv.tv/blog/home/css/images/type4/dot.gif);
	margin:0 0 2px 0;
	width:95%;
}


/* ลิงค์กด ไป คอมเมนต์ */
#blog_comment{
    margin: 10px 0 10px 0;
	color:#000000;
	text-align:right;
}

#blog_comment a:link,#blog_comment a:visited{
   	color: #3051BA;
}


/*--- คอมเมนต์ที่1 และ 2 ---*/
.comment_topic1{
	margin-bottom:14px;
}
.comment_topic2{
	margin-bottom:14px;
}
.comment_detail{
	display:block;
}
.comment_detail td{
   color:#666666;
   word-wrap:break-word;
}

#submit_comment{
   width:102px;
   height:26px;
   background: url(http://oknation.nationtv.tv/blog/home/css/images/type20/btn_send.png) no-repeat;
   border:0px;
}



/*อัลบั้ม รูป , video*/
.album_bg,.video_bg{
   background:#95ABAC;
}

/*สีขอบรูป*/
.border_img{
     border:4px solid #FFF;

}

.border_img_list{
  margin:2px;
}

/*background รูป*/


.album_bg_list{
  background:#FFFFFF;
  border:1px solid #F5BA89;
}



 /*ความกว้างแต่ละกรอบรูป*/
#table_album{
	
}

#table_album td{
    color:#666666;
	text-align:center;
}


#table_album_inner td{
  background:#95ABAC;
  padding:3px;
  text-align:center;
}


.album_name{
	color:#000000;
	font-size:16px;
}

/*ปุ่ม home album*/
#album_home{
  background: url(http://oknation.nationtv.tv/blog/home/css/images/type20/upcoming-work.png) no-repeat;
  width:21px;
  height:21px;
  border:0px;
}

/*ปุ่ม pause album*/
#album_pause{
  background: url(http://oknation.nationtv.tv/blog/home/css/images/type20/btn_stop.png) no-repeat;
  width:21px;
  height:21px;
  border:0px;
}
/*ปุ่ม back album*/
#album_back{
  background: url(http://oknation.nationtv.tv/blog/home/css/images/type20/btn_back.png) no-repeat;
  width:21px;
  height:21px;
  border:0px;
}

/*ปุ่ม next album*/
#album_next{
  background: url(http://oknation.nationtv.tv/blog/home/css/images/type20/btn_next.png) no-repeat;
  width:21px;
  height:21px;
  border:0px;
}

/*ปุ่ม vote */
#votebt{
  background: url(http://oknation.nationtv.tv/blog/home/css/images/type20/btn_vote.png) no-repeat;
  width:61px;
  height:26px;
  border:0px;
}



/* video กรอบ video และ bg */

#table_video{
    width:220px;
}

#table_video td{
    color:#000000;
	text-align:center;
}

#table_video_inner td{
  background:#95ABAC;
  padding:3px;
}
.video_name{
	color:#000000;
	font-size:16px;
}



/*//////////////////////////////// new  box  ///////////////////////////////*/

#lyrtooltip {
     position:absolute;
     border:1px solid #666666;
     background-color: #DEDCDC;
     padding:10px;
     text-align:left;
}



/*///////////////////     ////////////////////////////
          favorites entry
///////////////////     /////////////////////////////*/

#favorite_entry{
  display:block;
}


#favorite_entry_top{
  background: url(http://oknation.nationtv.tv/blog/home/css/images/type20/hdr_faventry.png);
  height:30px;
}

#favorite_entry_middle{
  background:#fff;
  word-wrap: break-word;
  padding:0 0 10px 0;

}

#favorite_entry_bottom{

}


#list_favorite_entry ul {
	margin: 0 0 0 5px;
	padding: 10px 0 5px 0;
	list-style-type: none;
	color:#000000;
}

#list_favorite_entry li{
	padding:0 0 3px 18px;
	color:#000000;
	background: url(http://oknation.nationtv.tv/blog/home/css/images/type20/online.png) no-repeat ;
}



/*///////////////////     ////////////////////////////
         my comment
///////////////////     /////////////////////////////*/

#mycomment{
  display:block;
}

#mycomment_top{
  background: url(http://oknation.nationtv.tv/blog/home/css/images/type20/hdr_lastcomment.png);
  height:30px;
}

#mycomment_middle{
  background:#fff;
  word-wrap: break-word;
  padding:0 0 10px 0;

}

#mycomment_bottom{

}


#list_mycomment ul {
	margin: 0 0 0 5px;
	padding: 10px 0 5px 0;
	list-style-type: none;
	color:#000000;
}

#list_mycomment li{
	padding:0 0 3px 18px;
	color:#000000;
	background: url(http://oknation.nationtv.tv/blog/home/css/images/type20/online.png) no-repeat ;
}



/*///////////////////     ////////////////////////////
         my twitter
///////////////////     /////////////////////////////*/

#twitter{
  display:block;
}

#twitter_top{
  background: url(http://oknation.nationtv.tv/blog/home/css/images/type20/hdr_twitter.png);
  height:30px;
}

#twitter_middle{
  word-wrap: break-word;
  background:#fff;
  padding:10px 0 10px 0;
}

#twitter_bottom{
  height:7px;
}


#list_twitter{
  background:#DEDCDC;
  }

#twtr-widget-1 .twtr-bd, #twtr-widget-1 .twtr-timeline i a, #twtr-widget-1 .twtr-bd p {
	color:#666666 !important;
}

#twtr-widget-1 .twtr-tweet a {
color:#66CCCC !important;
}     

/* video*/
#video_list_table{
  border-left:1px solid #cccccc;
  border-top:1px solid #cccccc;
  background: #F5F5F5;
}

#video_list_table td{
  border-bottom:1px solid #cccccc;
  border-right:1px solid #cccccc;
}


#table_video{
    width:185px;
}

#table_video td{
    color:#666666;
}

#table_video_inner td{
  background:#FFFFFF;
  padding:3px;
}
.video_name{
	color:#666666;
	font-size:16px;
}


/*หน้ารวมอัลบั้ม*/

.photogallerynew{
	float:left;
	width:100%;
	display:block;
	padding-bottom:20px
}
.piccolum_photogallerynew{
	float:left;
	padding:0;
	display:block;
	width:215px;
	margin:15px 10px 0 0;
}
.picfix{
	float:left;
	display:block;
	margin:5px 0 0 5px;
	padding:0;
	width:200px;
	background:#fff;
	border:1px solid #ccc;	
}
.piccolum{
	width:100%;
	float:left;
	display:block;
	padding:0;
	min-height:200px;
	background: #fff;
	border:1px solid #ccc;
}
.piccolum p{
	float:left;
	display:block;
	margin:10px 0 10px 5px;
	padding-bottom:15px;
	width:200px;
	background:#FFF;
}
.piccolum p a{text-decoration:none;color:#333;}
.piccolum p a:hover{text-decoration: underline;color:#333;}
.commentcolum{
	float:left;
	display:block;
	margin:-1px 0 0 0;
	padding:0;
	width:215px;
	height:50px;
	background:#f2f0f0;
	border:1px solid #ccc;
}
.commentcolum p{
	float:right;
	display:block;
	margin:8px;
	width:155px;
	font:normal 12px/16px Arial, Helvetica, sans-serif;
}
.commentcolum input{
	margin:2px 0 0 0;
	padding:3px;
	width:90%;
	height:20px;
	font:normal 12px/20px Arial, Helvetica, sans-serif;
	color:#CCC;
}
.commentmore{
	float:left;
	display:block;
	margin:-1px 0 0 0;
	width:215px;
	min-height:30px;
	background:#f2f0f0;
	border:1px solid #ccc;
	text-align:center;
	font:bold 11px/30px Arial, Helvetica, sans-serif;
}
.commentmore a{ float:left; display:block;color:#069; margin:0 0 0 50px}
.commentmore img{ float:right; margin:5px}
.commentcolum_blognews{
	float:left;
	display:block;
	margin:-1px 0 0 0;
	width:233px;
	min-height:40px;
	background:#f2f0f0;
	border:1px solid #ccc;
}
img.picprofile_s{
	float:left;
	display:block;
	margin:8px 0 8px 8px;
	width:30;
	height:30px;
	background:#fff;
	border:1px solid #ccc;
}