@charset "utf-8";
/* CSS Document */
/*
    Theme Name: 牛仔
	
    Description: "牛仔"主题WORDPRESS 模板，视觉丰富有趣，细节力求完美。特别开发侧边栏隐藏/显示功能,用户可根据需要选择是否显示边栏，方便更好地阅读文章、浏览图片及观看视频。首页文章发表采用缩略图与摘要显示，保持了首页的丰富与整洁。模板还支持头部图像切换，背景图像及背景颜色更换。
	
    Version: 1.0
	
    Author:Cranely---wordpress.la
	
    Author URI: http://www.wordpress.la
	
    tags:blue,white,brown,orange,light,red,yellow,flexible-width,sticky-post,two-columns,right-sidebar,threaded-comments,custom-background,custom-header,photoblogging
	
	License: GNU GENERAL PUBLIC LICENSE Version 3, 29 June 2007

	License URI: http://www.gnu.org/licenses/gpl-2.0.html
*/


body {
	margin:0 auto;
	padding:0;
	font-family: Arial, Tahoma, Helvetica, sans-serif;
	color:#343434;
	font-size:12px;
}

body a {
	color:#343434;
}
body a:hover {
	text-decoration:underline;
}

.alignright{
   float:right;
   margin:15px;
   margin-right:0;
   }
 
.alignleft{
    float:left;
    margin:15px;
    margin-left:0;
   }

.aligncenter {
   display:block;
   margin:15px auto;
   }

img.aligncenter, 
img.alignright, 
img.alignleft  { 
	border: 1px solid #ccc; 
	text-align: center; 
	padding:5px; 
	}

table,tr, th, td {
	background: transparent;
	border: 0;
	margin: 0;
	padding: 0;
	vertical-align: baseline;
}

table {
	border-collapse: collapse;
	border-spacing: 0;
}

.wp-caption {
	line-height: 18px;
	margin-bottom: 20px;
	padding: 4px;
	text-align: center;
}

.wp-caption-text {
	color:#1387be;
	font-size: 12px;
	margin: 5px;
}

.home .sticky {
	border-top: 4px solid #1387be;
	margin:10px -20px;
	padding: 18px 20px;
	}

.gallery-caption {
	color: #1387be;
	font-size: 12px;
	margin: 0 0 12px;
}
.bypostauthor {
}

.white{
	color:#fff;
	}
	
#header {
	width:938px;
	margin:0 auto;
	clear:both;
	position:relative;
}

#headerContent {
}


#headerContent h1 {
	font-size:28px;
	font-weight:bold;
	width: auto;
	padding-left:10px;
}
#headerContent h1 a {
	text-decoration:none;
}
#description {
	color:#fff;
	font-size:14px;
	position:absolute;
	left:0;
	top:70px;
	width: auto;
}

/* =Menu
-------------------------------------------------------------- */
#menu {
	width:938px;background:url(images/bg.jpg) no-repeat;margin:0 auto;height:38px;overflow:hidden;
}
#nav ul{margin:0;padding:0;}
#nav li{float:left;background:url(images/nav_bg.jpg) no-repeat center right;line-height:34px;padding:2px 10px 0;margin:0;list-style-type:none;}
#nav li.no_bg{padding:0;width:2px;background:url(images/nav_nobg.jpg) no-repeat;height:34px;margin-left:-2px;}
#nav a{color:#fff;font-weight:bold;display:block;height:32px;width:82px;text-align:center;overflow:hidden;font-size:14px;text-decoration:none;}
#nav a:hover{background:url(images/bg.jpg) no-repeat -265px -40px;text-decoration:none;}


/* =content
-------------------------------------------------------------- */
.wrapper {
	width:938px;
	height:auto;
	margin:0 auto;
}

#container,#contentTop,#contentBot {
}

#container {
	position:relative;
}

#contentTop {
	height:20px;
}

#contentBot {
	height:34px;
	background:url(images/content_bot.png) no-repeat right top;
}


/* =main
-------------------------------------------------------------- */
#container .main {
	width:676px;
	margin:0 38px 20px 10px;
	float:left;
	display:inline;
	line-height:20px;overflow:hidden;
}


.main .posts .postmetadata {
	font-size:12px;
	float:left;
	width:670px;
	padding-bottom:5px;
	margin-bottom:15px;
	border-bottom:3px solid #1387be;
}

.title {
	color:#6c3714;
	font-size:18px;
	font-weight:bold;
	height:25px;
	margin:0;
	padding-bottom:15px;
	border-bottom:1px solid #d8d8d8;
}
#container .main .entry img {
	padding:5px;
	border:1px solid #CCCCCC;
	margin:12px 12px 12px 0;
	float:left;
	width:auto;
}

#container .main .entry h3{
	clear:both;
}

#container .main .entry p{
	word-wrap:break-word;
}

.posts-quick {
	margin:0;
	padding:0;
	list-style:none;
}

.posts-quick .entry-thumbnails {
	width:145px;
	height:145px;
	padding:0 8px 8px 8px;
	margin:0 12px 12px 0;
	float:left;
	position:relative;
}

