/*
Theme Name: SYLENCE
Theme URI: http://menghao.net/
Description: Designed for missing-radio.cn.
Version: 3.0
Author: Menghao
Author URI: http://menghao.net/
Tags: black, simple, fixed width, two columns

	SYLENCE v3.0
	http://menghao.net/

	This theme was designed and built by Menghao,
	whose blog you will find at http://menghao.net/
*/

/* CSS Reset */
@import url("preset.css");

body {
	margin:0;
	padding:37px 0 50px;
	text-align:center;
	background:#111 url('./images/bg-body.jpg') no-repeat fixed top;
	font:10px normal Tahoma, Helvetica, Arial, Verdana, sans-serif;
}

input, textarea {
	font:12px normal Tahoma, Helvetica, Arial, Verdana, sans-serif;
}

a img {
	border:0;
}

.eng { font-size:10px; }

p.framed { text-align:center; }
p.framed img {
	padding:5px;
	background-color:#333;
}

/***** PAGE-NAVI >>>>>>>>>> */
.wp-pagenavi a, .wp-pagenavi a:link, .wp-pagenavi a:active {
	padding: 2px 4px 2px 4px; 
	margin: 2px;
	text-decoration: none;
	border: 1px solid #444;
	color: #555;
}
.wp-pagenavi a:hover {	
	border: 1px solid #333;
	color: #fff;
	background-color: #333;
}
.wp-pagenavi span.pages {
	padding: 2px 4px 2px 4px; 
	margin: 2px 2px 2px 2px;
	color: #666;
	border: 1px solid #333;
}
.wp-pagenavi span.current {
	padding: 2px 4px 2px 4px; 
	margin: 2px;
	font-weight: bold;
	border: 1px solid #555;
	color: #fff;
	background-color: #555;
}
.wp-pagenavi span.extend {
	padding: 2px 4px 2px 4px; 
	margin: 2px;	
	border: 1px solid #555;
	color: #666;
}
/***** PAGE-NAVI <<<<<<<<<< */

/*************/
/* container */
/*************/
#container {
	width:725px;
	margin:0 auto;
}

/***********/
/* sidebar */
/***********/
#sidebar {
	width:155px;
	float:left;
}

#sidebar-logo {
	height:47px;
	text-indent:-9999em;/* Hide Text */
	border-bottom:2px solid #555;
	background:transparent url("./images/bg-logo.gif") no-repeat top;
}
#sidebar-logo a {
	display:block;
	width:155px;
	height:47px;
}

#sidebar-main {
	margin:0 auto;
	width:144px;
	padding-top:4px;
	color:#bbb;
	font-size:12px;
	line-height:1.5;
}
#sidebar-main #description {
	text-align:left;
	font-weight:normal;
}

#sidebar-main #title-subscribe,
#sidebar-main #title-navigation,
#sidebar-main #title-links {
	height:5px;
	margin: 8px 0;
	line-height:5px;/* Nice to IE... */
	text-indent:-9999em;/* Hide Text */
}
#sidebar-main #title-subscribe { background-image: url("./images/bg-sidebar-title-subscribe.gif"); }
#sidebar-main #title-navigation { background-image: url("./images/bg-sidebar-title-navigation.gif"); }
#sidebar-main #title-links { background-image: url("./images/bg-sidebar-title-links.gif"); clear:left; }

#sidebar-main .sidebar-content {
	width:140px;
	margin:0 auto;
	line-height:100%;
	font-weight:normal;
}
#sidebar-main .sidebar-content a { color:#bbb; text-decoration:none; line-height:12px; }
#sidebar-main .sidebar-content a:hover { color:#c4962a; }
#sidebar-main .sidebar-content .subscribe-all {
	padding-left:15px;
	text-align:left;
	background:transparent url("./images/bg-sidebar-rss-link.gif") no-repeat left top;
}
#sidebar-main .sidebar-content .imglink { margin-bottom:8px; }
#sidebar-main .sidebar-content #navi {
	text-align:left;
	margin:7px 0 10px;
}
#sidebar-main .sidebar-content #navi a {
	display:block;
	margin:6px 0;
	background:transparent url("./images/bg-sidebar-line-dotted.gif") no-repeat 49px bottom;
}
#sidebar-main .sidebar-content #navi span {
	padding-right:3px;
	background:transparent url("./images/bg-sidebar-line-solid.gif") repeat-x bottom;
}
#sidebar-main .sidebar-content #navi span.index {
	float:right;
	padding-right:0;
	padding-left:3px;
}
#sidebar-main #links img {
	margin-bottom:4px;
	margin-right:4px !important;
}

/********/
/* main */
/********/
#main {
	float:right;
	width:510px;
	margin-top:6px;
	padding:15px;
	-moz-border-radius:5px;
	-khtml-border-radius:5px;
	-webkit-border-radius:5px;
	border-radius:5px;
	background:transparent url("./images/bg-main.png");
}

