/*
	Theme Name: Themes Preview 200906
	Theme URI: http://www.themespreview.com
	Description: Simple, nice.
	Version: 1.2
	Author: ThemesPreview.com
	Author URI: http://www.themespreview.com/
	Tags: green, fixed width, two columns, widget ready
*/
/***** general *****/
.contactform .contacterror{
	border:1px red solid;
}
a.pop:hover {
	background: #ffffff;
	text-decoration: none;
}
a.pop span{display:none;}
a.pop:hover span{
	display: block;
  	width: 530px;
  	padding: 5px; 
   margin: -2px 5px 5px 5px; 
   color: #000000; 
   background: #f8f8f8;
   border:2px #d8d8d8 solid;
   font: 12px Verdana, sans-serif; 
}
body {
	margin:0px auto;
	font-size: 12px;
	font-family: Verdana, Arial, Helvetica, Sans-Serif;
	background: #98A3A4 url('images/bg_top.jpg') repeat-x;
	color:#000000;
	line-height:1.5em;
}
img {
	border:0px;
	padding:0px;
	max-width: 100%; /* not working in IE6*/
}
a {color:#1f4008;text-decoration: underline;}
a:hover {color: #4b8323;text-decoration: none;}

h1 {font-size:30px;}
h2 {font-size:26px;}
h3 {font-size:21px;}
h4 {font-size:17px;}
h5 {font-size:14px;}
h6 {font-size:12px;}

p {margin: 0px 0px 12px 0px;}
hr {height:1px;border:none;border-top:1px dashed #73943B; width:100%;}

blockquote {
	clear: left;
	text-align: justify;
	padding: 0px 0px 0px 10px;
	margin: 20px 20px 10px 20px;
	border-left: 2px solid #73943B;
}
input {
	margin-bottom:5px;
	vertical-align: middle;
	font-family: Verdana, Arial, Helvetica, Sans-Serif;
	font-size: 12px;
}
textarea{
	font-size: 12px;
	font-family: Verdana, Arial, Helvetica, Sans-Serif;
}
select{
	font-family: Verdana, Arial, Helvetica, Sans-Serif;
	font-size: 12px;
}
code{
	font: 1.1em 'Courier New', Courier, Fixed;
}
pre {
	overflow: auto;
	margin:5px auto 5px auto;
	background: #ffffff; 
	border: 1px #cccccc solid; 
	width: 93%;
	padding: 15px 10px 15px 10px;
}
.alignleft {float: left;}
.alignright {float: right;}
.aligncenter,div.aligncenter{
	display: block;
   margin-left: auto;
   margin-right: auto;
}
img.alignleft {
	padding: 5px;
	margin: 0 7px 2px 0;
	display: inline;
}

img.alignright {
	padding: 5px;
	margin: 0 0 2px 7px;
	display: inline;
}
img.centered {
	display: block;
	margin-left: auto;
	margin-right: auto;
}
.clear {clear:both;}
.spacer{height:32px;}

/***** layout *****/
#base0{
	background:url('images/bg_btm.jpg') repeat-x bottom;
}
#base_btm{
	background:url('images/bg_base_btm.jpg') repeat-x bottom;
}
#base{
	position:relative;
	width:980px;
	margin:0px auto;
	background:#f3f3f3 url('images/bg_base_top.jpg') repeat-x top;
}
#menu{
	position:relative;
	height:25px;
	margin:0px;
	padding:0 10px 0 10px;
}

#header{
	position:relative;
	width: 980px;
	height: 113px;
	background:url('images/bg_header.jpg') no-repeat;
}

