/*
Theme Name: nameless day Theme
Theme URI: http://www.namelessday.com/
Description: This is my photo log.
*/

@charset "UTF-8";

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
base
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
body{
	color:#000;
	background: url('../images/bg_body.gif') left top;
	background-attachment: fixed;
	font-family: "AGaramondPro-Regular","FOT-TsukuMin Pro","KozMinPro-ExtraLight","HiraMinProN-W3","ヒラギノ明朝 Pro W3",serif;
}
ol, ul {
	list-style: none;
}


a:link {color:#000; text-decoration:none;}
a:visited {color:#000; text-decoration:none;}
a:hover {color:#666; text-decoration:underline;}
a:active {color:#666; text-decoration:underline;}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
clearfix
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
/* For modern browsers */
.clearfix:before,
.clearfix:after {
	content: "."; 
	display: block;
	height: 0;
	overflow: hidden;
}
.clearfix:after {clear: both;}
.clearfix {zoom: 1;} /* IE < 8 */


/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
header
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
#header{
	width:100%;
	height:180px;
	margin:0px auto 30px auto;
	padding-top:30px;
	text-align:center;
}
#header h1{
	margin:0px;
}
#header h2{
	font-size: 12px;
	font-weight:normal;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
contents
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
/* ───────────────────────────────────
#container
─────────────────────────────────── */
#container{
	width:100%;
	margin:0px auto;
	text-align:center;
	background: url('../images/bg_header.jpg') center top no-repeat;
	background-attachment: fixed;
}

/* ───────────────────────────────────
#contents
─────────────────────────────────── */
#contents{
	position:relative;
	width:960px;
	margin:0px auto;
	padding:0px;
	text-align:center;
}

/* ───────────────────────────────────
.post
─────────────────────────────────── */
article{
	position:relative;
}
.post{
	width:950px;
	margin: 0px auto 70px auto;
	padding:0px;
	background: url('../images/bg_post.png') center top no-repeat;
	text-align:center;
}
.post .post-image{
	position: relative;
	width: 100%;
	margin: 14px auto;
	padding:0px;
}
.post .post-image ul{
	margin:0px;
	padding:0px;
}

.post .post-title{
	margin: 30px auto 0px auto;
}
.post .post-title h1{
	margin: 0px;
	font-size:15px;
	text-align:center;
	font-weight:normal;
	color:#454545;
	text-shadow:1px 1px 1px #fff;
}
.post .post-footer{
	margin: 0px 20px 45px 0px;
	text-align:right;
}
.post .post-footer .meta-published,
.post .post-footer .meta-category{
	font-size:11px;
	font-weight:normal;
	text-shadow:1px 1px 1px #fff;
}


/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
section
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
/* ───────────────────────────────────
#image-post-archive
─────────────────────────────────── */
#image-post-archive{
	margin:0px auto 30px auto;
}

/* ───────────────────────────────────
#contact
─────────────────────────────────── */
#contact{
	margin:0px auto 30px auto;
	text-align:center;
}
#contact h1{
	font-size:18px;
	text-align:center;
	font-weight:normal;
	text-shadow:1px 1px 1px #fff;
}
#contact h1 span{
	padding:15px 0px 15px 30px;
	background: url('../images/icn_headline.gif') no-repeat 0 0px;
}
#contact p{
	font-size:14px;
	text-shadow:1px 1px 1px #fff;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
navi
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
#nav-dock {
	position:fixed;
	right: 10px;
	bottom: 25%;
}
#nav-dock a {
	display: block;
	padding: 0px;
	margin: 0px;
}
#nav-dock a:hover {
	opacity: 0.8;
	-webkit-transform:rotate(-5deg);
}
#nav-dock a:active {
	opacity: 0.5;
	-webkit-transform:rotate(5deg);
}
#nav-dock #prev {
	margin-bottom: 0px;
}
#nav-dock #next {
	margin-bottom: 20px;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
footer
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
#footer{
	clear:both;
	width:100%;
	margin:0px auto;
	padding: 10px 0px 10px 0px;
	color:#666;
	text-align:center;
}

#footer p{
	font-size:12px;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
QLoader
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
.QOverlay {
	background-color: #fff;
	z-index: 9999;
}

.QLoader {
	background-color: #000000;
	height: 5px;
}