@charset "utf-8";
/* CSS Document */
/*

    Theme Name: BLACK POME

    Description: "BLACK POME" is a concise and exquisite wordpress theme.

    Version: 1.0

 	Theme URI: http://www.yuxiaofei.com/2013/02/abouttheme/
    
	Author:YUXIAOFEI
	
	Author URI: http://www.yuxiaofei.com

	tags:black,brown,two-columns,right-sidebar,custom-menu,threaded-comments
    
	License: GNU GENERAL PUBLIC LICENSE Version 3, 29 June 2007

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



body {
	background: url(images/body_bg01.jpg) repeat #000;
	color:#717171;
	font:12px Arial, Helvetica, sans-serif;
	padding:0;
	margin:0;
}

p{
    line-height:22px;
	}
	
.clearfix  { display: inline-block; }

.clearboth{clear:both;}

a, a:link, a:visited {
	color: #717171;
	text-decoration: none;
}
a:hover {
	color: #9e825a;
	text-decoration:underline;
}

.a2, .a2:link, .a2:visited {
	color: #9e825a;
	text-decoration: none;
}

input[type=text], input[type=password], textarea {
	background: url(images/form.jpg) repeat-x top #FFF;
	border: 1px solid #CCC;
	padding: 5px 3px;
}
input[type=submit] {
	font-family: Arial, Helvetica, sans-serif;
	background: url(images/submit_03.jpg) no-repeat #9e825a;
	font-size: 12px;
	vertical-align:middle;
	padding-left:15px;
	color: #fff;
	font-weight: 700;
	border-radius: 3px;
	border:none;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	height:24px;
}
input[type=submit]:hover {
    color:#333333;
}

.floatright{
    float:right;
	}

.floatleft{
    float:left;
	}

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

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

   }

.apDiv1 {
	height:100%;
	width:100%;
	position:absolute;
	top:0;
	left:0;
	margin:0px;
	padding:0;
	background: url(images/body_bg02.jpg) repeat-x;
	z-index:-100;
}

.logged-in .apDiv1{top:28px;}

#wrapper{
   width:960px;
   margin:0 auto;
   padding:0;
   clear:both;
   }

#nav {
	padding-top:10px;
	display: block;
	margin: 0 auto;
	width: 960px;
	height:40px;
	position:relative;
}
#nav .menu-header,
div.menu {
	font-size: 13px;
	width: 900px;
}
#nav .menu-header ul,
div.menu ul {
	list-style: none;
	margin:0;
	padding:0;
}
#nav .menu-header li,
div.menu li {
	float: left;
	position: relative;
}
#nav a {
	color:#837052;
	display: block;
	line-height: 38px;
	padding: 0 10px;
	text-decoration: none;
}
#nav ul ul {
	box-shadow: 0px 3px 3px rgba(0,0,0,0.2);
	-moz-box-shadow: 0px 3px 3px rgba(0,0,0,0.2);
	-webkit-box-shadow: 0px 3px 3px rgba(0,0,0,0.2);
	display: none;
	position: absolute;
	top: 38px;
	left: 0;
	float: left;
	width: 180px;
	z-index: 99999;
}
#nav ul ul li {
	min-width: 180px;
}
#nav ul ul ul {
	left: 100%;
	top: 0;
}
#nav ul ul a {
	background: #333;
	line-height: 1em;
	padding: 10px;
	height: auto;
}
#nav li:hover > a,
#nav ul ul :hover > a {
	color: #fff;
}
#nav ul li:hover > ul {
	display: block;
}
#nav ul li.current_page_item > a,
#nav ul li.current-menu-ancestor > a,
#nav ul li.current-menu-item > a,
#nav ul li.current-menu-parent > a {
	color: #fff;
}
* html #nav ul li.current_page_item a,
* html #nav ul li.current-menu-ancestor a,
* html #nav ul li.current-menu-item a,
* html #nav ul li.current-menu-parent a,
* html #nav ul li a:hover {
	color: #fff;
}
  

.sub-nav {
	width:100px;
	position:absolute;
	top:20px;
	right:0;
}

.sub-nav a:link, .sub-nav a:visited {
	display: block;
	text-indent: -9000px;
	width:16px;
	height:16px;
	float:right;
	opacity: 0.6;
}
.sub-nav a:hover {
	opacity: 1;
}
.sub-nav #rss {
	background: url(images/rss.png) no-repeat;
	float:right;
	padding:0;
	margin:0;
}

.sub-nav #switchWhite {
	background: url(images/white.png) no-repeat;
	float:right;
	padding:0;
	margin-right:10px;
}

.sub-nav #switchBlack {
	background: url(images/black.png) no-repeat;
	float:right;
	padding:0;
	margin-right:10px;
}

/* header */
#header {
	clear:both;
	margin:0 auto;
	height: 100px;
	width:960px;
}
.logo {
	max-width:590px;
	float: left;
	font-family:  Arial, Helvetica, sans-serif;
	text-transform: capitalize;
	padding:0;
}
.blog-name {
	font-size:28px;
	letter-spacing: 1px;
	margin-top:15px;
}
.blog-name a:link, .blog-name a:visited {
	color: #FFF;
	text-decoration: none;
}
.blog-description {
	font-size: 12px;
	color: #7d716d;
	padding:0 0 8px 0;
}

