﻿@charset "utf-8";
/*
Theme Name: Guitarbean
Theme URI: http://guitarbean.com/
Description: the theme of guitarbean.com
Version: 1.1
Author: Jerry Li

Default WordPress by Dave Shea || http://mezzoblue.com
Modifications by Matthew Mullenweg || http://photomatt.net
This is just a basic layout, with only the bare minimum defined.
Please tweak this and make it your own. :)
*/

/*2007-08-31 by Jerry*/
/* General Styles Start */
html, body, form, menu, dir, fieldset, blockquote, p, div, pre, ul, ol, li, dl, dd, h1, h2, h3, h4, h5, h6 { margin: 0; padding: 0;}

/*html, body { height: 100%;}*/

img { border: 0;}

ul,li { list-style-type: none;}

div,p { display: block;}

html body .clear,
html body div.clear,
html body span.clear,
html body li.clear,
html body dd.clear
{
     background: none;
     border: 0;
     clear: both;
     display: block;
     float: none;
     font-size: 0;
     list-style: none;
     margin: 0;
     padding: 0;
     overflow: hidden;
     visibility: hidden;
     width: 0;
     height: 0;
	 line-height: 0;
	 font-size: 0;
}

.alignleft{float:left;}
.alignright{float:right;}

.none { display: none;}

.va-top { vertical-align: top;}

