@import url("top.css");

body {
	background:#FFFFFF;
	font-family: Verdana, "ＭＳ Ｐゴシック", sans-serif, Osaka, "ヒラギノ角ゴ Pro W3";
	font-size:12px;
	color:#333333;
	line-height:160%;
	margin:0;
	padding:0;
	text-align:center;
}
img {border:none;}
#container {
	width:860px;
	margin:0 auto;
         padding:0;
	text-align:center;
}
#header {
	width:860px;
	height:190px;
	text-align:left;
}
.blog {
	background:url(images/logo_blog.gif) no-repeat bottom left;
}
.mail {
	background:url(images/logo_mail.gif) no-repeat bottom left;
}

#head_navi {
	width:860px;
	height:54px;
	background:url(images/bg_head_navi.gif) no-repeat top left;
	margin:0;
	padding:0;
}
#head_navi li {
	display:block;
	float:left;
	height:54px;
	margin:0;
	padding:0;
}
.a a {
	width:155px;
	height:54px;
	display:block;
	text-indent:-9999px;
}
.a a:hover {
	background:url(images/bg_head_a_hover.gif);
}
.b a {
	width:230px;
	height:54px;
	display:block;
	text-indent:-9999px;
}
.b a:hover {
	background:url(images/bg_head_b_hover.gif);
}
.c a {
	width:210px;
	height:54px;
	display:block;
	text-indent:-9999px;
}
.c a:hover {
	background:url(images/bg_head_c_hover.gif);
}
.d a {
	width:160px;
	height:54px;
	display:block;
	text-indent:-9999px;
}
.d a:hover {
	background:url(images/bg_head_d_hover.gif);
}
.e a {
	width:100px;
	height:54px;
	display:block;
	text-indent:-9999px;
}
.e a:hover {
	background:url(images/bg_head_e_hover.gif);
}
#header h1 a {
	display:block;
	width:400px;
	height:80px;
	margin:0;
	padding:0;
	text-indent:-9999px;
	float:left;
}
.home {
	display:block;
	width:140px;
	height:80px;
	margin:0;
	padding:0;
	text-indent:-9999px;
	float:right;
}

#middle {
	width:860px;
	text-align:left;
	clear:both;
	margin:0 0 1px 0;
	padding:0 0 2px 0;
}
#main {
	width:680px;
	float:right;
	margin:0;
	padding:0;
	text-align:left;
}
#mail_form {
	background:url(images/bg_mail.jpg) no-repeat top left;
	padding:60px 0 0 0;
}
.post {
       clear:both;
       padding: 16px 0 2px 1px; 
       margin: 0 0 18px 11px;
       text-align:left;
       background:#FFFFFF;
}
.post div.entry {
       margin: 4px 12px 18px 12px;
       font-size:12px; 
       color: #333333; 
       overflow: hidden; 
       padding: 2px 0 6px 6px;
       line-height:180%;
}
.spacer_ {clear:both;}
.post div.entry table {
       width:98%;
       border:none;
}
.alignleft  {
	border:none;
	float:left;
	margin:0 10px 10px 0;
}
.alignright  {
	border:none;
	float:right;
	margin:0 0 10px 10px;
}
.post div.entry embed {
	float:right;
	margin:10px;
}

