/*  
Theme Name: Mflat
Theme URI:http://axiu.me/learning_notes/theme_mflat_been_to_public/
Description: A theme in Black and red. widgets, widgets supported, custom-menu supported, no plugins required.
Version: 1.1.6
Author: Axiu
Author URI: http://axiu.me/
Tags: Black, red, two-columns, flexible-width, threaded-comments, right-sidebar
License: GNU General Public License v2.0
License URI: http://www.gnu.org/licenses/gpl-2.0.html
*/
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;
	height:100px;
}
div#content {
	width: 95%; /*(60%~ | 600px~ | 60em~) etc.*/
	min-width: 980px;
	max-width: 1000px;
	margin-right: auto;
	margin-left: auto;
	margin-top: 50px;
	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{
	line-height:1.5;
	font-size:210%;
	color:#000;
	margin:0;
	padding:3px 0;
	text-shadow:0px 1px 0px #aaa;
}
h2{
	margin-top:7px;
	font-size:164%;
	padding:3px 0;
	text-shadow:0px 1px 0px #aaa;
}
h3{
	margin-top:0.5em;
	font-size:136%;
	text-shadow:0px 1px 0px #aaa;
}

p {
	margin: 1em 0;
}

blockquote {
	margin: 1em 0 1em 20px;
	padding: 8px 10px 5px 20px;
	border: 1px solid #bbb;
	color: #444;
	background:#eee;
	text-shadow:0px 1px 0px #aaa;
}

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:20px;
}
/*header*/
div#twitterbox{
height:37px;
 background:#000;
 width:70px;
 top:-1px;
 left:-1px;
 position:absolute;
}
div#header p.siteName {
	margin: 0;
	line-height: 1;
	font-size: 280%;
	float:left;
}
.siteName a{
	margin-right:40px;
	height:70px;
	padding-top:30px;
	display:block;
	color:#222;
	text-shadow:0px 0px 3px #000;
}
.siteName a:hover{
	color:#777;
}
.siteName a.logo_img{
	width:280px;
	height:80px;
	padding-top:10px;
	overflow:hidden;
}
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;
	height:45px;
	background:#222;
	position:absolute;
	width:100%;
	}
#globalNavi ul {
	margin: 0;
	padding: 0;
	width:75%;
	float:left;
	background: #222;
}
#globalNavi ul li {
	margin-left: 0;
	list-style:none;
	height:45px;
	border-right: 1px solid black;
	border-left: 1px solid #555;
	float: left;
	text-align: center;
}
#globalNavi ul ul{
	display:none;
	position:absolute;
	float:left;
	width:180px;
	display:none
}
#globalNavi ul ul li{
	min-width:178px;
	left:30px;
	height:35px;
	border-bottom:1px solid #000;
	border-top: 1px solid #555555;
}
#globalNavi ul ul ul{
	left:100%;
	top:0;
}
#globalNavi ul li:hover > ul{
	display:block;
	z-index:88
}
#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;
	line-height:25px;
	text-decoration: none;
}
#globalNavi ul ul li a {
	padding-top:5px;
}
#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:9px;
}
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*/
.topicPath{
	margin-top:15px;
	border-left:4px solid #CCC;
	padding:5px 30px 5px 5px;
	background:#EDEDED;
	max-width:650px;
	color:#666
}
.section{
	padding:15px 15px 20px 0;
}
.home .post-title{
	background:url(images/line.gif) bottom repeat-x;
	font-weight:bold;
	padding-right:0px;
	text-transform: uppercase;
	padding-bottom: 12px;
	margin-left:15px;
	text-shadow:0px 1px 0px #777;
	font-size: 150%;
}
.post-title a{
	color:#000
}
.post-title a:hover{
	color:#B81D34
}
.section .post{
	max-width:98%;
	overflow:hidden;
}
.post{
	padding-left:10px;
}
.single .post{
	padding-left:0;
}
.postlabel{
	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;	
}
.postlabel span{
	width:50px;
	float: left;
	font-style: italic;	
	font-size:180%;
}
.section .sticky {
padding:8px;
border:1px solid #EEE;
color:#000;
box-shadow: 3px -1px 3px #DDD;
}
.sticky h2 a{
	color:#B81D34;
}
.sticky h2 a:hover{
	color:black;
}
.sticky .label {
	color:#B81D34;
}
.section .post .entry{
	padding:0 10px 10px 5px;
	clear: right;
    overflow: hidden;
}
.section .post  h1{
	margin: 15px 0 15px 0;
}

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

