﻿@charset "utf-8";
body {
	margin:0;
	padding:0;
	width:100%;
    color:#595959;
	/*color:#808080;*/
    /*color:#595959;*/
	/*font:normal 12px/1.8em Arial, Helvetica, sans-serif;*/
	/*background:#f5f5f5 url(../images/footer_bg.gif) repeat-x center bottom;*/
    font-family:Verdana, Tahoma, Arial !important;
    background:#f5f5f5;
    font-size:0.91em;
    
}
html, .main {
	padding:0;
	margin:0;
    min-width:480px;
}
.main {
	background:url(../images/header_bg.gif) repeat-x center top;
    /*min-width:970px;*/
}
.clr {
	clear:both;
	padding:0;
	margin:0;
	width:100%;
	font-size:0;
	line-height:0;
}
.logo {
	padding:0;
	float:left;
	width:auto;
    
}
h1 {
	margin:0;
	padding:29px 24px;
	float:left;
	color:#e4e5e5;
	letter-spacing:-2px;
    font-size:2.2em;
    
}
h1 a, h1 a:hover {
	color:#e4e5e5;
	text-decoration:none;
}
h1 span {
	color:#02c7fe;
}
h1 small {
	letter-spacing:normal;
	padding-left:8px;
	color:#e0e1e1;
    font-size:0.5em;
}

h2 {
	/*font:normal 24px/1.5em Arial, Helvetica, sans-serif;*/
	/*padding:8px 0;
	margin:8px 0;*/
    
	color:#595959;
	font-size:1.1em;
}

h2 small {
	letter-spacing:normal;
	padding-left:15px;
	color:#e0e1e1;
    font-size:0.9em;
}


p {
	margin:8px 0;
	padding:0 0 8px 0;
    font-size: 1.0em;
    line-height:normal;
	/*font:normal 12px/1.8em Arial, Helvetica, sans-serif;*/
}
a {
	color:#00c6ff;
	text-decoration:underline;
}


.header, .content, .menu_nav, .fbg, .footer, form, ol, ol li, ul, .content .mainbar, .content .sidebar {
	margin:0;
	padding:0;
}

.title {
	/*font:normal 24px/1.5em Arial, Helvetica, sans-serif;*/
	padding:12px 0px 8px 0px;
	margin:8px 0;
	color:#595959;
	font-size:1.3em;
	font-weight:600;
    text-decoration: none;
}

.titleCategory {
	/*font:normal 24px/1.5em Arial, Helvetica, sans-serif;*/
	padding:10px 0px 8px 15px;
	margin:4px 0;
	/*color:#595959;*/
    color:#808080;
	font-size:1.4em;
	font-weight:500;
}

.menu_top{
background-color:#D7D7D7; 
height:2em;
font:  12px Verdana;
text-align:left;
/*width:960px;*/
/*min-width:730px;*/

/*float:left;*/
}
.menu_top a
{
    text-align:left;
    color:#0067b2;
    text-decoration: none;
    
}

.header {
}
.header_resize {
	margin:0 auto;
	padding:0;
	/*width:970px;*/
    
}
img.hbg_img {
	margin:0 0 8px;
	padding:11px;
	background-color:#fff;
	border-bottom:2px solid #e7e7e7;
}


/*.menu_nav {
	margin:0 auto;
	padding:0;
	width:930px;
	height:45px;
	background:url(../images/menu.gif) repeat-x center top;
    
}
.menu_nav ul {
	list-style:none;
	height:48px;
	float:left;
}
.menu_nav ul li {
	margin:0;
	padding:0 2px 0 0;
	float:left;
}
.menu_nav ul li a {
	display:block;
	margin:0;
	padding:13px 24px;
	color:#888;
	text-decoration:none;
	font-size:0.96em;
}
.menu_nav ul li.active a, .menu_nav ul li a:hover {
	color:#fff;
	background-color:#2b5c94;
}*/

.content {

}
.content_resize {
	margin:0 auto;
	padding:0 0 24px;
	/*width:970px;*/
    /*width:980px;*/
	background-color:#fff;
	border:2px solid #e7e7e7;
	border-top:none;
}
.content .mainbar {
	margin:0;
	padding:0;
    padding-right:10px;
	/*float:left;*/
	/*width:670px;*/
    /*width:648px;*/
    
    
}
.content .mainbar img {
	border:1px solid #d8dbdc;
	padding:4px;
}
.content .mainbar img.fl {
	margin:4px 16px 4px 0;
	float:left;
}
.content .mainbar .article {
	margin:0 0 12px;
	padding:8px 12px 5px 12px;
}
.content .sidebar {
	padding:0;
    padding-right:10px;
    padding-left:8px;

}


.content .sidebar .gadget {
	margin:0 0 12px;
	padding:8px 0px 8px 8px;
    
}
ul.sb_menu, ul.ex_menu {
	margin:0;
	padding:0 0 0 16px;
	list-style:none;
    color:#595959;
    font-size:0.9em;
	/*color:#959595;*/
}