#container{
	position:relative;
	width:980px;
	/*overflow:hidden;*/
	margin:0px;
	border:0px red solid;
}
#content{ 
	float:left;
	display:inline; 
	overflow:hidden;
	width:615px;
	margin:0px 0px 30px 0px;
	padding: 0px 0px 0px 0px;
	border:0px red solid;
	background:;
}
#sidebar{ 
	float:right;
	display:inline; 
	line-height:1.4em;
	/*overflow:hidden;*/
	width: 365px;
	margin:0px 0 30px 0;
	padding: 0px 0px 0px 0px;
	color:#000000;
	font-size:11px;
	font-family:Verdana,Arial;
	border:0px red solid;
	background:url('images/bg_sb.png') repeat-y top;
}
#sidebar_btm{
	height:40px;
	width:365px;
	padding:20px 0 0 0;
	background:url('images/bg_sb_btm.jpg') no-repeat bottom;
}
#footer {
	position:relative;
	clear:both;
	width:700px;
	height:80px;/*113*/
	margin:0px;
	color: #ffffff;
	font-size: 11px;
	padding: 33px 25px 0 255px;
	background:url('images/bg_footer.jpg') no-repeat;
}
#footer a{
	color:#ffffff;
	text-decoration:none;
}
#footer a:hover{
	text-decoration:underline;
}

/***** header *****/
#header img.home {
	position: absolute;
	margin:0px;
	padding:0px;
	left: 20px;
	top: 29px;
	width:420px;
	height:50px;
}

/** Menu **/
#menu ul {
	float:right;
	height: 25px;
	margin:0px;
	padding:0px;
}
#menu ul li {
	float: left;
	display:inline;
	font-size: 10px;
	margin-right:0px;
}

#menu ul li a {
	float: left;
	display: block;
	color:#D8E3E4;
	font-weight:bold;
	line-height: 25px;
	text-decoration:none;
	margin:0 0px;
	padding:0 9px 0 7px;
	background:url('images/bg_menu_sep.jpg') no-repeat right;
	
}

#menu ul li a:hover, #menu ul li.current_menu a{
	color:#000000;
}
#menu ul li.page_item_last a{
	background:none;
}

/********** sidebar **********/
#sidebar .sb_head{
	clear:both; /*can't put position: relative*/
	width:315px;/*365*/
	height:34px;/*44*/
	padding:10px 25px 0 25px;
	color:#ffffff;
	font-weight:bold;
	background:url('images/bg_sb_head.jpg') no-repeat;
}
#sidebar .sb_head_search{
	/*can't put position: relative*/
	clear:both;
	width:365px;
	height:52px;
	background:url('images/bg_sb_head_search.jpg') no-repeat;
}
#sidebar .sb_inner{
	margin:-11px 14px 0px 12px;
	overflow:hidden;
	padding:5px 0 5px 0;
	/*width:339px;*/
}
#sidebar .sb_indent{
	padding:5px 15px 10px 15px;
}
#sidebar .alt_bg{
	background:#2F3739;
}


/***************************************************************/
#sidebar a{color:#000000;}
#sidebar a{color:#444444;text-decoration:none;}
#sidebar a:hover {color:#000000;text-decoration:underline;}

.sidebar_left{
	float:left;
	display:inline;
	overflow:hidden;
	width:160px;
	margin:0 0 5px 6px;
	border-bottom:0px red solid;
}

.sidebar_right{
	float:right;
	display:inline;
	overflow:hidden;
	width:160px;
	margin:0 6px 5px 0;
	border-bottom:0px green solid;
}


#sidebar ul {
	list-style-type: none;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	
}
#sidebar ul li{
	list-style-type: none;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 5px 12px;
	background:url('images/icon_arrow1.gif') no-repeat 0px 5px;
}
	
#sidebar ul.catlist li{
	line-height: 1.6em;
	font-size:11px;
	list-style-type: none;
	color: #666666;
	padding: 0px 0px 5px 5px;
	margin:0;
	background:none;
}

#sidebar ul.catlist li.btn{
	padding:0px;
	margin:0px 0 0 10px;
	background:none;
}
#sidebar ul.catlist.catcount{
	font-size:9px;
}
#sidebar ul.catlist.catinput{
	margin:0px;	
	padding:0px;
}
#sidebar ul.catlist li.btn input{
	font-family:Verdana,Arial;
	font-size:11px;
}
/***** sidebar rss *****/
#sidebar .rss{
	position:relative;
	width:339px;
	height:55px;
	background:url('images/bg_sb_rss.jpg') no-repeat;
	margin:-28px 14px 11px 12px;
}
#sidebar .rss:hover{
	background:url('images/bg_sb_rss.jpg') no-repeat 0 -55px;
}
#sidebar .rss a.feed{
	position:absolute;
	display:block;
	left:70px;
	top:5px;
	width:68px;
	height:45px;
}
#sidebar .rss input.email{
	position:absolute;
	top:25px;
	left:140px;
	border:none;
	width:158px;
	height:15px;
	font-size:11px;
	color:#D8E3E4;
	border:none;
	background:transparent;
}