.post .date {
      text-align:left;
      margin:0 20px;
      padding:2px 3px 2px 5px; 
      color:#996666; 
      font-size: 11px;
}
.post div.entry a {color: #666666; text-decoration:none;font-size:12px;}
.post div.entry a:hover{color: #888888; text-decoration:none;}
.post h1 {
       margin:0 0 12px 0;
       padding:3px 0 3px 18px; 
       font-size:18px;
       font-weight:bold;
       text-indent:2px;
       letter-spacing:2px;
       color: #333333;
}
.post h1 a{color: #333333; text-decoration: none;}
.post h1 a:hover{color: #996666; text-decoration: none;}
.post div.entry ul {
       dislay:inline;
       padding:0;
       margin: 0 8px 22px 8px; 
       font-size: 13px;
}
.post div.entry ul li {
       list-style: none; 
       background: url(images/arrow.gif) no-repeat 0 6px;
       font-size:11px;
       letter-spacing:1px;
       margin:0 12px 5px 6px; 
       padding:0 0 0 13px;
       border-bottom:1px #C1BD9A dotted;
}
.post div.entry ul li a {font-size:11px;text-decoration:none;}
.post .info {
      text-align:left;
      margin:0 20px;
      padding:2px 3px 2px 5px; 
      color:#888; 
      font-size: 11px;
}
.post .info a{color: #888;font-size:11px;}
.post .info a:hover{color: #333333;font-size:11px;}
.post .info span{color: #ccc;}
/* page_navi */
.navigation {
	clear:both;
	display: none;
	text-align: center;
	margin: 0 20px;
    padding:10px 0;
}
.navigation a {
        font-size:12px;
        color: #666666; 
	text-decoration: none;
}
.navigation a:hover {
        font-size:12px;
        color: #444444; 
	text-decoration: underline;
}

/* Pagebar */
div.pagebar {
       clear:left;
       text-align: center; 
       width: 620px; 
       height:20px;
       font-size: 10px; 
       padding: 11px 0 11px 0; 
       color: #020202;
}
div.pagebar a {
       padding: 2px 0 3px 6px; 
       text-decoration: none; 
       color: black;
       font-size:11px;
}
div.pagebar a strong {
       padding: 2px 6px 3px 0; 
       color: #000; 
       text-decoration: none; 
       font-weight: normal;
       font-size:11px;
}
div.pagebar a:hover, div#page div#main div.pagebar a.this{color: #000;}
div.pagebar a:hover strong, div#page div#main div.pagebar a.this strong{color: #000;}
hr {width:98%;height:1px;color:#FFFFFF;}
#footer {
	clear:both;
	width:860px;
	height:150px;
	color:#4C4B4B;
	text-align:left;
	background:url(images/bg_footer.gif) no-repeat bottom;
}
#foot_navi {
	font-size:10px;
	color:#4C4B4B;
}
#foot_navi a {
	font-size:10px;
	color:#4C4B4B;
	text-decoration:none;
	margin:0 8px;
}
#foot_navi a:hover {
	font-size:10px;
	color:#333333;
	text-decoration:underline;
}
#copyright {
	font-size:10px;
	color:#333333;
	padding:0;
	visibility:hidden;
}
#side {
	width:176px;
	float:left;
	margin:0;
	padding:0;
	text-align:center;
}
#side .box {
	width:176px;
	margin:0 0 12px 0;
	font-family: sans-serif, Verdana, "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
	text-align:left;
}
#side .box h2 {
        height:22px;
        margin:0;
        padding:3px 0 0 12px;
        color:#231815;
	text-align:left;
	font-size:13px;
        font-weight:normal;
	letter-spacing:2px;
}
#side .box ul{
	text-align:left;
	list-style-type: none;
	margin:0 0 6px 0; 
	padding:0;
	width: 170px;
}

#side .box ul li{
	text-align:left;
	list-style: none outside; 
	margin:4px 0;
    padding:0 0 0 3px;
	width: 160px;
}
#side .box ul li a {
        color:#333333;
        font-seize:12px;
        text-decoration;none;
}
#side .box ul li a:hover {
        color:#A51B20;
        font-seize:12px;
        text-decoration;none;
}
#navi {
	width:176px;
	padding:20px 0 10px 0;
	margin:0;
	height:320px;
	margin:0;
}
.blog_side {
	background:url(images/bg_side_cc.gif) no-repeat top;
}
.mail_side {
	background:url(images/bg_side_cc_mail.gif) no-repeat top;
}
.cc_1 a:hover {
	background:url(images/bg_side_cc_1hover.gif) no-repeat top left;
}
.cc_2 a:hover {
	background:url(images/bg_side_cc_2hover.gif) no-repeat top left;
}
.cc_3 a:hover {
	background:url(images/bg_side_cc_3hover.gif) no-repeat top left;
}
.cc_4 a:hover {
	background:url(images/bg_side_cc_4hover.gif) no-repeat top left;
}
.cc_5 a:hover {
	background:url(images/bg_side_cc_5hover.gif) no-repeat top left;
}
.cc_6 a:hover {
	background:url(images/bg_side_cc_6hover.gif) no-repeat top left;
}

