@charset "utf-8";
/*
Theme Name: Index Style of Default
Theme URI: http://www.binzi.net/
Description: The index style of default which is the theme for BinziCMS.
Version: 1.0
*/

.left-side {
	float:left;
	width:285px;
}
.right-main {
	float:right;
	width:675px;
}
#links {
	clear:both;
}
.bg-h2 {
	background:url(../images/sprite-of-default.gif) right -465px no-repeat;
}
.bg-h2 h2 {
	background:url(../images/sprite-of-default.gif) 0 -250px no-repeat;
	height:26px;
	color:#538f8d;
	padding:8px 0 0 15px;
	position:relative;
}
.bg-h2 h2 em {
	float:left;
	height:22px;
	line-height:22px;
	font-style:normal;
	background:url(../images/sprite-of-default.gif) right -340px no-repeat;
	padding-right:5px;
}
.right-half {
	width:320px;
	float:left;
}
.right-half a:hover {
	text-decoration:underline;
	margin-left:1px;
}
.simple-h2 h2 {
	border-bottom:1px solid #cfdfde;
	position:relative;
	height:21px;
	color:#538f8d;
}
.simple-h2 span em {
	font-style:normal;
}
.simple-h2 .tit {
	position:absolute;
	top:1px;
}
.tabs {
	height:21px;
	position:absolute;
	top:1px;
	z-index:100;
}
.tabs li {
	float:left;
	height:21px;
	background:url(../images/sprite-of-default.gif) -858px -400px no-repeat;
	padding-left:10px;
}
.tabs li span, .simple-h2 .tit em {
	float:left;
	height:21px;
	line-height:21px;
	background:url(../images/sprite-of-default.gif) right -425px no-repeat;
	padding-right:10px;
}
.tabs li.active {
	background-position:-860px -160px;
}
.tabs li.active span {
	background-position:right -182px;
}
.simple-h2 .tit {
	float:left;
	height:21px;
	background:url(../images/sprite-of-default.gif) -860px -160px no-repeat;
	padding-left:10px;
}
.simple-h2 .tit em {
	float:left;
	height:21px;
	line-height:21px;
	background:url(../images/sprite-of-default.gif) right -182px no-repeat;
	padding-right:10px;
}
h2 .more {
	float:right;
}
.simple-h2 h2 .more {
	background:none;
	position:absolute;
	top:8px;
	right:10px;
}
.simple-h2 h2 .more a {
	float:left;
	width:24px;
	height:8px;
	background:url(../images/sprite-of-default.gif) 0 -350px no-repeat;
	text-indent:-9999px;
}
.whole-list {
	margin:8px;
}
.whole-list li {
	line-height:20px;
	background:url(../images/sprite-of-default.gif) 0 -371px no-repeat;
	padding-left:8px;
}
#search {
	height:59px;
	background:url(../images/search_bg.jpg) center top no-repeat;
	padding-left:28px;
	margin-bottom:10px;
}
#searchTab {
	height:20px;
	padding-top:7px;
	padding-left:50px;
	margin-bottom:5px;
}
#searchTab li {
	float:left;
	height:20px;
	line-height:20px;
	padding:0 15px;
	cursor:pointer;
}
#searchTab li.active {
	background:#fff;
}
#search .textInput {
	width:308px;
	height:18px;
	border:1px solid #d9d7cb;
}
#search .textInput, #search .btnInput {
	vertical-align:middle;
}
.pic-list {
	margin:8px;
}
.pic-list li {
	float:left;
	width:99px;
	margin:10px 1px;
	text-align:center;
	overflow:hidden;
}
.pic-list .thumb {
	width:90px;
	height:90px;
	border:1px solid #cfcdce;
	padding:1px;
	text-align:center;
	margin-left:4px;
}
.pic-list .thumb img {
	max-width:90px;
	max-height:90px;
}
.pic-list li p {
	line-height:20px;
	white-space:nowrap;
	overflow:hidden;
}
#main .pic-list li p a {
	color:#a99e68;
}
#tags {
	margin:8px;
}
#tags li {
	float:left;
	background:url(../images/sprite-of-default.gif) 0 -179px no-repeat;
	padding-left:17px;
	width:82px;
	margin-right:2px;
	overflow:hidden;
	line-height:20px;
}
.bg-h2 h2 .more {
	background:none;
	position:absolute;
	top:3px;
	right:0;
}
.bg-h2 h2 .more a {
	background:url(../images/sprite-of-default.gif) 0 -420px no-repeat;
	float:left;
	width:145px;
	height:28px;
	text-indent:-9999px;
}
#boardList {
	width:254px;
	height:78px;
	background:url(../images/board_bg.jpg) 0 0 no-repeat;
	margin-bottom:5px;
	padding:10px 15px; 
}
#boardList li {
	line-height:22px;
	padding-left:17px;
	background:url(../images/sprite-of-default.gif) 0 -179px no-repeat;
}
#boardList li a:hover {
	text-decoration:underline;
	margin-left:1px;
}
#download .sub-wrap {
	margin-bottom:5px;
	width:284px;
	height:90px;
	background:url(../images/download_bg.jpg) 0 0 no-repeat;
}
#download h3 {
	font-size:12px;
	padding-left:6px;
	margin-bottom:3px;
	color:#fff;
}
#download .alignLeft {
	width:129px;
	margin-top:12px;
}
#download p {
	line-height:18px;
}
#poll h3 {
	background:url(../images/dot_hr.gif) left bottom repeat-x;
	height:26px;
	line-height:26px;
	margin:0 2px 5px 2px;
	padding-left:8px;
	color:#ae9963;
	font-size:12px;
}
#pollList {
	margin:0 8px;
}
#pollList li {
	line-height:20px;
	color:#676767;
}
#poll .textCenter {
	background:url(../images/dot_hr.gif) 0 0 repeat-x;
	padding:7px 0;
}
#poll .btnInput {
	margin-left:95px;
	margin-right:5px;
}
#poll a {
	color:#077ac7;
}
#email {
	margin:0 20px;
	padding:3px 0;
}
#email .textInput {
	width:124px;
	height:14px;
	padding:2px 0 2px 4px;
	border:1px solid #dcdcdc;
}
#links h2 {
	background:url(../images/dot_fk.gif) left center no-repeat;
	border-bottom:1px solid #cfdfdf;
	height:22px;
	line-height:22px;
	padding-left:16px;
	color:#538f8d;
}
#txtLinks {
	height:35px;
	line-height:35px;
	border-bottom:1px solid #dcdcdc;
	margin:0;
	padding-left:15px;
}
#txtLinks a {
	margin:0 10px;
	white-space:nowrap;
	overflow:hidden;
}
#picLinks {
	padding:10px 0;
	border-bottom:1px solid #cfdfdf;
}
#picLinks img {
	width:88px;
	height:31px;
	margin:0 20px;
}