/* menu */
ul#navimenu {
	margin:0;
	padding:0 45px;
	height:235px;
	list-style-type:none;
	background:transparent url("./images/bg-main-menu.jpg") no-repeat top;
}
ul#navimenu li {
	float:left;
	margin:0;
	padding:0;
}

ul#navimenu li a {
	display:block;
	color:#dfd7ad;
	text-decoration:none;
	font-weight:bold;
	line-height:32px;
	height:32px;
/*	width:70px;*/
	width:82px;
	font-size:12px;
}

ul#navimenu li a:hover {
	color:#fb0;
/*	background:transparent url("./images/bg-menu-hover.gif") no-repeat center;*/
}
ul#navimenu li a.current {
	color:#b5de11;
	background:transparent url("./images/bg-menu-current.png") no-repeat center;
}
ul#navimenu li a:hover span { border-bottom:2px solid #fb0; }
ul#navimenu li a.current span { border-bottom:2px solid #b5de11; }

/* content excerpt */
.main-excerpt {
	color:#999;
	margin-top:8px;
	font-size:12px;
	text-align:left;
	padding-top:17px;
	line-height:20px;
	background:transparent url("./images/bg-main-excerpt.gif") no-repeat top;
}
.excerpt-img {
	float:left;
	width:100px;
	height:100px;
	padding:5px;
	margin:0 10px 10px 0;
	background:#444 url("./images/bg-excerpt-cover.jpg") no-repeat center;
}
.excerpt-header {
	height:40px;
	margin-left:120px;
	padding-left:90px;
	background:transparent url("./images/bg-excerpt-radio.png") no-repeat left top;
}
.excerpt-title {
	font-size:14px;
	font-weight:bold;
	line-height:21px;
}
.excerpt-title a {
	color:#86ad29;
	text-decoration:none;
}
.excerpt-title a:hover {
	color:#fb0;
}
.excerpt-info {
	color:#555;
	font-size:10px;
	line-height:15px;
	padding-left:7px;
	font-weight:normal;
}
.excerpt-column1, .excerpt-column2 { width:240px; }
.excerpt-column1 { float:left; }
.excerpt-column2 { float:right; }
.excerpt-column-header {
	height:48px;
	text-indent:-9999em;/* Hide Text */
}
#excerpt-header-words { background:transparent url("./images/bg-excerpt-words.png") no-repeat left top; }
#excerpt-header-melody { background:transparent url("./images/bg-excerpt-melody.png") no-repeat left top; }
ul.excerpt-list {
	color:#555;
	margin:0;
	padding:0;
	list-style-type:none;
}
ul.excerpt-list li { margin-bottom:10px; }
ul.excerpt-list li p { margin:0; }
ul.excerpt-list a {
	color:#999;
	display:block;
	font-weight:bold;
	text-decoration:none;
}
ul.excerpt-list a:hover { color:#fb0; }
ul.excerpt-list a span { color:#555; padding-left:12px; }

/* posts */
div#posts {
	margin:13px 0 0;
	padding:0;
	list-style-type:none;
}
div#posts div.post {
	margin:0;
	position:relative;
	padding:18px 0 0;
	min-height:200px;/**/
	background:transparent url("./images/bg-main-post.gif") no-repeat top;
}
.post-title {
	color:#86ad29;
	font-size:14px;
	text-align:center;
	margin-bottom:4px !important;
	padding-bottom:3px;
	background:transparent url("./images/bg-post-title.gif") no-repeat bottom;
}
.post-title a {
	color:#86ad29;
	text-decoration:none;
}
.post-title a:hover {
	color:#fb0;
}
.post-info {
	color:#555;
	display:block;
	font-size:10px;
	line-height:10px;
	font-weight:normal;
	text-transform:uppercase;
}
.post-info a { color:#555; text-decoration:none; }
.post-content {
	color:#aaa;
	width:450px;
	font-size:12px;
	line-height:1.7;
	text-align:left;
	padding-bottom:25px;
	margin:20px 30px;
	background:transparent url('./images/bg-post-bottom.gif') no-repeat bottom;
}
.post-content .wordtube, .post-content object { text-align:center; }
.post-content a, .cmt-content .content a {
	color:#dfd7ad;
	text-decoration:none;
	border-bottom:1px dotted #dfd7ad;
}
.post-content a:hover, .cmt-content .content a:hover {
	color:#fb0;
	border:none;
	padding:3px 0;
	background-color:#333;
}

/* comments */
#comments, #response {
	width:510px;
	clear:both;
	text-align:left;
	padding-top:23px;
	background:transparent url('./images/bg-comments-header.gif') no-repeat left top;
}

