/*  
Theme Name: MecBlog
Theme URI: http://www.motherearthclub.com/blog
Description: MecBlog
Author: utan
*/

/*↓↓↓common.css↓↓↓*/

* {
	margin: 0;
	padding: 0;
	}
	
body {
    margin:0px;
    padding: 0px;
	text-align: center;
	background:#68683D;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino kaku 
Gothic Pro",Osaka,"メイリオ",Meiryo,"ＭＳＰゴシッ
ク",sans-serif;
/*	font-size: 0.9em;*/　　　/*←ブログではバグ発生のため削除*/
/*       line-height: 1.3;*/　　　/*←ブログではバグ発生のため削除*/
	color:#4E2029;
}

img {
	border: none;
	}
	
img.s1 {
padding:5px;
margin:10px;
border:1px solid #666666;
	}
	
img.s2 {
padding:2px;
margin:0px;
border:1px solid #666666;
	}

hr {
	display: none;
 	}

hr.line {
	clear:both;
	display: block;
	margin:0px 5px 30px 5px;
    width: 100%;
	border:1px solid #cccccc;
	}

h1, h2, h3, h4, h5, h6, p, address {
	font-size: 100%;
	font-weight: normal;
	font-style: normal;
}

ul{
list-style: none;
}

a{	
    color: #68683D;
    /*background-color:#FFFFFF;*/
	text-decoration:underline;
	}

a:hover {   
    color:#4E2029;
    /*background-color:#FFFFFF;*/
	text-decoration:none;
	}		
	

/*↑↑↑common.css↑↑↑*/

/*↓↓↓container.css↓↓↓*/

#container {
	margin-left: auto;
	margin-right: auto;
	margin-top: 30px;
	margin-bottom: 30px;
         padding: 0px;
	text-align: left;
	width:760px;
	background:#fff;
}

#header {
	margin: 0px;
	padding: 0px;
	width:760px;
}

#footer2 {
	margin: 0px;
	padding: 0px;
	width:760px;
	clear:both;
	text-align:center;
}

.margin-20{   
         margin:20px;
}

address {
	font-size:0.8em;
	font-style:normal;
	color:#68683D;
    background-color:#FFFFFF;
	border-top:solid 5px #cccccc;
	padding:10px;
    line-height:2em;
	}

p.path {
text-align:right;
color:#68683D;
font-size:0.9em;
margin-top:0;
margin-bottom:10px;
}

p.path a{
color:#68683D;
}

p.path a:hover{
color:#4E2029;
text-decoration: underline;
}

p.path a:visited{
color:#68683D;
}

strong{
font-weight:bold;
}

em{
font-weight:bold;
font-style: normal;
}

span{
font-family:Verdana;
font-weight:bold;
}

/*↑↑↑container.css↑↑↑*/

/*↓↓↓contents.css↓↓↓*/

#contentsdesign {
	margin: 5px;
	padding: 5px;
        text-align: center;
}

h1.title1{
    text-align: center;
	font-size: 1.5em;
	color:#4E2029;
    margin-top:30px;
    margin-bottom:30px;
}

.read {
margin-top:10px;
margin-bottom:20px;
font: 1em/2em "MS ゴシック", Osaka, sans-serif;
color:#4E2029;
text-align:center;
}

.top {
	color:#68683D;
	border-bottom:dotted 1px #68683D;
	text-align:right;
        clear:both;
margin:20px 0px 0px 0px;
}

.top a {
	color:#68683D;
	padding-left:3px;
	text-decoration:none
	}

.top a:hover {
	color:#4E2029;
	}

/*↑↑↑contents.css↑↑↑*/



/*↓↓↓↓↓↓mecblog用追加設定分↓↓↓↓↓*/






/*↑↑↑↑↑↑mecblog用追加設定分↑↑↑↑↑↑↑↑↑*/






/*↓↓↓↓↓↓↓↓↓初期設定↓↓↓↓↓↓↓↓↓*/


code, pre {
	background: #f8f8f8;
	display: block;
	font-family: monospace;
	font-size: 1.3em;
	padding: 10px;
}

blockquote {
	background: url(images/bg_blockquote.gif) top left 
no-repeat;
         font-size: 1em;
	margin: 5px 15px 5px 15px;
	padding: 5px 10px 5px 25px;
}

