/**
 * 123guilin css 
 *
 * @since 2009-11-9 14:54
 * @copyright www.xiaop.net
 * @author xiaop < xiaop@xiaop.net >
 *
 * SVN: $Id: screen.css 160 2009-11-28 07:09:42Z xiaop $
 */

a{
	padding: 0 2px;
	text-decoration: none;
	border-bottom: 1px dotted #ccc;
}
a:link{
	color: #00e;
}
a:visited{
	color: #00c;
}
a:hover{
	color: #00f;
	border-bottom: 1px solid #ccc;
}
a:active{
	color: #00f;
}
p{
	margin: .7em 0;
	padding: 0;
}

.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
	}
	.clearfix {
		display: inline-block;
	}
	* html .clearfix {
		height: 1%;
	}
	.clearfix {
		display: block;
	} 
.red{
	color: red;
}
.error_message{
	color: red;
	font-weight: bold;
}
html,body{
	padding: 0;
	margin: 0;
	background: #eee/*  url(images/home/bg.gif) repeat-x top */;
	font: 12px/1.6em Verdana, Tahoma, serif, sans-serif;
	text-align: center;
	color: #000;
}
input,select,option,textarea{
	font: 12px/1.4em Verdana, Tahoma, serif, sans-serif;
}
a img{
	border: 0;
}
h1{
	font-size: 12px;
	margin: 0;
}
h2{
	font-size: 12px;
}
h3{
	font-size: 12px;
}
/* frame */
#wrapper{
	clear: both;
	margin: 0 auto;
	width: 760px;
	background: #fff;
	text-align: left;
	border-left: 1px solid #999;
	border-right: 1px solid #999;
}
#header{
	padding: .5em 0;
	}
	#header .logo{
		margin: 0;
		text-align: center;
	}
	#header .logo a{
		border: 0;
	}
	#header .banner a{
		border: 0;
		text-align: left;
		}
		#header .banner img{
			border: 1px solid #ccc;
		}
	#header ul,
	#header li{
		padding: 0;
		margin: 0;
		list-style: none;
	}
	#header li a{
		padding-left: 1em;
		background: transparent url(i/li.gif) no-repeat 0 center; 
	}
#menuTop{
	background: #060;
	clear: both;
	}
	#menuTop ul{
		padding: 0 6px 0 12px;
		margin: 0;
	}
	#menuTop li{
		float: left;
		list-style: none;
	}
	#menuTop li.current{
		background: #090;
	}
	#menuTop a{
		color: #fff;
		height: 30px;
		line-height: 30px;
		margin: 0 7px;
		padding-left: 0;
		padding-right: 0;
	}
#column{
}
.banner{
	border-bottom: 3px solid #090;
	text-align: center;
	margin: 0;
	}
	.banner a{
		border: 0;
	}
.googleAds{
	text-align: center;
	padding: 1em 0 0 0;
	margin: 0;
}
#main{
	float: right;
	width: 590px;
	border-left: 2px solid #9cf;
	}
	#main .inner{
		padding: .2em 0;
	}
	.mainHeader{
		border-bottom: 3px solid #fc9;
		padding: 0 1em;
	}
	.mainHeader h1,
	.mainHeader p{
		margin: 0;
		height: 2.7em;
		line-height: 2.7em;
	}
	.notice,
	.notice p{
		float: left;
	}
	.notice{
		padding-left: 1.5em;
		background: transparent url(i/home.gif) no-repeat left center ;
		color: #666;
	}
	.notice a{
		color: #666;
	}
	.notice h1{
		float: left;
		font-weight: normal;
	}
	.notice a:hover{
		color: #060;
	}
	.post{
		float: right;
		text-align: right;
	}
	#main .item{
		border-bottom: 2px solid #fc9;
		padding: 0 1em;
	}
.pager{
	padding: 0 1em;
	}
	.pager a{
		font-size: 12px;
	}
	.pager em,
	.pager a:hover{
		font-weight: bold;
	}
