/* CSS Document */
/* Import basic styles */
@import url(../../rsc/css/basic.css);
/* Import standard image styles */
@import url(../../rsc/css/img.css);
/* Import standard blog elements styles */
@import url(../../rsc/css/blog_elements.css);
/* Import default form styles */
@import url(../../rsc/css/forms.css);
/* Import default comment styles */
@import url(../../rsc/css/comments.css);

/*---general font --*/
/* edit by mod
div#wrapper
{
 font-family:  Verdana,"MS Sans Serif", "Microsoft Sans Serif",thonburi,CordiaUPC; 
 font-size: smaller;
 margin-bottom: 0px;
  font: normal small "Trebuchet MS", Arial, Helvetica, sans-serif; 
 color: #633003;
 font-family: Arial,Helvetica,sans-serif, Tahoma, sans-serif;
 font-size: 12px;

}
*/
a
{
 text-decoration: none;
}


/*------------------------- Utility CSS styles ----------------------*/ 
/* - for clear blank space on the top   */
div.skin_wrapper_loggedin {
	margin-top: 0px;
	padding-top: 0px;
}

/*-- top banner---*/
div#headtop {
	width: 956px;
	height: 106px;
	margin: 0 auto; background-image:url(images/headbg.gif);
}
div#headtop .logo {
	float: left;
	padding: 5px ;
}
div#headtop .textday{ font-family:  Verdana,"MS Sans Serif", "Microsoft Sans Serif",thonburi,CordiaUPC;font-size: 11px;color: #18397C; padding-top:8px; text-align:center;}
div#headtop .banner {
	float: right;
	padding: 7px ;
}

/*-- top link/menu --*/
div#menutop {
	width: 956px;
	margin: 0 auto; border:1px #B2C7C9 solid; background-image:url(images/bgmenu.gif); height:16px; text-align:center; margin-top:5px;
	font-family: Verdana,Arial,Helvetica,sans-serif, Tahoma, sans-serif;
	font-size: 11px;color: #18397C; padding-top:3px;
}
div#menutop a{
	color: #18397C;
	text-decoration: none;
}
div#menutop  a:hover{
	color: #CC6633;text-decoration: underline;
}

/*--wrapper -- whole body content --*/
/* edit by mod
div#wrapper {
	width: 960px;
	margin: 0 auto;
	padding: 0px; padding-bottom:20px; 
}
*/


/*------------------------- Main Container CSS styles ----------------------*/
/*-- sidebar (left) */
.bSideBar {
	width: 142px;
	float: left;
	overflow: hidden;
	margin-top: 10px;
	margin-left:13px;
}
/*-- post (center) */
.bPostsTicker, .bPosts {
	float: left;
	width: 785px;
	overflow: hidden;
	margin-left: 30px;
	margin-top: 10px;
	padding-left: 1px;
	padding-right: 2px;
	padding-top: 10px;
/* 	border:1px #ECECE6 solid;  */
}
.bPosts{ border:0px #ECECE6 solid;  
font-size: 11px;}

/*-- footer(bottom) */
div#pageFooter {
	clear: both;
	background-color: #fff;
	width: 738px;
	margin: 0px;
	padding: 0px ;
	/* border:1px #ECECE6 solid;   */
}