.back {
  color: #880000;
}

.right {
  text-align: right;
}

.center {
  text-align: center;
}

.block {
  text-align: justify;
}

td {
  vertical-align: top;
}

.space {
  padding: 20px 0;
}

.i_left {
	clear: both;
	margin: 0 5px 5px 0;
	padding: 3px;
	border: 1px solid #666;
	float: left;
}

.i_right {
	clear: both;
	margin: 0 0 5px 5px;
	padding: 3px;
	border: 1px solid #666;
	float: right;
}

.float_left {
  float: left;
}

.float_right {
  float: right;
}

acronym, abbr, span.caps {
	cursor: help;
}

.clear {
	clear: both;
}

.rss {
	background: url(images/feed.gif) no-repeat 0.2em;
	padding: 0 0 0 23px;
}

.trackback {
	background: url(images/arrow_refresh.gif) no-repeat 0.2em;
	padding: 0 0 0 22px;
}

.author {
	background: url(images/user_green.gif) no-repeat 
0.2em;
	padding: 0 0 0 22px;
}

.tag {
	background: url(images/tag_blue.gif) no-repeat 
0.2em;
	padding: 0 0 0 22px;
}

.comment {
	background: url(images/comments.gif) no-repeat 
0.2em;
	padding: 0 0 0 23px;
}

/* page */

#navigation {
/*
       background: #d8fbd8 url(images/bg_green.jpg) 
repeat-x;
      border-bottom: 1px solid #444;
*/
	margin: 0;
	padding: 5px 10px 10px;
	font-size: 0.9em;
}

#content {
	clear: both;
	float: left;
	margin: 15px auto;
         min-height: 400px;
	overflow: hidden;
	padding: 0px 15px 20px;
	width: 500px;
}

#sidebar {
	float: left;
 　　　 margin: 15px 0 20px;
	overflow: hidden;
      width: 200px; /*Hack for Internet Explorer <6.0 */
       width/**/:/**/ 170px; /* alle anderen User-Agents */
}

#footer {
        background: #d8fbd8 url(images/bg_green.jpg) 
repeat-x;
	clear: both;
	padding: 0;
        width: 100%;
}

/* page end */

/* forms */

form {
  margin: 5px 0 5px;
}

input, textarea {
	background: url(images/bg-input.jpg) top left 
repeat-x;
	border: 2px solid #ddd;
        font-size: 1.2em;
	margin: 1px;
	padding: 1px 0;
}

input:focus, textarea:focus {
	background:#ffc;
}

.noborder {
  background: none;
  border: none;
}

label:hover {
	cursor:pointer;
}

/* header */

.hid_1 #header { background:url(images/bg_1.jpg) no-
repeat; }
.hid_2 #header { background:url(images/bg_2.jpg) no-
repeat; }
.hid_3 #header { background:url(images/bg_3.jpg) no-
repeat; }
.hid_1 #header h1 a { color: #048; }
.hid_2 #header h1 a { color: #c80202; }
.hid_3 #header h1 a { color: #000; }

#header h1 a {
  font-size: 1.5em;
	margin: 0 80px;
}

#header h2 {
	font-size: 1em;
  margin: 0 80px;
}

#header a {
	color: #024;
	font-size: 1.2em;
}

#navigation .feedicon {
  background: url(images/feed.gif) 3px no-repeat;
	display: inline;
	float: right;
	margin: 0px 15px;
	padding: 0 0 0 22px;
}

#topnavi li {
	display: inline;
	padding: 0 5px;
}

#subnavi li {
	display: inline;
	padding: 0 15px 0 15px;
}

#subnavi li a {
  color: #3a7930;
}

#subnavi li a:hover {
  color: #68f;
}
/* header end */

/* content */
.calPage {
	border: 1px solid #ccc;
	color: #666;
	display: block;
	float: left;
	font-size: 0.8em;
	line-height: 0.8em;
	margin: 2px 5px 0 0;
	padding: 3px;
	text-align: center;
	text-transform: uppercase;

}

.calPage .day {
	color: #ccc;	
	display: block;
	font-weight: bold;
	font-size: 20px;
	letter-spacing: -2px;
	text-indent: -3px;
}