#sidebar .searchform .s {
	font-family: 'Lucida Grande', Arial, Helvetica, sans-serif;
	font-size: 14px;
	background-color: #D2CBBF;
	color:#FFF;
	border:1px solid #BA9E78;
	padding:3px 5px;
	margin: 0 8px 0 0;
	float: left;
	width:220px;
}
#sidebar .searchform .searchsubmit {
	background: url(images/searchsubmit.gif) no-repeat;
	text-indent: -9000px;
	width:24px;
	height:24px;
	border: none;
	float: left;
	cursor: pointer;
	opacity: 0.7;
	text-transform: capitalize;
	padding: 0;
	margin: 0;
}
#sidebar .searchform .searchsubmit:hover {
	opacity: 1;
	background: url(images/searchsubmit.gif) no-repeat;
}


#header .searchform {
	width: 280px;
	margin:25px 0 0 0;
	float:right;
}
#header .searchform .s {
	font-family:Arial, Helvetica, sans-serif;
	font-size: 14px;
	background: #837f72;
	color:#d8c8b2;
	border:1px solid #5d4f3a;
	padding:3px 5px;
	margin: 0 8px 0 0;
	float: left;
	width: 180px;
	filter:alpha(opacity=80);
	-moz-opacity:0.8;
	opacity: 0.8;
}
#header .searchform .searchsubmit {
	background: url(images/search_submit.jpg) no-repeat;
	text-indent: -9000px;
	width: 74px;
	height: 24px;
	border: none;
	float: left;
	cursor: pointer;
	opacity: 0.7;
	text-transform: capitalize;
	padding: 0;
	margin: 0;
}
#header .searchform .searchsubmit:hover {
	opacity: 1;
	background: url(images/search_submit.jpg) no-repeat;
}

/* main start */

.mainTop {
	height:57px;
	background:url(images/content_top.jpg) repeat-x left;
	width:100%;
	clear: both;
}

#main {
	background: url(images/main_bg.jpg) repeat-y center #eee7cd;
	margin:0 auto;
	width:960px;
	margin-top: 10px;
}

#content {
	margin:0;
	width:588px;
	_width:575px;
	padding:0 20px 0 30px;
	float:left;
	overflow:hidden;
	white-space:normal;
	word-break:break-all;
}


#container01 {
	width:920px;
	float:left;
	padding:20px;
}

/*-----posts start-----*/
.home-title {
	text-transform: uppercase;
	font-weight:bold;
	font-size:14px;
	padding: 0 3px 8px;
	border-bottom: 1px solid #c3b198;
	margin: 15px 0px 15px 0;
	color: #9e825a;
	clear:both;
}

.home-title a {
	font-size:14px;
	color: #9e825a;
	clear:both;
}

.home-title ul{
	list-style:none;
	margin:0;
	padding:0;
}

.posts-default .entry-title {
	font-weight: 700;
	font-size: 14px;
}

.posts-default, .posts-quick {
   display:block;
   list-style:none;
   padding:0;
   margin:0;
}

.posts-default li {
	margin: 0 15px 10px 0;
	font-size: 12px;
	height:225px;
	width:180px;
	float:left;
	display:block;
	overflow:hidden;
}
.posts-default img {
	height:110px;
	width:170px;
	border:none;
}

.posts-default .entry-thumbnails {
	height:110px;
	width:170px;
	background:#fff;
	padding:5px;
	border:1px solid #ccc;
	position:relative;
}

.posts-default .entry-thumbnails-link {
	height:90px;
	width:260px;
}

