@charset "UTF-8";

/* ====================================================================== */
/* common */
/* ====================================================================== */

* {
	margin: 0;
	padding: 0;
}

a {
	color: #83be40;
	text-decoration: underline;
}

a:hover {
	text-decoration: none;
}

body {
	font-size: 90%;
	font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif;
	background: top url('images/header.gif') repeat-x #FFF;
	color: #333;
	text-align: center;
	line-height: 1.6;
}

/* ====================================================================== */
/* header */
/* ====================================================================== */

#label {
	position: absolute;
	top: 0;
	right: 0;
	width: 125px;
	height: 210px;
	z-index: 1000;
	background: url('images/top_right.png') no-repeat;
}

#page {
	margin: 0 auto;
	width: 900px;
	text-align: left;
}

* html #page {
	width: 910px;
}

#header {
	height: 150px;
}
	
#logo {
	margin: 8px 0 0 0;
	padding: 0;
	width: 290px;
	height: 65px;
	text-indent:-9000px;
	background: url('images/logo.gif') no-repeat #FFF;
}

#logo a {
	display: block;
	width: 290px;
	height: 65px;
}

.description {
	margin: 30px 0 0 15px;
	font-size: 120%;
	font-weight: bolder;
	color: #FFF;
}

/* ====================================================================== */
/* content */
/* ====================================================================== */

#content {
	float: left;
	display: inline;
	margin: 0 15px 0 0;
	width: 530px;
}

* html #content {
	margin: 0 5px 0 0;
}

.pagetitle {
	padding: 20px 0;
	font-size: 160%;
	font-weight: bolder;
}

.post {
	clear: both;
	padding: 10px 5px 30px 5px;
}

.post h2 {
	font-size: 140%;
	font-weight: bolder;
	padding: 0 15px 5px 15px;
}

.post h2 a {
	text-decoration: none;
}

.date {
	text-align: right;
	padding: 15px 15px 5px 0;
	font-size: 80%;
	height: 20px;
	background: url('images/date_bg.gif') repeat-x;
}

.entry {
	padding: 0 15px;
}

.entry_top {
	padding: 10px 0;
}

.entry p { 
	margin: 1em 5%;
}

.entry h4 {
	margin: 50px 0 0 0;
	padding: 0;
}

.entry a {
	color: #823B00;
	text-decoration: underline;
	background-color: #FFF;
}

.entry a:hover {
	text-decoration: none;
}

.entry_top {
	padding: 10px 20px;
}

.entry_bottom {
	padding: 20px 0;
}

.postmetadata {
	text-align: center;
	padding: 25px 0 15px 0;
}

.navigation {
	clear: both;
	padding: 20px 0;
}

.alignleft {
	float: left;
	margin: 0 0 20px 0;
}

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

#form_btn {
	text-align: center;
	margin: 15px 0;
}

.search_post {
	clear: both;
	padding: 0 10px;
}

.search_title {
	padding: 5px 0 5px 0;
	font-size: 160%;
	font-weight: bolder;
}

.post h2.search_result {
	font-size: 120%;
	font-weight: bolder;
	padding: 0 15px 10px 0;
}

.post h2.search_result a {
	text-decoration: underline;
}

.search_post .entry {
	padding: 5px 10px;
	font-size: 90%;
}

.akpc_pop {
	display: none;
}

.search_date {
	text-align: right;
	margin: 0 0 20px 0;
	padding: 0 15px 10px 0;
	font-size: 80%;
	border-bottom: dotted 1px #823B00;
	color: #823B00;
	background-color: #FFF;
}

/* ====================================================================== */
/* Current Post Tag */
/* ====================================================================== */

#current_post_title {
	font-size: 120%;
	font-weight: bolder;
	margin: 20px 0 10px 0;
	padding: 0 15px 5px 15px;
	color: #83BE40;
	border-bottom: 2px solid #823B00;
	background-color: #FFF;
}

ul#current_post_tag {
	margin: 0 20px 20px 20px;
}

#current_post_tag li {
	list-style-type: none;
	display: inline;
	margin: 0 5px 5px 0;
	padding: 0;
}

#current_post_tag li a {
	padding: 2px 4px 2px 4px; 
	text-decoration: none;
	border: 1px solid #83BE40;
	color: #83BE40;
	background-color: #FFF;	
}

#current_post_tag li a:hover {
	color: #FFF;
	background-color: #83BE40;
}