.calPage .year {
	color: #666;	
	display: block;
         font-size: 1.1em;
	line-height: 0.9em;
	letter-spacing: -2px;
	text-indent: -3px;
}

.editlink {
	float: right;
}

.info {
	font-size: 0.8em;
 　　 padding: 0 0 15px 0;
}

.entry img {
  border: 1px solid #666;
  float: left;
  margin: 3px 10px 3px;
  padding: 3px;
}

.infoblock {
	background: #f8f8f8;
	border-bottom: 1px dotted #666;
	border-top: 1px dotted #666;
	color: #07c;
	display: block;
	font-size: 0.8em;
	line-height:1.8em;
	margin: 40px 0 40px 0;
	padding: 8px 5px 8px 5px;
}

#content .tags {
  clear: both;
	color: #07c;
	display: block;
	font-size: 0.8em;
	letter-spacing: -1px;
	margin: 10px 0 0 0;
	text-align: right;
}

.gravatar {
  border: 2px solid #666;
  float: left;
  font-size: 0.5em;
  margin: 2px 5px 2px 2px;
  padding: 2px;
}

#content .post {
  clear: both;
  margin: 10px 0 25px 0;
	overflow: hidden;  
}

#content {
	line-height:1.3em;
}

#content h2, h3, h2 a, h3 a {
	color: #3a7930;
	font-size: 1.1em;
	margin: 0 0 8px;
}

#content h2, h3 {
	color: #444;
}

#content h3, h3 a {
  clear: both;
	color: #3a7930;
	font-size: 1em;
	margin: 20px 0 10px;
}

#content p {
	font-size: 0.8em;
	line-height:1.5em;
	margin: 5px 0 5px;
	color:#4E2029;
}

#content .nolist {
  margin: 0;
  padding: 0;
  background: none;
}

#content ul li {
	background: url(images/bullet_blue.gif) no-repeat;
	font-size: 0.8em;
	padding: 0 0 0 20px;
}

#content ul ul li {
	background: url(images/bullet_blue.gif) no-repeat 
0.2em;
	margin: 0 0 0 13px;
}

#content ol li {
  font-size: 0.8em;
  margin: 0 0 0 30px; 
  list-style: decimal;
  padding: 0;
}

#content td {
  font-size: 0.8em;
  padding: 0 10px 10px 0;
}

/* comments*/

#content .thecommentlist {
  font-size: 1em;
  list-style: none;
  margin: 15px 0 15px; 
  padding: 7px;
}

#content .commentinfo {
	font-size: 0.8em;
	font-style:italic;
  padding: 0 0 5px 0;
}

.alt_thecommentlist {
	background-color: #f8f8f8;
	border-bottom: 1px solid #ddd;
	border-top: 1px solid #ddd;
}

li.author_comment {
  background-color: #d8fbd8;
	border-bottom: 1px solid #ddd;
	border-top: 1px solid #ddd;
}

.alert {
  background: #393;
  color: #eee;
  padding: 20px; 
  text-align: center;
}

.comments_div {
  margin: 20px 0 20px;
}

.comment_div {
  margin: 30px 0;
}

#errors {
  color: red;
  font-size: 1em;
}

#loding {
  background: url(images/spinner.gif) no-repeat;
  margin: 5px 0 5px 0;
  padding: 0 0 0 25px;
}

/* content end */

/* sidebar */

#sidebar {
	border-left: 1px dotted #333;
	font-size: 0.8em;
	line-height:1.1em;
	padding: 0 0 100px 8px;

}

#sidebar h2 {
	border-bottom: 1px dotted #444;
	color: #3a7930;
	margin: 10px 0 5px;

}

#sidebar h2 a {
  font-size: 1em;
}

#sidebar_nav {
  background: #e8efe8;
  border: 2px dotted #444;
  padding: 7px;
}

#sidebar #sidebar_nav li {
	background: url(images/arrow_sub.gif) no-repeat 
0 0.2em;
	padding: 0 0 0 18px;

}

#sidebar #sidebar_nav ul {
padding: 0 0 10px 0;

}

#sidebar ul ul li {
	background: url(images/bullet_blue.gif) no-repeat;
	padding: 0 0 0 15px;
}

