/* @override 
	http://localhost:8888/blog/wp-content/themes/st-prestage/style.css
	http://www.st-prestage.jp/blog/wp-content/themes/st-prestage/style.css
*/

/*
Theme Name: st-prestage
Theme URI:	http://www.st-prestage.jp/blog/
Description: www
Author:		takatomo
Author URI:	http://www.st-prestage.jp/blog/	
Version:	1.0
*/



/* @group reset */

/* HTML5 */
section, article, nav, header, footer, aside, time {
    display: block;
}

body {
    font-family:"メイリオ", Meiryo,
		"ヒラギノ角ゴ Pro W3",
		"HIragino Kaku Gothic Pro",
		Osaka,
		"ＭＳ Ｐゴシック", "MS P Gothic",
		 Verdana, Geneva, Arial, Helvetica;
    font-size: 90%;
    color: #4d321f;
    width : 960px;
    margin: 0 auto;
    padding: 10px 10px 0px 10px;

}

h1, h2, h3, h4, h5, h6 {
    font-size: 100%;
    margin: 0;
    padding: 0;
    display:block;
}

a:link {
	color: #577c2c;
	text-decoration: none;
}

a:hover {
	color: #8fb5fd;
}

a:visited {
	text-decoration: none;
}

img {
    border: none;
}

p {
    line-height: 1.8em;
}

li {
    padding-top: 0.5em;
}

pre {
    font-size: 95%;
    margin: 0.8em;
    line-height: 1.5em;
}

dt, dd {
    margin-top: 0.5em;
    margin-bottom: 0.5em;
}

/* @end */

/* @group pageheader */

#header {
    margin: 0 0 21px 0;
    width: 100%;
}

#header h1 {
    margin: 0;
    padding: 0;
    border-bottom: 2px dotted #6c6c6c;
}

/* @end */

/* @group main section */

/* @group sidebar */

#sidebar {
    float: right;
    width: 250px;
    margin: 0;
    padding: 0;
}
/*	background-color: #cbb69f;  */


#sidebar section {
	margin: 0 0 42px 15px;
	padding: 0px;
}
/*	background-color: #fdf7d9; */

#sidebar h1 {
	margin-bottom: 1px;
	padding-left: 15px;
	font-size: 1.2em;
	color: #f86172;
	border-bottom:2px solid;
}
#sidebar a {
	color: maroon;
}

#sidebar a:visited {
	color: maroon;
}

#sidebar a:hover {
	color: #8fb5fd;
}

#sidebar ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

#sidebar ul li {
	margin-left: 15px;
	padding-left:15px;
	border-bottom: 1px dotted
}

#sidebar ul li a:hover{
	-moz-transform: scale(1.15);
    -webkit-transform: scale(1.15);

}
#sidebar li:nth-child(even){
    background:#FEF2FE;
}


#sidebar form ul {
	position: relative;
	width: 97%;
}

#sidebar form ul li {
	border: none;
}

#sidebar #keyword input {
	width: 97%;
}

#sidebar ul #submit {
	position: absolute;
	right: 0px;
}
#sidebar ul #submitbtn {
	background-color: #FFFFFF;
}

#sidebar div {
	margin-left: 15px;
}

/* @end */

/* @group contents */

#content {
    float: left;
    width: 710px;
    margin: 0;
    padding: 0;
}

#content .post{
	clear: both;
	margin-bottom: 42px;
	background-color: #fbd7b2;
	border-radius: 10px;
    -webkit-border-radius: 10px; 
    -moz-border-radius: 10px;
    -webkit-box-shadow: #877 2px 4px 5px;
	-moz-box-shadow: #877 2px 5px 5px;
	box-shadow: #877 2px 5px 5px;
}

/* @group header */

#content .post time {
    margin: 0px;
    padding: 0px 0px 0px 10px;
    background-color: #c37b67;
    color: #fdfcd7;
    font-size: 0.9em;
    border-top-left-radius: 10px;        /* CSS3草案 */  
    -webkit-border-top-left-radius: 10px; 
    -moz-border-radius-topleft: 10px;
}


#content header h1 {
    font-size: 1.3em;
    padding: 5px 10px 5px 21px; 
    border-bottom: px solid black;
	border-color: #745381;
	text-shadow: 1px 1px 0px #DDD;

}



