/*  
Theme Name: Mflat
Theme URI:http://axiu.me/theme/
Description: A theme in Black and red. widgets ,sticky posts and hilight author's comments supported, no plugins required.
Version: 1.0.9
Author: Axiu
Author URI: http://axiu.me/
Tags: Black, red, two-columns, flexible-width, threaded-comments, right-sidebar

	The CSS, XHTML and design is released under GPL:
	http://www.opensource.org/licenses/gpl-license.php

*/
body{font:13px/1.231 arial,helvetica,clean,sans-serif;font-size:small;}select,input,button,textarea{font:99% arial,helvetica,clean,sans-serif;}table{font-size:inherit;}pre,code,kbd,samp,tt{font-family:monospace;font-size:108%;line-height:100%;}

*{border:0;margin:0;padding:0;}
/*Global layouts*/
body {
	margin:0;
	padding:0;
	text-align: center;
	background:#F9F9F9;
}

div#header{
	width:100%;
	background:url(images/background.png);
}
div#header .headerbox{
	width: 95%; /*(60%~ | 600px~ | 60em~) etc.*/
	min-width: 980px;
	max-width: 1000px;
	margin-right: auto;
	margin-left: auto;
	position: relative;
	text-align: left;
}
div#content {
	width: 95%; /*(60%~ | 600px~ | 60em~) etc.*/
	min-width: 980px;
	max-width: 1000px;
	margin-right: auto;
	margin-left: auto;
	position: relative;
	text-align: left;
	padding:0 20px;
	background:#F9F9F9 url(images/sidebar_middle.png) repeat-y;
}

div#main {
	width: 70%;
	float: left;
	padding-bottom:20px;
}

div#sidebar {
	width: 28%;
	float: left;
	clear: right;
}


a {
	color:#666;
	text-decoration:none;
}
a:hover {
	color:#B81D34;
}

a img{
	border:1px solid #999;
}
h1 {
	margin: 0;
	padding: 15px 20px;
	background:url(images/bg_title2.png) -8px 0 repeat-y; 
	line-height: 1.5;
	font-size: 167%;
	color: #000;
}

h2 {
	padding:7px 0px 7px 10px;
	margin-top:7px;
	font-size: 134%;
	font-weight: normal;
}
h2 a{
	color:#000;
}

h3 {
	margin-top: 2em;
	font-size: 116%;
}

p {
	margin: 1em 0;
}

blockquote {
	margin: 1em 0 1em 20px;
	padding: 8px 10px 5px 20px;
	border: 1px solid #eee;
	color: #444;
	background:url(images/bg_title.png) -8px 0;
}

blockquote  p {
	margin-top: 0.5em;
	margin-bottom: 0.5em;
}

pre {
	padding: 15px 20px;
	margin:10px 0;
	border: 1px solid silver;
	background-color: #f5f5f5;
	overflow: auto;
	width: 90%;
}

code{
  color: #100;
  background:#f9f9f9 url(images/code.png) left top no-repeat;
  border: 1px solid silver;
  margin: 0 0 1.5em 0;
  padding:5px;
  overflow: auto;
}

table {
	margin: 1em 0;
	border: 1px solid #ccc;
	background-color: #fff;
}
table th{
	background-color:#eee;	
}
table td{
	border-right:1px solid #eee;
	border-bottom:1px solid #eee;
}
em {
	font-weight: bold;
	font-style: normal;
}

strong {
	font-size: 109%;
	font-weight:bold;
}
ol li{
	margin-left:10px;
}
/*header*/
div#twitterbox{
height:37px;
 background:#000;
 width:70px;
 top:-1px;
 left:-1px;
 position:absolute;
}
div#header p.siteName {
	margin: 0;
	padding-top:30px;
	line-height: 1;
	font-size: 250%;
	float:left;
}
div#header p.siteName a{
	width:300px;
	height:70px;
	display:block;
}
div#header p.description {
	font-size: 112%;
	padding:40px 0 40px 0;
	margin:0 0 1px 0;
	background:url(images/header.png) 90% 0 no-repeat;
}



/*global Navi*/
#globalNavi{
	margin: 0;
	padding:0;
	background:#222;
	overflow:hidden;
	width:100%;
	}
