/*
Theme Name: ff2400
Theme URI: http://eironeia.net/theme/00CC00/
Description: 00CC00 is a simple and clean theme that inspired by <a 

href="http://style-force.net/">Semplice Lab</a>.
Version: 1.0.4
Author: S.K. Lee
Author URI: http://eironeia.net/
*/

/* Begin Structure */
html {
	background:#F4F1E3;
	margin: 0px auto;
	text-align:center;
}
body {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	background:#F4F1E3;
	margin: 0px auto;
	text-align:center;
}

/* End Structure */

/* Begin Typography & Colors */
h1 {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:normal;
	color:#333333;
	white-space:nowrap;
}
h2 {
	font-family: Arial, MS Gothic, Helvetica, sans-serif;
	font-size:24px;
	border-bottom:0px dotted #00CC00;
	color:#00CC00;
	font-weight:normal;
	margin: -8px auto 0px;
	padding:30px 2px 10px 2px;
	text-align:left;
}
h2 a:link {
	color:#00CC00;
	text-decoration:none;
}
h2 a:visited {
	color:#66cc00;
	text-decoration:none;
}
h2 a:hover {
	color:#99cc00;
	text-decoration:underline;
}

a:link {
	color:#00CC00;
	text-decoration:none;
}
a:visited {
	color:#66CC00;
	text-decoration:none;
}
a:hover {
	color:#99cc00;
	text-decoration:underline;
}
a:active {
	color:#66CC00;
	text-decoration:underline;
}
.header a:link {
	color:#00CC00;
	text-decoration:none;
}
.header a:hover {
	color:#000000;
	text-decoration:underline;
}
.header a:visited {
	color:#00CC00;
	text-decoration:none;
}
small{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;	
}
/* End Typography & Colors */

/* Begin Content Structure */
.content_structure{
	margin: 0px auto 20px;
	overflow:inherit;
	padding:0px 0px;
	width: 840px;
}
.main{
	margin: -8px 0 0;
	width:575px;
        float:left;
}
.sidebar{
	margin: -8px auto 0px;
	width:255px;
        float:right;

}


/* End Content Structure */

/* Begin Header */
.header {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	height:50px;
	margin: -8px auto 20px;
	overflow:inherit;
	padding:20px 20px;
	text-align:left;
	width: 800px;
}
.header ul, .header ul li{
	float: left;
	list-style: none;
	margin:3px 0;
	padding:0px 7px 0 0;
	text-align: left;
}
.search{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	float:right;
	text-align:right;
}
.search #s {
	width: 150px;
	padding: 2px;
	font-size:12px;
	text-align: left;
}	
.search #searchsubmit {
	font-size:11px;
	margin: 0;
	padding:1px;
}
/* End Header */

/* Begin Page Navigation */
.pages{
	font-size:11px;
}
.pages .current_page_item a {
	color: #333;
}
/* End Page Navigation */

/* Begin Post */
.post {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	border-bottom:2px solid #E6E6E6;
	border-right:2px solid #E6E6E6;
	font-size:12px;
	background-color:#ffffff;
	margin-bottom: 30px;
	padding:10px 20px 20px 20px;
	width: 535px;
}
.entry{
	text-align:justify;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	COLOR:#333333;
}
.entry-commentlink-top {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
        float:right;
        margin-top:-25px;
}
.entry-commentlink-top a:visited {
	color:#66cc00;
	text-decoration:none;
}
.entry-commentlink-top a:hover {
	color:#99cc00;
	text-decoration:underline;
}
.entry p{
	text-align:left;
  font:x-small Verdana;
  font-size/* */:/**/small;
  font-size: /**/small;
        margin-top:25px;
	line-height:1.7em;
	letter-spacing:0px;
	COLOR:#444;
}

.entry ol, .entry ul{
	text-align:left;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	line-height:1.9em;
	letter-spacing:0.4px;
	COLOR:#333;
}

#reference {
border-top: 1px solid #dddddd; 
padding: 20px 0px 0px 0px;
margin-top:30px;
}
#reference_img{
}
#reference_description{
font-size:13px;
color:#333;
}
#reference_description p{
margin-top:10px;
}
#reference_title{
font-size:13px;
font-weight:bold;
line-height:20px;
margin:0px;
}

.postmeta {
border-top:1px solid #DDDDDD;
color:#aaaaaa;
font-family:Verdana,Arial,Helvetica,sans-serif;
font-size:11px;
font-weight:normal;
margin:20px 0px 0px;
padding:7px 0px;
text-align:left;
}
/* End Post */