/* item */
.item,
.itemHover{
	border-bottom: 1px dashed #666;
	padding: .8em 0;
	margin: 0;
	width: auto;
	background: #fff;
	/* text-indent: -1em; */
	}
	#main .single,
	#main .singleHover{
		background: #f9f9fc;
	}
	.item:hover,
	.itemHover,
	#main .single:hover,
	#main .singleHover{
		background: #f4f4f4;
	}
	.item .commend{
		color: #f00;
		font-weight: bold;
	}
	.item .datetime{
		color: #369;
		background: transparent/* transparent url(i/timebg.gif) no-repeat right center */;
		padding: 1px 4px;
		font-size: 11px;
		font-weight: bold;
	}
	.item .typed a{
		font-weight: normal;
	}
	.item .typed a.t1{
		color: #090;
	}
	.item .typed a.t2{
		color: #f00;
	}
	.item .category a{
		color: #999;
		font-weight: normal;
	}
	.item .contact{
		color: #000;
		font-size: 12px;
	}
	.item .contact strong{
		font-weight: normal;
	}
	.item strong u{
		color: #f00;
		font-size: 12px;
	}
	.item .review small{
		font-size: 9px;
	}
	.item .review small strong{
		color: #f00;
	}
	.item .stat{
		color: #333;
		font-size: 11px;
	}

	.item .itemLeft{
		float: left;
		width: 110px;
		text-align: center;
		}
		.item .itemLeft img{
			padding: 1px;
			margin: 1px;
			border: 1px solid #666;
		}
		.item .itemLeft a:hover img{
			border-color: #060;
	}
	.item .itemRight{
		float: right;
		width: 450px;
	}
	.item h2,
	.item p{
		padding: 0;
		margin: 0.5em 0 !important;
		line-height: 1.4em !important;
	}
	.item h2{
		padding-left: 1.2em;
		background: transparent url(i/item.gif) no-repeat left center ;
	}
	.item p,
	.item p a{
		color: #444;
	}
	.item p a:hover{
		color: #060;
	}


#sidebar{
	float: left;
	width: 168px;
	}
	#sidebar .inner{
		padding: .2em 0;
	}
	#sidebar .searchBox{
		text-align: center;
	}
	#sidebar h2{
		padding: 0;
		margin: 1em 0;
		text-align: center;
	}
	#sidebar h3{
		padding: 0;
		margin: .6em 0;
		text-align: center;
		background: #69c;
		color: #fff;
		height: 2em;
		line-height: 2em;
	}
	#sidebar h3 a{
		color: #fff;
	}
	#sidebar ul{
		padding: 0 0 0 2em;
		margin: 0;
	}
	#sidebar li{
		padding: 0;
		margin: 0;
		list-style: none;
	}
	#sidebar a{
		/* color: #666; */
	}
	#sidebar .ads,
	#sidebar .ads a{
		padding: 0;
		margin: 0;
		border: 0;
		text-align: center;
	}
#siteLinks{
	border-top: 2px solid #999;
	}
	#siteLinks p{
		margin: .3em 0;
		padding: 0 1em;
}
#footer{
	border-top: 3px solid #060;
	padding: 1em 0;
	margin: 0;
	text-align: center;
	clear: both;
	}
	#footer small{
		color: #999;
	}
	#footer small a{
		color: #999;
		text-decoration : none;
		padding: 0;
	}

/* page:single */
body.single #wrapper{
	padding: .6em 0 0 0;
	width: 650px;
	border: 1px solid #ccc;
}
body.single #header{
	padding: 0 2em;
	background: #fff;
	}
	body.single #header p,
	body.single #header h1{
		float: left;
		margin: 0;
	}
body.single .inner{
	padding: .4em 2em;
	margin: 0;
	clear: both;
	}
	body.single .inner ul{
		padding: 0 3em;
		margin: 0;
	}

/* page:post */
body.post #wrapper{
	padding: .6em 0 0 0;
}
body#post form{
	background: #fc0;
	padding: 1em 2em;
	margin: 0;
}
body#post form p{
	text-align: center;
}
body#post textarea{
	width: 400px;
	height: 130px;
	font-size: 12px;
}

