/* reset style */
* { margin:0; padding:0; word-break:break-all; }

body { background:#D9EDF4 url(../images/bg.png) 0 0 repeat-x; color: #666; font:12px/1.5em Verdana,Helvetica,Arial,sans-serif; }
h1, h2, h3, h4, h5, h6 { font-size:1em; }
a { color:#609799; text-decoration:none; }
	a:hover { text-decoration:none; color:#8f7c47; }
ul, li { list-style:none; }
fieldset, img { border:none; }
legend { display:none; }
em, strong, cite, th { font-style:normal; font-weight:400; }
input, textarea, select, button { font:12px Verdana,Helvetica,Arial,sans-serif; }
table { border-collapse:collapse; }
html { overflow:-moz-scrollbars-vertical; }



br.clear { clear:both;}

/*HOW BLOG CSS*/
html {background:#111;} /*HOW*/

#nav { width:980px; margin:0 auto 10px; }/*HOW*/
	.main_nav {height:45px; padding:0 15px 0 0; color:#FFF; background:url(../images/main_nav-bg.png) 100% 0 no-repeat; } /*HOW*/
		.main_nav ul { height:42px;padding:2px 0 0 16px; float:right; display:block; background: url(../images/main_nav_ul-bg.png) 0 0 no-repeat; }/*HOW*/
		.main_nav ul li { float:left; margin-right:1px;  }
		.main_nav ul li a { float:left; display:block; height:42px; width:85px; padding:0px 0px; color:#FFF;background: url(../images/menuitem-bg.png) 0 0 no-repeat; text-indent:-9999px ;overflow:hidden; cursor:pointer;}
		.main_nav ul li a.home {background:url(../images/menuitem-named-bg.png) 0 0 no-repeat;}
		.main_nav ul li a.high {background:url(../images/menuitem-named-bg.png) 0 -50px no-repeat;}
		.main_nav ul li a.arts {background:url(../images/menuitem-named-bg.png) 0 -100px no-repeat;}
		.main_nav ul li a.vide {background:url(../images/menuitem-named-bg.png) 0 -150px no-repeat;}
		.main_nav ul li a.blog {background:url(../images/menuitem-named-bg.png) 0 -200px no-repeat;}
		.main_nav ul li a.albu {background:url(../images/menuitem-named-bg.png) 0 -250px no-repeat;}
		.main_nav ul li a.acti {background:url(../images/menuitem-named-bg.png) 0 -300px no-repeat;}		
		.main_nav ul li a.abou {background:url(../images/menuitem-named-bg.png) 0 -350px no-repeat;}				
		.main_nav ul li.current a.home, .main_nav ul li.current a.home:hover { background-position:-85px 0;}
		.main_nav ul li.current a.high, .main_nav ul li.current a.high:hover { background-position:-85px -50px;}
		.main_nav ul li.current a.arts, .main_nav ul li.current a.arts:hover { background-position:-85px -100px;}
		.main_nav ul li.current a.vide, .main_nav ul li.current a.vide:hover { background-position:-85px -150px;}
		.main_nav ul li.current a.blog, .main_nav ul li.current a.blog:hover { background-position:-85px -200px;}
		.main_nav ul li.current a.albu, .main_nav ul li.current a.albu:hover { background-position:-85px -250px;}
		.main_nav ul li.current a.acti, .main_nav ul li.current a.acti:hover { background-position:-85px -300px;}
		.main_nav ul li.current a.abou, .main_nav ul li.current a.abou:hover { background-position:-85px -350px;}

		.main_nav ul li a.home:hover { background-position:-170px 0;}
		.main_nav ul li a.high:hover { background-position:-170px -50px;}		
		.main_nav ul li a.arts:hover { background-position:-170px -100px;}		
		.main_nav ul li a.vide:hover { background-position:-170px -150px;}
		.main_nav ul li a.blog:hover { background-position:-170px -200px;}
		.main_nav ul li a.albu:hover { background-position:-170px -250px;}		
		.main_nav ul li a.acti:hover { background-position:-170px -300px;}		
		.main_nav ul li a.abou:hover { background-position:-170px -350px;}
	#nav h2{ float:left; margin:9px  auto auto 50px;} 


#user_tab_caption { height:31px; overflow:hidden; width:515px;}
	#user_tab_caption a { display:block; float:left; width:50px; overflow:hidden; margin-right:3px; background:#AFD9EC url(../images/user_tab_bg.png) 0 0 repeat-x; text-align:center; line-height:31px; }
	#user_tab_caption .current { background-image:none; background:#EFFBFF;}

#header { width:960px; height:65px; overflow:hidden; margin:10px auto; }
	#header .ad_header { float:right; text-align:right; }
		
div#content { margin:0 auto; width:960px;}

div#main { float:right; width:680px; min-height:100px; }

div#secondary{ float:left; width:250px;  min-height:80px; }
	div#secondary .global_module{ padding:25px; background:#BEE0F1; margin-bottom:25px;}
	div#secondary .global_module h3{ line-height:1.5; font-size:16px; padding-bottom:10px;}
	div#secondary .global_module li { padding:5px 0px; border-bottom: #98d0c7  dashed 1px;}
	div#secondary #idbox{background: #effbff;}
	.blog_user {text-align:center;}
	.blog_user img{  padding:2em; background:#fff; border:#ccc dashed 1px; }

div#tertiary{ float:right; width:140px; min-height:80px;}
	div#tertiary .global_module{ padding:5px 0; margin-bottom:25px;}
	div#tertiary .global_module h3{ line-height:1.5; font-size:16px; padding-bottom:10px;}
	div#tertiary .global_module li {border-bottom: #ccc  dashed 1px; padding:3px 0; }

div#entries{ float:left;}
	div.user_photolist, div.user_blog_list, div#blog_article{ width:430px; padding:25px 25px 25px 60px; margin-bottom:25px; background:#FFF;}
	div.user_photolist {padding:25px!important;}

	div.user_photolist {}	
		.photoalbum { background: url(../images/set_case.gif) 0 0 no-repeat; width:91px; height:95px;}
		.photoalbum img { width:75px; height:75px; margin:7px 7px; border:#036 solid 1px; }
		div.user_photolist dl { display:block; width:100px; margin:15px; float:left; font-size:11px; }

div.user_blog {}
/*	div.user_blog_list, div#blog_article{ width:430px; padding:25px 25px 25px 60px; margin-bottom:25px; background:#FFF;}*/
	div.user_blog_list h3, div#blog_article h3 { font-size:15px; padding-bottom:10px; display:block; margin:-40px 0px 0px 0px; background: url(../images/hrdotsep.png) 0 100% repeat-x; color:#A2CECF;}
	.blogdate {display:block; width:40px; height:55px; background:#111; color:#C90; margin:0 auto 0 -75px; padding:5px 10px; text-align:center; }
	.blogdate span { text-align:center; font-size:10px; line-height:1.2; margin:0; display:block;}
	.blogdate .day, .blogdate .hour {font-size:18px; font-family:"Arial Black", "arial", sans-serif; margin:0 auto; color:#FF6; line-height:1.5; letter-spacing:1.5;}
	.blogdate .month { text-transform: uppercase; font-size:12px; letter-spacing:1.5; font-weight:bold; }
	.blogdate .year { text-transform: uppercase; font-size:10px; letter-spacing:2; font-weight:bold; }
	.blogcontent, #blog_body { padding:15px 0px; background: url(../images/hrdotsep.png) 0 100% repeat-x; overflow:hidden;}
	.blogcontent, #blog_body p{padding:3px 0px;}
	.blogcontent img, #blog_body img { max-width:430px; }
	.user_blog_op { margin-top:5px; }
		div.user_blog_list a.more, div#blog_article a.more { float:right; display:inline-block; background: #FC6; padding:3px 5px;}
 		.blog_post_comment, .blog_post_view { display: inline-block; height: 18px; line-height: 18px; margin: 0 3px; color: #999; width:50px; }
		.blog_post_comment { background: url(../images/blog_icon_comment.png) 0 0 no-repeat; padding-left: 20px; background: url(../images/blog_icon_view.png) 0 0 no-repeat;}
		.blog_post_view { background: url(../images/blog_icon_view.png) 0 0 no-repeat; padding-left: 20px;visibility:hidden;}
		.blog_op { display:block; text-align:right; /*background:#D9EDF4;*/ padding:5px 10px; margin-top:-23px;}

.pages { height:35px; overflow:hidden; text-align:right; line-height:25px; font-family:Verdana; }
	.pages a, .pages strong { margin:0 1px; padding:2px 6px; border:1px solid #E4E4E4; color:#369; text-decoration:none!important; }
	.pages a:hover { border-color:#369; }
	.pages strong { border-color:#369; background:#369; color:#FFF; }
	.pages .prev { padding:4px 5px 2px; border:none; text-decoration:underline!important; }
	.pages .next { padding:4px 5px 2px; border:none; text-decoration:underline!important; }


div#footer { overflow:hidden; margin:0 auto; padding:6px 0; text-align:center; line-height:20px; background:#111; }
	.copyright, .copyright a { color:#666; font-size:10px;}


/*blogdetail.html*/
.comment{ background:#C3E8F6; width:485px; padding:15px 20px;margin-bottom:25px;}
	.u_comment_list { margin:5px; padding:5px 0; }
	.u_comment_list .u_avatar { float:left; margin: 0 10px 10px 0;}
	.u_comment_list .u_avatar img{ padding:5px; background:#afd0dd; }
	.u_comment_list .u_info { }
	.u_comment_list .u_info .u_date { font-size:10px; color:#5dc4b8; }
	.u_comment_list .u_info .u_txt { background:#FFF url(../images/u_txt-bg.png) -63px 0 no-repeat; padding:50px 20px 30px 20px; margin-top:5px;}	
	.u_comment_list .u_info .u_txt .quote { padding:12px; border:#D9EDF4 dashed 1px; background:#EFFBFF; margin-bottom:15px;}

div#comment_op { }
div#comment_op span { display:inline-block;height:24px; background: url(../images/op-rightbg.png) top right no-repeat; padding-right:10px; }
div#comment_op span a{ display:inline-block; line-height:24px; height:24px; background: url(../images/op-leftbg.png) 0 0 no-repeat; padding-left:10px; }

span.box_r { font-size:10px; line-height:12px; margin:0 7px 0px -5px; color: #999;}

/*============================================= ajax style  */
.xspace-ajaxdiv { position:absolute; padding:5px; border:1px solid #BBB; background:#FCFFEF; text-align:left; }
	.xspace-ajaxdiv h5 { line-height:24px; font-size:1em; margin:0; }
		.xspace-ajaxdiv h5 a { float:right; font-weight:normal; }
	.xspace-ajaxcontent { padding:8px; border:1px solid #EEE; background:#FFF; }
		.xspace-ajaxcontent form { margin:0; }
		.xspace-ajaxcontent tr td { padding: 3px 0; }

/* add by KUEY 12/10/2009 */
.clearfix:after { content:"."; display:block; height:0; clear:both; visibility:hidden; }
	.clearfix { display:inline-block; }
	/*\*/ .clearfix {display:block;} /**/

.image_list { height:auto; margin:4px 0 0 0; }
	.image_list li { margin:0 16px 7px 12px; }

.global_piclist { height:125px; overflow:hidden; padding:10px 0 0 7px; }
	.global_piclist li{ position:relative; display:inline; float:left; width:106px; height:123px; overflow:hidden; margin-left:7px; }
	.global_piclist li div { display:table-cell; *display:block; width:102px; height:104px; *height:102px; overflow:hidden; border:1px solid #E0E9F2; background:#FFF; text-align:center; vertical-align:middle; *font-size:85px; cursor:pointer; }
	.global_piclist li div img, .user_photolist dl dt div img { max-width:100px; max-height:100px; width:expression(this.width > 100 && this.width > this.height ? 100: true); height:expression(this.height > 100 ? 100: true);  vertical-align:middle; }
	.global_piclist li span { position:absolute; left:0; bottom:0; *bottom:-2px; width:102px; height:16px; overflow:hidden; line-height:16px; text-align:center; }
/* end added */