@charset "utf-8";

/*
Theme Name: 小麦的自习教室
Theme URI: http://www.mikkolee.com/
Description: 小麦的主题 II.
Version: 0.2
Author: 小麦
Author URI: http://www.mikkolee.com/
Tags:
*/



/**** Default Style ****/
* {
	margin: 0;
	padding: 0;
}

body {
	font-size: 12px;
 	font-family: Arial, Helvetica, sans-serif;
 	line-height: 14px;
	background: #fff;
	color: #333;
}
a {
	color: #09c;
	text-decoration: none;
	outline:none; /* for FF */
}
p {
	margin: 0 0 1em 0;
}
ul {
	list-style: none;
}
img {
	display:block;
	border: 0;
}
input, select, option, textarea, button, fieldset, legend {
	color: #333;
	font-size: 1em;
 	font-family: Arial, Helvetica, sans-serif;
}
label {
	line-height: 22px;
	*vertical-align: 6px;
}
input.text{
	background: #fff;
	line-height: 14px;

	border-top: 1px solid #aaa;
	border-left: 1px solid #aaa;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	margin: 0;
	padding: 4px 4px 4px 4px;
	height:14px;
	_padding: 4px 4px 2px 4px;
	_height: 15px;
}
input.submit {
	border: none;
}
input.image {
	
	font-weight: normal;
	
	margin: 0 0 -5px 0 !important;
	margin: 0 0 -4px 0;
	padding:0;
	height: 18px;
}
label.radio, label.checkbox {
	padding-right: 1em;
}
select {
	vertical-align: bottom;
	margin: 0;
	padding: 0 !important;
	padding: 1px 2px;
	
	height: 16px !important;
	height: 14px;
}
option {
	margin: 0;
	padding: 1px 2px;
	
	height: 14px;
}
textarea {
	border-top: 1px solid #aaa;
	border-left: 1px solid #aaa;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	padding: 4px;
}
/**** Layout ****/

.wrapper {
	position: relative;
	background:url(../../themes/mikko_theme_2/img/ruler.png) no-repeat right top;
	min-width: 700px;
	margin: 0 auto 20px auto;
}

.header {
	position: relative;
	border-top: 10px solid #000;
	background:url(img/header_bg.png) no-repeat right top;
	margin: 0 auto;
	width: 600px;
	height: 130px;
}
	.header .logo {
		position: absolute;
		top: 60px;
		right: -7px;
		background:url(img/logo.png) no-repeat;
		width: 259px;
		height: 57px;
	}
		.header .logo a {
			display:block;
			text-indent: -3000px;
			width: 259px;
			height: 57px;
		}
	.header .description {
		display: none;
	}

.page_content {
	width: 606px;
	margin: 0 auto;
	
	min-height: 350px;
}	

*	.page_content {_position: relative; _height: 350px; } /*IE 6*/

/**** container ****/
.content {
	position: relative;
	background: url(img/content.png) -606px 0 repeat-y;
	margin: 0 0 20px 0;
	width: 606px;
	overflow: hidden;
}

h1 {
	color: #333;
	background:url(img/content.png) 0 0 no-repeat;
	
	font-size: 18px;
	font-family: "微软雅黑", Arial, Helvetica, sans-serif;
	
	line-height: 18px;
	height: 20px;
	padding: 40px 20px 0 45px;
}

	h1 a {
		color: #c00;
	}

	h1 span {
		font-size: 14px;
		color: #c00;
		padding: 0 0 0 1em;
	}	
		
.category {
	position: absolute;
	top: 0;
	right: 23px;
}
	.category a {
		color: #fff;
	}
	.category .container {
		float: left;
		background:url(img/category.png) right -24px repeat-x;
		line-height: 21px;
		white-space: nowrap;
		padding: 0 10px 0 0;
	}
	.category .prefix {
		float: left;
		background:url(img/category.png) 0 0 no-repeat;
		height: 24px;
		width: 10px;
		
		overflow: hidden;
	}
	.category ul {
		float: right;
		text-align: center;
	}
	*	.category ul {*float:none;}/*IE*/
	