#globalNavi ul {
	margin: 0;
	padding: 0;
	width:75%;
	float:left;
	overflow:hidden;
	background: #222;
}
#globalNavi ul li {
	margin-left: 0;
	float:left;
	list-style:none;
	height:45px;
	border-right: 1px solid black;
	border-left: 1px solid #555;
	float: left;

	_width: 110px;

	text-align: center;
}
#globalNavi ul li.current_page_item {
	background:#5b5b5b;
}
#globalNavi ul li.current_page_item:hover {
	background:#5b5b5b;
}
#globalNavi ul li:hover{
	background:#000;
}
#globalNavi ul li a {
	color:#FFF;
	padding:12px 15px 0 15px;
	display:block;
	height:30px;
	text-decoration: none;
}
#globalNavi ul li a:hover{
	color:#fff;
}
div.rss {
	float:right;
	text-align:right;
	font-weight:bold;
    padding: 0;
    z-index: 4;
}
div.rss a{
background:url(images/feed.png) no-repeat;
height:30px;
width:30px;
display:block;
margin-top:5px;
}
div.rss a:hover{
color:#000;
}
div.searchbox {
    border: 0;
	float:right;

}
#searchform div input#s{
    background: url(images/search.png) no-repeat 0 0;
	width:160px;
	border: 0px;
    margin: 10px 10px 0 10px;
    padding: 4px 0 4px 4px;
}
/*info*/

/*textbody and related*/
div#entry{
	padding:0 15px 20px 0;
}
div#entry h2{
	background:url(images/line.gif) bottom repeat-x;
	font-weight:bold;
	padding-right:0px;
	text-transform: uppercase;	
	margin-bottom:2px;
}

#entry .post{
	max-width:98%;
	padding-left:10px;
}
.label{
	float:left;
	color:#333;
	background:#eee url(images/label.png) top right repeat-y;
	position:absolute;
	height:50px;
	width:50px;
	left:-27px;
	font-style: italic;	
	text-align: center;	
}
.label span{
	width:50px;
	float: left;
	font-style: italic;	
	font-size:180%;
}
#entry .sticky {
padding:8px;
background:url(images/sticky.png) top right no-repeat;
border:1px solid #EEE;
color:#000;}
.sticky h2 a{
	color:#B81D34;
}
.sticky h2 a:hover{
	color:black;
}
.sticky .label {
	color:#B81D34;
}
#entry .post .entry{
	padding:0 10px 10px 5px;
}
#entry .post  h1{
	margin: 15px 0;
}

#entry .post .entry p {
	line-height:25px;
	text-indent:2em;
}
#entry .post .entry blockquote p,#entry .post .entry pre p{
	text-indent:0;
}

#entry .post .entry p img{
	padding:4px;
	max-width:550px;
	background: #eee url(images/bg-diag.gif);
}
#entry .post .entry p img a:hover{
	background: #333;
}
#entry .post .entry p a.more-link{
	border-left:4px solid #B81D34;
	float:right;
	padding: 1px 18px 1px 1px;
	background:#eff url(images/continue.gif) no-repeat 100% 50%;
}

#entry .post .entry p a.more-link:hover {
	color:#B81D34;
	background:#eee url(images/continue.gif) no-repeat 100% 50%
}
#entry .post .entry  .gallery{
	width:98%;
	overflow:hidden;
}
.gallery img{
	border:none;
	width:100%;
	margin:0 10px;
}
/*entry info*/
#entry .post  .info {
	padding:8px 5px;
	margin:0 0 0 5px;
	overflow:hidden;
	background:url(images/line.gif) bottom repeat-x;
}
#entry .post  .info .dateinfo{
	float:left;
	background: url(images/date2.png) no-repeat 3px 50%;
	padding-left:25px;	
	margin-right:5px;
}

#entry .post  .info .catinfo{
	float:left;
	background: url(images/cat1.png) no-repeat 3px 50%;
	width:50%;
	padding-left:25px;	
}
#entry .post  .info .catinfo:hover{
	background: url(images/cat2.png) no-repeat 3px 50%;
}
#entry .post  .info .cmtinfo{
	float:right;
	background: url(images/comments1.png) no-repeat 3px 50%;
	padding-left:25px;
}
#entry .post  .info .cmtinfo:hover{
	background: url(images/comments2.png) no-repeat 3px 50%;
	}
#entry .post  .infobottom {
	font-style: italic;
}	
.infobottom .tags{
background: url(images/tag2.png) no-repeat 3px 50%;
padding-left:25px;
}