/* page:error */
body#error #container{
	background: #fff;
	width: 460px;
	margin: 4em auto;
	padding: 2em 4em;
	text-align: left;
}
body#error h1{
	padding-left: 2em;
	background: transparent url(i/defeat.gif) no-repeat 0 center; 
}
body#error #footer{
	text-align: left;
}

.siteHelp{
	border: 1px solid #fcc;
	padding: .2em 0 .2em 1em;
	margin: 1em 0;
	height: 2em;
	line-height: 2em;
	background: #ffc;
	color: #080;
	text-align: left;
}

#topBanner{
	line-height: 1px;
	font-size: 1px;
	}
	#topBanner a{
		padding: 0;
	}
	#topBanner img{
		padding: 1px;
		margin: 2px 0;
		border: 1px solid #333;
}

#userBox{
	background: #666;
	color: #fff;
	padding: 0 1em;
	line-height: 1.7em;
	}
	#userBox p{
		margin: 0;
		padding: 0;
		width: 48%
	}
	#userBox .userBoxLeft{
		float: left;
	}
	#userBox .userBoxRight{
		float: right;
		text-align: right;
	}
	#userBox a{
		text-decoration: none;
		border: 0;
		color: #fff;
	}
	#userBox a:hover{
		text-decoration: underline;
		
}

/* single page */	
#singleItem{
}
#singleItem #main .inner{
	padding-left: 2em;
	padding-right: 2em;
}
/* #singleItem #main{
	float: none;
	width: 100%;
}
#singleItem #sidebar{
	float: left;
	border-right: 0;
}
#singleItem #sidebar .inner{
} */

#singleItem form{
	padding: 0;
	margin: 0;
}
#singleItem table{
	border-bottom: 1px dotted #ccc;
}
#singleItem h2{
	margin: 1em;
	border-bottom: 1px dotted #ccc;
}
#singleItem h3{
	margin: 1em 0;
	border-bottom: 1px dotted #ccc;
}
.singleItemHeading{
	line-height: 1.4em;
	padding: 0 0 0 1.4em;
	margin: .3em 1em;
	background: transparent url(i/item.gif) no-repeat left center;
	color: #333;
}

.infoImages img{
	padding: 1px;
	margin: 1px;
	border: 1px solid #666;
	}
	.infoImages a:hover img{
		border-color: #060;
}
.infoList{
	margin: 0;
	padding: 0;
	list-style: none;
	border-left: 5px solid #ccc;
}
.infoList li{
	margin: 0;
	padding-left: 1em;
	list-style: none;/* 
	background: transparent url(i/li.gif) no-repeat 0 center;  */
}
.infoListBottom{
	margin: 0;
	padding: 0 1em 1em 1em;
}
.infoListBottom li{
	margin: 0;
	padding-left: 1em;
	list-style: none;
	background: transparent url(i/li.gif) no-repeat 0 center; 
}

/* Review */
div.review{
	background: #fc0;
	padding: 4px 2px 3px 2px;
	margin-top: 1em;
	}
	div.review h4{
		font-size: 1em;
		border-bottom: 2px solid #fff;
		margin: 0;
		padding: 0 0 0 8px;
	}
	div.review p{
		border-bottom: 1px dashed #fff;
		margin: 0;
		padding: 4px 12px;
		background: #fee;
	}
	div.review p.single{
		background: #fff;
	}

#memberSingle{
	padding: 1em 2em 6em 2em !important;
}
#memberSingle table{
	background: #666;
}
#memberSingle table th,
#memberSingle table td{
	background: #fff;
	text-align: center;
}
#memberSingle td.infoTitle{
	text-align: left;
}
.tdLeft{
	text-align: left !important;
}
.tdRight{
	text-align: right !important;
}
table.frameTable{
	width: 90%;
	margin: 1em 2em 3em 2em;
}
