/* 
Theme Name: cafe chantant 1.5
Theme URI: http://www.cafechantant.com/blog/
Description: cafe chantant original theme
Author: Kuniaki "kunkichi" Shimizu
*/

/* COMMON */

body    {
          margin: 0px;
          padding: 0px;
          text-align: center;
          font-family: "Lucida Grande","Lucida Sans Unicode",Tahoma,"HiraMaruPro-W4","ヒラギノ丸ゴ Pro W4","Hiragino Kaku Gothic Pro","HG丸ゴシックM-PRO",sans-serif;
          font-size: 14px;
          background: transparent url(images/bg.gif) repeat-y 50% 50%; 
        }

a       {
          color: #3366aa;
          text-decoration: none;
        }

#container  {
          width: 760px;
          margin-right: auto;
          margin-left: auto;
          text-align: left;
        }

#header, #main, #footer {
          margin: 0 20px;
        }

/* HEADER */
#header {
          padding-top: 20px;
          margin-bottom: 20px;       
}

#header a {
          color: white;
          text-decoration: none;
}

#header img {
          border: none;
}

/* CONTENTS */

#content {
          width: 510px;
          float: left;
        }

.post h2 {
          font-size: 16px;
          border-bottom: solid 2px #339900;
          background-image: url(images/mark.jpg);
          background-repeat: no-repeat;
          padding: 7px 0 7px 55px;
}

.post h2 .info {
          font-size:10px;
          color:#cccccc;
}

.post h4 {
           font-weight: bold;
}

.post .related {
          margin-top: 20px;
}

.post .related h3 {
          font-size: 12px;
          border-bottom: solid 2px #339900;
          padding-bottom: 5px;
}

.post .related ul {
          list-style-type: none;
          margin: 5px 5px 5px 5px;
          padding: 0;
          vertical-align: middle;
}

.post .related li {
          background: transparent url('images/document.png') no-repeat 0% 5px;
          line-height: 130%;
          margin: 0;
          padding: 5px 4px 4px 20px;
}

.post p {
          font-size: 14px;
          color: #000000;
          line-height: 150%;
}

.post img {
          border: 1px solid #cccccc;
          padding: 3px;          
}

.post .tegaki img {
          border: none;
}

.post .amazlet-image img {
          border: 1px solid #cccccc;
          padding: 3px;
          margin-bottom: 5px;
          margin-right: 5px;
          float: left;
}

.post .postmetadata {
          font-size:12px;
          color:#cccccc;
          text-align:right;
}

.post blockquote {
    display: block;
    margin: 0 15px;
	padding: 0 15px; 	
  	background-color: #FAFAFA; 
	/* background-position: 8px 10px; */
	border: 1px dotted #CCCCCC; 
	color: #666666;
}

.post code {
    margin: 5px 0;
    padding: 10px;
    text-align: left;
    display: block;
    overflow: auto;
    font-size: 12px;  
    font-family: 'Lucida Console', 'courier new', monospace;
    color: #00FF00;
    white-space: pre;
    background: #000000;
    border-left: 3px solid #00FF00;
}

.post code br {
    display: none;
}

.post table {
	  border-top: 1px #000000 solid;
	  border-left: 1px #000000 solid;
          border-collapse: collapse;
          border-spacing: 0
        }

.post th,td {
	  border-bottom: 1px #000000 solid;
	  border-right: 1px #000000 solid;
          padding: 2px 6px;
        }

.post th {
          font-weight: bold;
          color: #FFFFFF;
          background: gray;
        }
.post li {
          padding: 2px 0;
}

.post {
          margin-bottom: 40px;
}

/*
.pagenav {
          font-size: 12px;
}
*/
.pagenav {
          margin-bottom: 20px;
}


/* SIDEBAR */

#sidebar {
          width: 190px;
          float: right;
          margin-left: 20px;
}

#sidebar .sidebox {
          border: 1px solid #CCDFB9;
          margin-bottom: 15px;
          padding: 1px;
}

#sidebar ul {
          font-size: 12px;
          color: #000000;
          list-style-type: none;
          margin: 5px 5px 5px 5px;
          padding: 0;
          vertical-align: middle;
}

#sidebar li {
          line-height: 130%;
          margin: 0;
          padding: 5px 4px 4px 20px;
}

#sidebar select {
          margin: 5px;
}

#sidebar .category li {
          background: transparent url('images/tag.gif') no-repeat 0% 5px;
}

#sidebar .recentcomments li {
          background: transparent url('images/comments.gif') no-repeat 0% 5px;
}

#sidebar .recentposts li {
          background: transparent url('images/document.gif') no-repeat 0% 5px;
}

#sidebar .pages li {
          background: transparent url('images/document.gif') no-repeat 0% 5px;
}

#sidebar .validate li{
          background: transparent url('images/check.png') no-repeat 0% 5px;
}

#sidebar .login li {
          background: transparent url('images/security.png') no-repeat 0% 5px;
}

#sidebar .feed li {
          background: transparent url('images/feed.png') no-repeat 0% 5px;
}

#sidebar h2 {
          font-size: 12px;
          /* background-color: #339900; */
          background: transparent url('images/menu_bg.gif') repeat-x 0 0;
          color: #000000;
          text-align: center;
          margin: 0 0 5px;
          padding: 5px 0;
}

#sidebar .poweredby .object {
          text-align: center;
          margin: 0 0 5px 5px;
          padding: 0;          
}

#sidebar .sidebox2 {
          border: 1px solid #FFCC00;
          margin-bottom: 15px;
          padding: 1px;
}

#sidebar .sidebox2 h2 {
          background: transparent url('images/menu_bg2.gif') repeat-x 0 0;
          color: #000000;          
}

#sidebar .sidebox2 .about {
          font-size: 12px;
          color: #000000;
          margin: 5px 5px 5px 5px;
          padding: 0;
          vertical-align: middle;
}

#sidebar img {
          border: none;
}

/* FOOTER */

#footer {
          clear: both;
          border-top: 1px dotted #A6A6A9;
          margin: 10px 10px 10px 10px;
          padding: 10px 10px;
          text-align: center;
          font-size: 10px;
          color: #A6A6A9;
}

#footer .left {
          float: left;
          text-align:left;
}

#footer .right {
          float: right;
          text-align:right;
}

#footer .clear {
          clear: both;
}

/* COMMENTS */
#comments h3 {
          font-size: 12px;
          border-bottom: solid 2px #339900;
          padding-bottom: 5px;
}

.com {
          font-size: 12px;
          border-bottom: dotted 2px #99FF00;
          padding-bottom: 8px;
          margin-bottom: 12px;
}

.com p {
          margin: 5px 0;

}

.commeta {
          color: #888888;
          text-align: right;
}

#tb {
          font-size: 12px;
          border: solid 1px #339900;
          padding: 8px;
          line-height: 150%;
}

#commentform {
          font-size: 12px;
}

a#i-heart-wp {
display:block;
text-indent:-9999em;
text-decoration:none;
width:100px;
height:100px;
background:url('images/i-heart-wp-corner-whitematte.png') top left no-repeat;
position:absolute;
right:0;
top:0;
}