#comments-header, #response-header {
	color:#aaa;
	font-size:14px;
	margin-left:60px;
	margin-bottom:13px;
	line-height:18px;
	background:transparent url('./images/bg-comments-title.gif') no-repeat left bottom;
}
#comments-header small, #response-header small {
	color:#888;
	font-size:10px;
	padding-left:3px;
	text-transform:uppercase;
}
ol#comments-content {
	margin:0;
	padding:0;
	font-size:12px;
	list-style-type:none;
}
/*
#comments .comment {
	clear:both;
}
#comments .comment .cmt-gravatar { float:left; }
#comments .comment .cmt-gravatar img { border:1px solid #555; }
#comments .comment .cmt-content {
	color:#888;
	width:420px;
	float:right;
	padding:0 12px 25px 26px;
	background:transparent url('./images/bg-comment.gif') no-repeat left 1px;
}
*/
#comments .depth-1 {
	clear:both;
}
#comments .depth-1 .cmt-gravatar { float:left; }
#comments .depth-1 .cmt-gravatar img { border:1px solid #555; }
#comments .depth-1 .cmt-content {
	color:#888;
	width:420px;
	float:right;
	padding:0 12px 25px 26px;
	background:transparent url('./images/bg-comment.gif') no-repeat left 1px;
}


.depth-1 ul.children {
	margin:0;
	padding:0;
	clear: both;
	list-style-type:none;
}
#comments .depth-2 { clear:both; margin-left: 40px; }
#comments .depth-2 li { clear:both; }
#comments .depth-2 .cmt-gravatar { float:left; }
#comments .depth-2 .cmt-gravatar img { border:1px solid #555; }
#comments .depth-2 .cmt-content {
	color:#888;
	width:380px;
	float:right;
	padding:0 12px 25px 26px;
	background:transparent url('./images/bg-comment.gif') no-repeat left 1px;
}

.cmt-content .author {
	color:#666;
	padding-left:15px;
	background:transparent url('./images/bg-commenter.gif') no-repeat left;
}
.cmt-content .author a {
	color:#dfd7ad;
	text-decoration:none;
}
.cmt-content .author a:hover {
	color:#aaa;
	text-decoration:underline;
}
.cmt-content .content {
	line-height:1.6;
}
.cmt-content .content p { margin:8px auto 8px; }
.cmt-content .info {
	color:#444;
	font-size:10px;
	text-transform:uppercase;
}

/* response */
#response p.p-info {
	color:#666;
	font-size:120%;
	text-align:left;
}
#response p.p-info a {
	color:#444;
	text-decoration:none;
}
#response p.p-info a:hover {
	color:#444;
	text-decoration:underline;
}
#response #response-form {
	width:480px;
	margin:0 auto;
	text-align:left;
}
#response p,
#response #response-form p {
	margin:0;
}
#response #response-form p.textinput {
	height:21px;
	margin:0 0 4px;
	padding:0 0 0 55px;
	border:1px solid #333;
}
#response #response-form p.textinput label {
	display:none;
}
#response #response-form p.textinput input {
	color:#999;
	border:none;
	width:430px;
	padding-top:3px;
	background-color:transparent;
}
#response #response-form p#p-author {
	background:transparent url('./images/bg-response-name.gif') left top no-repeat;
}
#response #response-form p#p-email {
	background:transparent url('./images/bg-response-email.gif') left top no-repeat;
}
#response #response-form p#p-url {
	background:transparent url('./images/bg-response-url.gif') left top no-repeat;
}
#response #response-form textarea#comment {
	color:#999;
	width:478px!important;
	width:485px;
	height:75px;
	font-size:120%;
	border:1px solid #333;
	background:transparent url('./images/bg-response-comment.gif') left top no-repeat;
}
#response #response-form input#submit {
	clear:both;
	color:#666;
	overflow:auto;
	width:480px!important;
	width:489px;
	height:28px;
	line-height:28px;
	margin-top:3px;
	font-size:12px;
	font-weight:bold;
	border:1px solid #333;
	background:transparent url('./images/bg-response-submit.gif');
}

#contribute {
	color:#999;
	width:450px;
	padding:0 30px;
	font-size:12px;
}
#contribute a { color:#777; }
#contribute p { margin:20px 0; }
#contribute label {
	color:#999;
	line-height:21px;
	display:block;
	text-align:left;
	font-size:12px;
	font-weight:bold;
	margin-bottom:4px;
}
#contribute label em {
	color:#555;
	display:block;
	font-weight:normal;
}
#contribute input,#contribute textarea {
	width:450px;
	color:#777;
	margin:0;
	border:1px solid #444;
	background-color:transparent;
}
#contribute input {
	height:18px;
	padding-top:5px;
	line-height:23px;
}
#contribute input.submit {
	color:#666;
	width:450px!important;
	width:459px;
	height:43px;
	line-height:40px;
	font-size:14px;
	font-weight:bold;
	border:1px solid #333;
	background:transparent url('./images/bg-response-submit.gif');
}
#contribute textarea#content-text-ta { height:170px; }
#contribute textarea#excerpt-ta { height:60px; }
#contribute fieldset { border:none; }
#contribute legend { display:none; }

/**********/
/* footer */
/**********/
.footer-spacer {
	height:60px;
	display:none;
}
#footer {
	display:none;
	clear:both;
	position:fixed;
	bottom:0;
	width:100%;
	margin:auto;
	height:30px;
	border-top:1px solid #333;
	background-color:#212121;
}
#footer #inner {
	color:#666;
	font-size:10px;
	line-height:30px;
	text-transform:uppercase;
}