/* @override http://ikedaya.local:3000/shop/ikedaya/blog/default/main.css?1197335944 */

@import url(../../css/midashi.css);

/* @group #sidebar */

#sidebar #calendar {
	width: 170px;
	overflow: hidden;
	margin: auto;
}

#sidebar {
	width:  170px;
	float:  left;
	margin-left: 10px;
	padding: 0 10px;
	list-style: none;
}

#sidebar .item {
	clear: both;
}

#content #sidebar h3 {
	width: auto;
	text-align: right;
	font-size: 12px;
	font-weight: bold;
	color: #fff;
	line-height: 29px;
	clear: both;
	height: 29px;
	background: url(img/h3_header.gif) 0% 50% no-repeat;
	margin: 0 0 10px 0;
	padding: 0 10px 0 0;
}

#sidebar .content {
	padding: 10px;
}

#sidebar .vertdiv {
	clear: both;
	display: block;
	height: 10px;
}

#sidebar ul {
	margin: 0 0 0 5px;
}
#sidebar ul li {
	margin-bottom: 5px;
}
#content #sidebar a {
	color: #4d733e;
	text-decoration: none;
}
#sidebar a:hover {
	text-decoration: underline;
}

#sidebar ul.category_list {
	list-style-position: outside;
	padding: 0 0 0 5px;
	list-style-image: url(img/sidebar_list_dot.gif);
	margin-left: 12px;
}

#sidebar ul.recent_posts {
	list-style: none;
	padding-left: 5px;
}
#sidebar ul.recent_posts li {
	list-style-image: url(img/sidebar_list_dot.gif);
	margin-left: 12px;
}

#sidebar ul.top_posts {
	list-style: none;
	padding-left: 5px;
	list-style-image: url(img/sidebar_list_dot.gif);
	margin-left: 12px;
}
#sidebar ul.top_posts li {
}

#content #sidebar a.ra_link {
	display: block;
	width: 101px;
	height: 21px;
	margin: auto;
	padding: 0;
	background-image: url(img/profile_but.gif);
	background-repeat: no-repeat;
	background-position: 0 0;
	text-indent: -9000px;
	overflow: hidden;
}
#content #sidebar a.ra_link:hover {
	background-position: 0% 100%;
}

/* @end */

/* @group div#foot_links */

div#foot_links {
	margin-top: 10px;
	margin-bottom: 5px;
	text-align: center;
	font-size: 12px;
}
div#foot_links a {
	color: #444;
	text-decoration: none;
	border-left: 1px solid #444;
	padding-left: 10px;
	padding-right: 10px;
	height: 16px;
	line-height: 16px;
	font-weight: bold;
}
div#foot_links a.last {
	border-right: 1px solid #444;
}

/* @end */

/* @group sidebar calendar */

#calendar .navigation {
	height: 20px;
	padding: 0;
	margin: 0;
}
#calendar .navigation a {
	color:  #333;
	font-size: 14px;
}
#sidebar_calendar .navigation .prev a {
	display: block;
	float:  left;
	width: 45px;
	height: 19px;
	background: url(img/prev_month_arrow.gif) no-repeat top left;
	text-indent: -9000px;
}
#sidebar_calendar .navigation .next a {
	display: block;
	float:  left;
	width: 45px;
	height: 19px;
	background: url(img/next_month_arrow.gif) no-repeat top left;
	text-indent: -9000px;
}

#sidebar_calendar .thecalendar {
	margin: auto;
}

table.calendar {
	border-spacing: 2px;
	background-color: #fff;
	border-collapse: collapse;
}
table.calendar td, table.calendar th {
	background-color: #fff;
}
.calendar {
  margin: auto;
}
.calendar td.day {
	width: 22px;
	height: 22px;
	padding: 0;
	color: #3a582d;
	background-color: #f1efe3;
}

#sidebar_calendar .monthName th {
  font-weight: bold;
  text-align: center;
  font-size: 14px;
  color: #d5a35a;
}

#sidebar_calendar .dayName th {
  font-size: 12px;
  padding-top: 0px;
  width:  23px;
  height: 20px;
  color: #d5a35a;
  text-align: center;
  border-bottom: 2px solid #d5a35a;
}

.otherMonth, .day, .specialDay {
  padding: 4px 4px;
  border-right: 1px solid white;
  
}

.otherMonth {
  color: #ccc;
  background-color: #f1efe3;
}

.day, .specialDay {
  text-align: center;
  font-weight: bold;
  color: #222;
  font-size: 12px;
}
.specialDay {
  background-color: #003355;
  color: white;
}
.specialDay a, .specialDay a:visited, .specialDay a:hover {
  color: white;
  text-decoration: none;
  padding: 1em;
}
.specialDay a:hover {
  color: white;
  background-color: black;
}
.weekendDay {
  background-color: #f1efe3;
}