/*--- Main Post --*/
a:hover{
	color: #CC6633;text-decoration: underline;
}
.daypost{font-family: verdana,Arial,Helvetica,sans-serif, Tahoma, sans-serif;
	font-size: 12px;color: #CC0000;  text-align:left; padding-bottom:2px; font-weight:bold; }
.bTitle {font-family: Georgia,Arial,Helvetica,sans-serif, Tahoma, sans-serif;
	font-size: 16px;color: #16387C; font-weight:bold; text-align:left; text-decoration: none; margin-bottom: 6px;
	}
.bTitle a{color: #16387C; text-decoration: none; }
.postby{font-family: Georgia,Arial,Helvetica,sans-serif, Tahoma, sans-serif;
	font-size: 11px;color: #000000;  text-align:left;  padding-bottom:2px;	margin-bottom: 6px;
	/* border: 1px #111111 solid; */}
.bText{font-family: verdana,Arial,Helvetica,sans-serif, Tahoma, sans-serif;
	font-size: 12px;color: #000000;  text-align:left; padding-bottom:2px;
	background-image: url(images/bgblog.gif);background-repeat: no-repeat; 
	background-position:bottom right; margin-bottom:0px; padding-bottom:20px;
	padding-right:20px; 
}
.bText p{font-family: verdana,Arial,Helvetica,sans-serif, Tahoma, sans-serif;
	font-size: 12px;color: #000000;  text-align:left; padding-bottom:0px;
	margin-top:0px; margin-bottom:0px; /* border: 1px #111111 solid; */ padding-bottom:0px;
}
.line{background-image:url(images/line.gif); margin: 0px; padding: 0px;}
.readmore{font-family: verdana,Arial,Helvetica,sans-serif, Tahoma, sans-serif;
	font-size: 12px;color: #CC0000;  text-align:left; padding-bottom:2px;}
.readmore a{color: #CC0000; text-decoration: none; }

/*--feedback style --*/
.BoldBlue {font-family: verdana,Arial,Helvetica,sans-serif, Tahoma, sans-serif;
font-size: 12px;color: #16387C;  text-align:left; padding-bottom:2px; font-weight:bold;}
.Feedback{font-family: verdana,Arial,Helvetica,sans-serif, Tahoma, sans-serif;
	font-size: 12px;color: #000000;  text-align:left; padding-bottom:2px;
	margin-bottom:0px; padding-bottom:10px;
	padding-right:5px; 
}
.FeedbackAuthor{font-family: verdana,Arial,Helvetica,sans-serif, Tahoma, sans-serif;
	font-size: 12px;color: #000000;  text-align:left; padding-bottom:2px;
	margin-bottom:5px; padding-bottom:20px;
	background-color: #5ff;	
	padding-right:20px; 
background-image:url(images/bgcomment.gif); padding-top:5px; padding-bottom:5px;
	height: 100px;
}
.FeedbackAuthorPicture{
	float: left;
	padding:5px;
	margin:2px; 
	padding-top:0px; 
	padding-bottom:0px; 
}
.cc1{font-family: Georgia,Arial,verdana,Helvetica,sans-serif, Tahoma, sans-serif;
	font-size: 12px;color: #000000; font-weight:bold; text-align:left;}
	.cc2, .cc2 a{font-family: Georgia,Arial,Helvetica,sans-serif, Tahoma, sans-serif;
	font-size: 11px;color: #000000;  text-align:left; margin-top: 10px;text-decoration: none;}
	.cc3 a{font-family: verdana,Arial,Helvetica,sans-serif, Tahoma, sans-serif;
	font-size: 12px;color: #16387C;  text-align:left; margin-top:2px;text-decoration: none;}
div.bComment, /* Entire comment block */
form.bComment /* New comment form */
{
	padding: 0 1ex;
	border: 2px dotted #999;
	width: 460px;
	overflow: hidden;
	
}

/*-- footer css ---*/
div.footer {	
	padding-top:10px; 
	border-top:1px #B0BEC7 solid; 
	text-align:center;
	margin-top: 20px;
	width: 956px;
	font-size: 11px;color: #FFFFFF;
}


/** list of default widget class css
PageTop
PageHeader
top_menu

widget_core_colls_list_public == styling the "Public blog list" widget. 
widget_core_colls_list_owner == styling the "Same owner's blog list" widget. 
widget_core_coll_logo == styling the "Blog logo" widget. 
widget_core_coll_title == styling the "Blog title" widget. 
widget_core_coll_tagline == styling the "Blog tagline" widget. 
widget_core_coll_page_list == styling the "Page list" widget. 
widget_core_coll_post_list == styling the "Post list" widget. 
widget_core_coll_category_list == styling the "Category list" widget. 
widget_core_coll_longdesc == styling the "Long Description of this Blog" widget. 
widget_core_free_html == styling the "Free HTML" widget. 
widget_core_coll_common_links == styling the "Common Navigation Links" widget. 
widget_core_coll_search_form == styling the "Content Search Form" widget. 
widget_core_coll_xml_feeds == styling the "XML Feeds (RSS / Atom)" widget. 
widget_core_menu_link == styling the "Menu Link" widget. 
widget_core_user_tools == styling the "User Tools" widget. 
widget_core_linkblog == styling the "Linkblog" widget. 
widget_plugin_evo_Calr == styling the "Calendar Widget" widget. 
widget_plugin_evo_Arch == styling the "Archives Widget" widget. 
 **/
 
/*------------------------- Widget Specificed CSS styles ----------------------*/
/*general bSideBar widget Styles */
.bSideBar div,	.rightSideBar div{
	width: 140px;
	margin: 0 auto; 
	border:1px #B2C7C9 solid; 
	background-image:url(images/bgcategory.gif); 
	margin-bottom:15px;
	font-family: Verdana,Arial,Helvetica,sans-serif, Tahoma, sans-serif;
	font-size: 11px;
	color: #18397C; 
	padding-top:0px;
}
.bSideBar div h3,	.rightSideBar div h3{ 
	width: 140px;
	height:17px;
	margin: 0 auto; 
	border: 0px #B2C7C9 solid; 
	border-bottom: 1px;	
	background-image:url(images/bgmenu.gif); 
	margin-top:0px;
	font-family: Arial,Helvetica,sans-serif, Tahoma, sans-serif;
	font-size: 12px;
	color: #18397C; 
	padding-top:2px;
	text-align:center;
	font-weight:normal;
}
.bSideBar  ul ,	.rightSideBar ul{
	margin: 5px;
	padding: 0;
	list-style-type:none;
	padding: 0 0;
}
.bSideBar ul li ,	.rightSideBar ul li{
	/* border-right: 1px solid #000; */
	/* display: inline; */
/* 	padding: .5ex 1em; */
	padding: 0px;
	padding-left: 5px;
}

/*------special widget css definition ---------*/
form.search
{
	margin: 10px;
}
.widget_core_coll_search_form .SearchField{ 
 font-family: Verdana, Arial, Helvetica, sans-serif; 
 font-size: 11px;  color: #000000; 
 width: 87px; 
 margin-right:1px; margin-left:2px; 
 border: 1px solid #BBC1D2; background-color:#F4F6FC; margin-bottom:1px;
}
.widget_core_coll_search_form .submit{ 
}

/*------------------------- Login CSS styles ----------------------*/
h2.loginHeader{ text-align:center;  }
#evo_login_form .fieldset{padding-left:100px;}
#ffield_login #login {width:200px;}
#ffield_pwd #pwd{width:200px;}
 /*------------------------- Frontpage CSS styles ----------------------*/
/*-- sidebar (left) */
.frontpageEditorChoice{
	float: left;
	height: 215px;
	width: 356px; 
/* 	text-align:center; */	
padding: 10px;border:10px #9CB8C6 solid; background-image:url(images/bgcategory.gif)  ; background-repeat: repeat-x;
/* 	border:1px #ECECE6 solid;  */

	position: relative; /* Do not change this value -glinder relative*/
	overflow: hidden;
}
/* .bPosts{ border:1px #ECECE6 solid;  }
 */
.frontpageEditorChoiceItem{
	width: 340px; 
	
	background-image:url(images/bgcategory.gif)  ; background-repeat: repeat-x;

	position: absolute; /* Do not change this value */
	padding: 10px;
	visibility: hidden;
}
 .frontpageBloggerList{
	float: right;
	width: 370px;
	height: 250px;
	border:1px #999999 solid;
 /* 	background-image:url(images/bgcategory.gif);  */
	margin-bottom:15px;
	font-family: Verdana,Arial,Helvetica,sans-serif, Tahoma, sans-serif;
	font-size: 11px;
	color: #18397C; 
	padding-top:0px;
	overflow : hidden;
	POSITION : relative;
}
.frontpageBloggerList  h3 { 
	width: 324px;
	height:16px;
	margin: 0 auto; 
/* 	border: 0px #B2C7C9  solid;  */
/* 	border-bottom: 1px;	 */
	background-image:url(images/orangecolu.gif); 
	margin-top:0px;
	padding-left:10px;
	font-family: Arial,Helvetica,sans-serif, Tahoma, sans-serif;
	font-size: 14px;
	color: #18397C; 
	padding-top:2px;
	text-align:left;
	font-weight:bold;
	float:left;
}
#screen2{ float:left;}

 #slideshow {
	BORDER: 0px; 
	OVERFLOW: hidden; 
	WIDTH: 680px; 
	background-color:#F5F7F7;
	clear: both;
	
}
  #slideshow UL {
	PADDING-LEFT: 225px; WIDTH: 3900px;list-style-type:none;
}
  #slideshow LI {
	FLOAT: left; MARGIN: 12px 5px; CURSOR: pointer;	
}
  #slideshow LI .bloggerImageFrame{
	float: left;
	clear: both;
	width:100px;
	height:110px;	
	margin: 0px 0px;
	padding:0px 0px;
	background: transparent url(images/bgphoto.gif) no-repeat 0 0; 
/*  	border: 1px #B2C7C9  solid;  */
	text-align: center;
	text-decoration: none;
	font-family: Verdana,Arial,Helvetica,sans-serif, Tahoma, sans-serif; 
	color: #000000; 
}
  #slideshow LI .bloggerImageFrame div {
	padding: 3px 0px;
	width:  82px;
	height: 60px;
	overflow: hidden;
	text-align: center;
	margin-bottom:5px;
	}
 
.BloggerListColumn
{
	float: left;
 	overflow: auto;
	width: 100px;
	height:200px;
	border: 1px #B2C7C9  solid;  
	display: inline;
}


.frontpageTopItem {
	width: 782px;
	margin: 0 auto; 
	border:1px #B2C7C9 solid; 
/* 	background-image:url(images/bgcategory.gif);  */
	margin-bottom:15px;
	font-family: Verdana,Arial,Helvetica,sans-serif, Tahoma, sans-serif;
	font-size: 11px;
	color: #18397C; 
	
	padding:0px 0px;
	clear: both;
}

.frontpageTopItem  h3 { 
	width: 772px;
	height:17px;
	margin: 0 auto; 
	border: 0px #B2C7C9  solid; 
	border-bottom: 1px;	
	background-image:url(images/bgmenu.gif); 
	margin-top:0px;
	font-family: Arial,Helvetica,sans-serif, Tahoma, sans-serif;
	font-size: 12px;
	color: #18397C; 
	padding-top:2px;
	padding-left:10px;
	text-align:left;
	font-weight:normal;
	
}

.frontpageTopItem ul{
font-family: Verdana,Arial,Helvetica,sans-serif, Tahoma, sans-serif;
padding-left: 0px;
margin: 0px;
margin-left: 30px;
padding-top: 0px;
list-style-image: url(images/bullet_blue.gif);
/* border:1px #ECECE6 solid;   */

}

.frontpageTopItem ul li a{	font-family: Verdana,Arial,Helvetica,sans-serif, Tahoma, sans-serif;
		font-size: 12px;color: #000000;
padding: 2px 0.5em;
text-decoration: none;
color: black;

}

.frontpageTopItem ul li a:hover{	font-family: Verdana,Arial,Helvetica,sans-serif, Tahoma, sans-serif;
	font-size: 12px;color: #436070; text-decoration:underline; 
}

.frontpageTopItem ul li a:visited{	font-family: Verdana,Arial,Helvetica,sans-serif, Tahoma, sans-serif;
	font-size: 12px;color: #000000;
}
.readmore{font-family: verdana,Arial,Helvetica,sans-serif, Tahoma, sans-serif;
font-size: 12px;color: #CC0000;  text-align:left; padding-bottom:2px; }



/*------------------------- Blog Categories CSS styles ----------------------*/
.bc_item {
	margin: 0px; 
	margin-bottom: 15px; 
	border:0px ; 
	border-bottom:1px #B2C7C9 solid; ; 
	height:130px; 
	font-family: Verdana,Arial,Helvetica,sans-serif, Tahoma, sans-serif;
	padding:3px;
	padding-bottom: 10px;
	overflow: hidden;
}

.bc_blogger{
	float: left;
	margin: 0px;
	padding: 10px;
	text-align: center;
	border:1px #eeeeee solid; 
	height:110px; 
	font-family: Verdana,Arial,Helvetica,sans-serif, Tahoma, sans-serif;
	width:100px;
}


.bc_longdesc{
	float: left;
	margin: 0px;
	padding: 10px;
	text-align: left;
	height:110px; 
	font-family: Verdana,Arial,Helvetica,sans-serif, Tahoma, sans-serif;
}

.bc_latest{
	float: right;
	margin: 0px;
	padding: 5px;
	background-image:url(images/bgcategory.gif); 
	height:120px; 
	font-family: Verdana,Arial,Helvetica,sans-serif, Tahoma, sans-serif;
	width:250px;
}
.bc_latest h3{
	font-family: Verdana,Arial,Helvetica,sans-serif, Tahoma, sans-serif;
	font-size: 12px;
	padding: 0px;
	margin-bottom: 5px;
}
.bc_latest ul{
	margin: 0px;
	margin-left: 20px;
	padding: 0px;
}

/* image css for multipost page ****/
.image_block{border:1px #ECECE6 solid; float: left; /*height: 100px;*/ 
padding:1px; padding-bottom: 10px; margin:3px; text-align: center; background-color: #f5f5f5; /* CURSOR: pointer;  */
}
.image{border:1px #ECECE6 solid; height: 60px; width:70px; overflow: hidden;
padding:0px;margin:0px; background-color: #ffffff}