/*

Theme Name: mattariblog0.11
Theme URI: http://jp.cssez.com/demo.php?d=adb9db20f796428c9d60ed21fe50a98a
Description: 
Version: 1.0
Author:  and CSSEZ.com
Author URI: http://jp.cssez.com/

 mattariblog0.11
	This theme was designed and built by  and CSSEZ.com,
 through http://jp.cssez.com/.

	The CSS, XHTML and design is released under Creative Commons(BY):
 http://creativecommons.org/licenses/by/2.1/jp/

*/

/* Cross-browser settings */
* {
	margin: 0;
	padding: 0;
}

/* general styles */
body {
	height: 100%;
	background: #ffffff;
	font-size: 14px;
	background-image: url(../../../../img/bg_blog.gif);
}

img {
 border:0;
}

a {
	color:#61A58B;
}

a:hover {
	color:#943665; 
	}


#wrapper {
 width: 840px;
 margin: 0px auto;
 padding: 0px;
	color:#51676C;

 font: 1.0em/150% 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', sans-serif;
;
}




/* Header */
#header {
	float: left;
	width: 100%;
	height: 160px;
	margin: 20px 0px;
	padding: 0px;
	background-image: url(../../../../img/bg_box_840.gif);
}

#header #title {
 margin: 60px 0px 0px 30px;
 padding: 0px;
 color:#51676C;
 font-size: 1.6em;
 text-align: center;
}

#header #title a {
	color:#51676C;

}

#header div#description {
 margin: 5px 0px 0px 30px;
 padding: 0px;
 color: #e0dde6;
 font-size: 0.8em;
 text-align: center;
}


/* Main contents */
#contents {
 float: left;
 width: 570px;
 margin: 0;
 padding: 0px;
 font-size: 1em;
 text-align: left;
}

#contents .contents_body {
	margin: 0 0 20px 0;
	padding: 0;
}


#contents div.entry-header {
 margin: 0px;
 padding: 25px 20px 0;
 background-image: url(../../../../img/bg_box_570_head.gif);
 background-repeat:no-repeat;
 background-position:top;
}
#contents div.entry-header h2 {
 font-size: 1.5em;
 text-align: left;
}

#contents div.entry-header h2 a {
	text-decoration: none;
}

#contents div.entry-header p{
 font-size: 0.8em;
 margin: 10px 5px 0 5px;
 padding: 0 0 5px 0;
	border-bottom-style:dashed;
	border-bottom-color:#3D484A;
	border-bottom-width:1px;
}


#contents .entry-body {
	margin: 0;
	padding: 20px 25px 15px;
	background-image: url(../../../../img/bg_box_570_loop.gif);
	background-repeat: repeat-y;
}

#contents .entry-body p {
	margin: 10px 0;
	padding: 0;
}

#contents .entry-body ul {
	margin: 0 0 10px 20px;
	padding: 0;
}

#contents .entry-body code {
	background: #e0dde6;
	padding: 10px;
	display: block;
	overflow:scroll;
}


#contents .entry-footer {
	margin: 0;
	padding: 5px 25px 15px;
	background-image: url(../../../../img/bg_box_570_foot.gif);
	background-repeat: no-repeat;
	background-position: bottom;
	text-align: right;
 font-size: 0.8em;
}

#contents .content-nav {
	margin: 0;
	padding: 9px 25px;
	background-image: url(../../../../img/bg_line_570.gif);
	background-repeat: no-repeat;
	background-position: top;
	text-align: center;
}


#contents h3 {
 margin: 0;
 padding: 20px 20px 10px;
 font-size: 1.2em;
 text-align: left;
}
#contents h3#comments,
#contents h3#respond {
 background-image: url(../../../../img/bg_box_570_head.gif);
 background-repeat:no-repeat;
 background-position:top;
}