ul.sb_menu{
    color:#595959;
    font-size:0.95em;
    font-family:Verdana;
}

ul.sb_menu li, ul.ex_menu li {
	margin:0;
}
ul.sb_menu li {
	padding:4px 0;
	width:100%;
    
}
ul.ex_menu li {
	padding:4px 0;
}
ul.sb_menu li a, ul.ex_menu li a {
	/*color:#959595;*/
    color:#595959;
	text-decoration:none;
	margin-left:-12px;
	padding:4px 0px 4px 14px;
	background:url(../images/li.gif) no-repeat left center;
}
ul.sb_menu li a:hover, ul.ex_menu li a:hover {
	color:#00c6ff;
	/*font-weight:bold;*/
	text-decoration:none;
}
.content p.pages {
	padding:32px 24px 12px;
	font-size:11px;
	color:#959595;
	text-align:right;
}
.content p.pages span, .content p.pages a:hover {
	padding:5px 10px;
	color:#fff;
	background-color:#00c6ff;
	border:1px solid #00c6ff;
}
.content p.pages a {
	padding:5px 10px;
	color:#959595;
	background-color:#fff;
	border:1px solid #edebeb;
	text-decoration:none;
}
.content p.pages small {
	font-size:11px;
	float:left;
}
.content .mainbar .comment {
	margin:0;
	padding:16px 0 0 0;
}
.content .mainbar .comment img.userpic {
	border:1px solid #dedede;
	margin:10px 16px 0 0;
	padding:0;
	float:left;
}
.fbg {
	padding-top:12px;
}
.fbg_resize {
	margin:0 auto;
	width:922px;
	padding:12px 24px;
	border:2px solid #e7e7e7;
	background-color:#fff;
}
.fbg .c2 a, .fbg .c3 a {
	margin:0;
	padding:2px 4px;
	text-decoration:underline;
}
.fbg h2 {
}
.fbg img {
	margin:0 16px 16px 0;
	padding:3px;
	background-color:#fff;
	border:1px solid #99bece;
}
.fbg .col {
	margin:0;
	float:left;
}
.fbg .c1 {
	padding:0 16px 0 0;
	width:266px;
}
.fbg .c2 {
	padding:0 16px;
	width:300px;
}
.fbg .c3 {
	padding:0 0 0 16px;
	width:260px;
}
.link_footer {
    /*background:#f5f5f5 url(../images/footer_bg.gif) repeat center bottom;*/
font-size: 0.85em; 
text-align: center;
padding-top: 5px; 
/*width:982px;*/ 
clear:both; 
margin:0 auto;
        
}

.footer {
    /*background:#f5f5f5 url(../images/footer_bg.gif) repeat center bottom;*/
     background:#E5E5E5;
     text-align:center;
     font-size:0.85em;
     line-height:normal;
     /*width:982px;*/ 
     padding-top:5px;
     clear:both; 
     margin:0 auto;
        
}
/*.footer_resize {
	margin:0 auto;
	padding:10px 24px;
	width:922px;
}*/
.footer p {
	margin:0;
	padding:4px 0;
	line-height:normal;
}
.footer a {
	/*color:#959595;*/
	padding:inherit;
	text-decoration:none;
}
.footer a:hover {
	text-decoration:none;
}
.footer .lf {
	float:left;
}
.footer .rf {
	float:right;
}


.bg { 
	clear:both; 
	border-top:1px solid #CCCCCC;
	padding:0; 
	margin:5px 0; 
	background:none; 
}

/********** comment form **********/
#contactform { 
	margin:0; 
	padding:5px 10px; 
}
#contactform * { 
	color:#222222; 
}
#contactform ol { 
	margin:0; 
	padding:0; 
	list-style:none; 
}
#contactform li { 
	margin:0; 
	padding:0; 
	background:none; 
	border:none; 
	display:block; 
}
#contactform li.buttons { 
	margin:5px 0 5px 0; 
}
#contactform label { 
	margin:0; 
	width:110px; 
	display:block; 
	padding:5px 0; 
	font:bold 12px Georgia, "Times New Roman", Times, serif; 
	color:#656565; 
	text-transform:capitalize; 
}
#contactform label span { 
	font:normal 11px Arial, Helvetica, sans-serif; 
}
#contactform input.text { 
	width:360px; 
	border:1px solid #dcdcdc; 
	margin:5px 0; 
	padding:5px 2px; 
	height:1.8em;
	background:#f5f5f5; 
}
#contactform textarea { 
	width:360px; 
	border:1px solid #dcdcdc; 
	margin:10px 0; 
	padding:2px; 
	background:#f5f5f5; 
}
#contactform li.buttons input { 
	padding:3px 0; 
	margin:0; 
	border:0; 
	color:#FFFFEC; 
}
p.response { 
	text-align:center; 
	color:#2c2c2c; 
	font: bold 11px Arial, Helvetica, sans-serif; 
	line-height:1.8em; 
	width:auto; 
}

