@charset "utf-8";
/*
Theme Name: Other Pages Style of Default
Theme URI: http://www.binzcms.com/
Description: The other pages style of default which is the theme for BinzCMS.
Version: 1.0
*/

a:hover {
	text-decoration:underline;
}
.left-side {
	width:250px;
	float:left;
}
.right-main {
	width:720px;
	float:right;
	background:url(../images/bg_main_title.gif) 0 -52px no-repeat;
	position:relative;
}
.right-main h2 {
	float:left;
	height:33px;
	line-height:33px;
	margin-left:15px;
	padding-right:40px;
	background:url(../images/bg_main_title.gif) right -19px no-repeat;
	color:#fff;
	margin-bottom:10px\0;
}
#whereUR {
	text-align:right;
	position:absolute;
	top:10px;
	right:10px;
}
#contentWrapper {
	border:1px solid #d0d0d0;
	margin:10px 0;
	position:relative;
}
#contentWrapperTop {
	position:absolute;
	height:9px;
	width:720px;
	top:-1px;
	left:-1px;
	background:url(../images/bg_main_title.gif) 0 -10px no-repeat;
	overflow:hidden;
}
#contentWrapperBottom {
	position:absolute;
	height:10px;
	width:720px;
	bottom:-1px;
	left:-1px;
	background:url(../images/bg_main_title.gif) 0 0 no-repeat;
	overflow:hidden;
}
#articleList {
	width:670px;
	margin:20px auto;
}
#articleList li {
	height:25px;
	line-height:25px;
	background:url(../images/bg_article_list.gif) left center no-repeat;
	padding-left:10px;
	position:relative;
}
#articleList li a:hover {
	margin-left:1px;
}
#articleList li .date {
	position:absolute;
	top:0;
	right:3px;
}
.pagebar {
	width:670px;
	height:30px;
	margin:10px auto;
	text-align:right;
}
.pagebar .pageBtn {
	float:right;
	border:1px solid #bae2fb;
	color:#53a29d;
	padding:0 6px;
	height:19px;
	line-height:19px;
}
.pagebar .textInput, .pagebar .btnInput {
	float:right;
}
.pagebar span, .pagebar input, .pagebar a {
	margin:0 3px;
}
.pagebar em {
	color:#f00;
	font-style:normal;
	font-weight:700;
}
.pagebar span, .pagebar .textInput {
	margin-top:3px;
}
.pagebar .btnInput {
	margin-top:2px;
}
.pagebar a:hover {
	background:#cde9fa;
}

.album-set {
	background:#fff;
	border:1px solid #e3e3e3;
	margin:5px;
}
.album-set li {
	height:94px;
	position:relative;
	margin:3px;
	border:1px solid #fff;
}
.album-set li:hover {
	background:#f6faff;
	border-color:#b8d1df;
}
.album-set li .album-cover {
	position:absolute;
	top:5px;
	right:10px;
	width:85px;
	height:85px;
	background:url(../images/bg_album.gif) 0 0 no-repeat;
}
.album-cover .border {
	width:75px;
	height:75px;
	border:1px solid #ccc;
	padding:2px;
}
.album-cover .border:hover {
	border-color:#ff9500;
}
.album-cover img {
	width:75px;
	height:75px;
}
.album-set li h5 {
	width:120px;
	font-size:12px;
	font-weight:400;
	margin:5px 0 0 5px;
	line-height:18px;
}
.album-set li h5 a {
	text-decoration:underline;
}
#main .album-set li h5 a:hover {
	color:#2c6e6a;
	text-decoration:none;
}
/* the article page style */
#artiContent {
	font-size:14px;
	margin:10px;
}
#artiContent h1 {
	font-family:SimHei;
	font-size:20px;
	font-weight:normal;
	margin-top:20px;
	padding:1px;
	text-align:center;
	width:100%;
}
#artiInfo {
	border-top:1px solid #CCCCCC;
	font-size:12px;
	margin:10px auto;
	padding-top:10px;
	text-align:center;
	width:582px;
}
#artiInfo span {
	margin:0 5px;
}
#main #artiInfo .art-comment a {
	color:#077AC7;
}
#artiContent p {
	line-height:20px;
	margin:20px 0;
	text-indent:28px;
}
#artiContent img {
	margin:5px;
}

