/*
Theme Name: Blocks
Theme URI: http://wordpress.org/extend/themes/blocks/
Description: Blocks is a simple theme, no images and doesn’t require any plugin, transplant from my OPERA BLOG. Compatible with WordPress 2.7, threaded comments ready.
Version: 2.1.3
Author: mg12
Author URI: http://www.neoease.com/
Tags: white, light, two-columns, three-columns, fixed-width, theme-options, left-sidebar, right-sidebar, threaded-comments
*/


/* body START
--------------------------------------------------------------------*/
html {
  overflow-y:scroll;
}
body {
  background: white;
  color:#333;
  font-size:13px;
  font-family : 'ＭＳ Ｐゴシック',Arial,sans-serif;
/*  font-family:"BitStream vera Sans", Verdana,Arial, Helvetica, sans-serif;*/
}
#container {
  margin:0 auto;
  width:950px;
}
/* body END */

/* base START
--------------------------------------------------------------------*/
* {
  margin:0;
  padding:0;
}
abbr[title], acronym[title] {
  border-bottom:thin dotted;
  cursor:help;
}
small, .small {
  font-size:10px;
}
img {
  border:none;
}
.inline {
  display:inline;
}
.more-link {
  font-size:10px;
}
.sided {
  background:#FFF;
  border:1px solid #899EA6;
  padding:3px;
}
a .sided:hover {
  border-color:#496370;
}
.wp-caption {
  background:#F1F5F6;
  border:1px solid #DCE3E9;
  padding:5px 0;
  margin-bottom:5px;
  text-align:center;
}
.post .content .wp-caption p {
  margin:3px 0 0;
}
a {
  color: #0000CC;
  text-decoration:none;
}
a:hover {
  color: red;
  text-decoration:underline;
}
.button {
  text-decoration:none;
  padding:2px 5px;
  background:#D5E396;
  border-top:1px solid #D5E396;
  border-right:1px solid #B5C98F;
  border-bottom:1px solid #B5C98F;
  border-left:1px solid #D5E396;
  color:#84985D;
}
.button:hover {
  text-decoration:none;
  background:#C8DE9D;
  border-top:1px solid #B5C98F;
  border-right:1px solid #D5E396;
  border-bottom:1px solid #D5E396;
  border-left:1px solid #B5C98F;
  color:#60743A;
}
blockquote, pre {
  background:#F1F5F6;
  border:1px dashed #B0BEC7;
  color:#666;
  padding:5px 10px;
  margin:5px 0;
}
pre {
  overflow:scroll;
}
blockquote a {
  color:#258;
}
blockquote.adminquote {
  background:#FAFDEC;
  border-color:#D5E396;
}
.feed, .feed a {
  color:#E05C23;
}
.textfield, .textarea {
  border:1px solid #A4B97F;
  padding:2px 1px;
  font-size:12px;
}
.clear, .fixed {
  display: block;
  clear:both;
}
.alignleft {
  float:left;
  text-align:left;
  margin-right:10px;
}
.alignright {
  float:right;
  text-align:right;
  margin-left:10px;
}
.aligncenter {
  display:block;
  margin-left:auto;
  margin-right:auto;
}
.floatleft {
  float:left;
}
.floatright {
  float:right;
}
.left {
  float:left;
  margin-right:10px !important;
  margin-right:7px;
}
.right {
  float:right;
  margin-left:10px !important;
  margin-left:7px;
}
.bottom_separator {
  margin-bottom:10px;
}
.block {
  background:#FFF;
  border:1px solid #B0BEC7;
  margin-bottom:10px;
}
.block .content {
  background:#F1F5F6;
  margin:1px;
  padding:6px 10px;
}
.block .g {
  background:#FAFDEC;
}
.block .r {
  background:#F6EEE3;
}
.boxcaption {
  border:1px solid #B0BEC7;
  border-bottom:none;
}
.boxcaption h3 {
  border:1px solid #FFF;
  background:#F1F5F6;
  padding:5px 10px;
  font-size:12px;
  color:#258;
}
.boxcaption a {
  text-decoration:none;
}
.box {
  border:1px solid #B0BEC7;
  border-top:none;
  padding:10px;
  margin-bottom:10px;
}
.w3c {
  color:#080;
  font-size:10px;
}
/* base END */