#entry .related{
margin:0px;
padding-left:20px;
background: url(images/bg-diag.gif) repeat-x 0% 0%;
overflow:hidden;
}
#entry .related h4{
margin:1.33em 0px;
}
#entry .related li{
float:left;width:45%;
}

#entry .flip{
background: url(images/bg-diag.gif) repeat-x 0% 0%;
width:100%;
overflow:hidden;
padding-top:15px;
margin:10px 0px;
}
#entry .prevpost{
	padding-left: 18px;
	background-image: url(images/prev.png);
	background-repeat:no-repeat;	
	background-position: left center;
float:left;
}
#entry .nextpost{
	padding-right: 18px;
	background-image: url(images/next.png);
	background-repeat:no-repeat;	
	background-position: right center;
float:right;
}

/*page navi*/
.page_navi {
	padding:3px 3px 3px 3px; 
	margin: 30px 3px 3px 3px;
	TEXT-ALIGN: center;
	overflow:hidden;
	background:url(images/line.gif) top repeat-x;
}
.page_navi a, .page_navi a:link {
	PADDING-RIGHT: 5px;
	PADDING-LEFT: 5px;
	PADDING-BOTTOM: 2px;
	COLOR: #000;
	MARGIN-RIGHT: 2px;
	PADDING-TOP: 2px;
	TEXT-DECORATION: none;
}
.page_navi a:hover {
	color:#B81D34;
	background-color:#eee;
}
.page_navi a.current {
	PADDING-RIGHT: 5px;
	PADDING-LEFT: 5px;
	FONT-WEIGHT: bold;
	PADDING-BOTTOM: 2px;
	COLOR: #fff;
	MARGIN-RIGHT: 2px;
	PADDING-TOP: 2px;
	BACKGROUND-COLOR: #B81D34;
}

/*Page style*/
#entry #flip2{
	list-style-type: none;
	padding:5px;
	margin-bottom:15px;
	background-color: #f5f5f5;
}
#entry #flip2 li{
	color: #000;
	padding-bottom:15px;
	color: #999;
}
/* Newer | Older */

/*Comments*/

/*Comment form*/
 #submit{
	padding: 5px 10px;
	border: none;
	font-size: 85%;
	font-weight: bold;
	text-transform: uppercase;
	color: #fff;
	background: #666;
}

#submit:hover {
	color:#B81D34;
	background: #eee;
}

input,
textarea {
	padding: 0.2em;
	border-width: 1px;
	border-style: solid;
	border-color: #ccc;
	background-color: #fff;
}

input:hover,
textarea:hover {
	border-color: #999;
}
input{
	padding:5px 5px;
}
textarea {
	padding: 0.5em 10px;
}
/*comments style*/
h2#commentsx{
	overflow:hidden;
}
div.entry span.addown {
	position:relative;
	top:-35px;
	float:right;
	padding:5px 5px 0px 0px;
	font-size: 134%;
	font-weight: normal;
}
div.entry span.addown a{
	background: url(images/addown1.png) no-repeat 3px 50%;
	padding-left:25px;
}
div.entry span.addown a:hover{
	background: url(images/addown2.png) no-repeat 3px 50%;
}

.thread-alt {
	background: white url(images/line2.gif) top repeat-x;;
}
.thread-even {
	background:#F9F9F9 url(images/line2.gif) top repeat-x;;
}
.depth-1 {
}