/* left side */
.left-highlight {
	background:url(../images/bg_left_curve.gif) 0 0 repeat-y;
	position:relative;
	z-index:1;
	padding:7px 0;
	margin-bottom:10px;
}
.left-highlight-top {
	position:absolute;
	width:250px;
	height:7px;
	background:url(../images/bg_left_curve_fade.gif) 0 -24px no-repeat;
	overflow:hidden;
	top:0;
	left:0;
	z-index:2;
}
.left-highlight-bottom {
	position:absolute;
	width:250px;
	height:7px;
	background:url(../images/bg_left_curve_fade.gif) 0 -31px no-repeat;
	overflow:hidden;
	bottom:0;
	left:0;
	z-index:2;
}
.left-highlight h3 {
	width:212px;
	background:url(../images/sprite-of-default.gif) -80px -60px no-repeat;
	height:27px;
	line-height:27px;
	padding-left:26px;
	color:#fff;
	margin-left:6px;
	margin-top:5px;
	cursor:pointer;
}
.left-highlight h3.expand {
	background-position:-350px -60px;
}

.left-article {
	border:1px solid #c7d6d3;
	background:url(../images/bg_left_curve_fade.gif) 0 -38px repeat-x;
	padding:10px 0 0 8px;
}
.left-article h3 {
	background:url(../images/sprite-of-default.gif) -620px -60px no-repeat;
	width:214px;
	height:27px;
	line-height:27px;
	padding-left:18px;
	color:#fff;
}
.left-article-list {
	width:232px;
	margin:5px 0;
overflow:hidden;
}
.left-article-list li {
	line-height:20px;
	white-space:nowrap;
	background:url(../images/arrow.png) 3px 10px no-repeat;
	padding-left:11px;
}
.left-article-list li a:hover {
	margin-left:1px;
}
.left-article-list li.current {
	font-weight:700;
}
.left-article-list li.current a {
	text-decoration:underline;
}
.left-pic-list {
	width:225px;
	margin:5px 0;
	padding-left:5px;
}
.left-pic-list li {
	display:inline;
	float:left;
	margin:1px 8px;
	text-align:left;
	height:100px;
	width:95px;
	overflow:hidden;
}
.left-pic-list li img {
	width:90px;
	height:90px;
	border:1px solid #ccc;
	padding:1px;
}
.left-pic-list li a {
	font-weight:700;
	color:#EF4122;
}
/* Photos */
#photoList {
	width:630px;
	margin:20px auto;
	overflow:hidden;
}
.photolstin {
	width:700px;
}
*html .photolstin {
	width:750px;
}
.photo-wrap {
	float:left;
	margin:3px 59px 25px 0;
	width:163px;
}
*html .photo-wrap {
	width:170px;
}
a.photolst-thumb {
	height:180px;
	margin:0;
	width:180px;
}
.photo-wrap p {
	margin:4px 0;
}
.photo-wrap p a {
	color:#2c6e6a;
}
h1.photo-album-tit {
	font-family:SimHei;
	font-size:20px;
	font-weight:normal;
	margin:20px auto 0 auto;
	padding:1px;
	text-align:center;
	width:90%;
	padding-bottom:5px;
	border-bottom:1px solid #ccc;
}
.photo-album-wrap {
	overflow:hidden;
	table-layout:fixed;
	width:660px;
}
.albumlst {
	float:left;
	line-height:1.65em;
	margin:9px 0 10px;
	padding:0 0 10px;
	width:220px;
}
.album {
	background:transparent url(../images/bg_albuml.gif) 1px 1px no-repeat;
	padding:4px 7px 7px 4px;
	width:170px;
	height:170px;
}
.albumlst-r {
	color:#777777;
	float:left;
	overflow:hidden;
	padding-top:4px;
	width:200px;
}
.pl2 {
	color:#666666;
	font-size:14px;
	line-height:150%;
	margin-top:5px;
}
#main .pl2 a {
	color:#2c6e6a;
}
#main .pl2 a:hover {
	background:#2c6e6a;
	color:#fff;
}
.albumlst-descri {
	color:#333333;
	margin-bottom:10px;
}
.pl {
	color:#666666;
	font-family:Arial,Helvetica,sans-serif;
	font-size:12px;
	line-height:150%;
}
#picShow {
	width:680px;
	margin:10px auto;
}
#tool {
	border-bottom:1px solid #ddd;
	margin:5px 0 10px 0;
	padding:3px;
	text-align:center;
}
#picLarge {
	text-align:center;
}
#picLarge img {
	max-width:650px;
	expression(onload=function(){this.style.width=(this.offsetWidth > 650)?"650px":"auto"});
}
#simg {
	width:600px;
	margin:0 auto;
	height:75px;
	padding-top:8px;
	position:relative;
}
#simg .prev {
	position:absolute;
	top:0;
	left:0;
	text-align:right;
	width:22px;
}
#simg .next {
	position:absolute;
	top:0;
	right:0;
	text-align:left;
	width:22px;
}
#sImages {
	position:relative;
	margin:0 auto;
	width:550px;
	height:60px;
	overflow:hidden;
}
#sImages ul {
	position:relative;
}
#sImages ul li {
	float:left;
	width:66px;
	height:56px;
	border:1px solid #ddd;
	padding:1px;
	text-align:center;
	cursor:pointer;
	margin-right:10px;
}