#sidebar #linklist ul li{
  background: none;
  padding: 0;
}

#sidebar #linklist ul ul li {
	background: url(images/bullet_go.gif) no-repeat;
  padding: 0 0 0 15px;
}

#sidebar #naechste-termine ul li{
  background: none;
  margin: 0;
  padding: 0;
}

#sidebar #naechste-termine ul ul li {
	background: url(images/bullet_blue.gif) no-repeat;
  margin: 0;
  padding: 0 0 0 15px;
}

#sidebar #colon {
	overflow: hidden;
  width: 100%;
}

#sidebar .colon1 {
	background: #d8fbd8 url(images/bg_green.jpg) 
repeat-x;
	color: #333;
	float: left;
	margin: 10px 5px 0 0;
	overflow: hidden;
	padding: 0 3px 10px 3px;
	width: 168px; /* IE < 6 */
  width/**/:/**/ 148px; /* alle anderen User-Agents */
}

#sidebar .colon2 {
	background: #d8fbd8 url(images/bg_green.jpg) 
repeat-x;
	color: #333;
	float: left;
	margin: 10px 0 0 0;
	overflow: hidden;
	padding:0 3px 10px 3px;
	width: 155px; /* IE < 6 */
  width/**/:/**/ 144px; /* alle anderen User-Agents */

}

#sidebar .sidebar_select {
  width: 140px;
}

#wp-calendar th {
  width: 35px;

}

#wp-calendar caption {
  color: #3a7930;
}

#wp-cal-container {
  text-align: center;

}

/* footer */

#footer {
  font-size: 0.8em;
  overflow: hidden;
}

#footer h2 {
  border-bottom: 1px dotted #444;
  clear: both;
  color: #3a7930;
  margin: 10px 0 10px;
  padding: 0;
}

#footer ul li li {
	background: url(images/bullet_blue.gif) no-repeat 
0 0;
  margin: 0 0 2px;
	padding: 0 0 0 15px;
}

#footer .Left_Footer {
	color: #333;
	float:left;
	margin:15px 15px 15px 10px;
	padding:0px 5px 10px 5px;
	width:200px; /* IE < 6 */
        width/**/:/**/ 195px; /* alle anderen User-Agents */
}

#footer .Middle_Footer {
	color: #333;
	float:left;
	margin:15px 15px 15px 5px;
	padding:0px 5px 10px 5px;
	width:200px; /* IE < 6 */
        width/**/:/**/ 195px; /* alle anderen User-Agents */
}

#footer .Right_Footer {
	color: #333;
	float:left;
	margin:15px 0px 15px 5px;
	padding:0px 5px 10px 5px;
	width:200px; /* IE < 6 */
        width/**/:/**/ 195px; /* alle anderen User-Agents */
}

#bottom {
 	margin: 0px;
	padding: 0px;
	width:760px;
	clear:both;
text-align: right;
}

/*

#bottom p {
  color: #eee;
}

#bottom a {
  color: #07c;
}

#bottom a:hover {
  color: #09e;
}

*/

/* ------------------------------

-- CSS for supported Plugins ---

------------------------------ */

/* ------------

-- myGallery --

------------ */

.myrandompic img {
	background: #fff;
	border: 3px solid #666;
	margin: 10px 0 0 5px;
	padding:5px;
}

.mypicsgallery {
	text-align: left;
}

.mypicsgallery a img {
	border: 2px solid  #666;
	margin: 0;
}

.mypicsgallery a:hover img {
	border: 2px solid #68f;
}

.myinlinepictureleft {
	clear: both;
}

.myinlinepictureright {
	clear: both;
	float:right;
  margin: 0 10px;
}

.myinlinepictureleftclear {
	clear: both;
  float: none;
}

.mygallerygallery {
	border: 2px solid #ddd;
	height: 150px;
	margin-bottom: 10px;
	padding: 10px;
}

.mygallerypreviewpics {
	background: #fff;
	border: 3px solid #666;
	float: left;
	margin: 10px 10px 10px 0px;
	padding:5px;
}

.mygallerydescription {
	padding: 10px 0;
}

/* ------------

-- wp-quotes --

------------ */