.posts-default .entry-meta, .posts-quick .entry-meta {
	color: #CCC;
	background:url(images/75-black.png);
	height:25px;
	width:170px;
	font-weight: 700;
	float: left;
	display: block;
	position:absolute;
	top:90px;
	left:5px;
	_padding:5px 0 0 10px;
	_height:20px;
	_width:160px;
}

.posts-default .entry-comments, .posts-quick .entry-comments { float: right; margin: 5px 5px 0 0; _margin-top:0;background: url(images/comments.gif) no-repeat left center; padding: 0 0 0 12px; }

.posts-default .published {
	text-transform: uppercase;
	font-size: 11px;
	color: #999;
	line-height:25px;
	border-bottom: none;
	padding-left:8px;
}

.posts-default .entry-meta a:link, .posts-default .entry-meta a:visited, .posts-quick .entry-meta a:link, .posts-quick .entry-meta a:visited	{ color: #FFF; text-decoration: none; }

.posts-default .entry-summary  { margin: 0 5px; padding-bottom: 10px; line-height: 1.4em; }
.posts-default .entry-summary  p{margin:0; padding:0; width:170px;overflow: hidden; white-space:normal;}



.posts-quick .entry-thumbnails {
	height:130px;
	width:130px;
	background:#fff;
	padding:4px;
	border:1px solid #c3b198;
}

.posts-quick li {
    background:url(images/line_x.jpg) repeat-x bottom;
	margin:0 0 40px 0;
	padding:0 0 15px 0;
	_padding:0 0 45px 0;
}

.posts-quick .entry-thumbnails img {
	height:130px;
	width:130px;
	border:none;	
}

.posts-quick .entry-title {
	font-weight: 700;
	font-size: 16px;
	margin: 0;
	padding: 0;
}
.posts-quick .entry-summary {
	font-size: 12px;
	overflow:hidden;
	white-space:normal;
}
.posts-quick .entry-thumbnails {
	border: 1px solid #CCC;
	background: #FFF;
	float: left;
	margin: 0 15px 20px 0;
}
.posts-quick .entry-info {
	font-size: 11px;
	margin: 8px 0;
	height: 27px;
	border-bottom:1px solid #c3b198;
	overflow:hidden;
	position:relative;
}

.posts-quick .comment a{
	font-size: 14px;
	color:#fff;
	background:url(images/comments.jpg) no-repeat top;
	right:0;
	top:0;
	width:26px;
	height:25px;
	text-align:center;
	padding-top:3px;
	position:absolute;
}


.posts-quick .entry-info abbr {
	text-decoration: none;
	border: none;
}
.posts-quick .quick-read-more a:link, .posts-quick .quick-read-more a:visited {
	padding: 5px 10px;
	margin: 3px 0;
	font-size: 12px;
	color: #9e825a;
	text-decoration: none;
	font-weight:bold;
	float:right;
}
.posts-quick .quick-read-more a:hover {
	color:#FFF;
	background:#9e825a;
}

.posts-line {
	border: 1px solid #c3b198;
	display:block;
	list-style:none;
	padding:10px;
	margin-bottom: 0 0 0 15px;
}
.posts-line li {
	padding:7px 0;
	border-bottom: 1px solid #c3b198;
	width:100%;
	height:30px;
	clear: both;
}
.posts-line .entry-cat {
	font-size: 12px;
	float:left;

}
.posts-line .entry-title{
	font-size: 12px;
	color:#9e825a;
	float:left;
	line-height:20px;
	margin:0 0 0 15px;
}

.posts-line .entry-title a{
   color:#9e825a;

}

.posts-line .entry-comments {
	font-size: 12px;
	float:right;
}

/*-----posts end-----*/



/*-----sidebar start-----*/
#sidebar {
	width:270px;
	float:left;
	padding:0 21px 31px 31px;
	_padding:22px 11px 31px 41px;
}

#sidebar ul{
	list-style: none;
	padding: 0;
	margin: 0;
	line-height:25px;
}


#sidebar li ul li{
	padding-left:20px;	
}

#sidebar li ul li ul li{
	padding-left:30px;
}

#sidebar h2{
	text-transform: uppercase;
	font-weight: 700;
	font-size: 14px;
	padding: 2px 0 10px 0;
	_padding: 0px 0 5px 0;
	border-bottom: 1px solid #c3b198;
	margin: 15px 0px 15px 0;
	color: #9e825a;
	clear:both;
}


#advertblock {
width:270px;
margin:20px 0 30px 0;
float:left;
}