/* Comments */
#respond {
	width:680px;
	margin:auto;
}
ol.commentlist {
	width:680px;
	margin:10px auto;
}
ol.commentlist li {
	-moz-border-radius:5px;
	border:1px solid #D5D5D5;
	margin:0 0 10px 0;
	padding:5px 7px 5px 57px;
	position:relative;
}
ol.commentlist li .comment-author {
	padding:0 170px 0 0;
}
ol.commentlist li .avatar {
	border:5px solid #D5D5D5;
	left:7px;
	position:absolute;
	top:7px;
	width:32px;
	height:32px;
}
ol.commentlist li cite.fn {
	font-size:14px;
	font-style:normal;
	font-weight:bold;
}
#main ol.commentlist li .fn a {
	color:#ff9500;
}
ol.commentlist li .comment-meta {
	line-height:normal;
	position:absolute;
	right:10px;
	text-align:right;
	top:5px;
	color:#999;
}
ol.commentlist li p {
	margin-bottom:10px;
	line-height:18px;
}
#main ol.commentlist li p a {
	color:#077AC7;
	margin:0 3px;
}
ol.commentlist li .reply {
	text-align:right;
	margin-bottom:10px;
}
#addComment {
	margin:10px auto;
	width:680px;
}
#addComment h4 {
	background:url(../images/icon_comment.jpg) left center no-repeat;
	line-height:24px;
	padding-left:30px;
}
#noLogin {
	height:40px;
	line-height:40px;
	width:680px;
	margin:5px auto;
	text-align:center;
	border:1px solid #ccc;
}
#main #noLogin a {
	color:#077AC7;
	text-decoration:underline;
	margin:0 3px;
}
#main #noLogin a:hover {
	text-decoration:none;
}
#couldAdd {
	height:188px;
	margin-top:8px;
	text-align:center;
}
#emotion {
	width:125px;
	float:right;
}
#emotion ul li {
	float:right;
	width:30px;
	height:37px;
}
#emotion ul li img {
	cursor:pointer;
}
/*#commentTxt {
	float:left;
}*/
#comment {
	width:550px;
	height:140px
}
#commentTxt .btnInput {
	margin-top:10px;
}

