@charset "utf-8";

/* 
	Theme Name: moikka
	Theme URL: 
	Description: moikka
	Author: moikka
	Author URI: http://www.moikkahelsinki.com
	Version: 1.0		
*/

body {
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "メイリオ", Meiryo, "MS P ゴシック", "MS PGothic", 'LucidaGrande', Verdana, Arial, sans-serif;
	color: #333333;
	font-size: 14px;
	}

a, a:visited{
	color: #507AA5;
	text-decoration: none;
	}
	
a:hover{
	text-decoration: underline;
	}

blockquote{
	margin:10px;
	padding:5px;
	background-color:#CCCCCC;
	}

.clear {
	clear:both;
	height:1px;
}

#contentmiddle ul{
	margin:10px 30px;;
}

#contentmiddle ul li{
	padding:2px 0;
	list-style:circle;
	}

/*Base*/

#wrap {
	border-top: 1px solid #C0C0C0;
	width:760px;
	margin: 0 auto;
	}

/*Header*/

#header {
	background: url("images/head_bg.jpg") repeat-x top center;
	margin:0 auto;
	height:150px;
	}
#logo{
	height:150px;
	width:150px;
	margin:0 auto;
}
	

/*Sidebar*/

#sidebar {
	float: left;
	width: 180px;
	margin-top: 10px;
	font-size:90%;
	line-height: 1;
	}
	
#sidebar p{
	line-height: 1.2;
	}

#sidebar h2 {
	color: #666666;
	font-weight: bold;
	padding:2px 0;
	margin: 3px 0;
	border-top: 1px dotted #C0C0C0;
	border-bottom: 1px dotted #C0C0C0;
	}

	
#sidebar li.widget{
	margin-bottom: 20px;
	}
	
li.widget ul li {
	padding: 2px 0;
	}
	
li#archives {
	color:#507AA5;
	}
		
/*Content*/

#content {
	float: right;
	width: 520px;
	padding: 20px 0 0 30px;
	border-left:1px solid #C0C0C0;
	}

#content .post {
	padding-bottom:20px;
	margin-bottom:20px;
	background:url("images/spacer.gif") no-repeat center bottom; 
}

#content p{
	padding: 5px 0;
	line-height: 1.5;
	}

.contenthead{
	width:520px;
	padding:5px 0;
	}

table.contentdate {
	font-family: Arial, Helvetica, sans-serif;
	float: left;
	height: 50px;
	width: 45px;
	}
	
.contentdate td.month{
	height: 20px;
	width: 45px;
	text-align:center;
	vertical-align:middle;
	color: #FFFFFF;
	font-size: 90%;
	font-weight:bold;
	background-color:#507AA5;
	}
.contentdate td.date{
	height: 30px;
	width: 45px;
	text-align:center;
	vertical-align:middle;
	color: #999999;
	font-size: 130%;
	font-weight:bold;
	background-color:#EFEFEF;
	}
	
table.contenttitle {
	height:50px;
	float: left;
	margin-left: 10px;
	}

.contenttitle td.title{
	height:33px;
	vertical-align: top;
}
	
.contenttitle h1 {
	color: #507AA5;
	font-size: 140%;
	}
	
.contenttitle h1 a  {
	color: #507AA5;
	text-decoration: none;
	}

.contenttitle td.meta{
	height:17px;
	vertical-align: bottom;
	font-size:70%;
}

h1.pagetitle {
	font-size:180%;
	color: #507AA5;
	padding:10px 0;
	}
	

/*Footer*/

#footer {
	font-size:80%;
	width: 760px;
	margin: 0 auto;
	padding: 10px 0;
	text-align: center;
	border-top: 1px solid #C0C0C0;
	clear:both;
	}

/*Comments*/
	
#commentblock {
	font-family: Arial, Helvetica, sans-serif;
	width: 440px;
	background: #EFEFEF;
	color: #333333;
	float: left;
	padding: 20px 20px 10px 20px;
	margin: 10px 0px 0px 0px;
	border-top: 2px solid #507AA5;
	border-bottom: 1px solid #507AA5;
	}
	
#commentblock ol{
	list-style-type: square;
	margin: 0;
	padding: 0 0 10px 0;
	}
	
.commentdate {
	font-size: 12px;
	padding-left: 0;
	}
	
#commentlist li p{
	margin-bottom: 8px;
	line-height: 20px;
	padding: 0;
	}

.commentname {
	color: #333333;
	margin: 0;
	padding: 5px 5px 5px 0px;
	}

.commentinfo{
	clear: both;
	}

.commenttext {
	clear: both;
	margin: 3px 0 10px 0;
	padding: 20px 10px 5px 10px;
	width: 390px;
	background: #FFFFFF url(images/comment.gif) no-repeat top;
	}

.commenttext-admin {
	clear: both;
	margin: 3px 0 10px 0;
	padding: 20px 10px 5px 10px;
	width: 390px;
	background: #FFFFFF url(images/comment.gif) no-repeat top;
	}

#commentsformheader{
	padding-left: 0;
	}

#commentsform{
	text-align: center;
	margin: 0;
	padding: 0;
	}

#commentsform form{
	text-align: left;
	margin: 0;
	}

#commentsform p{
	margin: 0;
	}

#commentsform form textarea{
	width: 99%;
	}
	
p.comments_link  img{
	margin: 0;
	padding: 0;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	}