/* header START
--------------------------------------------------------------------*/
#header {
  height: 160px;
  margin-bottom: 20px;
}
#header .content {
  background: url("img/banner_bg.png") no-repeat;
  border-top: 1px solid #999999;
  width:100%;
  height:140px;
  border-bottom: 1px solid #999999;
}
#header .content #title {
  float:left;
  margin: 20px;
}
#header .content #title #banner {
  width: 300px;
  height: 60px;
  background: url("img/banner.png") no-repeat;
  cursor: pointer;
}
#header .content #title b#blog_dir {
  color: #000066;
  font-weight: bold;
  font-size: 16px;
}
#header .meta {
  border-top: 1px solid #999999;
  border-bottom: 1px solid #999999;
  padding: 10px;
}

#header #search_box {
  float: right;
  width: 280px;
}
#search #searchbox {
  padding:6px !important;
  padding:6px 6px 3px;
  margin:100px 1px 1px;
}
*+html #searchbox {
  padding:6px 6px 3px !important;
}
#searchbox .textfield {
  float: left;
  width:190px;
}
#search_submit {
  float: right;
  color: black;
  font-size:10px;
  cursor:pointer;
}
/* header END */


/* main START
--------------------------------------------------------------------*/
#main {
  width: 740px;
  float: left;
}
.post {
/*  border:1px solid #B0BEC7;*/
  margin-bottom:7px;
}
.post .content {
  background:#FFF;
  padding:10px 6px 0;
  line-height:145%;
  overflow:hidden;
}
.part, 
.post .content p {
  margin-bottom:10px;
}
.post .content img {
  max-width:600px;
}
.post .content ul, 
.post .content ol {
  padding-bottom:10px;
}
.post .content ul li, 
.post .content ol li {
  list-style-position:inside;
  padding-left:20px;
}
.post .content table {
  background:#FFF;
  border:1px solid #B0BEC7;
  margin:5px 0 10px;
}
.post .content table tr td {
  border-top:1px solid #B0BEC7;
  padding:2px 10px;
}
.post .content table tr th {
  padding:1px 10px;
  background:#FAFDEC;
  text-align:left;
}
.post .meta {
  background:#F1F5F6;
  border:1px solid #FFF;
  padding:5px 10px;
  font-size:10px;
}
#pagenavi, 
#postnavi, 
#commentnavi {
  font-size:10px;
}
#pagenavi .newer, 
#postnavi .prev {
  float:left;
}
#pagenavi .older, 
#postnavi .next {
  float:right;
}
.wp-pagenavi span.docs {
  margin:2px 4px;
}
/* main END */


/* sidebar START
--------------------------------------------------------------------*/
#sidebar {
  float: right;
  width: 205px;
  overflow: hidden;
}
#sidebar li {
  list-style:none;
}
.sidebar .sidedate {
  color:#B0BEC7;
}
.widget {
  background:#FFF;
/*  border:1px solid #B0BEC7; */
  margin-bottom:10px;
}
.widget strong {
  color: black;
  display: block;
  background: url("img/icon1.png") no-repeat;
  background-position: left 0px;
  border-bottom: 1px dotted #333333;
  font-size: 16px;
  padding: 0px 20px;
  text-decoration: none;
}
.widget strong.amazon {
  background: url("img/amaicon.png") no-repeat;
}
.widget strong.mail_to {
  background: url("img/mailicon.png") no-repeat;
  background-position: left 2px;
}
.widget ul {
  padding:4px 7px 10px;
}
.widget .space {
  padding:4px 12px 8px;
}
.widget ul li {
  background: url("img/icon2.png") no-repeat;
  background-position: left 6px;
  padding: 6px 0px 6px 20px;
  border-bottom:1px solid #DCE3E9;
}
.widget ul li:hover {
  background-color: #E1E5E6;
  background-position: left 4px;
}
.widget ul li ul {
  padding-bottom:0;
  padding-right:0;
  padding-top:0;
}
.widget ul li ul li {
  padding:3px 5px 0;
  border-top:1px solid #DCE3E9;
  border-bottom:none;
  line-height:18px;
  margin-top:3px;
  margin-right:-5px;
}
/* sidebar END */

/* footer START
--------------------------------------------------------------------*/
#footer {
  clear: both;
  background:#FFF;
  border:1px solid #B0BEC7;
  margin-bottom:10px;
  padding:1px;
  font-size:12px;
  height: 30px;
}
#footer .content {
  background:#FAFDEC;
  padding:6px 10px;
}
#footer #about {
  float:left;
}
#gotop {
  float:right;
  font-weight:bolder;
}
/* footer END */