/***** sidebar search *****/
#mainsearchform {
	position:absolute;
	right:44px;
	top:10px;
	width:168px;
	height:20px;
	background:transparent;
}

#mainsearchform .input {
	position:absolute;
	top:0px;
	left:0px;
	width:158px;
	height:17px;
	padding:5px 5px 0px 5px;
	margin:0 0 0 0;
	font-size:11px;
	font-family: Arial, Verdana, Helvetica;
	font-weight:bold;
	color:#666666; 
	border:none;
	background:transparent;
}

#searchcat{
	margin:0px;
	padding:0px;
}

/*************Tabs**************************************/
#sidebar .tabs {
	overflow: hidden;
	margin: 0px 2px 0 2px;
	width: 335px;
	height: 26px;
}
#sidebar .tabs li {
	float: left;
	display: inline;
	margin-right:2px;
	text-align: center;
	overflow: hidden;
	font-size: 11px;
	background:none;
	padding:0;
}

#sidebar .tabs li a {
	float: left;
	display: block;
	font-weight: bold;
	padding-left: 11px;
	padding-right: 10px;
	line-height: 26px;
	height: 26px;
	color:#000000;
	background: #BDCACC;
}

#sidebar .tabs li a:hover {
	display: block;
	background:#E4E4E4;
}

#sidebar .tabs li a.selected {
	display: block;
	background:#E4E4E4;
	color: #5E6D6F;
}

#sidebar .tabs li a.selected:hover {
	display: block;
	color: #000000;
}
/***************** CSS For TAB Content *******************/
#sidebar .tabcontent {
	display: none;
	padding:8px 5px 5px 5px;
	overflow: hidden;
	font-size: 11px;
	margin:0 10px 0 10px;
}

#sidebar .tabcontent ul li {
	display: block;
	/*background:url('images/icon_arrow1.gif') no-repeat 0px 5px;*/
	padding:0px 0px 5px 12px;
	margin-bottom: 5px;
	line-height: 1.4em;
	font-size: 11px
}

#sidebar .tabcontent ul li span {
	font-size:10px;
	display: block;
	color: #999;
}

/*** content ***/
.post{
	overflow:hidden;
	position:relative;
	border:1px #BBBBBB solid;
	width:588px; /*615-border 2-8-17*/
	margin:0 8px 8px 17px;
}
.post_2{
	padding:0 10px 0 10px;
	border:2px #ffffff solid;
	background:#ffffff url('images/bg_post.jpg') no-repeat top center;
}
.title{
	position:relative;
	width:100%;
	font-size:18px;
	font-family:Verdana,Arial;
	font-weight:bold;
	margin:0;
	padding:0px 0 10px 0;
}


.title a{
	color:#3F494B;
	text-decoration:none;
}
.title a:hover{
	text-decoration:underline;

}

.entry {
	clear:both;
	position:relative;
	border: 0px green solid;
}

.date{
	position:relative;
	text-align:right;
	width:540px;
	height:10px;
	font-size:10px;
	color:#999999;
	font-weight:normal;
	margin:0;
	padding:0;
}

.info {
	line-height: 1.6em;
	font-size: 10px;
	text-align: left;
	margin: 0px 0px 8px 0px;
	padding: 8px 0px 0px 0px;
	border-top: 1px dotted #999999;
}
.info a {
	text-decoration:none;
}
.tags {
	font-size: 10px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 4px 20px;
	background: url('images/tags.jpg') no-repeat top left transparent;
}

.bubble {
	font-size: 10px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 4px 20px;
	background: url('images/bubble.jpg') no-repeat top left transparent;
}
.sorry {
	font-size: 11px;
	font-style: italic;
	margin: 8px 0px 0px 0px;
	padding: 3px 0px 3px 0px;
	border-top: 1px solid #666666;
	border-bottom: 1px solid #666666;
}
img.nav_previous{
	position:absolute;
	top:5px;
	left:533px;
	height:26px;
}
img.nav_next{
	position:absolute;
	top:5px;
	left:580px;
	height:26px;
}