.posts-quick .entry-thumbnailsBg {
	width:130px;
	height:32px;
	margin:0 12px 12px 0;
	position:absolute;
	top:-18px;
	left:15px;
	background:url(images/thambnail_bg.png) no-repeat top left;
	z-index:9999;
}

.posts-quick .entry-thumbnails img {
	width:145px;
	height:130px;
	border:1px solid #ccc;
}
.posts-quick li {
	margin-bottom:20px;
	padding:10px 0;
	clear:both;
	height:auto;
	line-height:20px;
	width:100%;	
}
.singleTitle{
	font-size:16px;
	font-weight:bold;
	line-height:20px;
	clear:both;
	padding-bottom:10px;
	margin-top:20px;
	border-bottom:2px solid #1387be;
}

.posts-quick h3, .post h3{
	color:#1387be;
	font-size:16px;
	font-weight:bold;
	line-height:20px;
	clear:both;
	margin:0;
	padding:0;
}
.posts-quick h3 a, .post h3 a{
	color:#1387be;
	text-decoration:none;
}
.posts-quick h3 a:hover, .post h3 a:hover{
	color:#1387be;
	text-decoration:underline;
}
.posts-quick .entry-summary {
	font-size: 12px;
	overflow:hidden;
	white-space:normal;
}
.posts-quick .postmetadata, 
.post .postmetadata {
	font-size:12px;
	float:left;
	width:100%;
	clear:both;
	padding-bottom:5px;
	margin-bottom:10px;
	border-bottom:2px solid #1387be;
}
.posts-quick .postmetadata a, 
.post .postmetadata as {
	text-decoration:underline;
}
.posts-quick .quick-read-more a:link, .posts-quick .quick-read-more a:visited {
	padding:0 3px;
	font-size: 12px;
	text-decoration: none;
	float:right;
}
.posts-quick .quick-read-more a:hover {
	color:#fff;
	background:#1387be;
}

.edit-link {
	clear: both;
	display: block;
}

.page-link {
	font-weight: bold;
	margin: 0 0 22px 0;
	word-spacing: 0.5em;
}
.page-link a:link,
.page-link a:visited {
	background: #f1f1f1;
	color: #333;
	font-weight: normal;
	padding: 0.5em 0.75em;
	text-decoration: none;
}
.home .sticky .page-link a {
	background: #d9e8f7;
}
.page-link a:active,
.page-link a:hover {
	color: #ff4b33;
}


/* next previous */
.previous a {
	float:left;
	width:93px;
	height:33px;
}
.previous a:hover {
	font-weight:bold;
}
.next a {
	float:right;
	width:93px;
	height:33px;
}
.next a:hover {
	font-weight:bold;
}
/*main end*/	



/* =sidebar
-------------------------------------------------------------- */
#sidebar {
	width:189px;
	padding:0;
	margin:0;
	float:left;
}

#sidebarBtn {
	width:45px;
	height:148px;
	right:-8px;
	top:100px;
	position: absolute;
	z-index:9999;
}


.close-sidebar, .show-sidebar {
	width:45px;
	height:148px;
	cursor: hand;
}

.close-sidebar img, .show-sidebar img{
	border:0;
}


#sidebar h2 {
	background:url(images/sidebarTitle.jpg) no-repeat bottom;
	height:32px;
	width:169px;
	line-height:30px;
	padding-left:20px;
	margin-top:30px;
	font-size:14px;
	font-weight:bold;
	text-transform:uppercase;
	color:#fff;
	float:left;
}
#sidebar ul {
	font-size:12px;
	line-height: 25px;
	margin:0;
	padding:0;
}
#sidebar ul li {
	float:left;
	list-style-type: none;
}
#sidebar ul li ul {
	width:170px;
	float: left;
	margin-left:17px;
	_margin-left:5px;
}
#sidebar ul li ul ul {
	width:95%;
	float: left;
	background-image: none;
	margin: 0px;
	padding: 0px;
}
#sidebar ul li ul li {
	list-style-type: none;
	padding-left:15px;
	width: 85%;
	display: block;
	float: left;
	margin:0 5px;
}
#sidebar a {
	color: #5c5c5c;
	text-decoration:none;
}
#sidebar .tagcloud {
	width:160px;
	padding-left:20px;
}
#sidebar .tagcloud a {
	color: #5c5c5c;
	text-decoration:none;
	display:inline;
}
#sidebar a:hover {
	text-decoration: underline;
	font-weight:bold;
	color:#386878;
}