#navi li {
	display:block;
	width:176px;
	height:52px;
	margin:0;
	padding:0;
}
#navi li a {
	display:block;
	width:176px;
	height:52px;
	margin:0;
	padding:0;
	text-indent:-9999px;
}	
.indent {
	text-indent:-9999px;
}
blockquote {
	border-left: 5px solid #ccc;
	margin-left: 1.5em;
	padding-left: 5px;
}



#wp-calendar {
	empty-cells: show;
	font-size: 14px;
	margin: 0;
	width: 90%;
}

#wp-calendar #next a {
	padding-right: 10px;
	text-align: right;
}

#wp-calendar #prev a {
	padding-left: 10px;
	text-align: left;
}

#wp-calendar a {
	display: block;
	text-decoration: underline;
	color: #FF9966;
}

#wp-calendar a:hover {
	background: #fff;
	color: #CC6633;
}

#wp-calendar caption {
	color: #996666;
	font-size: 14px;
	text-align: center;
	border-bottom:1px #333 dotted;
}

#wp-calendar td {
	color: #996666;
	font: normal 12px 'Lucida Grande', 'Lucida Sans Unicode', Verdana, sans-serif;
	letter-spacing: normal;
	padding: 1px 0;
	text-align: center;
	border:1px #fff solid;
}

#wp-calendar td.pad:hover {
	background: #fff;
}

#wp-calendar td:hover, #wp-calendar #today {
	border:1px #FF9966 solid;
	color: #CC6633;
}

#wp-calendar th {
	font-style: normal;
	font-size:12px;
	text-transform: capitalize;
	text-align: center;
	color:#666;
}

#comment_area {
	padding:0 0 0 20px;
	clear:both;
}
.comment 
{
	position: 				relative;
	margin:					3px;
	margin-top:				6px;
/*	border: 				1px solid #666; */
	padding:				4px 4px 4px 8px;
<?php if($shrinkby > 0) { ?>
	font-size:				<?php echo (100-$shrinkby); ?>%;
<?php } ?>
	background-color:		#fff;
}

.odd
{
	background-color: #f8f8f8;
}

.comment div {
	position: 				relative;
}

.comment .comment img
{
	margin: 				0px;
}

.comment .collapseicon 
{
	width: 					13px;
	height: 				13px;
	overflow:				hidden;
	background-image: 		url(<?php echo get_settings('siteurl'); ?>/wp-content/plugins/briansthreadedcomments.php?image=subthread-open.png);
}

.collapsed .collapseicon 
{
	background-image: 		url(<?php echo get_settings('siteurl'); ?>/wp-content/plugins/briansthreadedcomments.php?image=subthread.png);
}


.comment .reply {
	text-align: 			right;
	font-size: 				80%;
	padding: 				0px 6px 6px 0px;
}

.comment
{
	border: 	1px solid #ddd;
	margin-top: 			10px;
}

input#subscribe
{
	width: auto;
}

.comment .body .content
{
	padding:				0px 3px 0px 3px;
	/*width: 					80%;	*/
	overflow: 				auto; 
}

.comment .title abbr
{
	border: none;
}

.collapsed .body, .collapsed .comment
{
	display:				none;
}
 
#commentform textarea {
	width: 97%;
}
.clearfix:after {
  content: ".";  
  display: block;  
  clear: both;
  height: 0;
  visibility: hidden;
}

.clearfix {
  min-height: 1px;
}

* html .clearfix {
  height: 1px;
  /*\*//*/
  height: auto;
  overflow: hidden;
  /**/
}