/* Begin Comment */
.comment {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	background-color:#fff;
	margin: 15px auto 0px;
	padding:10px 20px;
	text-align:left;
	width: 535px;

}
.comment p{
	text-align:left;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	line-height:1.9em;
	letter-spacing:0.4px;
	COLOR:#333;
        width:500px;
}
.commentmeta{
	font-size:1em;
       color: #cccccc;
}
.comment .textfield{
	font-size:12px;
	margin:0;
	width:15em;
}
label.text{
	font-size:11px;
	left:0.5em;
	position:relative;
	top:-0.5em;
}
.comment .message{	
	height:10em;
	text-align:justify;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	line-height:1.9em;
	letter-spacing:0.4px;
        padding:3px 4px 3px 7px;
	COLOR:#666;
	width:485px;
}
.comment .submit{
	float:left;
	font-size:11px;
	margin: 0;
	padding:0 0.5em;
}
input.submit{
	float:left;
	font-size:1em;
	margin: 5px 0;
}
ol#commentlist{
	font-size:1em;
	line-height:1.4em;
	list-style:none;
	margin:15px 0 0 0;
	padding:0px;
	text-align:left;
	width:510px;
}
/* End Comment */

/* Begin sidebar_01*/
.sidebar_title{
border-bottom:1px solid #DDDDDD;
color:#888888;
font-weight:bold;
margin:0px auto 5px;
padding-bottom:8px;
}
.sidebar_text{
color:#aaa;
}

#sidebar_archive ul, #sidebar_archive ul li{
	font-size:12px;
	list-style: none;
	margin:0px;
	padding:1px 0px 3px 0px;
	text-align: left;
}

.info{
	font-size:11px;
	font-weight:normal;
	padding:20px 15px 40px;
	text-align:left;
}

.douban{
	font-size:11px;
	font-weight:normal;
	margin: -8px auto 0px;
	padding:10px 15px;
	text-align:left;
}

.douban table{
	align:center;
        margin:auto;
}

.douban table td{
	padding:5px 10px;
}

.messages{
	font-size:11px;
	font-weight:normal;
	margin: 30px auto 0px;
	padding:10px 15px;
	text-align:left;
}

/* End sidebar_01 */

/* Begin Category */
.categories{
        display:none;
	background-color:#e8e8e8;
	font-size:11px;
	margin: -8px auto 0px;
	height:50px;
	padding:20px 20px;
	text-align:left;
}
#categories ul, #categories ul li{
	float: left;
	list-style: none;
	margin:0px;
	padding:0px 7px 0px 0px;
	text-align: left;
}
/* End Category */

/* Begin Links */
.links {
	background-color:#ffffff;
	font-size:11px;
	margin: -8px auto 0px;
	height:50px;
	padding:10px 20px;
	text-align:left;
	width: 640px;
}
.links ul, .links ul li{
	float: left;
	list-style: none;
	margin:0px;
	padding:0px 7px 0px 0px;
	text-align: left;
}
/* End Links */

/* Begin Meta */
.meta {
	display:none;
	background-color:#ffffff;
	font-size:11px;
	margin: -8px auto 0px;
	height:50px;
	padding:10px 20px;
	text-align:left;
	width: 640px;
}
.meta ul, .meta ul li{
	display:#none;
	float:left;
	list-style: none;
	margin:0px;
	padding:0px 7px 0px 0px;
	text-align:left;
}
/* End Meta */

/* Begin Footer */
.pagination{
	margin:20px;
	padding-top:40px;
	clear:both;
}


.footer {
	font-size:10px;
	text-align:center;
	clear:both;
	margin:0;
	padding:5px 0;
}
/* End Footer */

/* Begin Various Tags & Classes */
acronym, abbr, span.caps{
	cursor:help;
	font-size:0.9em;
	letter-spacing:.07em;
}
acronym, abbr{
	border-bottom:1px dashed #cccccc;
}
blockquote{
	border-left:2px solid #cccccc;
	font-size:12px;
	color:#000000;
	margin-left:10px;
	padding-left:10px;
}
code{
	font-family:"Courier New", Courier, monospace;
	font-size:1.1em;
}
hr {
	background-color:#bbbbbb;
	border-style:none;
	border:0px;
	height:2px;
	white-space:nowrap;
	width:740px;
}
.response {
	font-size:11px;
	background-color:#F4F1E3;
        color: #aaa;
	font-weight:normal;
	margin:7px 0px 30px 0px;
	padding:7px;
	text-align:center;
}
.line{
	border-bottom:1px solid #cccccc;
	margin:10px 0;
}
.alignright{
	float:right;
}	
.alignleft{
	float:left;
}
.navigation {
	font-size:12px;
        margin-top:-15px;
        padding:4px 6px;
	overflow:auto;
	width:560px;
}
/* End Various Tags & Classes */

/* Begin Images */
p img{
	border:none;
	max-width:640px;
}	
a img{
	border:none;
}	
/*	Using 'class="alignright"' on an image will (who would've
	thought?!) align the image to the right. And using 

'class="centered',
	will of course center the image. This is much better than using
	align="center", being much more futureproof (and valid) */	
img.centered{
	display:block;
	margin-left:auto;
	margin-right:auto;
}	
img.alignright{
	display:inline;
	margin:0 0 2px 7px;
	padding:4px;
}
img.alignleft{
	display:inline;
	margin:0 7px 2px 0;
	padding:4px;
}
/* End Images */