/* =calendar
-------------------------------------------------------------- */
#calendar_wrap {
	width:160px;
	float: left;
	text-align: center;
	padding:0 15px;
}
#wp-calendar {
	empty-cells: show;
	font-size: 12px;
	color: #6c3714;
	text-decoration: none;
	text-align: center;
	width:160px;
	padding: 5px 0px;
}
#wp-calendar a:link, #wp-calendar a:visited {
	text-decoration: none;
	background-color: #1387be;
	color:#FFFFFF;
	padding: 2px;
}
#wp-calendar a:hover, #wp-calendar a:active {
	text-decoration: underline;
}
#wp-calendar caption {
	font-family: "Trebuchet MS", Tahoma, "Arial Narrow";
	font-weight: normal;
	text-align: center;
	width:170px;
	color: #6c3714;
	font-size:12px;
	height: 22px;
	line-height: 22px;
	padding-bottom: 5px;
}
#wp-calendar th {
	margin: 0px;
	padding: 0px;
	text-align: center;
}
#wp-calendar td {
	text-align: center;
}	


.navigation {
	height:20px;
	margin:10px 0;
	list-style:none;
	text-align:center;
	clear:both;
}

.navigation a {
	float:none;
	text-decoration: none;
	padding:3px 5px;
	margin-top:10px;
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	display: inline-block;
}

.navigation a:hover {
	background-color:#1387be;
	color: #FFF;
	text-decoration: none;
}

#nav-below {
	margin: 18px 0 0 0;
}

.nav-previous {
	float: left;
	width: 50%;
	text-align:left;
}
.nav-next {
	float: right;
	text-align: right;
	width: 50%;
}


/* =comments
-------------------------------------------------------------- */
#comments{
	float:left;
	margin:10px 0;
	}
	
.commentlist {
  list-style:none;
  margin:0;
  padding:0;
}

.comment{
	margin-bottom:20px;
	}

#reply-title {
	width:190px;
	height:32px;
	padding-left:8px;
	line-height:30px;
	color:#fff;
	background: url(images/commentTitle.jpg) top left no-repeat;
	position:absolute;
	left:0;
}

#comments-title	{
	color:#999;
}

.commentlist .avatar {
	border: 1px solid #1387be;
	padding: 2px;
	float: left;
	margin: 0 15px 10px 0;
}
.commentlist cite {
	font-weight: 700;
	font-style: normal;
	line-height: 20px;
	font-size: 14px;
	color:#1387be;
}
.commentlist li {
	border-bottom: 1px dashed #1387be;
	padding:10px 0 35px 0;
}

.commentlist li ul li{
	border:none;
	padding:0;
}

.commentlist li ul{
	list-style:none;
}

.commentlist p {
	font-size: 12px;
}
.commentlist .comment-meta, #commentlist .comment-meta abbr {
	border: none;
	text-decoration: none;
	font-size: 12px;
}

.commentlist .reply a{
	color:#1387be;
	float:right;
	text-decoration: none;
	padding:3px 8px;
	margin: 0;
}

.comments-navigation a, .read-more {
	color:#666;
	float:right;
	text-decoration: none;
	padding:3px 8px;
	margin: 0;
	border: 1px solid #1387be;
}
.commentlist .reply a:hover, .comments-navigation a:hover,  .read-more:hover {
	background: #1387be;
	color: #FFF;
}
.comments-navigation {
	padding: 0 10px 10px;
}
.comments-navigation a {
	display: inline-block;
}
.nocomments {
	border: solid #E7E7E7;
	border-width: 0 1px 1px;
	padding: 15px 10px;
	margin: 0 10px 10px 0;
	font-size: 12px;
	display:none;
}

#respond{
    padding-top:20px;
	}
	
#commentform {
	margin:35px 10px 0 0;
	padding: 10px;
}
#commentform label {
	color: #1387be;
}
#commentform label.error {
	margin: 5px 0;
	color: #A80009;
	font-weight: bold;
	padding: 5px;
}
#commentform span.required {
	color: #A80009;
}
#commentform input[type=text] {
	display: block;
	width: 300px;
	border:1px solid #ccc;
	font: 12px 'Lucida Grande', Arial, Helvetica, sans-serif;
	margin: 5px 0;
	padding: 5px;
}
#commentform textarea {
	display: block;
	font: 14px 'Lucida Grande', Arial, Helvetica, sans-serif;
	border:1px solid #ccc;
	width: 90%;
	margin-bottom: 5px;
}

#commentform #submit {
	color:#fff;
	padding:5px;
	margin:7px 0;
	text-align: center;
	background:#1387be;
}

#commentform #submit:hover{
	border: 1px solid #ccc;
}

#cancel-comment-reply-link {
	font-size: 11px;
	float:right;
}

/* =footer
-------------------------------------------------------------- */
.footer{background:url(images/foot_bg.jpg) repeat-x;margin-top:20px;clear:both;}
.footer .in{width:938px;margin:0 auto;padding:24px 0 20px 0;}
.footer .logo{float:left;padding:0 30px 0 200px;border-right:1px solid #c3c3c3;}
.footer .copyright{line-height:24px;padding:0 0 0 320px;color:#666;}
.footer p{margin:0;}

/*footer end*/

/*new style*/
#wp-admin-bar-wp-logo{display:none!important;}
a img{border:none;}
.clear{clear:both;}
.page-title{}
.time{display:none;}
#respond{display:none;}
.reply{display:none;}