/**** comments ****/
#postmetadata {
	font-size: 12px;
	margin: 10px 8px 20px 17px;
	border: 1px solid #d8d8d8;
	background:#EFEFEF;
}
#postmetadata2{
	border:1px #EFEFEF solid;
	padding: 5px 15px 5px 15px;
	background:#E4E4E4;
}
#comments{
	padding:0 0px 0 0px;
	margin:0 8px 0 17px;
}
.nocomments {background: none; color: #000000;}

#commenttitle {
	color: #000000;
	font-size: 14px;
	text-align: left;
	font-weight: bold;
	margin: 0px 0 20px 0;
	padding: 2px 0px 2px 0px;
	font-variant: normal;
	border-bottom: 1px solid #d8d8d8;
}

.commentlist {list-style: none;margin:0px;padding:0px;}

.comment,.trackback,.pingback{
	clear:both;
	margin:10px 0px 0px 0;
	padding:0px 0px 0px 0px;
}
.comment .children{
	list-style: none;
	padding:0px 0 0 0;
	margin:0px 0 0px 20px;
	border:0px red solid;
}
.comment {
	
}
.comment div, .trackback div, .pingback div, .bypostauthor div{
	height:100%;
	padding:5px;
	border: 1px solid #88A48B;
	background:#ffffff;
}

.bypostauthor div{
background:#ffffff url('images/admin.jpg') right top no-repeat;	
}
.trackback div, .pingback div{
	border:1px #88A48B dashed;
}
.comment div div,.trackback div div, .pingback div div{
	background:none;
	padding:0;
	border:0px;
}

.comment .says, .trackback .says, .pingback .says{
	display:none;
}
.comment .avatar{
	position:relative;
	float: left;
	margin: 0px 5px 0px 0px;
	padding: 0px;
}
.comment .fn,.comment .fn a,.trackback .fn,.trackback .fn a,.pingback .fn,.pingback .fn a{
	margin-left:0px;
	color:#000000;
	font-size: 12px;
	font-weight:bold;
	font-style:normal;
	text-decoration:none;
}	
.byuser .fn,.byuser .fn a{
	font-weight:bold;
	font-style:italic;
	text-decoration:none;
}

.bypostauthor .fn,.bypostauthor .fn a{
	font-weight:bold;
	font-style:italic;
	text-decoration:underline;
}

.comment .comment-meta,.trackback .comment-meta, .pingback .comment-meta{
	border-bottom: 1px dashed #88A48B;
	margin:0 0 10px 0px;
	padding:0px 0 5px 0;
	font-size:10px;
}
.trackback .comment-meta{
	padding:2px 0 2px 0;
}
.comment .comment-meta a, .trackback .comment-meta a, .pingback .comment-meta a {
	color:#000000;
	text-decoration:none;
}

.comment .reply{
	margin:5px 0 0px 0;
	padding:2px;
	font-size:10px;
	text-align:right;
}
.comment .reply a{
	color:#000000;
	text-decoration:none;
}
.trackback .reply, .pingback .reply{
	display:none;
}

	/**comment paging WP2.7**/
.commentnavi{
	position:relative;
	padding-right:20px;
	margin-bottom:10px;
}
.commentpages{
	float:right;
	padding:5px 10px;
}
.page-numbers{
	padding-left:5px;
}
.current{
	font-weight:bold;
}
#respond {
	clear:both;
	padding:5px;
	margin:10px 0px 0px 00px;
	font-size:12px;
	border: 1px solid #88A48B;
	background:#ffffff;
}	
.cancel-comment-reply a{
	color:red;
}
#commentform {
	margin:0;
	padding:20px 0 0 0;
}
#email, #author, #url {
	color: #000000;
	font-size: 12px;
	background: none;
	padding-left: 2px;
	vertical-align: middle;
	border: 1px solid #666666;
	font-family: Verdana, Arial, Helvetica, Sans-Serif;
	background: #ffffff;
}
#comment {
	width: 98%;
	color: #000000;
	font-size: 12px;
	font-family: Verdana, Arial, Helvetica, Sans-Serif;
	border: 1px solid #666666;
	padding: 2px 2px 2px 2px;
	background: #ffffff;
}
#submit {
	width: 80px;
	height: 20px;
	color: #000000;
	font-size: 12px;
	background: #999999;
	margin: 0px 0px 0px 0px;
	padding: 0px 10px 2px 10px;
	border: 1px solid #666666;
	font-family: Verdana, Arial, Helvetica, Sans-Serif;
}