#contents #comments-body ol.commentlist,
#contents #respond-body form {
	margin: 0 ;
	padding: 0 25px;
	background-image: url(../../../../img/bg_box_570_loop.gif);
	background-repeat: repeat-y;
	background-position: bottom;

}
#contents #comments-body ol.commentlist li {
	list-style-position: inside;
	margin: 0 0 15px 0 ;
	padding: 15px 0 0 0;
	border-top-style:dashed;
	border-top-color:#3D484A;
	border-top-width:1px;
}
#contents #comments-body li small.commentdelete,
#contents #comments-body li small.commentmetadata {
	margin: 0 0 0 15px;
}
#contents #comments-body li div.commenttext {
	margin: 15px 0 0 10px;
}
#contents #comments-body,
#contents #respond-body {
	margin: 0 0 20px 0 ;
	padding: 0 0 25px 0;
 background-image: url(../../../../img/bg_box_570_foot.gif);
 background-repeat:no-repeat;
 background-position:bottom;
}

#contents blockquote {
 padding: 10px;
 background: #efefef;
 border: #999999;
}



/* Sidebar */
#firstSide { float: right;}

.sidebar {
 width: 250px;
 margin: 0px 0px 20px 0px;
 padding: 0px;
 font-size: 1em;
 text-align: left;
}

.sidebar h4 {
	margin: 0px;
	padding: 15px 10px 10px 20px;
	font-size: 1.2em;
	text-align: left;
	background-image: url(../../../../img/bg_box_250_head.gif);
	background-repeat: no-repeat;
	background-position: left top;
}
.sidebar .twtr-widget{
	padding-bottom: 20px;
}
.sidebar .twtr-widget h4 {
	background-image:none;
}
.sidebar ul {
	list-style:none;
	border: 0;
	margin: 0 0 20px 0;
	background-image: url(../../../../img/bg_box_250_foot.gif);
	background-repeat: no-repeat;
	background-position: left bottom;
	padding: 0 25px 25px 25px;
}

.sidebar .side {
	list-style:none;
	border: 0;
	margin: 0 0 20px 0;
	background-image: url(../../../../img/bg_box_250_foot.gif);
	background-repeat: no-repeat;
	background-position: left bottom;
	padding: 0 25px 25px;
}

.sidebar p {
 padding: 3px 0px 3px 25px;
}


.sidebar ul li a {
 display:block;
 line-height: normal;
 margin: 0;
 padding: 1px 0px 1px 0px;
 font-size: 0.9em;
 text-align: left;
}

.sidebar ul li{
	margin:0;
}


.sidebar ul li a img{
	vertical-align:middle;
	margin-right:2px;	
}

/* twitter */
.sidebar #twitter {
	margin-bottom: 20px;
}

/* vimeo */
.vimeoBadge { margin: 0; padding:10px 25px; font: normal 11px verdana,sans-serif;
	background-image:url(../../../../img/bg_box_250_loop.gif);
	background-repeat:repeat-y;
	min-height: 1px;
}
.vimeoBadge img { border: 0; }
.vimeoBadge a, .vimeoBadge a:link, .vimeoBadge a:visited, .vimeoBadge a:active { color: #3A75C4; text-decoration: none; cursor: pointer; }
.vimeoBadge a:hover { color:#00CCFF; }
.vimeoBadge #vimeo_badge_logo { margin-top:10px; width: 57px; height: 16px; }
.vimeoBadge .credit { font: normal 11px verdana,sans-serif; }
.vimeoBadge .clip { padding:0; float:left; margin:0; width:100px; line-height:0; }
.vimeoBadge .caption { font: normal 11px verdana,sans-serif; overflow:hidden; width:100px; height: 30px; }
.vimeoBadge .clear { display: block; clear: both; visibility: hidden; } 

.vimeoBadge:after{
	content: ".";  /* 新しい要素を作る */
	display: block;  /* ブロックレベル要素に */
	clear: both;
	height: 0;
	visibility: hidden;
}
	

/* Footer */
#footer {
 clear:both;
 width: 100%;
 height: 40px;
 margin: 0px 0px 20px;
 padding: 10px 0px 0px;
 font-size: 0.8em;
 text-align:center;
}