/*  
Theme Name: Autumn Concept Pepoz Edition
Theme URI: http://pepoz.jp/
Description: Autumn Concept 1.2 The pepoz Edition. Autumn Concept をベースにPepozマニュアルの仕様に沿うようカスタマイズしたシンプルなテーマ。Edit by FK. <a href="http://www.edmerritt.com/">Original theme by Ed Merritt</a>
Version: 1.2
Author: Pepoz
Author URI: http://pepoz.jp/
*/

/* COLOUR SCHEME 
____________________________________________________________________________
Edit these to alter the colour scheme of the theme.
*/
body {
	color: #333333;
}
#container, #nav li ul li {
	background-color: #FFFFFF;
}
#topbar {
	background: #FFFFFF url(../autumn-concept-1_2/images/header_bg.gif) no-repeat right top;
	height: 50px;
	width: 600px;
}

.topbar-inner {
	margin: 25px 0 0 0;
}
.topbar-inner a {
	background-color: #DCEBFF;
	padding: 5px 8px;
}
#footer {
	background-color: #FFFFFF;
}
/*#mainpicinner {height: 250px; background: url(../autumn-concept-1_2/images/mainpic03.jpg) top no-repeat #fff; border: 1px solid #fff;}
*/
/* typography */
#logo a {
	color: #A80E17;
}
#logo a:visited {
	text-decoration: none;
	color: #A80E17;
}
.textbkg {border-left: 4px solid #fff;}
.textbkg span {
	background: #fff;
	outline: solid 2px #fff;
	-moz-outline: solid 2px #fff;
	color: #666666;
}
h2 {
	color: #5D5D5D;
}
.entry h2 a:link, .entry h2 a:visited {
	color: #5D5D5D;
	text-decoration: none;
}
.entry h2 a:hover {
	color: #A80E17;
	text-decoration: underline;
}
h3 {color: #3a3e3e;}
p {}
.date {
	background: #A80E17;
}
.dateDay {color: #fff;}
.dateMonth {color: #f4f4e0;}
.dateYear {color: #f4f4e0;}
#topbar p, #footer p {color: #76766a;}

blockquote {
	background: #E1E1E1;
}
code {color: #006600;}
/* links */
a {
	color: #1274B7;
	text-decoration: underline;
}
#footer a {color: #3a709c;}
/* modules and widgets */
#wp-calendar td {
	background: #DEDEDE;
}
#flickr a {border: 4px solid #c0c0b1; background: #fff;}
#flickr a:hover {border-color: #959586;}
/* forms */
#topbar .field {
	color: #333333 !important;
	border: 1px solid #CCCCCC !important;
	background-color: #DDDDDD !important;
}
/* comment buttons */
/*ブログコメントを有効にする場合、外して下さい
.comments a {
	color: #A80E17;
	background-image: url(../autumn-concept-1_2/images/comments_left.gif);
	background-repeat: no-repeat;
	background-position: left top;
}
.comments span {
	background-image: url(../autumn-concept-1_2/images/comments_right.gif);
	background-repeat: no-repeat;
	background-position: right top;
}*/
/* Nav */
#nav > li:hover {
	background: #DCEBFF;
	text-decoration: underline;
}
#nav li ul li a {background: #dcdcce; color: #68685f;}
#nav li ul li a:hover {border-left: 3px solid #3a709c; color: #3a709c;}






/* GENERAL STYLES
____________________________________________________________________________
Probably best not to edit these unless you know what you're doing
*/

/* layout */
* {
	font-size: 100%;
	margin: 0;
	padding: 0;
	line-height: 1.4;
}
body {
	position: relative;
	background: #CCC;
	font: 12px Verdana, Arial, Helvetica, sans-serif !important;
	text-align: center;
	letter-spacing: 0;
}
#container {
	display: block;
	width: 600px;
	margin: 0px auto;
	background: #FFFFFF;
}
#topbar {
	display: block;
	width: 600px;
	text-align: left;
	padding: 0 0 6px 0;
}
/*#header {
	float: left;
	display: block;
	width: 100%;
	text-align: left;
}*/
#content {
	display: block;
	width: 600px;
	text-align: left;
	background: #FFFFFF;
	padding: 0px;
}
#related {
	float: left;
	display: block;
	width: 100%;
	text-align: left;
	background: #FFFFFF;
}
#footer {
	display: block;
	width: 600px;
	text-align: left;
	padding: 13px 0 6px 0;
	background: #FFFFFF;
}
#footer .foot-inner {
	height: 15px;
	border-top: 1px solid #DDD;
}
.cols01 {
	display: block;
	width: 280px;
	padding: 0 10px 48px 10px;
}
.cols0101 {
	display: block;
	width: 350px;
	padding: 0 10px;
	float: left;
	vertical-align: middle;
}
.cols02 {
	display: block;
	width: 575px;
	padding: 0 10px 20px 15px;
	line-height: 1.4;
	letter-spacing: 0.2em;
}
.cols0202 {
	display: block;
	width: 200px;
	padding: 0;
	height: 55px;
}
.cols03 {
	display: block;
	width: 580px !important;
	padding: 0 10px;
}
.center {text-align: center;}