/********** feature **********/
#featured{
	position:relative;
	overflow:hidden;
	width:570px;
	margin:-32px 3px 0 12px;
	padding:0 16px 10px 14px;
	background:url('images/bg_featured.jpg') no-repeat;
}
#featured .title{
	font-size:18px;
	font-family:Verdana,Arial;
	font-weight:bold;
	padding:8px 0 5px 10px;
	margin:0px 0 0px 0px;
}
#featured .title a{
	color:#ABAF97;
	text-decoration:none;
}
#featured .title a:hover{
	text-decoration:underline;
}

#featured .box{
	background:#485456;
	padding:1px 1px 0px 1px;
	width:167px;
}

#featured .box img{
	border:1px #ffffff solid;
}
#featured .box:hover img{
	border:1px orange solid;
}

#featured .item_left{
	float:left;
	font-size:10px;
	line-height:16px;
	color:#ffffff;
}
#featured .item_right{
	float:right;
	font-size:10px;
	line-height:16px;	
	color:#ffffff;
}
#featured .item_left a, #featured .item_right a{
	color:#ffffff;
	text-decoration:none;
	background:transparent;
}
#featured .item_left a:hover,#featured .item_right a:hover{
	color:#ffffff;
	text-decoration:underline;
}

	/***** template information home(screen shot only)*****/
.item{
	float:left;
	display:inline;
	overflow:hidden;
	width:250px;
	font-size:10px;
	border:2px #DEDCDD solid;
	padding:2px;
	margin:10px 15px 10px 15px;
	color:#ffffff;
	background:#ffffff;
}
.item:hover{
	background:orange;
}

.item_info1{
	margin:0 0 1px 0;
	padding:0 5px;
	background:#31393B;
	line-height:24px;
	width:240px;
	font-weight:bold;
}
.item_info2{
	margin:1px 0 0px 0;
	padding:0 5px;
	color:#ffffff;
	background:#66787A;
	line-height:21px;
	width:240px;
}

.item_left{
	float:left;
	color:#ffffff;
}
.item_right{
	float:right;
	color:#ffffff;
}
.item_left a, .item_right a{
	color:#ffffff;
	text-decoration:none;
	background:transparent;
}
.item_left a:hover,.item_right a:hover{
	color:#ffffff;
	text-decoration:underline;
}
.itemimg{
	position:relative;
	height:210px;
}
.itemimg img{
	border:0px red solid;
	padding:1px 0 1px 0;
	margin:0;
}


	/** cat subMenu **/
.cat_submenu{
	width:615px;
	height:25px;
	padding:2px 0 6px 0;
	margin:0px 0 8px 0;
	background:url('images/bg_cat_menu.gif') no-repeat right;
	color:#c8c8c8;
}
.cat_submenu ul{
	height: 25px;
	padding:0;
	margin:0 5px 0 0;
}
.cat_submenu ul li {
	display:inline;
	height:25px;
	float: left;
	font-size: 11px;
	margin:0;
	padding:0;
	background:#2F3739;
	text-align:center;
}
.cat_submenu ul li a {
	display:block;
	font-weight:bold;
	height:25px;
	line-height: 25px;
	margin:0;
	text-decoration:none;
	color:#ffffff;
}
.cat_submenu ul li a span{
	font-weight:normal;
	font-size:9px;
	color:#999999;
}

.cat_submenu ul li a:hover, .cat_submenu ul li.current_menu a  {
	background: #485456;
	color:#ffffff;
}
.cat_submenu .sep{
	width:3px;
	height:25px;
	background:url('images/bg_cat_menu_sep.jpg') no-repeat;
}
/** theme **/