ol.commentlist {
	margin:0px;
	padding:17px 0 0 0;
}
ol.commentlist #respond{
	margin: 1em 0px 0px 76px;
}
ol.commentlist li {
	list-style:none;
	padding:10px 25px 20px 10px;
}
ol.commentlist li:hover{

}
ol.commentlist li  .message_head{
	padding-left:60px;
}
ol.commentlist li span.date{
	color: #bbb;
}
ol.commentlist li span.name a {
	color:#B81D34;
	margin-right: 0.5em;
}
 ol.commentlist li span.name a:hover{
	color:#333;
}

 ol.commentlist li span.reply a{
display: block;
float:right;
top:0;
text-decoration:none;
border:1px dotted #cfcfcf;
padding: 3px;
}
 ol.commentlist li span.reply a:hover{
background-color:#eee;
}

 ol.commentlist li span.avatarx {
	float:left;
	clear: left;
	border:1px solid #CBCBCB;
	padding:4px;
	margin-right:3px;
}
 ol.commentlist li span.cmt_text{
	padding-bottom: 3px;
}
 ol.commentlist li span.cmt_text p img{
	border:none;
	padding: 0px;
}

 ol.commentlist span.cmcount a{
	font-family:Candara;
	font-size: 170%;
	color:#B81D34;
	float:left;
	position:absolute;
	margin-left:-50px;
}
 ol.commentlist li span.cmcount a:hover{
	color:#333;
}
/*comments children style*/

 ol.commentlist  ul.children li {
	padding-right:0;
	background:url(images/line2.gif) top repeat-x;;
}
 ol.commentlist  ul.children {
}
 ol.commentlist  ul.children li  .message_head{
	padding-left:50px;
}
 ol.commentlist  ul.children li span.date{
	color: #76787A;
	float:right;
	font-style: italic;
	display:none;
}

 ol.commentlist  ul.children li span.at_icon a{
background: url(images/reply.png) no-repeat;
display: block;
float: right;
height: 16px;
margin: -32px 40px 0px 0px;
padding: 0px;
text-indent: -999em;
width: 16px;
}
 ol.commentlist .comment-author-admin  ul.children li span.avatarx{
	background: #C04019;
	padding: 4px;
}
 ol.commentlist   ul.children li span.avatarx{
	border:1px solid #CBCBCB;
	padding:4px;
	margin-right:3px;
}
 ol.commentlist   ul.children li span.avatarx img{
	width:32px;
	height:32px;
}
ol.commentlist ul.children li span.name{

}
 ol.commentlist ul.children  li .cmt_text{
 	padding-bottom: 5px;
	color:#333;
	width:90%;
}
 ol.commentlist ul.children  li .cmt_text a{
	color:#B81D34;
}
 ol.commentlist ul.children  li .cmt_text a:hover{
	color:#000;
}
 ol.commentlist ul.children  li .cmt_text p{
	margin:3px;
}
 ol.commentlist ul.children li .cmt_text p img{
	padding:1px;
	border:none;
}
 ol.commentlist ul.children li .cmcount{
	margin-left:-40px;
}
div#comments,div#trackback {
	padding: 1px 0;
}
div#comments h2,
div#trackback h2 {
	padding: 0.5em 15px;
	border: none;
	font-size: 116%;
	color: #333;
	background-color: #eee;
}

div#trackback dl.log dt {
	margin: 0.8em 0 0;
	font-weight: bold;
}

div#trackback dl.log dt span.name {
	color: #000;
}

div#trackback dl.log dt span.date {
	margin-left: 10px;
	color: #666;
	font-weight: normal;
}

div#trackback dl.log dd {
	margin: 0;
	padding: 0.8em 0 1em;
	border-bottom: 1px solid #eee;
}

div#trackback dl.log dd p {
	margin: 0;
}
/*sidebar*/
#sidebar ul {
	margin:0px;
	padding:0 0 0 10px;
	list-style: none;
}
#sidebar  h2 span{
	background:#999;
	color:#FFF;
	padding:5px;
	font-size:84%;
	font-weight:bold;
	margin:20px 5px;
}
#sidebar ul li ul {
	overflow:hidden;
}
#sidebar ul li ul li{
	line-height:30px;
	padding-right:5px;
	list-style:circle;
	list-style-position: inside;
	background:url(images/line.gif) bottom repeat-x;
}

.widget_archive li,.widget_links li,.widget_categories li,#category li{
	width:47%;
	float:left;
}
.c_avatar{
	width:35px;
	height:35px;
	border:1px solid #CBCBCB;
	padding:2px;
	margin-right:3px;
	float:left;
	display:block;
}
.wp-smiley{
	border:none;
}

/*Feeds*/

/*footer*/

div.return {
	float:right;
	margin-right:10%;
	padding-top:5px;
}
div.return a{
	background:#2C2B2A url(images/gotop.png) no-repeat 10% 50%;
	text-decoration: none;
	padding:5px 5px 5px 25px;
}
div#footer{
	background:#2C2B2A;
	margin-bottom:-20px;
	border-top: 6px solid #2C2B2A;
	z-index:-2;
	margin-top:20px;
	padding:5px 0;
}