/* the user center */
.white-bg-side-list {
	background:#fff;
	padding:5px;
	width:226px;
	margin:5px auto;
}
.white-bg-side-list li {
	line-height:24px;
}
.white-bg-side-list img {
	vertical-align:middle;
	margin-right:5px;
}
.white-bg-side-list li a:hover {
	font-weight:700;
}
.white-bg-side-list li.active {
	font-weight:700;
}
img.portrait {
	background-color:#fff;
	border:3px solid #eee;
}
.text-large {
	font-size:18px;
}
.fav {
	width:686px;
	margin:10px auto 0 auto;
}
.fav td {
	padding-top:10px;
}
.fav img {
	vertical-align:middle;
	margin-right:5px;
}
.fav .at-btm img {
	vertical-align:bottom;
}
.user-brief {
	color:#afafaf;
	margin-top:20px;
}
.simple-lines {
	margin:3px 6px;
}
.simple-lines li {
	line-height:24px;
	border-top:1px dotted #E0E0E0;
	padding-left:5px;
	color:#afafaf;
}
.fav .short {
	height:14px;
	line-height:14px;
	border-top:1px dotted #E0E0E0;
	vertical-align:bottom;
}
.fav th {
	text-align:right;
	padding-right:6px;
	font-weight:400;
	padding-top:10px;
}
/* messages box */
.user-navigate {
	overflow:hidden;
	position:relative;
	top:1px;
	margin:0 0 0 15px;
}
.user-navigate li {
	background:#e4e4e4;
	border-color:#e4e4e4;
	border-style:solid;
	border-width:1px 1px 0 1px;
	float:left;
	display:inline;
	margin:2px 7px 0 0;
}
.user-navigate li a {
	float:left;
	color:#727272;
	padding:3px 6px 4px 6px;
	background:#e4e4e4;
}
.user-navigate li a:hover {
	background:#fff;
}
.user-navigate li.active {
	border-top:2px solid #2c6e6a;
	padding:4px 6px;
	background:#fff;
	color:#000;
	margin-top:0;
	font-weight:700;
}
.user-navigate li.for-compose {
	margin-left:60px;
}
.letter-wrapper {
	background:#fff;
	border-top:1px solid #ddd;
	margin:0 10px 10px 10px;
}
.letter {
	padding:10px;
}
.letter p.pmcount {
	color:#666;
	padding-bottom:5px;
}
.letter p.pmcount span {
	color:#f00;
}
#pmList {
	width:100%;
	line-height:20px;
	border-top:1px solid #ddd;
}
#pmList td {
	border-bottom:1px solid #e5e5e5;
	padding:5px 0;
}
#pmList .pm-ck {
	width:30px;
	text-align:center;
}
#pmList .pm-ava {
	width:75px;
}
#pmList .pm-user {
	width:120px;
	color:#999;
	text-align:left;
	padding:0 6px;
}
#pmList .pm-user a {
	color:#36c;
}
#pmList .pm-user span {
	display:block;
	font-size:10px;
}
#pmList .pm-title a {
	display:block;
}
#pmList .pm-title .title {
	font-size:14px;
	color:#36c;
}
#pmList .pm-title .summary {
	color:#666;
}
#pmList .pm-act {
	width:30px;
}
#pmList .pm-act a {
	display:block;
	width:13px;
	height:13px;
	background:url(../images/close.gif) 0 -26px;
	text-indent:-9999px;
	overflow:hidden;
}
#pmList .pm-act a:hover {
	background-position:0 -13px;
}
#pmList .unread .pm-user a, #pmList .unread .pm-title .title {
	font-weight:700;
}
#pmList .v-top {
	vertical-align:top;
}
#pmList .textRight {
	text-align:right;
}
#pmList .pm-user.textRight {
	padding-top:6px;
	padding-right:12px;
}
.pm-control {
	margin:10px 0 0 10px;
	height:28px;
}
.pm-control a {
	color:#36c;
}
.pm-control em {
	color:#999;
	padding:0 5px;
}
.pm-control span {
	float:left;
	margin-top:2px;
	margin-right:5px;
}
a.btn {
	float:left;
	width:76px;
	height:21px;
	line-height:21px;
	background:url(../images/bg_btn.gif) 0 0 no-repeat;
	text-align:center;
	margin:0 5px;
}
.pm-control a.btn:hover {
	background-position:0 -21px;
	text-decoration:none;
}
#sendBox {
	width:100%;
}
#sendBox th {
	width:105px;
	text-align:right;
	font-weight:normal;
	padding:4px 0;
}
#sendBox td {
	padding:4px 6px;
}
#sendBox .textInput {
	width:425px;
}
#sendBox textarea {
	height:135px;
}
#pmTitle {
	padding:4px;
}

