/*
THEME NAME: i-am
THEME URI: http://aromablanc.com
DESCRIPTION: sandbox をベースにB40 I am をイメージしたテーマです。
VERSION: 0.9
AUTHOR: blanc
AUTHOR URI:
TAGS: sandbox, microformats, hcard, hatom, xoxo, widgets, blank slate, starter theme, minimalist, developer
*/

/* Two-column with sidebar on left from the /examples/ folder  */
@import url('3c-kotei.css');

/* Just some example content */
div.skip-link {
position:absolute;
right:1em;
top:1em;
}

div#menu {
background:#EEE;
height:1.5em;
margin:1em 0;
width:100%;
}

div#menu ul,div#menu ul ul {
line-height:1;
list-style:none;
margin:0;
padding:0;
}

div#menu ul a {
display:block;
margin-right:1em;
padding:0.2em 0.5em;
text-decoration:none;
}

div#menu ul ul ul a {
font-style:italic;
}

div#menu ul li ul {
left:-999em;
position:absolute;
}

div#menu ul li:hover ul {
left:auto;
}

.entry-title,.entry-meta {
clear:both;
}

div#container,div#primary, div#secondary {
margin-top:1em;
}

form#commentform .form-label {
margin:1em 0 0;
}

form#commentform span.required {
background:#fff;
color:#c30;
}

form#commentform,form#commentform p {
padding:0;
}

input#author,input#email,input#url,textarea#comment {
padding:0.2em;
}

div.comments ol li {
margin:0 0 3.5em;
}

textarea#comment {
height:13em;
margin:0 0 0.5em;
overflow:auto;
width:66%;
}

.alignright,img.alignright{
float:right;
margin:1em 0 0 1em;
}

.alignleft,img.alignleft{
float:left;
margin:1em 1em 0 0;
}

.aligncenter,img.aligncenter{
display:block;
margin:1em auto;
text-align:center;
}

div.gallery {
clear:both;
height:180px;
margin:1em 0;
width:100%;
}

p.wp-caption-text{
font-style:italic;
}

div.gallery dl{
margin:1em auto;
overflow:hidden;
text-align:center;
}

div.gallery dl.gallery-columns-1 {
width:100%;
}

div.gallery dl.gallery-columns-2 {
width:49%;
}

div.gallery dl.gallery-columns-3 {
width:33%;
}

div.gallery dl.gallery-columns-4 {
width:24%;
}

div.gallery dl.gallery-columns-5 {
width:19%;
}

div#nav-above {
margin-bottom:1em;
}

div#nav-below {
margin-top:1em;
}

div#nav-images {
height:150px;
margin:1em 0;
}

div.navigation {
/*height:1.25em;*/
	height:2em;
}

div.navigation div.nav-next {
float:right;
text-align:right;
}

div.sidebar h3 {
font-size:1.2em;
}

div.sidebar input#s {
width:7em;
}

div.sidebar li {
list-style:none;
margin:0 0 2em;
}

div.sidebar li form {
margin:0.2em 0 0;
padding:0;
}

div.sidebar ul ul {
margin:0 0 0 1em;
}

div.sidebar ul ul li {
list-style:disc;
margin:0;
}

div.sidebar ul ul ul {
margin:0 0 0 0.5em;
}

div.sidebar ul ul ul li {
list-style:circle;
}

div#menu ul li,div.gallery dl,div.navigation div.nav-previous {
float:left;
}

div#header,div#footer {
text-align:center;
}

input#author,input#email,input#url,div.navigation div {
width:50%;
}

div.gallery *,div.sidebar div,div.sidebar h3,div.sidebar ul {
margin:0;
padding:0;
}

/* -- tani original based on sandbox -- */
body {
	font-size: 11px; /* Resets 1em to 10px */
  	font-family:Verdana,"BitStream vera Sans",Arial,Helvetica,'Lucida Grande','Lucida Sans Unicode',Sans-serif;
	color: #666666;
	text-align: center;
}

a:link, a:visited, a:active {
 color: #CC0000;
 text-decoration: none;
}

a:hover {
 color: #FF9900; 
 text-decoration: underline;
}

div#header {
  height: 190px;
  width: 800px;
	background:  #ffffff url('images/colourheader.jpg') no-repeat;
	border-right: 1px solid #cccccc;
	border-bottom: 1px solid #cccccc;
	text-align: left;
}

h1#blog-title {
  margin-top: 15px;
  padding-top: 35px;
  padding-left: 30px;
}

div#blog-description {
  margin-top: -10px;
  padding-left: 30px;
}

h1 a:link, h1 a:visited, h1 a:active, h1 a:hover {
 color: #CC0000;
 text-decoration: none;
}

h2 {
	font-size: 1.3em;
}

div#menu {
	display: none;
/*	font-size: 1.2em;
	-moz-border-radius: 3px;
	-khtml-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;	
*/
}

div#content {
    line-height: 160%;
	margin-top: 20px;
}

.sidebar {
	padding: 5px 0; 
}

/*.sidebar * {
	margin-left: 3px;
}*/

