/*   
Theme Name:topix
Theme URI:
Description: Design by Hai Nam
Author:techwoo
Author URI:http://www.techwoo.com
Version:1.0
Tags: black, white, three-columns, fixed-width, theme-options, threaded-comments, translation-ready
*/

body {
	margin:0px;
	padding: 0px;
	background: #fff;
	color: #333;
	font-family: Arial;
	font-size: 12px;
}
h1, h2, h3, h4, ul, li {
	padding: 0px;
	margin: 0px;
}
a {
	text-decoration: none;
	color:#164C97;
}
a:hover, a:visited:hover {
	text-decoration: underline;
}
img {
	-ms-interpolation-mode: bicubic;
	border: 0px;
}
.small, .sm {
	font-size: 11px;
}
.center {
	text-align: center;
}
.bold {
	font-weight: bold;
}
.nowrap {
	white-space: nowrap;
}
.red, .error {
	color: #c00;
}
.blue {
	color: #06c;
}
.bogoc5 {
}
.bogoc4 {
}
.bgreen {
	border: 1px #99cc00 solid;
}
.green {
	color: #fff;
	background: url('./images/icon_mini_forum.gif') no-repeat 5px 6px;
}
.box h2 a {
	color: #fff;
}
.box h2 a:hover {
	color: #fff;
	text-decoration: none;
}
.color0 {
	background-color: #739912;
}
.color1 {
	background-color: #333333;
}
.color2 {
	background-color: #660099;
}
.bcolor2 {
	border:1px  #660099 solid;
	padding:5px;
}

.color3 {
	background-color: #0066cc;
}
.color4 {
	background-color: #669900;
}
.color5 {
	background-color: #996601;
}
.italic {
	font-style: italic;
}
.clearall {
	clear: both;
}
.fleft {
	float: left;
}
.fright {
	float: right;
}
.wrapper {
	margin: 0 auto;
	width: 980px;
}
.header_wrap {
	margin-left: auto;
	margin-right: auto;
	padding: 10px 0 12px;
	background-color: #fff;
	border-bottom: 5px solid #ff6600;
	border-top: none;
}
.googlesearch {
	width: 310px;
	float: right;
}
.inputsearch {
	vertical-align: top;
}
.logo {
	float: left;
	text-align: left;
	width: 600px;
}
.logo h1 a:visited, .logo h1 a {
	font-size: 20px;
	font-family: Verdana;
	color: #333;
}
.logo h2 {
	font-size: 12px;
	color: #333;
	font-family: Verdana;
}
.topads {
	padding: 0px;
}
.topaff {
	width: 210px;
	float: left;
	border-right: 1px #ccc solid;
}
.googletopad {
	width: 728px;
	float: right;
	text-align: right;
}
.menu {
	background: #333333;
}
.menu ul {
	/* all lists */
	padding: 0;
	margin: 0;
	list-style: none;
}
.menu li {
	/* all list items */
	float: left;
	position: relative;
}
.menu li a {
	color: #bbb;
	text-transform: uppercase;
	font-size: 12px;
	display: block;
	padding: 6px 10px;
	border-right: 1px #bbb solid;
	font-weight: bold;
	font-size: 11px;
}
.current-cat a{
	text-decoration: none;
	color: #fff!important;;
	background: #ff6000 url('./images/dot_selected.gif') no-repeat center top;
}