#advertblock img {
margin:0px 0px 3px 3px;
border:1px solid #c3b198;
background:#d8d5cd;
width: 130px;
height:130px;
float:left;
}

.widgetcontainer {
	display: block;
	padding:0px 0 25px 0;
}
.widgetcontainer a {
	color:#848484
}
.widgetcontainer a:hover {
	color:#9e825a;
	text-decoration: underline;
}
.widgetcontainer .excerpt {
	font-size: 11px;
	margin: 5px 0;
}

.multi-sidebar .thumb, .multi-sidebar .recentcomments .avatar, .featured-stories .thumb {
	float: left;
	border: 1px solid #CCC;
	margin: 0 10px 0 0;
	background: #FFF;
	padding: 2px;
}
.sidebar-read-more:link, .sidebar-read-more:visited {
	text-transform: uppercase;
	font-weight: normal;
	font-size: 10px;
	padding: 2px 4px;
	margin: 5px 0 0;
	display: inline-block;
	border-radius: 2px;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	color: #FFF;
	background: #333;
}
.sidebar-read-more:hover {
	background: #CC0000;
}

#wp-calendar {
	width:100%;
}

#wp-calendar a:link, #wp-calendar a:visited {
	text-decoration: none;
	background-color: #9e825a;
	color:#FFFFFF;
	padding: 2px;
}
#wp-calendar a:hover, #wp-calendar a:active {
	text-decoration: underline;
}

#wp-calendar th {
	text-align: center;
	color:#9e825a;
	margin: 0px;
	padding: 0px;
}

#wp-calendar tr td {
	text-align: center;
    margin: 0px;
	padding: 0px;
}

#wp-calendar caption {
	color: #9e825a;
	font-size: 12px;
	font-weight: 700;
	margin: 0;
	padding: 5px 9px;
	text-align: center;
}

	
.search-results-content .searchform, .sidebar .searchform {
	width: 250px;
}
#sidebar .searchform .s {
	font-family: 'Lucida Grande', Arial, Helvetica, sans-serif;
	font-size: 14px;
	background-color: #D2CBBF;
	color:#FFF;
	border:1px solid #BA9E78;
	padding:3px 5px;
	margin: 0 8px 0 0;
	float: left;
	width:220px;
}
#sidebar .searchform .searchsubmit {
	background: url(images/searchsubmit.gif) no-repeat;
	text-indent: -9000px;
	width:24px;
	height:24px;
	border: none;
	float: left;
	cursor: pointer;
	opacity: 0.7;
	text-transform: capitalize;
	padding: 0;
	margin: 0;
}
#sidebar .searchform .searchsubmit:hover {
	opacity: 1;
	background: url(images/searchsubmit.gif) no-repeat;
}

/*-----sidebar end-----*/


/* footer */
#footer { 
    background:url(images/footer_bg.jpg) repeat-x top;
    width:960px;
	margin:0 auto;
	margin-top:6px;
	min-height:100px;
}

.footer-sidebar		{
	overflow: hidden;
	margin:0 60px;
	padding:0;
}

#footer .widgetcontainer {
	background: none;
	border: none;
	float:left;
	margin: 0 30px 0 30px;
}

#footer h2 {
	background: none;
	border: none;
	font-size: 14px;
	color: #9e825a;
	letter-spacing: -1px;
	margin: 0;
}
#footer .widgetcontent {
	font-size: 12px;
	background: none;
	padding: 0;
	border: none;
}
#footer .widgetcontainer ul {
	margin:0;
	padding:0;
}

#footer .widgetcontainer ul li {
	margin:10px 0;
	line-height:20px;
	height:20px;
	border-bottom:1px solid #312a20;
	color:#5c4d3a;
	list-style:none;
	width:100px;
	overflow:hidden;
}

#footer .widgetcontainer ul li ul{
	margin:0;
	padding:0;
}

#footer .widgetcontainer ul li a {
	color:#5c4d3a;
}

#footer .widgetcontainer ul li li{
	float:left;
}

#footer .footer-message {
	font-size: 11px;
	clear:both;
	padding:15px;
	text-transform:capitalize;
}

#footer .footer-message a{
	color:#eee7cd;
}

.footer-sidebar-container {
	padding-top:30px;
}


/* single post */
.single-post a{
	color:#9e825a;
}

.single-post img{
	border:none;
	_width:100%;
}