.box01 {
	display: block;
	margin: 0 auto;
	clear: both;
	width: 600px !important;
}
.left {float: left; clear: both;}
.right {float: right;}

#mainpic {clear: both; padding: 9px; margin: 0 10px; background: url(../autumn-concept-1_2/images/1x1_20pc.png) top left;}
#mainpicinner {display: block; width: auto;}

.entry {float: left; width: 100%; clear: both; margin: 24px 0 0 0;	border-bottom:1px dotted #CCC;}
.aComment {float: left; width: 100%; clear: both; margin: 0 0 12px 0;}
.aComment:last-child {background: none;}
.aComment h4 {margin: 0;}
.aComment h4 img {display: none;}
.aComment .textbkg {margin: 0 0 6px 0;}

/* navigation */
#nav {float: left; position: relative; display: block; width: 100%; list-style: none; margin: 3px 0 0 0; padding: 0 0 7px 0; background: url(../autumn-concept-1_2/images/underline.png) bottom repeat-x;}
#nav li {float: left; position: relative; display: inline;}
#nav li a {
	float: left;
	position: relative;
	display: inline;
	padding: 8px 10px;
	z-index: 100;
	text-decoration: none;
}
#nav li ul {display: none; position: absolute; left: -3px; padding: 3.45em 0 0 0; z-index: 90; margin: 0;}
#nav li ul li {display: block; padding: 0 3px 1px 3px;}
#nav li ul li.lastchild {padding-bottom: 3px;}
#nav li ul li a {display: block; width: 17em; padding: 2px 10px; font-weight: normal;}
#nav li ul li a:hover {padding-left: 7px;}
#nav li:hover ul {display: block;}


/* typography */
#logo { margin: 0; }
#logo a {
	font: bold 1.5em Arial, Helvetica, sans-serif;
	text-decoration: none;
	letter-spacing: -2px;
}