.screenshot{
	position:relative;
	float: left; 
	border: 3px solid #DEDCDD; 
	padding: 2px;
	background: white;
}
.screenshot:hover{
	background:orange;
}

.themebox{
	clear:both;
	overflow:hidden;
	width:100%;
	border:0px red solid;
}
.themeinfo {
	float:right;
	display:inline;
	width:188px; 
	font-family: Verdana, Arial, sans-serif; 
	margin-right:25px; 
	padding:0 0 5px 0; 
	font-size: 11px;  
	color: #000000; 
	border:0px green solid;
}

.themeinfo h3{ 
	color: #3e5c29;
	border-bottom: 1px solid #c8c8c8;
	font-size: 11px; 
	padding: 0px 0 0 0; 
	margin: 0px 0 5px 0; 
	font-family: Verdana, Arial;
	/*font-weight: normal; */
}
.themeinfo ul{
	list-style: none;
	margin: 10px 0 0px 5px; 
	padding:0; 
	border:0px red solid;}

.themeinfo li{
	background: url(images/arrow3.jpg) no-repeat 0 4px; 
	margin: 0 0 3px 0; 
	padding: 0 0 0 15px;
}
.themeinfo li a{
	text-decoration:none;
}
.themedesc{
	margin:5px 0 5px 0;
}
/*.themedetail{
	margin:5px 0 0px 0;
}*/
.buttons {
	display:block;
	width:135px;
	height:40px;
	padding: 0px 0 0 65px;
	margin:0 0 10px 0; 
	line-height:30px;
	font-family: Verdana, Arial, sans-serif; 
	font-size:9px;
	line-height:40px;
}
.buttons a{color:#000000; font-weight: bold; font-size:11px;}
.buttons a:hover{ color: #ffffff; }                                         
.preview{background: url(images/btn_preview.png);}
.download{background: url(images/btn_download.png);}
.preview a, .download a{
	position:relative; /*must relative, or IE6 can't click*/
	text-decoration:none;
}
.wp-smiley{
	border:0px;
	padding:0px;
	margin:0px;
}

/************** award table **************/
.award_logo{
	position:absolute;
	left:5px;
	bottom:5px;
	height:75px;
	width:75px;
}
.award_gold{
	background:url('images/award_gold.png') no-repeat;
}
.award_silver{
	background:url('images/award_silver.png') no-repeat;
}
.award_bronze{
	background:url('images/award_bronze.png') no-repeat;
}
.award_info{
	height:32px;
	width:100%;
	line-height:32px;
	padding-left:35px;
	background:url('images/award_info.gif') no-repeat;
}
.award_score{
	line-height:20px;
	padding:0px;
	margin:0px;
	border:0px red solid;
}
.award_score img{
	position:absolute;
	padding:0px 0 0 5px;
	margin:0px 0 0 0;
	border:0px red solid;
}

.tbl_award_top{
	color:#ffffff;
	background:url('images/tab-topbg.gif') repeat-x top;
}
.tbl_award_top1{
	background:url('images/tab-top1.gif') no-repeat left top;
}
.tbl_award_top2{
	background:url('images/tab-top2.gif') no-repeat right top;
}
.tbl_award_left{
	border-left:1px #cccccc solid;
}
.tbl_award_right{
	border-right:1px #cccccc solid;
}
.tbl_award_hr{
	background:url('images/tab-hr.gif') repeat-x top;
}

.tbl_award_bot{
	color:#ffffff;
	background:url('images/tab-botbg.gif') repeat-x bottom;
}
.tbl_award_bot1{
	background:url('images/tab-bot1.gif') no-repeat left bottom;
}
.tbl_award_bot2{
	background:url('images/tab-bot2.gif') no-repeat right bottom;
}

/******************/
.ad_468x60_head img{
	margin:0;
	padding:0;
}

.ad_468x60_head {
	position:absolute;
	overflow:hidden;
	display:inline;
	width:468px;
	height:60px;
	right:15px;
	top:15px;
	border:2px #718284 solid;
}
.ad_sb_300{
	padding:10px 0 10px 0;
}
.ad_sb_125{
	padding:0px 25px 10px 24px;
}
.ad_sb_125 a{
	display:inline;
	float:left;
	margin:10px 5px 10px 10px;
}