.wp_quotes_quote {
	margin: 5px 0;
}

.wp_quotes_author {
	color: #666;
	margin: 0 0 10px;
	text-align: right;
}

/* --------------

-- now reading --

--------------- */

.now-reading-copyright {
	padding: 20px 0;
}

ul.wolke li {
	display:inline;
	padding: 1em;
}

/* ------------

---- YAAPN ----

------------ */

#content .paging ul li { 
  background: none;
  display: inline;
  padding: 0 5px 0 5px;
  font-size: 1em;
}

#content .paging ul {
  padding: 5px 0;
}

#content .paging {
  padding: 20px 0;
  text-align: center;
}

/* ---------------------

---- Event Calendar ----

--------------------- */

table.ec3_schedule {
  width: 100%;
}

/*↓↓↓header.css↓↓↓*/

/* ----------------------- header */

#gheader {

	margin: 0;

	/*height: 130px;*/

	/*min-height: 130px;*/

	background: url(http://www.motherearthclub.com/images/head/header_backimg.gif) left bottom no-repeat;

	}

/* ----------------------- logo layout */

#gheader .sitelogo {

	float: left;

	}

/* ----------------------- emergency layout */

#gheader #emergency {

	height: 22px;

	min-height: 22px;

	font-size: 1.2em;

	padding-top:5px;

	}

#gheader #emergency ul {

	text-align: right;

	margin: 4px 12px 4px 0;

	}

#gheader #emergency li {

	margin: 0px 0px 0 20px;

	display: inline;

	}

	

#gheader #emergency li a {

    color:#4E2029;

	background-color:#ffffff;

    }

	

#gheader #emergency li a:hover { 

    color: #68683D;

	background-color:#ffffff;

    }

/* ----------------------- search layout */

#gheader .search {

    font-size: 1.2em;

    color: #996600;

	clear: right;

	padding: 0;

	/*background: url(http://www.motherearthclub.com/images/head/search_backimg.gif) right top no-repeat;*/

	text-align: right;

	}

#gheader .search fieldset {

	padding: 5px 12px 10px 20px;

	border: solid;

	border-width: 0;

	}

#gheader .search fieldset legend {

	display: none;

	}

#gheader .search img,

#gheader .search input.text,

#gheader .search input.ibutton {

	vertical-align: middle;

	}

#gheader .search input.text {

	width: 150px;

	height: 18px;

	margin: 0 4px 0 2px;

	border: 1px solid #ccc;

	}

#gheader .search input.ibutton {

	margin: 0;

	width: 30px;

	height: 20px;

	}

#gheader {

	font-size: 0.7em;

	}

.nav {

    clear: both;

	font: normal 1.3em Arial, Helvetica, sans-serif;

	margin-left:50px;

	margin-right:10px;

	margin-bottom:0px;

	margin-top:0px;

	height:2em;

    padding-bottom:10px;

	}

.nav a {

	color: #68683D;

	background-color:#ffffff;

	text-decoration:none;

	display:block;

        padding-right: 30px;

	/*width:80px; */

	float:left; 

	line-height:2em;

	}

	

.nav a.now {

	background-image:url(http://www.motherearthclub.com/images/head/nav-back.gif);

	background-repeat:no-repeat;

	color:#4E2029;

	background-color:#ffffff;

	}

.nav a:hover {

	background-color:#ffffff;

	background-image:url(http://www.motherearthclub.com/images/head/nav-back.gif);

	background-repeat:no-repeat;

	color:#4E2029;

	}

.nav span {

    color: #68683D;

	background-color:#ffffff;

	display:none

	}

/*↑↑↑header.css↑↑↑*/

#link   {
       width:600px;    
	margin-top: 50px;
        margin-left: auto;
	margin-right: auto;
	margin-bottom: 50px
	border-collapse: collapse;
	}

#link th	{
	width: 200px;
	text-align: right;
	padding: 10px;
        border: solid 1px #ffffff;
	background-color:#ffffff;
	}

#link td	{
	text-align: left;
	padding: 10px;
        border: solid 1px #ffffff;
	background-color:#ffffff;
	}

#link a	{
	text-decoration: none;
	color: #4E2029;
	}

#link a:hover	{
	color: #68683D;
	}