div#footer .footercontenter{
	width: 95%; /*(60%~ | 600px~ | 60em~) etc.*/
	min-width: 980px;
	max-width: 1000px;
	margin-right: auto;
	margin-left: auto;
	position: relative;
	text-align: left;
	overflow:hidden;
}
.footerbox{
	color:#FFF;
	float:left;
	width:30%;
	margin-right:20px;
}
.footerbox li{
	width:50%;
	float:left;
	padding:5px 0 7px 0;
	list-style:none;
	background:url(images/footerline.png) bottom repeat-x;
}
div#footer .support{
	width: 95%; /*(60%~ | 600px~ | 60em~) etc.*/
	min-width: 900px;
	max-width: 1000px;
	margin-right: auto;
	margin-left: auto;
	position: relative;
	text-align: right;
	color:#fff;

}

/*Tag cloud*/

#sidebar ul li ul.tagCloud {
overflow:hidden;
padding-left:0px;
}
ul.tagCloud li {
	margin: 0;
	padding: 0;
	display: inline;
	font-size: 100%;
}

ul.tagCloud li a {
display: block;
line-height: normal;
padding: 5px 10px; 
background-color: #e41270;
color: #ffffff;
width: auto;
float: left;
margin-left: 3px;
margin-bottom:3px;
font-size: 11px !important; 
}

/* Tag level 1 > 6 */

ul.tagCloud li.level1 a {
	font-size: 167%;
	font-weight: bold;
	color: #000;
	background-color: #d80000;
}

ul.tagCloud li.level2 a {
	font-size: 136%;
	font-weight: bold;
	color: #444;
	background-color: #b80000;
}

ul.tagCloud li.level3 a {
	font-size: 122%;
	font-weight: bold;
	color: #999;
	background-color: #a80000;
}

ul.tagCloud li.level4 a {
	font-size: 114%;
	color: #bbb;
	background-color: #880000;
}

ul.tagCloud li.level5 a {
	font-size: 92%;
	color: #ddd;
	background-color: #580000;
}

ul.tagCloud li.level6 a {
	font-size: 77%;
	color: #fff;
	background-color: #280000;
}
ul.tagCloud li a:hover {
	background-color: #9a9a9a;
}
/*Calendar*/

#wp-calendar {
	margin: 0 0 5px;
	border-color: #ddd;
	width: 100%;
}
#wp-calendar th,
#wp-calendar td {
	padding: 0;
	line-height: 1.8;
	font-size: 85%;
	text-align: center;
}

#wp-calendar th {
	line-height: 2;
	font-weight: normal;
}

#wp-calendar td {
	color: #888;
	padding: 0;
	width: 14%;
}

#wp-calendar td a {
	display: block;
	font-weight: bold;
	text-decoration: none;
	color: #666;
	background-color: #eee;
}

#wp-calendar td a:hover {
	color: #000;
	background-color: #bbb;
}

/*--------------------------------------
	dl.data
---------------------------------------*/

dl.data {
	padding: 0;
	border-left: 5px solid #ddd;
	border-right: 1px solid #eee;
	border-bottom: 1px solid #eee;
}

dl.data dt {
	margin: 0;
	padding: 5px 0 0 0;
	border-top: 1px solid #eee;
	line-height:25px;
	width: 11em;
	float: left;
}
	
dl.data dd {
	margin: 0 0 0 11em;
	padding: 0.3em 1em;
	line-height:25px;
	border-left: 1px solid #eee;
	border-top: 1px solid #eee;
}


/*IE6*/

div#main,
div#utilities dl.navi,
div#utilities dl.others {
	overflow: hidden;
}
.count {
	color: #999;
}

/* Clearfix*/
div#content {
	min-height: 1px;
}
div#content:after {
	height: 0;
	visibility: hidden;
	content: ".";
	display: block;
	clear: both;
}
/* Captions */
.aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto;
}
.alignleft {
	margin:0;
	float:left;
}

.alignright {
	margin:0;
	float:right;
}

.wp-caption {
	border: 1px solid #ddd;
	text-align: center;
	background-color: #f3f3f3;
	padding-top: 4px;
	margin: 10px;
}

.wp-caption img {
	margin: 0;
	padding: 0;
	border: 0 none;
}

.wp-caption-dd {
	font-size: 11px;
	line-height: 17px;
	padding: 0 4px 5px;
	margin: 0;
}
/* End captions */