.sidebar li  {
	margin: 5px 1px 2px 0px;
	padding: 2px 0 2px 0px; 
	
/*	background-color:  #eeeeee;
	-moz-border-radius: 3px;
	-khtml-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px; 
*/
}

.sidebar li h3 {
	border-bottom: 1px solid #FFCC00 ;
	font-size: 1.1em;
	padding: 2px 0 2px 15px;
	background:  #ffffff url('images/sidebar_title.gif') no-repeat left center;
}

div.sidebar li ul {
	padding: 2px 0 0 2px;
}

div.sidebar ul ul {
	margin: 0 0 0 0.5em;
}

div.sidebar ul ul li, div.sidebar ul ul ul li{
/*	padding-left: -0.2em;*/
	list-style: none; 
/*	list-style-image: url('images/list.gif');*/
}


.entry_main {
/*	border: 1px dashed #cccccc; */
	padding: 10px 10px 5px 10px;
	margin-bottom: 15px;
	background:  #ffffee url('images/b34bottle.gif') no-repeat ; 
/*	background-color:  #ffffee;*/
	-moz-border-radius: 3px;
	-khtml-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px; 
}

.entry-title {
	color: #CC0000;
	margin: 0 0 5px 25px;
	border-bottom: 1px  dotted #cccccc;
}

.entry-date {
	text-align: right;
	font-size: 0.9em;
}

.entry-content {
	padding-left: 10px;
}

.entry-meta {
	margin: 10px 0 0 0;
	padding: 2px;
	text-align: right;
	font-size: 0.9em;
	border-top: 1px dotted #cccccc;
/*	background-color: #ccffcc;
	-moz-border-radius: 2px;
	-khtml-border-radius: 2px;
	-webkit-border-radius: 2px;
	border-radius: 2px;
*/
}

table#wp-calendar {
	margin: 0px 20px;	
	text-align: center;
}

div#comments {
	padding-right: 10px;
	padding-left: 10px;
}

div.comments ul, div.comments ol {
	margin: 0 0 3.5em 0;
	padding-left: 1em;
}

div.comments li {
	list-style-type: none;
	padding: 0 1em;
	border-bottom: 1px solid #ccffcc;
}

div.comment-author, div.comment-meta {
	text-align: right;
	font-size: 0.9em;
}

/* ------------------------------------------------------------------
---------- IMAGES ---------------------------------------------------
------------------------------------------------------------------ */

img { 
	border: 0;
	}

	
/* For Events manager plugin Google Map */
#dbem-location-map img {
    background: none !important;
}
	
.post img.size-full {
	/*max-width: 100% auto;*/
	max-width: 96%;		/* 	resize images in the main column if needed.
							97% so images with padding and border don't touch
							the right sidebar while being resized. Change this 
							to 100% if you want, if your images
							don't have padding and a border */
	width: auto 100%;
	margin: 5px 0 5px 0;
	/*overflow-x: auto;*/
	/* more  ... */
	}



/* hiding from IE6 which would stretch the image vertically. 
IE6 will get width and height via jQuery */
div[class~=post] img { 
	height: auto; /* FF & Safari need auto */
	}	

.post img.alignleft {
	float: left; 
	margin: 10px 10px 5px 0; 
	}
	
.post img.alignright {
	float: right; 
	margin: 10px 0 5px 10px; 
	}

.post img.aligncenter {
	display: block;
	margin: 10px auto;
	}

.aligncenter, 
div.aligncenter {
   	display: block;
   	margin-left: auto;
   	margin-right: auto;
	}

.alignleft, 
div.alignleft {
	float: left;
	margin: 10px 10px 5px 0;
	}

.alignright, 
div.alignright {
   	float: right;
   	margin: 10px 0 5px 10px;
	}

/* feed icons on archives page */
div.archives-page img {
	border: 0;
	padding: 0;
	background: none;
	margin-bottom: 0;
	vertical-align: -10%;
	}
	
.wp-caption {
	/*max-width: 100% auto;*/
	max-width: 96%;		/* FF2, IE7, Opera9, Safari 3.0/3.1 will 
							resize images in the main column if needed.
							97% so images with padding and border don't touch
							the right sidebar while being resized. Change this 
							to 100% if you want, if your images
							don't have padding and a border */
	width: auto 100%;
	height: auto;  /* FF3 needs "auto", IE6 needs "100%", see next style*/
	display: block;
border: 1px solid #dddddd;
text-align: center;
background-color: #f3f3f3;
padding-top: 4px;

			margin: 10px 7px 0 5px;
-moz-border-radius: 2px;
-khtml-border-radius: 2px;
-webkit-border-radius: 2px;
border-radius: 2px;
}

/* for imges inside a caption container IE6 does not
stretch images vertically as it does with images without
caption so we can leave this rule although it is probably not
required as jQuery sets the height for caption'ed images too */
* html .wp-caption {
	height: 100%; 
}
	
.wp-caption img {
   	margin: 0 !important;
   	padding: 0 !important;
   	border: 0 none !important;
}
	
.wp-caption p.wp-caption-text {
font-size: 0.8em;
line-height: 13px;
padding: 2px 4px 5px;
margin: 0;
color: #666666;
}