hr { 
/*border: 0;
height: 1px;
background-image: linear-gradient(to right, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.75), rgba(0, 0, 0, 0));*/
/*border: 0;
height: 0;
border-top: 1px solid rgba(0, 0, 0, 0.1);
border-bottom: 1px solid rgba(255, 255, 255, 0.3);*/

border: 0;
border-bottom: 1px dashed #ccc;
background: #999;
} 

.contactlabel{margin-left:30px;}
.tsc_form_contact_light { margin:0px; text-align: left; }
.tsc_form_contact_light .form-input { display: block; width: 400px; height: 1.8em; padding: 6px 10px; margin-bottom: 10px; margin-left:30px; font: 14px Calibri, Helvetica, Arial, sans-serif; color: #333; background: #fff; border: 1px solid #ccc; outline: none; -moz-border-radius:    8px; -webkit-border-radius: 8px; border-radius:         8px; -moz-box-shadow:    inset 0 0 1px rgba(0, 0, 0, 0.3), 0 1px 0 rgba(255, 255, 255, 0.5); -webkit-box-shadow: inset 0 0 1px rgba(0, 0, 0, 0.3), 0 1px 0 rgba(255, 255, 255, 0.5); box-shadow:         inset 0 0 1px rgba(0, 0, 0, 0.3), 0 1px 0 rgba(255, 255, 255, 0.5); -moz-background-clip:    padding; -webkit-background-clip: padding-box; background-clip:         padding-box; -moz-transition:    all 0.4s ease-in-out; -webkit-transition: all 0.4s ease-in-out; -o-transition:      all 0.4s ease-in-out; -ms-transition:     all 0.4s ease-in-out; transition:         all 0.4s ease-in-out; behavior: url(PIE.htc); }
.tsc_form_contact_light textarea.form-input { width: 400px; height: 80px; overflow: auto; }
.tsc_form_contact_light .form-btn { margin-top:15px; margin-left:30px;  padding: 0px 15px; height: 30px; font: bold 12px Calibri, Helvetica, Arial, sans-serif; text-align: center; color: #fff; text-shadow: 0 1px 0 rgba(0, 0, 0, 0.5); cursor: pointer; border: 1px solid #1972c4; outline: none; position: relative; background-color: #1d83e2; background-image: -webkit-gradient(linear, left top, left bottom, from(#77b5ee), to(#1972c4)); /* Saf4+, Chrome */ background-image: -webkit-linear-gradient(top, #77b5ee, #1972c4); /* Chrome 10+, Saf5.1+, iOS 5+ */ background-image:    -moz-linear-gradient(top, #77b5ee, #1972c4); /* FF3.6 */ background-image:     -ms-linear-gradient(top, #77b5ee, #1972c4); /* IE10 */ background-image:      -o-linear-gradient(top, #77b5ee, #1972c4); /* Opera 11.10+ */ background-image:         linear-gradient(top, #77b5ee, #1972c4); -pie-background:          linear-gradient(top, #77b5ee, #1972c4); /* IE6-IE9 */ -moz-border-radius:    16px; -webkit-border-radius: 16px; border-radius:         16px; -moz-box-shadow:    inset 0 1px 0 rgba(255, 255, 255, 0.3), 0 1px 2px rgba(0, 0, 0, 0.5); -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.3), 0 1px 2px rgba(0, 0, 0, 0.5); box-shadow:         inset 0 1px 0 rgba(255, 255, 255, 0.3), 0 1px 2px rgba(0, 0, 0, 0.5); -moz-background-clip:    padding; -webkit-background-clip: padding-box; background-clip:         padding-box; behavior: url(PIE.htc); }
.tsc_form_contact_light .form-btn:active { border: 1px solid #77b5ee; background-color: #1972c4; background-image: -webkit-gradient(linear, left top, left bottom, from(#1972c4), to(#77b5ee)); /* Saf4+, Chrome */ background-image: -webkit-linear-gradient(top, #1972c4, #77b5ee); /* Chrome 10+, Saf5.1+, iOS 5+ */ background-image:    -moz-linear-gradient(top, #1972c4, #77b5ee); /* FF3.6 */ background-image:     -ms-linear-gradient(top, #1972c4, #77b5ee); /* IE10 */ background-image:      -o-linear-gradient(top, #1972c4, #77b5ee); /* Opera 11.10+ */ background-image:         linear-gradient(top, #1972c4, #77b5ee); -pie-background:          linear-gradient(top, #1972c4, #77b5ee); /* IE6-IE9 */ -moz-box-shadow:    inset 0 0 5px rgba(0, 0, 0, 0.5), 0 1px 0 rgba(255, 255, 255, 0.5); -webkit-box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.5), 0 1px 0 rgba(255, 255, 255, 0.5); box-shadow:         inset 0 0 5px rgba(0, 0, 0, 0.5), 0 1px 0 rgba(255, 255, 255, 0.5); }


.img_blog
{
    margin:3px 4px 4px 4px;float:left;
}

.img_blog_detail
{
    margin:3px 4px 4px 4px;
}

.articles  a:hover {
	color:#00c6ff;
	text-decoration:none;
}