.date {
	background:url(img/dots.png) repeat-x 0 25px;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-style: italic;
	text-align: right;
	
	margin: -10px 20px 0 45px;
	
	height: 75px;
}
*	.date { *overflow: hidden; } /*IE 7*/
*	.date { _position:relative; _top:-10px;_height: 65px; } /*IE 6*/
	.date .day {
		float: right;
		color: #903;
		background: #fff;
		font-size: 48px;
		line-height: 52px;
		text-align: right;
		padding: 0 0 0 10px;
		height: 52px;
	}
	*	.date .day { /* IE 6 7*/
		*margin: 0 -7px 0 0;
	}
	.date strong {
		clear:both;
		display:block;
	}
	.date .month {
		color: #333;
		margin-right: 10px;
	}
	.date .year {
		color: #999;
	}
	
.entry {
	color: #666;
	background: url(img/dots.png) bottom left repeat-x;
	font-size: 13px;
	line-height: 18px;
	letter-spacing: 1px;
	text-align: justify;
	text-justify: inter-ideograph;
	margin: 0 20px 0 45px;
	padding: 0 0 10px 0;
	overflow: hidden;
	width: 541px;
}
	.entry p {
		margin: 0 0 1.5em;
	}
	.entry img {
		display: inline;
	}
	.entry img.alignleft {
		float: left;
		padding: 0 10px 0 0;
	}
	
	.entry small {
		font-size: 0.833em;
	}
	
	.entry ul {
		text-align: justify;
		text-justify: inter-ideograph;
		list-style: square;
		margin: 1em 0 0 0;
	}
	.entry li {
		margin: 0 0 1em 2em;
	}

	.entry blockquote {
		display: block;
		border-top: 1px solid #ccc;
		border-bottom: 1px solid #ccc;
		letter-spacing: 0;
		text-align: justify;
		text-justify: inter-ideograph;
		margin: 1em;
		padding: 10px;
	}
	.entry code {
		font-family: "Courier New", Courier, monospace;
		letter-spacing: 0;
	}
	.entry pre {
		display: block;
		background: #fafafa;
		font-family: "Courier New", Courier, monospace;
		text-align: justify;
		text-justify: inter-ideograph;
		letter-spacing: 0;
		border-top: 1px dotted #ccc;
		border-bottom: 1px dotted #ccc;
		margin: 1em 0;
		padding: 10px;
		
		width: 510px;
		
		overflow: auto;
	}
	*	.entry pre {
		_border-top: 1px solid #ccc;
		_border-bottom: 1px solid #ccc;
	}

.entry.archive {
	background-position: 0 0;
	margin-top: 15px;
	min-height: 300px;
}
*	.entry.archive {
	_height: 300px;
}
.entry.archive h3 {
	color: #c00;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	margin-top: 15px;
}
.entry.archive ul li {
	background: url(img/li.png) no-repeat 0 7px;
	margin: 0 0 1em 0;
	padding: 0 0 0 1.5em;
	
	list-style: none;
}

.entry.archive ul li span {
	color: #ccc;
	font-size: 10px;
	font-family:Arial, Helvetica, sans-serif;
	font-weight: bold;
}

.meta {
	font-family: Arial, Helvetica, sans-serif;
	background:url(img/content.png) bottom left no-repeat;
	text-align: right;
	padding: 15px 20px 15px 45px;
	height: 14px;
}

.comment_num a {
	color: #000;
	background:url(img/icon_add.png) right center no-repeat;
	padding: 0 15px 0 0;
}
*	.comment_num a {*background-position: right top; } /*IE*/
.comment_num strong {
	color: #903;
	font-size: 10px;
	margin-right: 5px;
}
	