#content h1 a:link, #content h1 a:visited {
	color: #8a343f;	
}

#content h1 a:hover {
	color: #7150c0;
}

#content .category {
	position: absolute;
	top: 0;
	right: 0px;
	color: #fefbf9;
	margin: -7px -4px -7px -7px;
	padding-top: -15px;
	padding-bottom: 0px;
	padding-right: 10px;
	padding-left: 10px;
	background-color: #af8e53;
	border-radius: 10px;        /* CSS3草案 */  
    -webkit-border-radius: 10px; 
    -moz-border-radius: 10px;
    font-size: 0.9em;
}

#content .category a:link {
	color: #fdfbdc;
}

#content .category a:visited {
	color: #fdfbdc;
}
#content .category a:hover {
	color: #a44183;
}

#content header {
	position: relative;
	margin: 0 0 20px 0;	
	background-color: #f9b9ac;
	border-bottom-right-radius: 10px;
    -webkit-border-bottom-right-radius: 10px; 
    -moz-border-radius-bottomright: 10px;
	border-top-left-radius: 10px;
    -webkit-border-top-left-radius: 10px; 
    -moz-border-radius-topleft: 10px;
	-webkit-box-shadow: #877 4px 4px 5px;
	-moz-box-shadow: #877 5px 5px 5px;
	box-shadow: #877 5px 5px 5px;

}

/* @end */

/* @group post */

.postMain{
	margin: 0px 15px;
    clear: both;
}

.postMain h1 {
	font-size: 1.6em;
	color: #864471;
	border-bottom: 2px solid #a36b92;
	margin-bottom: 15px;
}

.postMain h2 {
    font-size: 1.4em;
    font-weight: normal;
	margin-bottom: 15px;
}

.postMain h3 {
	font-size: 1.3em;
	font-weight: normal;
	margin-bottom: 15px;

}

.postMain h4{
	font-size: 1.2em;
	font-weight: normal;
	margin-bottom: 15px;
}

.postMain h5 {
	font-size: 1.1em;
	font-weight: normal;
	margin-bottom: 15px;

}

.postMain h6 {
	font-size: 0.8em;
	font-weight: normal;
	margin-bottom: 15px;
}

.postMain section {
	margin-bottom: 21px;
}
.postMain p {
	margin: 0 0 21px 15px;
}
.postMain img {
	margin: 0 0 21px 42px;
}

.postMain img.wp-smiley {
	margin: 0 0 -1px 2px;
}

.postMain table{
	margin: 0px 0px 21px 42px;
	border-top: 1px solid #666666;
	border-bottom: 1px solid #666666;
	border-right: 1px solid #666666;
	border-collapse: collapse;
	border-spacing: 0;
}