.red { color: #f00;}

.right { text-align: right !important;}

.center { text-align: center !important;}

body { background: #fff; font-size:12px;font-family:Arial,  Verdana,"宋体",  Helvetica, sans-serif; color: #333; line-height: 160%;line-height:1.8em; text-align:center;}

/* Link Style Start */
a,a:link{color:#333;text-decoration:none;}
a:hover { color: #f60; text-decoration:underline;}
/*a:visited{color:#609;}*/
			
/* Link Style End */



/* Input Style Start */
input, textarea, select{ font-size: 1em; font-family: Verdana, Arial, Helvetica, sans-serif;}

.radio,.checkbox{ border:0;}

.submit, .button{}

.input-style,textarea{ width:200px;border:1px solid #ccc;padding:2px;background:url(images/input_background.png) 0 0 no-repeat;margin:0;}
textarea{width:auto;}

/* Input Style End */
.tips{color:#999;font-size:12px;}
input.tips, textarea.tips{font-size:1em;}

blockquote{margin-bottom:0.5em;background:url(images/quote.gif) no-repeat 0.5em 0;padding-top:0.3em;}
blockquote p{/*margin:0 0 0 0.8em;border-left:4px solid #ccc;*/padding:0 1em 0 2.6em;font-family:"楷体_GB2312","Courier New", Courier, monospace ;}
code {border:#F9D7A8 solid 1px;background:#FEF9E7 url(images/linenumber.gif) no-repeat 1px 0;padding:2px 0 0 22px;display:block;line-height:20px;}

/* General Styles End */

body{background:url(images/header.png) repeat-x 0 0;}

.wraper{text-align:left;}
	.header{width:960px;margin:0 auto;padding-bottom:20px;}
		.logo{float:left;}
			.logo h1 {margin:0;padding:0;font-size:0;line-height:0;clear:none;float:none;}
		.description{float:left;color:#fff;font-family:Arial, Helvetica, sans-serif;margin:38px 0 0 -5px;}
		.nav {float:right;height:28px;margin-top:60px;}
			.nav ul,.nav li{list-style:none;float:left;clear:none;}
			.nav li{margin-right:2px;height:30px;overflow:hidden;}
			.nav a, .nav a:hover{background:url(images/tabs.png) no-repeat 0 -31px;float:left;display:block;text-align:center;width:98px;height:24px;overflow:hidden;font-weight:700;color:#fff;line-height:2.3em;font-size:1em;text-decoration:none;}
			.nav li.clicked a{background-position:0 0;margin:0;height:31px;}
			.nav a:hover{background-position:0 -55px;height:31px;}
			.nav li.clicked a:hover{background-position:0 0;margin:0;height:31px;}
			/*
			.nav span{float:left;clear:none;display:block;cursor:pointer;height:32px;background:#fff;overflow:hidden;}
			.nav .tab-l{background:url(images/tab_left.png) no-repeat 0 0;width:3px;} 
			.nav .tab-r{background:url(images/tab_right.png) no-repeat 100% 0;padding:3px 15px 0 12px;line-height:1.6em;height:29px;} 
			*/
			
	.main{width:960px;margin:0 auto;}
		.content{padding-bottom:1.2em;}
		.right-col{float:right;width:715px;overflow:hidden;}
	
		.skirt{padding:0 0 1em;margin:0 0 1em;border-bottom:1px solid #ccc;background:url(images/skirt_bg_it.gif);}
			.news-message{/*background:#035ec1 url(images/share-line-bg.png) repeat-x 0 100%;*/background:#f5f5f5;border:1px solid #d9d9d9;border-right:0;border-left:0;}
				.share-line{width:960px;margin:0 auto;height:26px;overflow:hidden;}
				.skirt .left-meta{float:left;overflow:hidden;height:22px;display:block;}
				.share-to{display:block;float:left;margin:5px 3px 0 0;}
					
				.skirt .affiche {float:left;display:block;height:22px;padding-top:3px;}
				.skirt .affiche a{line-height:1.6em;padding-left:28px;color:#000;
						background:url(images/letter_16.gif) no-repeat 3px center;}
				.search-sk {float:right;padding-top:2px;}
					.search-sk input{width:150px;color:#333;height:14px;}
					.search-sk .submit{background:url(images/search_b.gif) no-repeat;border:0;width:80px;height:20px;color:#000;cursor:pointer;line-height:20px;padding-left:12px;}

			.news-letter{width:960px;margin:0 auto;padding-top:1.2em;}
				.news-letter h2{margin:0 0 0.3em;font-size:1.8em;font-family:Georgia,"Times New Roman",Times,serif; }
				.news-letter .widget{display:block;float:left;overflow:hidden;}
				.letter_1,
				.news-letter .widget_recent_entries{
					float:left;width:380px;margin-right:10px;border-right:1px dashed #ccc;height:160px;}
				.letter_1 li,
				.news-letter .widget_recent_entries li{
					padding-left:0.8em;background:url(images/arrow_1.gif) no-repeat 1px center;}
					
				.letter_2,.news-letter #text-1{float:left;width:280px;border-right:1px dashed #ccc;}
				.news-letter #text-1 .textwidget{padding-right:0.4em;}
				
				.letter_3,.news-letter #text-2{float:right;width:280px;}
	
	
	
	#sidebar {float:left;width:224px;padding-bottom:1em;padding-left:2px;}
		.search{height:26px;}
		li.search{border-bottom:1px solid #eee;}
			.searchform .input-style{width:148px;height:15px;float:left;margin:1px 2px 0 0;}
			.searchform .submit{background:url(images/search-white.png) no-repeat;color:#000;font-weight:700;border:0;width:66px;height:22px;float:left;cursor:pointer;}
		#sidebar li li{border-bottom:1px solid #eee;line-height:2.2em;font-size:1em;color:#666;padding-left:1.2em;}
		#sidebar h2{font-size:1.4em;padding:0.3em 0 0.1em;font-family:Georgia,"Times New Roman",Times,serif;}
			.categories li {background:url(images/folder.gif) no-repeat 0.5% 46%;padding-left:1.2em;}
			.archives li{background:url(images/achives.gif) no-repeat 0.5% 46%;padding-left:1.2em;}
			.linkcat li{background:url(images/links.gif) no-repeat 0.5% 46%;padding-left:1.2em;}
			.meta li{background:url(images/arrow_1.gif) no-repeat 0.5% 46%;padding-left:1.2em;} 
			
	h2.pagetitle{color:#690;border-top:#AAD1F2 1px solid;line-height:1.8em;background:url(images/arrow-right.gif) no-repeat 1% 50% #F0FAFF;padding-left:1.3em;margin-bottom:0.2em;font-size:14px;font-weight:700;}		
	
	.search-input{text-align:left;padding:0 0 0;margin:0 0 1em;}
	.search-input .searchform .input-style{width:300px;}
	.search-input .searchform {width:450px;}
	
	.post{padding:0.2em 0;font-size:10px;margin-bottom:2.3em;clear:both;}
		.post .date{width:42px;height:49px;background:url(images/ac.gif) no-repeat;text-align:center;font-size:2.4em;clear:none;line-height:1em;}
		.post .date span{font-weight:700;display:block;width:42px;color:#fff;text-align:center;line-height:2.0em;font-size:12px;}
		.post .title {float:right;width:660px;clear:none;}
		.post .title h3,.single .content h2{font-size:1.8em;border-bottom:1px solid #cecece;padding:4px 0 1px;}
		.errorpage .content h2.pagetitle{padding-left:1.3em;}
		.post .title h3 a,.single h2 a{font-size:1em;font-family:Georgia,"Times New Roman",Times,serif;text-decoration:none;color:#333;font-weight:400;}
		.post .title h3 a:hover,.single .content h2 a:hover{color:#f60;}
		
		.postmetadata{}
		.postmetadata,.post small{color:#666;line-height:1em;color:#999;font-size:1.2em;padding:0.35em 0 0 0;height:1.6em;}
		.postmetadata a{color:#666;}
		.postmetadata a:hover{color:#f60;}
		.postmetadata img{margin-right:3px;}
		.postmetadata small{line-height:1.6em;color:#999;}
		.post .alt {padding:5px;border-top:1px solid #e0e0e0;border-bottom:1px solid #e0e0e0;height:auto;margin-top:1.5em;}
		.post .alt small{font-size:0.8em;line-height:1.2em;}
		
		.entry{font-size:1.4em;padding-top:0.2em;line-height:1.4em;}
		.entry p{margin-bottom:0.7em;}
		.entry code{font-size:0.85em;}
		.entry a{color:#06c;}
		.entry a:hover{color:#f60;}
			
		
	.search-page .right-col h2{color:#690;}
	.search-page .pagetitle span{color:#333;}
	.search-page h3{font-size:1.6em;font-weight:400;}
	.search-page .post{border-bottom:1px solid #ddd;}
	.search-page .post small{line-height:1.6em;}
	.search-page .postmetadata,.search-page .postmetadata a{color:#06c;}
	.notmatch {padding-top:0.3em;}
	.notmatch ul,.notmatch ul li{list-style:disc inside;padding-left:0.2em;}
	.search-page .post{margin:0.2em 0 0;}
	
	
	.links h2{font-size:1.2em;font-weight:400;border-bottom:1px solid #eee;line-height:1.4em;}
	
	
	
	
	
	
	
	h3#comments,h3#respond{color:#690;line-height:1.8em;font-size:1.4em;margin-bottom:0.1em;}
	h3#comments img,h3#respond img{margin-right:4px;}
	
	.commentlist {padding:0 0 1em 2.4em;line-height:1.3em;}
	.commentlist li{list-style:decimal outside;padding:0.7em 0 1.3em 0.15em;margin-left:1em;;border-bottom:1px dashed #ccc;font-size:1em;color:#777;}
	.commentlist small{font-size:0.9em;line-height:1.4em;}
	.commentlist small a{color:#999;}
	.commentlist cite {font-weight:700;font-style:normal;color:#333;}
	.commentlist p{color:#000;padding-top:0.5em;}
	
	#commentform p{padding-bottom:0.3em;font-size:12px;}
	#commentform textarea{width:500px;}
			
/*footer start*/
	.footer{text-align:left;padding:5px 0 1em ;font-family:"Times New Roman",Times,serif;}

			.nav-foot {width:960px;margin:0 auto;}
			.nav-foot li {float:left;}
			.nav-foot a{font-weight:400;color:#002b8e;}
			.nav-foot a:hover{text-decoration:underline;}
			.copyright{color:#ccc;width:960px;margin:0 auto;}
	
	.powerby {float:right;}
	.powerby, .powerby a{color:#ccc;font-size:10px;}
	
	
/*paperbar2 start*/
.pagebar {
	padding: 0.2em 0.5em;
	margin-right: 0.1em;
	margin-bottom: 1.0em;
	border: 1px solid #fff;
	background: #fff;
	text-decoration: none;
}

.pagebar a,.pageList .this-page {
	border: 1px solid #ccc;
	text-decoration: none;
	padding: 0.2em 0.5em;
	background:#fff;
}

.pagebar a:visited {
	border: 1px solid #ccc;
	text-decoration: none;
	padding: 0.2em 0.5em;
	color:#606;
}

.pagebar .break {
	padding: 2px 6px 2px 6px;
	border: none;
	background: #fff;
	text-decoration: none;
}

.pagebar .this-page {
	padding: 0.2em 0.5em;
	font-weight: bold;
	color: #690;
}

.pagebar a:hover {
	border-color: #396518;
	color:#fff;
	background:#690;
}

.pagebar .inactive
{
   border: 1px solid #cccccc;
	 color: #ccc;
   text-decoration: none;
   padding: 0.2em 0.5em;
}
/*paperbar2 end*/