/*  
Theme Name: One in a Million
Theme URI: http://www.wpthemejp.com/
Description: <a href="http://www.tdhedengren.com">Thord Daniel Hedengren</a>がデザインした3カラムテーマです。
Version: 1.0
Author: Thord Daniel Hedengren
Author URI: http://www.tdhedengren.com/
*/


/* GLOBAL */

body {
	margin: 0;
	padding: 0;
	text-align: center;
	background: #d1c7b8 url(img/body-bg-tmp.gif);
	}

#page {
	width: 100%; height: 100%;
	margin: 0 auto;
	}

#site {
	position:relative;
	width: 920px;
	margin: 0 auto;
	}

#box {
	border: 2px solid #c0b4a4;
	background: #fff url(img/box-bg.gif);
	}

#wrap {
	text-align: left;
	padding: 20px;
	}

#content {
	float: left;
	width: 500px;
	margin: 0 10px 0 0;
	}

#sidebar {
	float: left;
	width: 170px;
	margin: 0 10px 0 0;
	}

#sidebar2 {
	float: right;
	width: 160px;
	}

img {
	border:0;
	}
img.right { float:right; margin: 0 0 10px 10px; }
img.left { float:left; margin: 0 10px 10px; }
img.frame { padding: 3px; border: 1px solid #aaa; }

form { margin:0; padding:0; overflow:hidden; }


/* TYPOGRAPHY & COLORS */

body {
	font-family: Arial, Helvetica, Geneva, sans-serif;
	}

p {
	color: #222;
	line-height: 150%;
	font-size: 16px;
	}

a { color: #420; }
a:hover { color: #f00; text-decoration: none; }

#blogtitle a, h2 a, h3 a { text-decoration:none; }

#blogtitle {
	text-align: left;
	color: #840;
	font-size: 60px;
	font-family: Georgia, Times New Roman, Times, Geneva, serif;
	font-weight: normal;
	letter-spacing: -4px;
	margin: 20px 0 0 0; padding: 0;
	line-height: 100%;
	}

h2 {
	font-size: 24px;
	letter-spacing: -1px;
	text-transform: uppercase;
	line-height: 100%;
	margin: 0; padding: 0;
	}

h3 {
	font-size: 18px;
	letter-spacing: -1px;
	color: #666;
	margin: 15px 0 10px 0;
	padding: 0 0 5px 0;
	border-width: 0 0 1px 0; border-style: solid; border-color: #888;
	}

div.center {
	margin: 0 auto;  
}

div#small{
	font-size: 12px;
	color: gray;
	}

div#center{
	text-align:-moz-center; 
	text-align:center; 
}

#sidebar, #sidebar2 {
	font-size: 14px;
	}

#sidebar h2, #sidebar2 h2 {
	font-size: 18px;
	color: #aaa;
	margin-bottom: 5px;
	}

#sidebar h3, #sidebar2 h3 {
	font-size: 14px;
	color: #aaa;
	margin: 0 0 5px 0; padding: 0;
	border: 0;
	}

#sidebar p, #sidebar2 p {
	font-size: 12px;
	line-height: 130%;
	color: #666;
	margin: 0 0 8px 0; padding: 0;
	}


/* CONTENT */

.post, #comments {
	background: #fff;
	margin: 0 0 10px 0;
	padding: 20px;
	overlow: hidden;
	}

.postmetadata {
	margin: 0;
	font-size: 12px;
	color: #666;
	line-height: 120%;
	}

.more {
	font-size: 12px;
	}

#navigation {
	font-size: 12px;
	font-weight: bold;
	margin: 15px 0;
	padding: 0;
	width: 100%;
	}

#navigation a { padding: 5px; background: #fff; }

#alignleft { float: left; }
#alignright { float: right; }


/* COMMENT */

#comments { font-size: 12px; }
#comments a { color: #000; background-color: #fff; padding: 2px; text-decoration: underline; }
#comments a:hover { color: #fff; background-color: #000; padding: 2px; text-decoration:none; }
#comments ol { margin: 0 6px 0 0; padding: 0; }

.odd {
	margin: 0;
	padding: 10px;
 background: #fff;
	}