.navigation {
	width: auto;
}
.navigation .prev {
	display: block;
	float: left;
}
.navigation .next {
	display: block;
	float: right;
}
#content #sidebar td.day a.posted {
	display:block;
	width: auto;
	height: 17px;
	line-height: 17px;
	font-weight: bold;
	text-decoration: none;
	color: #fff;
	background-color: #4d733e;
}
td.day a.posted:hover {
	text-decoration: none;
}
/* @end */

/* @group #comments_holder */

#comments_holder {
}
#comments_holder .holder_top {
	height: 15px;
}
#comments_holder .holder_content {
}
#comments_holder .holder_bottom {
	height: 15px;
}

/* @end */

/* @group #comment_form */

#comment_form {
	width:  450px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 10px;
	overflow: hidden;
}
#comment_form input {
	font-size: 1.2em;
	width: auto;
}
#comment_form textarea {
	width:  100%;	
}
#comment_form .add_more {
	color: #444;
	font-size: 14px;
	text-decoration: none;
}
#comment_form .add_more .button {
	padding: 2px 4px;
	border: 1px solid #d5a35a;
	background-color: #ffe3b9;
}

/* @end */

/* @group post */

div.post {
	margin-top: 10px;
	margin-bottom: 15px;
	width: 560px;
}

div.post .header {
	color: #333;
	padding: 5px 0px;
	border-left: 5px solid #4d7540;
	position: relative;
}

div.post .header .date {
	float: right;
	margin-right: 0px;
	margin-top: 5px;
	font-weight: normal;
	color: #777;
	font-size: 12px;
	position: absolute;
	right: 5px;
	top: 3px;
}

div.post .header h3 {
	border: none;
	color: #333333;
	padding-top: 5px;
	padding-bottom: 5px;
	font-size: 14px;
	margin: 0px 0px 0px 0px;
	display: block;
	font-weight: bold;
	line-height: 120%;
}
div.post .header h3 a {
	color: #333;
	text-decoration: none;
}

div.post .content {
	width: auto;
	overflow: hidden;
	padding: 5px 20px 10px 10px;
}

div.post .content p {
	padding: 0px;
	margin: 0px;
}

div.post .content a {
	color: #444;
	text-decoration: none;
	border-bottom: 1px dotted #fee3ab;
}
div.post .content a:hover {
	background-color: #fef98e;
}
div.post .content a img {
	margin-right: 3px;
	border: 3px solid #cc9447;
}
div.post .content a:hover img {
	margin-right: 3px;
	border: 3px solid #f0ad52;
}
div.post .list_image {
	float: left;
	margin-right: 3px;
}

div.post a.readmore {
	display: block;
	clear: both;
	width: 80px;
	padding-right: 10px;
	font-size: 12px;
	height: 14px;
	color: #d5a35a;
	line-height: 14px;
	background: url(img/link_rightarrow.gif) no-repeat 100% 50%;
	text-decoration: none;
	padding-left: 10px;
	margin-top: 10px;
}
div.post a.readmore:hover {
	font-weight: bold;
	background-color: transparent;
}

div.post .comments {
	font-size: 12px;
	line-height: 20px;
	color: #d5a35a;
	text-align: right;
	height: 20px;
	padding-left: 10px;
	padding-right: 35px;
	padding-bottom: 5px;
	border-bottom: 1px solid #ccc;
}
div.post .comments a {
	color: #d5a35a;
	font-weight: bold;
}
div.post .comments a:hover {
	color: #f55;
}

div.post .nav {
	clear: both;
	margin-bottom: 5px;
	border-bottom: 1px solid #ccc;
}
div.post .nav a {
	color: #d5a35a;
	text-decoration: none;
	font-weight: bold;
}
div.post .nav a:hover {
	text-decoration: underline;
}
div.post .nav a.prevpost {
	padding-left: 10px;
	background: url(img/link_leftarrow.gif) no-repeat left center;
	float: left;
	font-size: 10px;
	color: #5c3b20;
}
div.post .nav a.nextpost {
	float: right;
	text-align: right;
	padding-right: 10px;
	background: url(img/link_rightarrow.gif) no-repeat right center;
	font-size: 10px;
	color: #5c3b20;
}

	
/* @end */

a.blogback {
	padding: 2px 4px;
	border: 1px solid #d5a35a;
	background-color: #ffe3b9;
	color: #fa640f;
	margin: 10px auto;
	display: block;
	width: 10em;
	text-align: center;
	text-decoration: none;
}
a.blogback:hover {
	background-color: #ffcaaa;
}

/* @group div.related-article */

div.related-article {
	padding: 10px 10px 10px 10px;
	width: auto;
	margin: auto;
}

div.related-article .image {
	float: left;
	margin: 3px;
}

