/*  
Theme Name: Mflat
Theme URI:
Description: A theme in Black and red,widgets supported, no plugins required.
Version: 1.0.2
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:10px 0 0 0;
	text-align: center; 
        background: #000000;
}

div#header,
div#content {
	width: 95%; /*(60%~ | 600px~ | 60em~) etc.*/
	min-width: 900px;
	max-width: 1000px;
	margin-right: auto;
	margin-left: auto;
	position: relative;
	text-align: left;
	padding:0 15px;
	background:#fff;
	border-left:1px solid #C0C0C0;
	border-right:1px solid #C0C0C0;	
}

div#main {
	width: 70%;
	float: left;
	padding-bottom:0px;
	border-right: 1px solid #eee;
	border-bottom: 1px solid #eee;
}

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


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

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;
	background-color: #f5f5f5;
	overflow: auto;
	width: 90%;
}

em {
	font-weight: bold;
	font-style: normal;
}

strong {
	font-size: 109%;
	font-weight:bold;
}

/*header*/
div#top-line{
height:7px;
 background:#000;
 width:100%;
 top:-1px;
 left:-1px;
 position:absolute;
 z-index:-2;
}
div#header p.siteName {
	margin: 0;
	padding-top:20px;
	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/bg.png) 100% 50% no-repeat;
}



/*global Navi*/
#globalNavi{
	margin: 0;
	padding:0;
	background:#222;
	overflow:hidden;
	width:100%;
	}
#globalNavi ul {
	margin: 0;
	padding: 0;

	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 5px 0;
}
div#entry h2{
	background:url(images/bg_title.png) repeat-y;
	font-weight:bold;
	padding-right:0px;
	text-transform: uppercase;	
	margin-bottom:2px;
}

#entry .post{
	padding-left:10px;
}

#entry .post .entry{
	padding:0 10px 10px 5px;
}
#entry .post  h1{
	margin: 15px 0;
}

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

#entry .post .entry p img{
	padding:7px;
	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;
        margin-top: 10px;
	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 info*/
#entry .post  .info {
	padding:5px;
	margin:0 0 0 5px;
	overflow:hidden;
	background:#f7f7f7;
}
#entry .post  .info .dateinfo{
	float:left;
	background: url(images/date2.png) no-repeat 3px 50%;
	padding-left:25px;	
}

#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;
	padding-left:25px;
}
#entry .post  .info .cmtinfo:hover{
	}
#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-RIGHT: 3px;
	PADDING-LEFT: 3px;
	PADDING-BOTTOM: 3px;
	MARGIN: 3px;
	PADDING-TOP: 3px;
	TEXT-ALIGN: center;
	background: url(images/bg-diag.gif);	
	border-right:8px solid #B81D34;
}
.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;
	background:url(images/bg_title.png) -10px 0 repeat-y;
	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-color: white;
}
.thread-even {
	border-top:1px solid #EEE;
	background:#FBFBFF;
}
.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 10px 10px;
}
ol.commentlist li:hover{

}
ol.commentlist li  .message_head{
	padding-left:50px;
}
ol.commentlist li span.date{
	color: #999;
}
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;
text-decoration:none;
margin: -15px 10px 0px 0px;
border:1px dotted #cfcfcf;
padding: 3px;
}
 ol.commentlist li span.reply a:hover{
background-color:#eee;
}
 ol.commentlist li span.date {
	color:#381D34;
}

 ol.commentlist li span.avatarx {
	float:left;
	clear: left;
	border:1px solid #CBCBCB;
	padding:2px;
	margin-right:3px;
}
 ol.commentlist li span.cmt_text p img{
	border:none;
	padding: 0px;
}
 ol.commentlist li span.cmcount a{
	font-family:Candara;
	font-size: 170%;
	color:#B81D34;
	float:right;
}
 ol.commentlist li span.cmcount a:hover{
	color:#333;
}
/*comments children style*/

 ol.commentlist  ul.children li {
	margin-bottom:13px;
	background:#F3F3FA;
	border:1px solid #ddd;
}
 ol.commentlist  ul.children {
}
 ol.commentlist  ul.children li  .message_head{
	padding-left:0px;
}
 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   ul.children li span.avatarx{
	float:right;
	background: #EEE;
	border: none;
	margin: 1px;
	padding: 2px;
}
 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{
	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{
	display:none;
}
div#comments {
	padding: 1px 0;
}

h2#commentsx{
}

/*sidebar*/
#sidebar ul {
	margin:0px;
	padding:0 0 0 10px;
	list-style: none;
}
#sidebar h2{
	background:url(images/bg_title.png) repeat-y -10px 0;
	margin-bottom:10px;
}
#sidebar ul li ul li:nth-child(odd) 
{ 
background-color:#F7F7F7; 
}
#sidebar ul li ul li{
	line-height:25px;

}
.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:5%;
	padding-top:5px;
}
div.return a{
	background:#333 url(images/gotop.png) no-repeat 10% 50%;
	text-decoration: none;
	padding:5px 5px 5px 25px;
}
div#footer{
	margin-bottom:-20px;
	border-top: 0px solid #333;
	z-index:-2;
	margin-top:20px;
}

div#footer .support{
	width:100%;
	display:block;
	padding:0px 0 0px 0;
	color:#eee;
	background:#000;
	bottom:-10px;
	text-align:center;
	float:right;

}

/*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*/

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

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

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

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

table#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 {
	float: left;
}

.alignright {
	float: right;
}
We also recommend (but do not require) that you include the image caption CSS classes in your theme: 
.wp-caption {
	border: 1px solid #ddd;
	text-align: center;
	background-color: #f3f3f3;
	padding-top: 4px;
	margin: 10px;
	-moz-border-radius: 3px;
	-khtml-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
}

.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 */