/* links START
--------------------------------------------------------------------*/
.post .linkcat {
  padding-bottom:10px;
}
.post .linkcat ul li{
  float:left;
  width:25% !important;
  width:24%;
  list-style:none;
  padding-left:0;
}
/* links END */



/* image switcher START
--------------------------------------------------------------------*/
.imageswitcher {
  background:#FAFDEC;
  border:1px dashed #B0BEC7;
  padding:5px;
}
.imageswitcher_image {
  background:#FFF;
  border:1px solid #A4B97F;
  padding:3px;
  margin:0;
}
a .imageswitcher_image:hover {
  border-color:#84995E;
}
a.imageswitcher_button {
  float:left;
  margin-top:1px !important;
  margin-top:3px;
  margin-bottom:0 !important;
  margin-bottom:5px;
  margin-right:4px;
  padding:2px 5px;
  background:#D5E396;
  border-top:1px solid #D5E396;
  border-right:1px solid #B5C98F;
  border-bottom:1px solid #B5C98F;
  border-left:1px solid #D5E396;
  color:#84985D;
  text-decoration:none;
}
a.imageswitcher_button:hover {
  background:#C8DE9D;
  border-top:1px solid #B5C98F;
  border-right:1px solid #D5E396;
  border-bottom:1px solid #D5E396;
  border-left:1px solid #B5C98F;
  color:#60743A;
  text-decoration:none;
}
/* image switcher END */

/* related posts START
--------------------------------------------------------------------*/
#related_posts {
  background:#FFF;
}
.related_posts {
  background:#EFEFEF;
  margin:0 1px;
  padding:5px 5px 0;
  border-color:#B0BEC7;
  border-style:dashed;
  border-width:1px 0;
}
.related_posts h3 {
  font-size:12px;
  background:#E6E6E6;
  padding:5px 10px 4px;
}
.related_post {
  margin:0;
}
.related_post li {
  list-style:none;
  padding:6px 10px;
  border-top:1px solid #E6E6E6;
}
.related_post li .count {
  font-size:10px;
}
.related_post li small {
  display:block;
  color:#999;
}
/* related posts END */



/* 
--------------------------------------------------------------------*/
h1 {
  color: black;
  font-size: 14px;
  padding: 5px;
}
h2.title {
  font-size:24px;
  line-height: 1;
  background: url("img/h2icon.png") no-repeat;
  background-position: 5px 5px;
  border-top:1px solid #999999;
  border-bottom:1px solid #999999;
  background-color: #EEEEEE;
  padding:5px 34px;
  text-decoration:none;
  color: black;
}
h3 {
  clear: both;
  color: #000080;
  font-size: 18px;
  line-height: 1;
  background: url("img/h3icon.png") no-repeat;
  background-position: left 5px;
  background-color: #EEEEEE;
  border-bottom: 1px solid #CCCCCC;
  padding: 5px 20px;
}
h4 {
  color: #CC0033;
  font-size: 14px;
  background: url("img/h4icon.png") no-repeat;
  background-position: left 4px;
  border-top: 1px dotted #AAAAAA;
  line-height: 1;
  margin: 15px 0px 5px;
  padding: 6px 20px;
}
h5 {
  font-size: 14px;
  margin: 0px 5px;
}

p {line-height: 1.7;}
a.to_official {
  color: black;
  text-decoration: underline;
}
a.to_official:hover {color: red;}

div.section {
  margin-bottom: 40px;
  padding: 10px 5px 10px;
}

div.section p a {
  text-decoration: underline;
}
div.section ul a {
  text-decoration: none;
}

dl {
  border-top: 1px solid #999999;
  border-left: 1px solid #999999;
  border-right: 3px solid #999999;
  border-bottom: 3px solid #999999;
  padding: 10px;
}
dt {
  color: #000066;
  border-bottom: 1px dotted #999999;
  padding: 5px 5px;
}
dd {
  background-position: left 3px;
  padding: 5px 10px 15px;
}

pre {
  color: #333333;
  overflow: auto;
}

.amazon_block {
  clear: both;
  margin-bottom: 20px;
}
.amazon_image {
  float: left;
  width: 130px;
  height: 200px;
}
.amazon_text {
  margin-left: 130px;
}

.adsense {
  font-size: 1.3em;
  margin-left: 5px;
}

br.empty {
  height: 0px;
  line-height: 0;
  display: none;
}