div.related-article .teaser {
	display: block;
	background-color: #f3e9dd;
	padding: 2px;
	border: 1px solid #d5cdc2}
div.related-article .content {
	padding: 5px;
	border-bottom: 1px solid #ccc;
	border-left: 1px solid #ccc;
	border-right: 1px solid #ccc;
	background-color: #eee;
	background-image: none;
}
div.related-article .write-check {
	display: block;
	background-color: #f5feb8;
	padding: 2px;
	border: 1px solid #d1d600;
	text-align: center;
}
div.related-article .write-info {
	display: block;
	background-color: #d2ffe1;
	padding: 2px;
	border: 1px solid #6edd6f;
	text-align: center;
}
div.related-article .related_header {
	font-size: 1.2em;
	padding: 2px;
	border-bottom: 2px solid #999;
}

div.related-article a.read, 
div.related-article a.read:hover {
	background-color: none;
}

div.related-article a.read img, div.related-article a.read:hover img {
	border: 0px;
}

/* @end */

#comments_top, #comments_write {
	width: auto;
	text-align: left;
	font-size: 12px;
	font-weight: bold;
	color: #5c3b20;
	line-height: 18px;
	padding-left: 2px;
	padding-bottom: 0;
	border-bottom: 1px dotted #2a3b71;
	margin: 10px 10px 0;
}

/* @group #comments_block */

#comments_block {
	background-color: #fff;
	margin-left: 0px;
	margin-right: 0px;
}
#comments_block ul {
	list-style: none;
	padding: 0;
}
#comments_block ul li {
	display: block;
	margin-bottom: 10px;
}
#comments_block ul li .number {
	width: 30px;
	font-size: 16px;
	color: #999;
	text-align: center;
	float: left;
	font-weight: bold;
}
#comments_block ul li .content {
	padding-left: 10px;
	width: 360px;
	border-left: 1px solid #ffa8af;
	float: left;
	color:  #444;
}
#comments_block ul li .content p {
	margin-top: 0;
}

#comments_block #comment_email, #comments_block #comment_url {
	width: 300px;
	font-size: 1.1em;
}

/* @end */

/* @group #user_table */

#user_table {
	border-collapse: collapse;
	width: 525px;
	margin-left: auto;
	margin-right: auto;
}
#user_table th {
	text-align: left;
	font-weight: bold;
	background-color: #eef;
	font-size: 12px;
	border-bottom: 1px solid #333;
}
#user_table tr {

}
#user_table td {
	vertical-align: top;
}

#user_table label {
	font-size: 12px;
	padding: 1px;
	background-color: #eee;
	border: 1px solid #999;
}

#user_table .person_name {
	color: #333;
	font-size: 20px;
	line-height: 20px;
	float: left;
}
#user_table .person_desc {
	color:  #333;
	font-size: 12px;
	width: 125px;
	word-wrap: break-word;
	overflow: hidden;
}

#user_table img {
	border: 1px solid #666;
	padding: 1px;
	margin-bottom: 10px;
}

/* @end */

/* @group table.owner_info_sidebar */

table.owner_info_sidebar {
	border: 0px;
}
table.owner_info_sidebar td {
	vertical-align: top;
}
table.owner_info_sidebar .person_name {
	display: block;
	font-size: 14px;
	color: #333;
	line-height: 13px;
	font-weight: bold;
	text-align: center;
}
table.owner_info_sidebar .person_desc {
	color: #333;
	font-size: 12px;
}
table.owner_info_sidebar .photo {
	padding: 1px;
	width: 160px;
	height: 160px;
	border: 1px solid #f55;
}

/* @end */

/* @group misc stuff */

div.h_div {
	width: auto;
	height: 8px;
	margin-bottom: 8px;
	clear: both;
}

/* @end */


/* @group span.postlist_pagenav */

span.postlist_pagenav {
	display: block;
	margin: 10px;
}
span.postlist_pagenav a {
	display: block;
	float: left;
	width: 1.1em;
	height: 1.1em;
	text-align: center;
	line-height: 1.1em;
	font-size: 12px;
	padding: 3px;
	border: 1px solid #00c513;
	margin-right: 5px;
	margin-bottom: 2px;
	text-decoration: none;
	font-weight: bold;
	color:  #666;
}
span.postlist_pagenav a:hover {
	background-color: #c2fdc4;
}
span.postlist_pagenav .current {
	background-color: #faf96b;
}

/* @end */

/* @group div#thevote */

div#thevote {
	display: block;
	height: 24px;
	clear: both;
	margin: 5px 0px 5px 0px;
}
div#thevote a {
	display: block;
	width: 253px;
	height: 24px;
	background-position: left top;
	text-decoration: none;
	background-color: none;
	background-repeat: no-repeat;
	float: right;
	text-indent: -9000px;
}
div#thevote a:hover {
	background-position: left bottom;
	background-color: none;
}
div#thevote .digg {
	background-image: url(img/digg.gif);
}
div#thevote .undigg {
	background-image: url(img/undigg.gif);
}

/* @end */

/* @group #profile_holder */

#profile_holder {
}

#profile_holder .holder_top {
	height: 15px;
}
#profile_holder .holder_content {
	padding-left: 0px;
}
#profile_holder .holder_bottom {
	height: 15px;
}

#profile_holder a.goto_blog {
	display: block;
	width: 62px;
	height: 18px;
	background: url(/images/toblog.gif) 0% 0% no-repeat;
	text-indent: -9000px;
	float: right;
}
#profile_holder a.goto_blog:hover {
	background-position: 0% 100%;
}

/* @end */