@charset "utf-8";
/*
Theme Name: DesignSpeciesBlog
Theme URI: http://designspecies.com/blog/
Description: DesignSpeciesBlog Original
Version: 0.9
Author: Yasuhito Kataoka
Author URI: http://designspecies.com/
Tags: simple, achromatic
*/

/********************************************************************************

00.Set Up
01.Frame
02.Font
03.post
04.Comment
05.Side

********************************************************************************/ 

/*==================================================

00.Set Up

--------------------------------------------------*/



/*==================================================

01.Frame

--------------------------------------------------*/

#blog #main{
 float: left;
 padding:15px 30px 0 0;
 width:570px;
 background-color:#fff;
 border-right: solid 1px #dde0df;
}

#blog #side{
 float: right;
 padding:15px 30px 0 0;
 width:209px;
 background-color:#fff;
}


/*==================================================

02.Font

--------------------------------------------------*/
/*
77% = 10px	| 	123.1% = 16px	|	167% = 22px	
85% = 11px	|	131% = 17px	|	174% = 23px
93% = 12px	|	138.5% = 18px	|	182% = 24px
100% = 13px	|	146.5% = 19px	|	189% = 25px
107% = 14px	|	153.9% = 20px	|	197% = 26px
114% = 15px	|	161.6% = 21px	|
*/

#blog #main h2{
padding: 25px 0 25px;
font-size:138.5%;
font-weight:bold;
text-indent: 0;
width: 570px;
}

#blog #main h3{
padding: 30px 0 10px;
font-size:123.1%;
font-weight:bold;
}

#blog #side h3{
padding: 1em 0;
font-size:107%;
font-weight:bold;
border-top: solid 1px #dde0df;
}

#blog h3#comments,
#blog h3#respond{
margin: 30px 0 15px;
padding: 30px 0 15px;
border-top: solid 1px #dde0df;
}

/*==================================================

03.post

--------------------------------------------------*/
#blog .post-calendar{
padding: 0 0 15px;
text-align: right;
}

#blog .post-date{
padding:30px 0;
font-family:Georgia,"Times New Roman",Times, sans-serif;
font-size: 300%;
color:#dde0df;
}

#blog .entry{
margin: 0;
padding: 0 0 15px;
}

#blog .entry p{
margin: 0;
padding: 0 0 30px;
}

#blog .entry img{
margin: 0 0 15px;
border: solid 3px #dde0df;
}

#blog .post{
margin: 0 0 30px;
padding: 0 0 30px;
border-bottom: solid 1px #dde0df;
}

#blog .more-link{
display: block;
text-align: right;
}


/*status area*/
#blog .status{
padding: 10px;
background: url(images/pattern.gif) 0 0 repeat;
}

/*status area
#blog .status-line{
margin: 30px 0;
padding: 30px 0;
border-top: dotted 1px #dde0df;
border-bottom: dotted 1px #dde0df;
}*/


/*page navigation*/
#blog .previous-entries{
float: left;
width: 40%;
text-align: left;
}

#blog .next-entries{
float: right;
width: 40%;
text-align: right;
}



/*==================================================

04.Post Edit

--------------------------------------------------*/
/*list*/
#blog .entry strong{
font-weight: bold;
}

#blog .entry ul li{
 padding:0.25em 0;
}

#blog .entry ul li a{
 display:block;
 padding:0 0 0 2em;
 text-decoration:none;
}

#blog .entry ul li a:hover{
 text-decoration:underline;
}

#blog .entry ul li{
 margin:0 0 1em 2em;
 list-style-type:disc;
 list-style-position:outside;
}

#blog .entry ol li{
 margin:0 0 1em 2em;
 list-style-type:decimal;
 list-style-position:outside;
}


/*==================================================

05.Comment

--------------------------------------------------*/

/*comment list*/
#blog ol.commentlist li{
margin: 0 0 15px;
padding:0 0 15px;
border-bottom: dotted 1px #dde0df;
}

/*comment form*/
#blog #commentform dl{
margin: 0;
padding: 0 0 30px;
}

#blog #commentform dl dt{
 float:left;
 padding: 4px 15px 0 0;
 width:75px;
 text-align: right;
}

#blog #commentform dl dd{
 float:left;
 margin:0 0 9px; 
 width:480px;
}

#blog #commentform #author,
#blog #commentform #email,
#blog #commentform #url{
padding: 3px;
width: 470px;
height: 20px;
border: solid 2px #dde0df;
background-color: #eeeeee;
}

#blog #commentform #comment{
padding: 3px;
width: 470px;
height: 200px;
border: solid 2px #dde0df;
background-color: #eeeeee;
}

#blog #commentform p{
text-align: center;
}

#blog #commentform #submit{
margin: 0 0 0 75px;
width: 200px;
}



/*==================================================

05.Side

--------------------------------------------------*/
#blog #side ul.ul-cat,
#blog #side ul.ul-archives,
#blog #side ul.ul-recent-posts,
#blog #side ul.ul-recent-comments,
#blog #side ul.ul-rss{
margin: 0 0 30px 0;
border-bottom: dotted 1px #dde0df;
}

#blog #side #searchform{
margin: 0 0 30px;
padding: 0 0 2em 0;
border-bottom: dotted 1px #dde0df;
}

#blog #side #searchform #s{
padding: 3px;
width: 140px;
height: 16px;
border: solid 2px #dde0df;
background-color: #eeeeee;
}

#blog #side li{
padding: 0.5em 0;
border-top: dotted 1px #dde0df;
}