.postMain th {
	color: #fffeff;
	padding: 10px 15px;
	border-left: 1px solid #886342;
	background-color: #e2ecf0;
	background-image: -moz-linear-gradient(top, #CC6353, #884221); /* FF3.6 */
	background-image: -webkit-gradient(linear,left bottom,left top,color-stop(0, #CC6353),color-stop(1, #884221)); /* Saf4+, Chrome */
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#CC6353', endColorstr='#884221'); /* IE6,IE7 */
			-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#CC6353', endColorstr='#884221')"; /* IE8 */
}

.postMain td {
	padding: 5px;
	border-bottom: 0px solid #886342;
	border-left: 1px solid #886342;
	color: #75334c;
}

tr:nth-child(odd) {
	background-color: #fce8e4;
	color: #ce5563;
}
tr:nth-child(even){
    background-color: #fcdddd;
	color: #555;
}
.postMain ol, ul {
    margin: 0 0 21px 15px;
}

.postMain dl {
    margin: 0 0 21px 15px;
}

.postMain dt {
	
}

.postMain dd {
	margin: 0  0  0 15px;
}
.postMain pre {
    margin:0 0 21px 0px;
    padding:10px 0 0 10px;
    overflow: auto;
    color: #41272c;
    background-color: #dEdAd9;
	border-radius: 10px;
    -webkit-border-radius: 10px; 
    -moz-border-radius: 10px;
    -webkit-box-shadow: #877 2px 4px 5px;
	-moz-box-shadow: #877 2px 5px 5px;
	box-shadow: #877 2px 5px 5px;

}

.postMain .quote {
	margin:0 0 42px 0px;
	padding: 21px 15px 0px 15px;
	color: #41272c;
	background-color: #d5d5d5;
	border-radius: 10px;
    -webkit-border-radius: 10px; 
    -moz-border-radius: 10px;
    -webkit-box-shadow: #877 2px 4px 5px;
	-moz-box-shadow: #877 2px 5px 5px;
	box-shadow: #877 2px 5px 5px;
}
.postMain .quote p {
	margin: 0;
	padding-bottom: 21px;
}
.postMain blockquote {
	margin: 0;
	padding: 0;
}


.postMain  .quote cite a {
	color: maroon;
	margin-left: 42px;
}


.postMain hr {
	width: 15px;
	height:15px;
	margin: 20px auto;
	background-color: #c1a3ba;
}

.postMain em {
	font-size: 1.8em;
	font-weight: bold;
}

/* @end */

/* @group footer */

#content footer {
	width: 710px;
	border-top: 1px dotted #757575;
	padding-bottom: 3em;
	margin-bottom: 2em;
	margin-top: 42px;
	background-color: #eca98b;
	border-bottom-left-radius: 10px;
    -webkit-border-bottom-left-radius: 10px; 
    -moz-border-radius-bottomleft: 10px;
   	border-bottom-right-radius: 10px;
    -webkit-border-bottom-right-radius: 10px; 
    -moz-border-radius-bottomright: 10px;
}


#content footer .tags {
	float: left;
	width: 495px;
	margin: 0;
	font-size: 0.9em;
	padding-left: 15px;
}
#content footer .comment{
	float: right;
	width: 185px;
	margin: 0;
	padding-right: 15px;
	text-align: right;
	font-size: 0.9em;	
}


/* @end */

/* @group nav */
.pager p {
	text-align: center;
	margin-bottom: 25px;
}



a.page-numbers:link,a.page-numbers:visited{
	padding: 4px 6px;
	text-decoration: none;
	color: #c85b6f;
	background-color: #fbcac3;		
}


a.next:link, a.next:visited {
	color: #f96f8b;
	padding: 4px 6px;
	background-color: white;
}

a.prev:link, a.prev:visited {
	color: #f96f8b;
	padding: 4px 6px;
	background-color: white;
}


.pager a:hover {	
	color: #e9e2c7;
	background-color: #fb8ddb;
}
.pager a:active {
	text-decoration: none;
	color: #0066cc;
	background-color: #FFFFFF;	
}
.pager span.pages {
	color: #000000;
	background-color: #FFFFFF;
}
.pager span.current {
	padding: 4px 6px;
	font-weight: bold;
	color: #f9e7ef;
	background-color: #f86697;
}
.pager span.extend {
	padding: 5px;
	color: #000000;
	background-color: #FFFFFF;
}


/* @end */



/* @end */

/* @end */

/* @group footer */
#footer {
	clear: both;
    padding:3px 10px;
    text-align: right;
    color: #6e5f54;
    border-top:1px solid #d7bba0;
    background-color: #d7bba0;
	border-color: #653f4e;
	
}
#footer a {
	color: maroon;
}
/* @end */

/* @group singlePageNavi */
.navigation {
	display: block;
	clear: both;
	text-align: center;
	margin-top: 0px;
	margin-bottom: 1em;
}

.navigation .prev {
	margin-right: 10px;
}

.navigation .next {
	margin-left: 10px;
}
/* @end */

/* @group comment */ 
.commentmeta {
	position: relative;
	clear: both;
	border-top: 1px dotted #333333;
	width: auto;
	margin-right: 42px;
	padding-bottom: 2em;
}

.metadata {
	float: left;
	margin: 0;
	font-size: 0.9em;
}

.comments time {
	float: right;
    font-size: 0.9em;

}

.comments img {
	float: left;
	margin-bottom: 15px;
}

.comments li {
	list-style: none;
	margin-bottom: 21px;
}
.comments #commentlist .commenttext{
	float: left;
	padding: 0;
	margin: 0 0 0 32px;
}

.comments #commentlist .commenttext p{
	margin:0 0 15px 0;
	font-size: 0.9em;
}

#commentform {
	margin-left: 42px;
}
/* @end */