.textbkg span {padding: 0 4px 0 0; overflow: visible;}
h2 {
	font: bold 2.0em Arial, Helvetica, sans-serif;
	letter-spacing: -1px;
}
.pageH2 {margin: 0 0 24px 0;}
h3 {
	font: bold 1.4em Arial, Helvetica, sans-serif;
	padding: 0 0 10px 0;
	margin: 24px 0 12px 0;
	background: url(../autumn-concept-1_2/images/underline.png) bottom repeat-x;
	color: #A80E17;
}
h3#comments {margin-bottom: 24px;}
h3#respond {float: left; clear: both; display: block; width: 100%;}
.archive h3 {background: none; margin: 0 0 -7px 0;}
h4 {font: 1.3em Arial, Helvetica, sans-serif; margin: 0 0 12px 0;}
.entry h2 {padding: 6px 0 0 0;}
.entry .textbkg span a {font-weight: normal;}
p {margin: 0 0 24px 0;}
blockquote {padding: 10px 10px 1px 10px; margin: 0 0 24px 0;}
code {position: relative; left: 0; font: 1em "Courier New", Courier, mono; }
.cols01 ul, .cols02 ul {
	margin: 0 0 24px 34px;
}
.cols01 ol, .cols02 ol {
	margin: 0 0 24px 41px;
}
.cols01 ul ul, .cols01 ol ul, .cols02 ul ul, .cols02 ol ul  {margin: 0 0 0 14px;}
.cols01 ol ol, .cols01 ul ol,  .cols02 ol ol, .cols02 ul ol  {margin: 0 0 0 21px;}
.cols01 ol, .cols01 ul,.cols01 ul ul, .cols01 ol ul,.cols01 ol ol, .cols01 ul ol  {list-style: none;}
#topbar p, #footer p {margin-bottom: 12px;}
.date {float: right; width: 6.3em; height: 6.3em;}
.dateDay {display: block; text-align: right; margin: 5px 10px 0 0; font: bold 2.4em Arial, Helvetica, sans-serif;}
.dateMonth {display: block; text-align: right; margin: 2px 10px 0 0; font: 8px Tahoma, Arial, Helvetica, sans-serif; text-transform: uppercase;}
.dateYear {display: block; text-align: right; margin: -3px 10px 0 0; font: 8px Tahoma, Arial, Helvetica, sans-serif; text-transform: uppercase;}
.comments {
	float: left;
	clear: both;
	display: inline;
	width: 100%;
	border-bottom: 1px dotted #CCCCCC;
	padding-bottom: 10px;
}
.comments a {
	float: left;
	display: inline;
	padding: 4px 0 5px 71px;
	font-weight: bold;
	font-size: 98%;
}
/*ブログコメントを有効にする場合、外して下さい
.comments span {
	float: left;
	display: inline;
	background: url(../autumn-concept-1_2/images/comments_right.gif) top right no-repeat;
	width: 10px;
	height: 22px;
	overflow: hidden;
}*/
.archive .comments {margin-top: -46px;}
ul {margin: 0 0 24px 12px;}
ul ul {margin-bottom: 0;}
img {
	margin: 12px 0;
	border: 0;
}
.wp-smiley {float: none; margin: 0;}

/* links */
a {
	font-weight: bold;
	text-decoration: underline;
}
#topbar a {position: relative; top: 2px; text-decoration: none;}
#footer a {font-weight: normal;}

.pageNav, .pageNav2 {float: left; width: 100%; margin-top: 12px;}
.pageNext span, .pagePrev span {display: none;}
.pagePrev {float: left; display: block; width: 58px; height: 22px; background: url(../autumn-concept-1_2/images/prev.png) 50% 50% no-repeat;}
.pageNext {float: right; display: block; width: 58px; height: 22px; background: url(../autumn-concept-1_2/images/next.png) 50% 50% no-repeat;}


/* forms */
#container #topbar #searchform .field {
	width: 150px;
	background: #ddd;
	border: 1px solid #959586;
	color: #333333;
	padding: 4px 3px !important;
	margin: 10px 5px 7px;
	height: 20px;
}
#topbar .box01 head-inner .left #searchform .searchsubmit{
	font-size: 0.8em;
	color: #990000;
	padding: 3px;
	height: 20px;
}

#searchform div{
	
}
select {width: 280px; margin: 0 0 7px 0; color: #3a3e3e;}
select option {padding: 1px;}
#commentform {display: block;}
#commentform p {display: block; width: 100%; margin: 0 0 5px 0;}
#commentform p label {position: relative; top: -8px;}
#comment {width: 571px; padding: 4px 3px; border: 1px solid #959586; font: 1em Verdana, Arial, Helvetica, sans-serif; color: #4f4f4c;}
#searchform2 {}
#searchform2 div {}
#topbar li {list-style: none;}

/*#flickr_badge_uber_wrapper {margin: 0 0 24px 0;}
.flickrlink {text-transform: lowercase;}
.flickrlink span {color: #ff0084;}
#flickr {float: left;}
#flickr img {border: none;}
#flickr a {float: left;}
.flickr_badge_image img {float: left; margin: 1px;}
#flickr div {float: left; margin: 0 10px 10px 0;}
#flickr div#flickr_badge_image3, #flickr div#flickr_badge_image6 {margin-right: 0;}

#wp-calendar {width: 100%; text-align: center;}
#wp-calendar .pad, #wp-calendar #next, #wp-calendar #prev {background: none;}*/

td {
	border-style: none !important;
}