.even {	background-color: #f8f3ea; }

.commentlist {
	margin:0;
	padding: 0;
	}

.commentlist li {
	margin: 15px 0 0;
	padding: 10px;
	list-style: none;
clear: both;
	}

.commentlist p {
	margin: 10px 5px 10px 0;
	font-size: 12px;
	}

#commentform p {
	margin: 5px 0;
	}

.nocomments {
	text-align: center;
	margin: 0;
	padding: 0;
	}

.commentmetadata {
	margin: 0;
	}
	
h3.comments { font-family: Georgia, Garamond, Times, Times New Roman, serif; font-size: 18px; font-weight: normal; letter-spacing: -1px; margin: 0 0 10px 0; border-width: 0px !important; }
.commentlist .commenter { overflow: hidden; padding: 10px 0 0 0; font-size: 10px; font-family: Georgia, Garamond, Times, Times New Roman, serif; line-height: 16px; text-transform: uppercase; margin: 10px 0 0; }
.input { border: 1px solid #ccc; padding:3px; background: #f8f3ea; font-family: Georgia, Times, Times New Roman, Garamond, serif; color:#444; font-size: 14px; }
#commentarea { width: 97%; height: 120px; line-height:150%; background: #f8f3ea; }
#submit { border:0; margin:5px 0; }
#author, #email, #url, #searchpartnerinput { padding:5px; width: 200px; }

#subscribetocomments { margin: 5px 0 0 0; padding: 5px; line-height: 100%; background-color: #eee; }

.comment-avatar .avatar { float: right; margin: 0 0 0 5px; }
.commentlist .children { padding: 0; }

.comment-navigation .previous { float: left; }
.comment-navigation .next { float: right; }
.comment-navigation { padding: 15px 0 30px; overflow: hidden; }

#respond { margin: 10px 0 }

/* SIDEBAR */

#sidebar ul, #sidebar2 ul {
	margin: 0 0 15px 0; padding: 0;
	}
	
#sidebar ul ul, #sidebar2 ul ul {
	margin: 5px 0 0 15px;
}

#sidebar ul li, #sidebar2 ul li {
	list-style: none;
	margin: 0;
	padding: 0 0 5px;
	}

#sidebar .list li, #sidebar2 .list li {
/*	list-style: circle inside; */
	list-style: none;
	}

#sidebar #whitebox {
	padding: 10px;
	background: #fff;
	}

#sidebar #calendar {
	font-size: 10px;
	padding: 5px;
	background: #fff;
	border: 1px solid #eee;
	}


/* FOOTER */

#copy {
	margin: 0; padding: 0;
	font-family: Arial, Helvetica, Geneva, sans-serif;
	font-size: 18px;
	letter-spacing: -1px;
	color: #420;
	}

#copy a { font-weight: bold; text-decoration: underline; }
#copy a:hover { text-decoration: none; color: #f00; }

#welovewp, #theme { padding: 10px 0; }

/* Image Styles */
	#content .post div.wp-caption { border: 1px solid #ccc; margin: 10px; background: #ddd; overflow: hidden; }
		#content .post .wp-caption img { display: block; margin: 5px auto; padding: 0; border: none; }	
		#content .post .wp-caption-text { margin: 5px; padding: 0; font-size: 11px; line-height: 1.3em; }
	#content .post div.alignnone { display: block; margin: 10px 10px 10px 0; }
	#content .post img { border: 1px solid #ccc; padding: 5px; background: #ddd; }
	#content .post a img:hover { background: #fff; }
	#content .post img.alignleft { margin: 10px 10px 10px 0; float: left; clear: left; }		
	#content .post img.alignright { margin: 10px 0 10px 10px; float: right; clear: right; }
	#content .post img.aligncenter { display: block; margin: 0 auto 10px auto; float: none; clear: both; }
	#content .post div.alignleft { text-align: left; float: left; margin-left: 0; }
	#content .post div.alignright { text-align: right; float: right; margin-right: 0; }
	#content .post div.aligncenter { text-align: center; margin: 0 auto 10px; }
	#content .post .gallery { margin: auto auto 0; }
		#content .post .gallery img { margin-bottom: 5px; }
		#content .post .gallery .gallery-item, #content .post .gallery .gallery-icon { clear: none; margin: 0; }
		#content .post .gallery .gallery-icon {  }
		#content .post .gallery .gallery-caption { text-align: left; font-size: 11px; line-height: 1.3em; margin: 0 0 10px; }