.single .post, #main .single-post {
	background: #eee7cd;
	overflow:hidden;
}
.single .post .entry-title, .single-post .entry-title {
    text-transform: uppercase;
	font-weight: 700;
	font-size: 16px;
	padding: 0 3px 8px;
	margin: 15px 0px 15px 0;
	color: #9e825a;
	clear:both;
}

.single .post .entry-info, .single-post .entry-info {
	font-size: 11px;
	margin: 8px 0;
	height: 27px;
	border-bottom:1px solid #c3b198;
	overflow:hidden;
	position:relative;
}
.single .post .entry-info .published, .single-post .entry-info .published {
	border: none;
	float: left;
	margin-left: 10px;
}
.single .post .entry-cat, .single-post .entry-cat {
	color: #848485;
	line-height: 1.5em;
	margin-left: 10px;
}
.single-post .entry-info a:link, .single-post .entry-info a:visited {
	color: #9e825a;
	text-decoration: none;
}
.single-post .entry-info a:hover {
	color: #9e825a;
	text-decoration:underline;
}
.single .post .entry-author, .single-post .entry-author {
	font-weight: 700;
	float: left;
}
.single .post .entry-author address, .single-post .entry-author address {
	font-style: normal;
}
.single .post .tags, #main .single-post .tags {
	color: #848485;
	border-top: 1px dotted #CCC;
	line-height: 1.5em;
}
#main .single .post .tags strong, #main .single-post .tags strong {
	text-transform: uppercase;
	font-size: 11px;
}
.single .post .entry-photo img, .single-post .entry-photo img {
	border:none;
}
.single .post .entry-comments, .single-post .entry-comments {
	float: right;
	padding: 3px 3px 3px 17px;
	margin-top: 20px;
	background: url(images/comments.gif) no-repeat 3px 6px #383331;
	display: inline-block;
	color: #FFF;
	font-size: 14px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
}

h4,#reply-title {
	text-transform: uppercase;
	font-weight: 700;
	font-size: 14px;
	padding: 2px 0 10px 0;
	_padding: 0px 0 5px 0;
	border-bottom: 1px solid #c3b198;
	margin: 15px 0px 15px 0;
	color: #9e825a;
	clear:both;
}
h4,#reply-title a {
	color: #9e825a;
}

/* comments */

#commentlist {
  list-style:none;
  margin:0;
  padding:0;
}

.comment{
	margin-bottom:20px;
	}
	
#commentlist .avatar {
	border: 1px solid #c3b198;
	padding: 2px;
	float: left;
	margin: 0 15px 10px 0;
}

.bypostauthor {
}

#commentlist cite {
	font-weight: 700;
	font-style: normal;
	line-height: 20px;
	font-size: 14px;
	color:#9e825a;
}
#commentlist li {
	border-bottom: 1px dashed #c3b198;
	padding-bottom:35px;
}

#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: 11px;
}


#commentlist .reply a, .comments-navigation a, .read-more, .navigation a {
	color:#9e825a;
	float:right;
	text-decoration: none;
	padding:3px 8px;
	margin: 0;
	border: 1px solid #9e825a;
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	display: inline-block;
}
#commentlist .reply a:hover, .comments-navigation a:hover, .navigation a:hover, .read-more:hover {
	background-color: #9e825a;
	color: #FFF;
}
.comments-navigation {
	padding: 0 10px 10px;
}
.comments-navigation a {
	display: inline-block;
}
.nocomments {
	display:none;
}

#respond{
    padding-top:20px;
	}
	
#commentform {
	margin-right: 10px;
	padding: 10px;
}
#commentform label {
	color: #9E825A;
}
#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 #C3B198;
	font: 12px 'Lucida Grande', Arial, Helvetica, sans-serif;
	margin: 5px 0;
}
#commentform textarea {
	display: block;
	font: 14px 'Lucida Grande', Arial, Helvetica, sans-serif;
	border:1px solid #C3B198;
	width: 90%;
	margin-bottom: 5px;
}
#cancel-comment-reply-link {
	font-size: 11px;
}



.navigation {
	height:20px;
	margin:10px;
	list-style:none;
	text-align:center;
	color:#9e825a;
}

.navigation a {
	color:#9e825a;
	float:none;
	text-decoration: none;
	padding:3px 5px;
	margin-right:10px;
	border: 1px solid #9e825a;
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	display: inline-block;
}

.navigation a:hover {
	background-color: #9e825a;
	color: #FFF;
}

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

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

.home .sticky {
	border-top: 4px solid #ccc;
	margin-left: -20px;
	margin-right: -20px;
	padding: 18px 20px;
	}

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