.menu li a:hover {
	text-decoration: none;
	color: #fff;
	background: #333 url('./images/menu-dot.gif') no-repeat center top;
}
.menu li ul {
	/* second-level lists */
	display: none;
	position: absolute;
	top: 1em;
	width: 180px;
	border-top: 1px #bbb solid;
	left: 0;
}
.menu li ul li {
	float: none;
}
.menu li ul li a {
	float: none;
	font-size: 12px;
	display: block;
	padding: 4px 0px 4px 10px;
	border-left: 1px #bbb solid;
	border-right: 1px #bbb solid;
	border-bottom: 1px #bbb solid;
	text-align: left;
	text-transform: none;
	background: #333;
}
.menu li ul li a:hover {
	background: #555;
	color: #fff;
}
.menu li > ul {
	/* to override top and left in browsers other than IE, which will position to the top right of the containing li, rather than bottom left */
	top: auto;
	left: auto;
}
.menu li:hover ul, li.over ul {
	/* lists nested under hovered list items */
	display: block;
}
.mainbody {
	margin-top: 10px;
}
.box {
	width: 470px;
}
.box h2 {
	font-size: 12px;
	padding: 5px 0px 5px 20px;
	text-align: left;
	text-transform: uppercase;
}
.box ul {
	list-style-type: none;
}
.box ul li {
	padding: 10px 5px 10px 5px;
	border-bottom: 1px #ddd solid;
}
.box ul li:hover {
	background: #f4f4f4;
}
.box ul li a {
	color: #164C97;
	font-weight: bold;
}
.timg {
	float: left;
	margin-right: 10px;
}
.timg img {
	width: 30px;
	height: 30px;
	border: 1px #f4f4f4 solid;
}
.bcategory a {
	float: right;
	background: #ff6600;
	padding: 1px 5px;
	font-size: 11px;
	color: #fff!important;
}
.bcategory a:hover {
	background: #739912;
	text-decoration: none;
}
.bblack {
	background: #333;
}
.lmenu {
	float: left;
	width: 180px;
}
.lmenu h2 {
	background: #739912;
	font-size: 12px;
	padding: 5px 10px;
	color: #fff;
}
.ads_300x250 {
	padding: 5px;
	border: 1px #ccc solid;
}
.menuright h2 {
	font-size: 12px;
	padding: 5px 10px;
	margin-top: 10px;
	color: #fff;
}
.homepage {
	border-top: 1px #333 solid;
	margin-top: 10px;
}
.homepage ul {
	list-style-type: none;
}
.homepage ul li {
	border-bottom: 1px #ccc dotted;
	background: #fff!important;
}
.homeimg {
	float: right;
}
.homepage h3 {
	margin-bottom: 5px;
}
.homepage h3 a {
	color: #164C97;
	font-size: 13px;
}
.homecomment {
	margin-top: 5px;
}
.homecomment a {
	color: #739912!important;
	font-size: 14px;
	font-weight: bold;
}
.homerelated {
	margin-top: 5px;
}
.homerelated span {
	color: #666666;
	font-size: 11px;
}
.homerelated a {
	font-weight: normal!important;
	font-size: 11px;
}
.menuright {
	width: 310px;
	float: right;
	margin-left: 5px;
}
.lmenu ul {
	list-style-type: none;
	margin-bottom: 10px;
}
.lmenu ul li a {
	color: #fff;
	padding: 3px 0px 2px 10px;
	display: block;
	border-bottom: 1px #ccc solid;
	background: #739912;
	font-weight: bold;
}
.lmenu ul li .selected {
	border-right: 3px #ff6600 solid;
	color: #000;
	text-decoration: none;
}
.lmenu ul li a:hover {
	color: #000;
	text-decoration: none;
}
.lmenu ul li ul {
	border: none;
	margin-bottom: 0px;
}
.lmenu ul li ul li a {
	text-decoration: none;
	background: #333;
	color: #fff;
	display: block;
	border-bottom: 1px #d2d2d2 solid;
	padding-left: 15px;
	font-size: 11px;
}
.lmenu ul li ul li a:hover {
	border-left: 3px #ff6600 solid;
	color: #fff;
}

/* post */
.post #breadcrumbs{
	background:#739912;
	color:#fff;
	padding:5px;
	font-weight:bold;
	margin:0px;
}
.post #breadcrumbs a{
	color:#fff;
	font-weight:bold;
}
.post h2{
	background-color:#E1EFF4;
	padding:5px;
	font-size:12px;
	color:#ff6600;
}

.left10{
	font-weight:bold;
	width:100px;
}
.line1{
	background-color:#E1EFF4;
}
.information table{
	width:100%;
}
.information table table td{
	padding:3px;
}
.postad{
	padding:10px 0px;
}

.sociable{
	border:1px #ddd solid;
	padding:7px 5px 5px 5px;
}

.singleleft{
	width:660px;
	float:left;

}
.st-related-posts{
	list-style-type: none;
	border:1px #333 solid;
	padding:5px;
}
.st-related-posts li{
	border-bottom:1px #ccc dotted;
	padding:5px 0px;
}
.st-related-posts li img{
	width:30px;
	height:30px;
	float:left;
	border:1px #ccc solid;
	padding:1px;
	margin:0px 5px 5px 0px;
}
.st-related-posts li img:hover{
	border:1px #739912 solid;
}
.st-related-posts li a{
	color:#164C97;
	text-decoration:none;
	font-weight:bold;
	padding-bottom:5px;
}
.st-related-posts li a:hover{
	text-decoration:underline;
}
.more_detail_related{
	font-weight:normal;
	color:#333;
	clear:both;
}