/* vote */
.vote {
	width:300px;
	margin:10px auto;
}
.vr, .vbg {
	float:left;
}
.vr {
	margin-left:5px;
}
.vote label {
	display:block;
	margin-bottom:3px;
}
.vline {
	margin-bottom:8px;
}
table.vote {
	width:580px;
}
table.vote td {
	padding:4px;
}
table.vote .vbg {
	float:none;
}
table.vote td.textRight {
	text-align:right;
}
#artiContent .vote {
	font-size:12px;
}
.vbg {
	background:url(../images/bg_rl.gif) 0 0 repeat-x;
	border:1px solid #567DA5;
	width:177px;
	height:10px;
	padding:0;
	overflow:hidden;
}
.vbar {
	background:url(../images/rl.gif) 0 0 repeat-x;
	height:10px;
}

/* wide mian */
.right-main.w980 {
	width:980px;
	float:none;
	background:url(../images/bg_wide_main_title.gif) 0 -19px no-repeat;
}
.w980 #contentWrapperTop {
	width:980px;
	background:url(../images/bg_wide_main_title.gif) 0 -10px no-repeat;
}
.w980 #contentWrapperBottom {
	width:980px;
	background:url(../images/bg_wide_main_title.gif) 0 0 no-repeat;
}

.search-box {
	padding:10px 35px;
}
.search-box label {
	margin-right:15px;
}
.search-box .btnInput {
	width:82px;
	background:url(../images/bg_btn2.gif) 0 0 no-repeat;
	color:#296c68;
}

/* guest book */
.msg-box {
	padding-bottom:8px;
}
.msg-box .tit {
	height:27px;
	line-height:27px;
	border-bottom:3px solid #76d9ba;
	padding-left:3px;
}
.msg-box h2 {
	background:url(../images/bg_btn2.gif) 0 -33px no-repeat;
	width:98px;
	text-align:center;
	height:27px;
	line-height:27px;
	color:#fff;
}
.right-main .msg-box h2 {
	margin-left:0;
	padding-right:0;
	float:none;
}
.msg-box .con {
	border-top:3px solid #d9f4e9;
}
.msg-box .con ul li {
	position:relative;
	min-height:90px;
	border-bottom:1px dashed #e8e8e8;
}
.msg-box .msg-meta {
	width:105px;
	padding-left:70px;
	position:absolute;
	top:0;
	left:0;
	padding-top:10px;
}
.msg-meta span {
	display:block;
	color:#666;
}
.msg-meta .msg-no {
	font-size:10px;
	margin-bottom:5px;
}
.msg-meta img {
	margin-bottom:5px;
}
.msg-meta a {
	color:#666;
}
.msg-con {
	width:785px;
	padding:10px;
	margin-left:175px;
}
.msg-time {
	color:#999;
	margin-bottom:10px;
}
.msg-text {
	line-height:18px;
}
.msg-text p {
	margin-bottom:15px;
}
.msg-box .con ul li.ad-reply {
	background:#d9f4e9;
	min-height:55px;
}
.msg-box .con ul li.ad-reply .msg-meta {
	color:#ed0678;
	padding-top:35px;
}
.msg-box .con ul li.ad-reply .msg-time {
	text-align:right;
	padding-right:140px;
	font-size:10px;
}
.msg-box .con ul li.ad-reply .msg-time em {
	font-style:normal;
	color:#f00;
	margin-right:60px;
}
.msg-add #noLogin {
	margin:0 auto;
	border:none;
}
.msg-add {
	padding:10px;
	width:700px;
	margin:0 auto;
	text-align:center;
}
.msg-add textarea {
	width:692px;
	height:132px;
	padding:4px;
	margin-bottom:8px;
}