/* ====================================================================== */
/* Similar Post Tag */
/* ====================================================================== */

.similar_post_title {
	font-size: 120%;
	font-weight: bolder;
	margin: 20px 0 10px 0;
	padding: 0 15px 5px 15px;
	color: #83BE40;
	border-bottom: 2px solid #823B00;
	background-color: #FFF;
}

.similar li {
	list-style-type: none;
	padding: 0 5px 7px 17px;
	background: 0 3px url('images/list.gif') no-repeat;
}

.similar li a {
	color: #823B00;
}

/* ====================================================================== */
/* Trackback */
/* ====================================================================== */

#trackback_block {
	margin: 30px 0 20px 0;
	padding: 15px;
	border: 1px solid #9BCD5B;
	background: #F6FEEC;
}

#trackback-url {
	font-size: 100%;
	font-weight: bolder;
}

.tb_url {
	width: 400px;
}

#comments {
	font-size: 120%;
	font-weight: bolder;
	margin: 20px 0 10px 0;
	padding: 0 15px 5px 15px;
	color: #83BE40;
	border-bottom: 2px solid #823B00;
}

.bookmark img {
	border: none;
}

/* ====================================================================== */
/* sidebar */
/* ====================================================================== */

#sidebar {
	float: right;
	display: inline;
	width: 220px;
}

#sidebar li {
	list-style-type: none;
	padding: 0 5px 7px 17px;
	background: 0 3px url('images/list.gif') no-repeat;
}

#sidebar li a {
	color: #823B00;
}

.widgettitle {
	margin: 20px 0 0 0;
	padding: 5px 10px;
	font-size: 120%;
	color: #823B00;
}

.widget_block {
	padding: 20px 10px 15px 10px;
	background: top url('images/side_bg.gif') repeat-x;
}

#wp-calendar {
	margin: 0 auto;
	width: 80%;
}

.tag_cloud {
	font-size: 60%;
}

/* ====================================================================== */
/* middle */
/* ====================================================================== */

#middlebar {
	float: left;
	text-align: cetner;
	display: inline;
	width: 120px;
	margin: 30px 15px 0 0;
	padding: 0;
}

/* ====================================================================== */
/* footer */
/* ====================================================================== */

#footer {
	clear: both;
	margin: 20px 0 0 0;
	padding: 20px 0 15px 0;
	background: #823B00;
	border-top: 3px solid #F0E7DF;
	color: #FFF;
}

#footer_content {
	margin: 0 auto;
	width: 900px;
	text-align: left;
	font-size: 90%;
}

#footer_content h2 {
	padding: 5px 0;
	font-size: 140%;
	font-weight: bolder;
	border-bottom: 3px solid #F0E7DF;
}

#footer_content li {
	list-style-type: none;
	padding: 5px 5px 5px 20px;
	border-bottom: 1px dotted #F0E7DF;
	background: 3px 6px url('images/footer_list.gif') no-repeat;
}

#footer_content li a {
	text-decoration: none;
	color: #FFF;
	background: #823B00;
}

#footer_content li a:hover {
	color: #83be40;
	text-decoration: underline;
	background: #823B00;
}

#footer_content li a:visited {
	color: #CCCCCC;
	text-decoration: none;
	font-style: italic;
	background: #823B00;
}

#popular_post_block {
	float: left;
	padding: 0 15px 15px 0;
	width: 350px;
}

#designwalker_post_block {
	float: left;
	padding: 0 15px 15px 0;
	width: 350px;
}

#designwalker_post_block ul {
	margin: 0 0 15px 0;
}

#footer_link {
	clear: both;
	padding: 20px 0 10px 0;
	text-align: center;
	font-size: 80%;
}

#footer_link a {
	text-decoration: underline;
	color: #FFF;
	background: #823B00;
}

code {
	background-color: #eeeeee;
	padding: 1px;
}

ol.code {
	padding: 5px;
	margin: 3px;
}

.code {
	background-color: #E6F2E6;
	border: 1px solid #ccc;
	padding: 5px;
}

.code code {
	background: transparent;
	display: block;
	padding: 3px;
	margin-bottom: 0;
}

.code li {
	margin-left: 1em;
	background: #F2F8F2;
	margin: 0 0 1px 2.2em;
	padding: 2px;
}

.code li:hover {
	background: #fff;
}