.viewed_posts{
	list-style-type:none;
	border:1px #0066CC solid;
	padding:5px;
}
.viewed_posts li{
}
.viewed_posts li a{
	border-bottom:1px #ccc solid;
	display:block;
	padding:3px 0px 2px 10px;
	background:transparent url('images/dot2.gif') no-repeat 3px 8px;
}
.viewed_posts li a:hover{
	background:#eee url('images/dot2.gif') no-repeat 3px 8px;
	text-decoration:none;
}
.post_content{
	border-top:1px #ccc solid;
	padding:5px;
	margin:5px 0px;
}
.chitika{
	margin:5px 0px
}
.download a{
	display:block;
	color:#89b63b;
	font-size:16px;
	font-weight:bold;
	background:transparent url('images/download.jpg') no-repeat 3px 0px;
	padding:15px 0px 10px 30px;
}
.img_category{
	width:70px;
	float:left;
	margin:5px;
	border:1px #ccc solid;
	padding:1px;
}
.archive_contents{
	border:1px #ececec solid;
	padding:5px;
	background:transparent url("images/boxbg.jpg") repeat-x;
	margin-bottom:10px;
}
.archive_contents h2{
	margin-bottom:5px;
	padding-left:5px;
}
.archive_contents h2 a{
	font-size:16px;
}
.archive_meta {
	border-bottom:1px #ccc solid;
	padding-bottom:1px;
	padding-left:5px;
	list-style:none;
}

.archive_meta li{
	float:left;
}


#comments_wrapper{
	padding:10px 4px;
}
#comments_wrapper h3{
	background-color:#000;
	padding:5px;
	color:#fff;
}


/* begin css for comments box */
.comments-box {
	zoom: 1;
}

.comments-box img {
	vertical-align: middle;
}

.comments-box h3 {
	color: #222;
	font-size: 1.7em;
	font-family: arial;
	font-weight: normal;
	letter-spacing: -1px;
	margin: 20px 0 0 0;
}

#respond p, .cancel-comment-reply {
	color: #777;
	line-height: 1.4em;
	margin: 10px 0 0 0;
}

.text {
	border-top: 1px solid #ddd;
	border-left: 1px solid #ddd;
	border-right: 1px solid #eee;
	border-bottom: 1px solid #eee;
	padding: 2px;
	color: #777;
	width: 200px;
}

#respond textarea {
	border-top: 1px solid #ddd;
	border-left: 1px solid #ddd;
	border-right: 1px solid #eee;
	border-bottom: 1px solid #eee;
	padding: 2px;
	color: #777;
	width: 90%; /* width of commenting area */
}

.submit {
	padding: 2px;
	cursor: pointer;
	font-weight: bold;
	border: 1px solid #c9d8da;
	background: #297eb9;
	color: #fff;
}

.submit:hover {
	border: 1px solid #ccc;
	background: #fff;
	color: #555;
}

/* other commenting styles */
.commentnav {
	display: block;
}

.commentnav a {
	padding: 4px;
	font-size: 1.2em;
	border: 1px solid #ddd;
	color: #999;
}

.commentnav a:hover {
	border: 1px solid #bbb;
	color: #ff8a00;
}

.commentnavleft {
	float: left;
	display: inline;
}

.commentnavright {
	float: right;
	display: inline;
}

.commentnavleft a {
	float: left;
	display: block;
	margin: 15px 0 15px 0;
}

.commentnavright a {
	float: right;
	display: block;
	margin: 15px 0 15px 0;
}

/* end */
/* framework for comments */

ol.commentlist {
	margin:0;
	padding:0;
	}

.commentlist li {
	list-style:none;
	margin-bottom:5px;
	}

.commentlist .cite {
	padding: 7px;
	font-style:normal;
	background:url('images/bg_comments2_cite.gif');
	border-top:1px solid #d6e4c1;
	border-bottom:1px solid #779d42;
	color:#596e3b;
	}	

.commentlist a:link, .commentlist a:visited {
	color:#596e3b;
	}

.commentlist a:hover, .commentlist a:active {
	color:#8ec343;
	}

.commentlist .cite img {
	padding:1px;
	border:1px solid #aab59a;
	float:left;
	margin-right:9px;
	}

.commentlist .author {
	text-decoration:underline;
}

.commentlist .time {
	background: url('images/bg_clock.gif') no-repeat 1px;
	padding-left:13px;
	}

.commenttext {
	padding: 0 5px 5px 45px;
	color:#333;
	font-size:12px;
	}
.commenttext img{
	max-width:500px;
}

#headline p{
	background:#000;
	color:#fff;
	padding:5px;
}
.footer{
	margin-top:20px;
	border-top:1px #ccc solid;
	padding:10px 0;
	font-size:12px;
	text-align:right;
}

.post h3{
	margin-top:20px;
	border-top:1px #ccc solid;
	color:#fff;
	background-color:#739912;
	padding:5px 10px;
	font-size:12px;
}
.post h3 a{
	color:#fff;
	font-size:12px;
}
.post .st-related-posts{
	border:1px #f41664 solid;
	padding:5px 10px;;
	text-align:left;
}
#headline p{
	font-weight:bold;
}