.section .post .entry p img{
	padding:4px;
	max-width:650px;
	height: auto;
}
.section .post .entry p img a:hover{
	background: #333;
}
.section .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%;
}

.section .post .entry p a.more-link:hover {
	color:#B81D34;
	background:#eee url(images/continue.gif) no-repeat 100% 50%
}
.section .post .entry  .gallery{
	width:98%;
	overflow:hidden;
}
.gallery img{
	border:none;
	width:100%;
}
 .gallery-caption{
}

/*entry info*/
.section .post  .info {
	padding:8px 5px;
	margin:0 0 0 5px;
	overflow:hidden;
	background:url(images/line.gif) bottom repeat-x;
}
.bypostauthor{
}

.section .post  .info .catinfo{
	float:left;
	background: url(images/cat.png) no-repeat 3px 3px;
	width:50%;
	padding-left:25px;	
}
.section .post  .info .cmtinfo{
	float:right;
	background: url(images/comments.png) no-repeat 3px 3px;
	padding-left:25px;
}
.section .post  .infobottom {
	font-style: italic;
}	
.infobottom .tags{
background: url(images/tag2.png) no-repeat 3px 3px;
padding: 3px 0 0px 25px;
}

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

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

/*page navi*/
.page_navi,.cmt_navi {
	padding:3px 3px 3px 3px; 
	margin: 30px 3px 3px 3px;
	overflow:hidden;
	background:url(images/line.gif) top repeat-x;
}
.page_navi{
	text-align: center;
}
.cmt_navi{
	text-align: right;
}
.page_navi a, .cmt_navi a, .page_navi a:link, .cmt_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, .cmt_navi a:hover {
	color:#B81D34;
	background-color:#eee;
}
.page_navi a.current, .cmt_navi .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*/
.section #flip2{
	list-style-type: none;
	padding:5px;
	margin-bottom:15px;
	background-color: #f5f5f5;
}
.section #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:-30px;
	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;
}
ol.commentlist {
	margin:0px;
	padding:17px 0 0 0;
}
ol.commentlist #respond{
	margin: 1em 0px 0px 76px;
	overflow:hidden;
}
#respond input{
	float: left;
}
#respond #submit{
	float:none;
	border:1px solid #777;
}
#commentform p{
	padding-top:10px;
}
#comment{
	width:70%;
}
.form-allowed-tags code{
    background: none;
    border: none;
    color: #110000;
    margin: 0;
    padding: 0;
}
#respond label{
	line-height: 15px;
	margin-left: 5px;
}
#respond .comment-form-comment label{
	display:none;
}
ol.commentlist li {
	list-style:none;
	padding:10px 25px 0px 10px;
}
ol.commentlist li:hover{

}
ol.commentlist li  .message_head{
	padding-left:60px;
}
ol.commentlist li span.date{
	color: #888;
	line-height:30px;
}
ol.commentlist li span.name{
	line-height:25px;
}
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-bottom:1px solid #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;
}
.nocomments{
	display:none
}
/*comments children style*/

 ol.commentlist  ul.children li {
	padding-right:0;
	background:url(images/line2.gif) top repeat-x;
}
 ol.commentlist   ul.children li span.avatarx{
	border:1px solid #CBCBCB;
	padding:4px;
	margin-right:3px;
}
 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;
	border-left:8px solid #aaa;
}

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{
	margin:0px;
	padding:0 0 0 10px;
	list-style: none;
}
#sidebar li{
	margin-top:15px;
}
#sidebar .widget-title{
	background:#777;
	color:#FFF;
	padding:5px;
	display:block;
	text-shadow:0px 1px 0px #333;
	font-weight:bold;
}
#sidebar li ul {
	overflow:hidden;
	margin:0 0 0 10px;
	background:url(images/line.gif) top repeat-x;
}
#sidebar ul li{
	line-height:30px;
	padding-right:5px;
	margin-top:0px;
	list-style:inside square;
	background:url(images/line.gif) bottom repeat-x;
	color:#555;
}

.widget_links li,.widget_archive 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*/
.clear{
	clear: both;
	float: none;
}
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:5px 5px 5px 0;
	float:left;
}

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

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

.entry p.wp-caption-text{
	line-height: 15px;
	margin:10px 0;
	color:#555
}

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