/**** Comments ****/
.commentlist {
	list-style:none;
	margin: 0 auto;
	padding: 0;
	width: 600px;
}
	.commentlist li {
		margin: 0 0 2em 0;
		padding: 0;
		
		overflow: auto;
		_height: 1%;
	}
	
	.commentlist h4 {
		float: left;
		display: inline;
		font-size: 1em;
		text-align: right;
		background: url(img/comment_quote.png) 170px 0;
		padding: 0 50px 0 0;
		
		width: 150px;
	}
	
	.commentlist h4 cite {
		display: block;
		color: #333;
		font-size: 14px;
		font-family: "微软雅黑", Arial, Helvetica, sans-serif;
		line-height: 14px;
		font-style: normal;
		font-weight: bold;
	}
	*	.commentlist h4 cite { #line-height: 20px; } /* IE 6 7*/
	.commentlist h4 cite a {
		color: #903;
	}
	
	.commentlist .commentmetadata {
		display:block;
		color: #999;
		font-size: 10px;
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-weight: normal;
		text-transform: uppercase;
		margin: 0.5em 0 0 0;
	}
	
	.commentlist .commentcontent {
		float:right;
		color: #666;
		background: url(img/comment_quote.png) no-repeat right bottom;
		
		line-height: 1.8em;
		text-align: justify;
		text-justify: inter-ideograph;
		height: auto !important;	
		height: 60px;
		min-height: 60px;
		
		width: 383px;
		padding: 0 17px 0 0;
	}

.nocomments {
	color: #000;
	background: url(img/dots.png) repeat-x bottom left;
	font-weight:bold;
	padding: 0 0 15px 200px;
	margin: 0 auto 25px auto;
	width: 400px;
}
.commentrespond {
	background:url(img/say_sth.png) no-repeat 70px 0;
	margin: 0 auto;
	width: 400px;
	padding: 0 0 0 200px;
}	
	.commentrespond .empty {
		color: #aaa;
	}
	.commentrespond .req .empty {
		color: #c79;
	}
	.commentrespond textarea {
		width: 370px;
	}
	.commentrespond input.submit {
		color: #fff;
		background:url(img/comment_btn2.png) no-repeat;
		line-height: 23px;
		width: 88px;
		height: 23px;
		cursor: pointer;
	}
	
/*nav*/
.nav {
	height: 20px;
	width: 300px;
	margin: 0 auto;
	text-align: center;
}
.nav span {
	margin: 0 10px;
}
.nav span a {
	color: #903;
	font-weight: bold;
}

/**** Side ****/
.side_col {
	overflow: auto;
	zoom: 1;
}
.side_col ul {
	width: 98%;
}
.widget {
	float: left;
	width: 28%;
	margin-left: 4%;
}
*	.widget { _display: inline; } /* IE 6 */

h2 {
	color: #903;
	background:url(img/dots.png) bottom left repeat-x;
	font-size: 10px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-transform: uppercase;
	padding: 0 0 10px 0;
	margin: 20px 0 10px 0;
}
.widget li{
	line-height: 24px;
	
}

/**** Profile ****/
.profile {
	font-family:Arial, Helvetica, sans-serif;
	margin: 1em 0 0 0;
}

.profile img {
	float: left;
	border: 1px solid #333;
}
.profile ul {
	width: 200px;
	margin: 0 0 0 60px;
}
	.profile a.tudou {
		color: #f60;
	}
	
/**** widgets ****/
.widget_categories {
	color: #ccc;
	font-size: 10px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
}
.widget_categories a {
	font-size: 12px;
	font-weight: normal;
}

.widget_get_recent_comments li {
	overflow: auto;
	zoom: 1;
	line-height: 14px;
}
.widget_get_recent_comments li a {
	float: left;
	font-family:Arial, Helvetica, sans-serif;
	width: 60px;
	overflow: hidden;
}

.widget_get_recent_comments li span {
	display:block;
	margin: 0 0 5px 65px;
}

/**** footer ****/
.footer {
	display:none;
}


/**** 404 ****/
.header .logo.logo_404 {
	top: 40px;
	right: -50px;
	background: url(img/logo_404.png) no-repeat;
	width: 300px;
	height: 80px;
}
.header .logo.logo_404 a {
	width: 300px;
	height: 80px;
}
.error_404 h3 {
	background:url(img/404.png);
	text-indent: -3000px;
	margin: 0 auto;
	width: 160px;
	height: 95px;
}
.error_404 p {
	color: #000;
	font-weight: bold;
	text-align: center;
	margin: 30px auto;
}


/**** exehtml ****/
.exehtml {
	margin: 1em 0;
}

.exehtml textarea {
	background: #fafafa;
	font-family:"Courier New", Courier, monospace;
	margin: 0.5em 0;
	padding: 0.5em;
	
	width: 450px;
}

.exehtml .tips {
	float: right;
	color: #999;
	margin: 0 80px 0 0;
	text-align: right;
	display: inline;
}

.exehtml input {
}



/**** General Style ****/
.float_left {
	float: left;
}
.float_right {
	float: right;
}
.align_left {
	text-align:left;
}
.align_right {
	text-align: right;
}