@charset "utf-8";
/*
Theme Name: akari * coral
Theme URI: http://akari-studio.com/
Description: Coral-pink visuals.
Version: 1.0
Last Update: Nov.25, 2010
Author: ICHIJO Noriyuki
Author URI: http://site-ichijo.net/
Tags: Minimal, Coral

	Deafault Contents:
	header.php(Title, Description, SearchForm), footer.php(WordPress, ThemeURL, AuthorName)
		index.php:
			sidebar.php(Page(Menu), PostsList MonthlyArchives, Categories, Links, Feeds)
		single.php:
			sidebar.php(Prev/NextPosts, Categories), comments.php
		page.php:
			sidebar.php(Page(Menu), Links)

*/

/*
---------------------------------------------------------------------------
	1. GENERAL HTML
		1-1. GENERAL SETTINGS > TEXT
		1-2. HACK: FOR IE5.x & 6
	2. LAYOUT
		2-1. LAYOUT & TEXT SETTINGS > SEARCH-FORM
		2-2. LAYOUT & TEXT SETTINGS > NAV-PAGE
		2-3. LAYOUT & TEXT SETTINGS > HEADER
		2-4. LAYOUT & TEXT SETTINGS > POST
		2-5. LAYOUT & TEXT SETTINGS > COMMENT
		2-6. LAYOUT & TEXT SETTINGS > SIDEBAR
		
		
	THE STRUCTURE
	
	  <<----------   CENTER   ---------->>
		______________________________
		|            HEADER           |
		|__________<- 980px ->________|
		______________________________
		|           CONTAINER         |
		|          <- 980px ->        |
		| ______  ___________  ______ |
		||SIDE-L||    MAIN   ||SIDE-R||
		|| 175px||   620px   || 175px||
		||______|| _________ ||______||
		|||    ||||   POST  ||||    |||
		|||____||||_________||||____|||
		||   :  ||     :     ||   :  ||
		||______||___________||______||
		|_____________________________|

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


/*	1. GENERAL HTML
--------------------------------------------------------------------------- */

body {
	margin: 0 0 10px;
	padding: 0;
	
	background: #fff;
}

img {
	border: none;
}
img.alignright {
	float: right;
	display: inline;
}
img.alignleft {
	float: left;
	display: inline;
}
img.aligncenter {
	margin-right: auto;
	margin-left: auto;
	display: block;
}

br {
	clear: both;
}

p {
	margin: 0;
	padding: 0;
}

pre {
	width: 500px;
	margin: 0 2em 1.2em;
	padding: 1em;
	
	border: 3px double #f9e1e1; /* Coral */
	background: #fff6f6; /* Pale Coral */
	
	overflow: auto; /*--If the Code exceeds the width, a scrolling is available--*/
	overflow-Y: hidden;  /*--Hides vertical scroll created by IE--*/

}
code {
	font-family: Consolas, monospace;
	font-size: 1em;
}

hr {
	margin: 2em 2em 3.2em;
	border-top: #f9e1e1 double; /* Coral */
	border-width: 3px 0 0 0;
}


/*		1-1. GENERAL HTML > TEXT
--------------------------------------------------------------------------- */

body {
	color: #111; /* Charcoal Gray */
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, Verdana, "ＭＳ Ｐゴシック", Sans-Serif;
	font-size: 75%;
	text-align: center;
	}
/* Hides from IE5-mac \*/
* html body {
	font-size: 71%;
	}
/* End hide from IE5-mac */

a {
	color: #506eaa; /* Aged Blue */
	text-decoration: none;
	}
a:hover {
	color: #e1a0dc; /* Pale Pink */
	}


/*		1-2. GENERAL HTML > HACK: FOR IE5.x & 6
--------------------------------------------------------------------------- */

/* Hides from IE5-mac \*/
* html div#header,
* html form.searchform,
* html .top,
* html .mid,
* html .bot,
* html div.post-content img,
* html div.post-titlebox,
* html div.comment-titlebox {
	behavior: expression(IEPNGFIX.fix(this));
}
/* End hide from IE5-mac */


/*	2. LAYOUT
--------------------------------------------------------------------------- */

#container {
	width: 980px;
	margin: 0 auto;
	padding: 0;
}

#header {
	width: 980px;
	height: 41px;
	margin: 5px 0 10px;
	padding: 0;
	
	background: url(img/icon-title.png);
	background-repeat: no-repeat;
	
	text-align: left;
}
/* Hides from IE5-mac \*/
* html #header {
	background: url(img/icon-title-ie6.png);
}
/* End hide from IE5-mac */

#main {
	width: 620px;
	margin: 0 5px;
	padding: 0 0 20px;
	
	float: left;
	display: inline; /* for IE6 x2-margin fix */
}

#side-l {
	width: 175px;
	
	float: left;
}

#side-r {
	width: 175px;
	
	float: right;
}

#footer {
	width: 980px;
	
	clear: both;
}


/*		2-1. LAYOUT & TEXT SETTINGS > SEARCH-FORM
--------------------------------------------------------------------------- */

form.searchform {
	width: 165px;
	height: 25px;
	margin: 0;
	padding: 0;
	
	background: url(img/bg-searchform.png);
}
form.searchform input.searchword {
	width: 125px;
	margin: 5px 0 0 30px;
	padding: 0;
	
	background-color: transparent;
	border: none;
	
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, Verdana, "ＭＳ Ｐゴシック", Sans-Serif;
	font-size: 1em;
}


/*		2-2. LAYOUT & TEXT SETTINGS > NAV-PAGE
--------------------------------------------------------------------------- */

#nav-page {
	margin: 0;
	padding: 0 10px;
}
#nav-page-mini {
	margin: 0;
	padding: 1em;
}
p#nav-page-older {
	float: left;
	display: inline;
}
p#nav-page-newer {
	float: right;
	display: inline;
	text-align: right;
}


/*		2-3. LAYOUT & TEXT SETTINGS > HEADER
--------------------------------------------------------------------------- */

#headerbox {
	padding: 20px 0 0;
}

h1#title-header {
	margin: 0;
	padding: 0 0 0 40px;
	
	font-size: 1.3em;
	font-weight: normal;
	line-height: 1;
	text-align: left;
	
	display: inline;
}
h1#title-header a,
h1#title-header a:hover {
	color: #111; /* Charcoal Gray */
}

p#description-header {
	padding: 0 0 0 30px;
	
	font-size: 1em;
	font-weight: normal;
	
	display: inline;
}


/*		2-3. LAYOUT & TEXT SETTINGS > POST
--------------------------------------------------------------------------- */

.postbox {
	width: 620px;
	margin-bottom: 10px;
	
	text-align: left;
}
.postbox .top,
.commentbox .top {
	width: 620px;
	height: 7px;
	background: url(img/bg-post-top.png);
}
.postbox .mid,
.commentbox .mid {
	width: 620px;
	background: url(img/bg-post-mid.png);
}
.postbox .bot,
.commentbox .bot {
	width: 620px;
	height: 7px;
	background: url(img/bg-post-bot.png);
}

/* TITLE */
.post-titlebox {
	height: 45px;
	margin: 0 0 0 5px;
	
	background: url(img/icon-post.png);
	background-repeat: no-repeat;
}
/* Hides from IE5-mac \*/
* html .post-titlebox {
	background: url(img/icon-post-ie6.png);
}
/* End hide from IE5-mac */
h2.title-post {
	margin: 0;
	padding: 20px 0 0 40px;
	
	font-size: 1.2em;
	font-weight: normal;
}

/* CONTENT, LINK */
.post-content {
	margin: 0;
	padding: 0 10px;
	
	font-size: 1.1em;
	line-height: 1.5;
}
.post-content a {
	color: #285ae6; /* Brilliant Blue */
	text-decoration: underline;
}
.post-content a:hover {
	color: #e1a0dc; /* Pale Pink */
	text-decoration: none;
}

.post-content img {
	padding-top: 0.4em;
}
.post-content a img {
	border: 5px solid #d2deff; /* Water Blue */
}

.post-content p {
	margin: 0;
	padding: 0 0 1.8em;
}

/* BLOCKQUOTE */
.post-content blockquote {
	margin: 0.6em 1.8em 1.8em;
	padding: 1.2em 0 0;
	
	border: 3px double #f9e1e1; /* Coral */
	background: #fff6f6; /* Pale Coral */
}
.post-content blockquote p {
	margin: 0;
	padding: 0 1em 1.2em;
}

/* LIST GENERAL */
.post-content ul {
	margin: 0;
	padding: 0 0 1.2em;
}
.post-content ol {
	margin: 0;
	padding: 0 2.4em 1.2em 3.6em;
}
.post-content ul li {
	margin: 0 0 0 2.4em;
	padding: 0 0 3px;
	
	list-style: disc; /* If you want change the List-style-type of <ul>, please customize this value. */
}
.post-content ol li {
	margin: 0;
	padding: 0 0 3px;
	
	list-style: decimal; /* If you want change the List-style-type of <ol>, please customize this value. */
}

/* LIST POST-METADATA */
ul.list-post-metadata {
	margin: 0;
	padding: 0 10px 5px 0;
	
	color: #888; /* Pale Gray */
	text-align: right;
}
ul.list-post-metadata li {
	margin: 0;
	padding: 0;
	
	list-style: none;
}

/* LIST POST-FOOTER */
ul.list-post-footer {
	margin: 0;
	padding: 0 10px 0 0;
	
	color: #888; /* Pale Gray */
	text-align: right;
}
ul.list-post-footer li {
	margin: 0;
	padding: 0;
	
	list-style: none;
	display: inline;
}

/* LIST PAGE:ARCHIVES */
ul#list-archives {
	margin: 20px 0 0;
	padding: 0;
}
ul#list-archives li {
	margin: 0;
	padding: 0.3em 0;
	
	color: #999; /* Pale Gray */
	
	list-style: none;
}
ul#list-archives li a {
	color: #111; /* Charcoal Gray */
	text-decoration: none;
}
ul#list-archives li a:hover {
	color: #e1a0dc; /* Pale Pink */
}

/* LIST PAGE:TAG-CLOUD */
ul.wp-tag-cloud {
	margin: 20px 0 0;
	padding: 0;
}
ul.wp-tag-cloud li {
	margin: 0;
	padding: 0.5em 1em;
	
	display: inline;
}
ul.wp-tag-cloud li a {
	color: #111; /* Charcoal Gray */
	text-decoration: none;
}
ul.wp-tag-cloud li a:hover {
	color: #285ae6; /* Brilliant Blue */
}


/*		2-4. LAYOUT & TEXT SETTINGS > COMMENT
--------------------------------------------------------------------------- */

.commentbox {
	margin: 0;
	padding: 0 0 10px;
	
	text-align: left;
}

/* TITLE */
.comment-titlebox {
	height: 31px;
	margin: 0 0 0 5px;
	
	background: url(img/icon-comment.png);
	background-repeat: no-repeat;
}
/* Hides from IE5-mac \*/
* html .comment-titlebox {
	background: url(img/icon-comment-ie6.png);
}
/* End hide from IE5-mac */
h3.title-comment {
	margin: 0;
	padding: 15px 0 0 35px;
	
	font-size: 1.2em;
	font-weight: normal;
}

/* CONTENT */
.comment-content {
	margin: 0;
	padding: 0;
}
.comment-content p {
	margin: 0;
	padding: 20px 0 0 20px;
	
	font-size: 1.1em;
	line-height: 1.5;
}
/* Hides from IE5-mac \*/
* html .comment-content p {
	padding: 10px 0 0 20px;
}
/* End hide from IE5-mac */

/* LIST EACH-COMMENTS */
ul.list-comment {
	margin: 10px 20px 0;
	padding: 0;
}
ul.list-comment li.comment-content {
	margin: 0;
	padding: 5px 0;
	
	list-style: none;
}
div.list-comment-bg {
	margin: 0;
	padding: 0;
}
div.list-comment-bg div {
	margin: 0;
	padding: 0;
}
div.list-comment-bg .top {
	width: 580px;
	height: 7px;
	background: url(img/bg-comment-top.png);
	background-repeat: no-repeat;
}
div.list-comment-bg .mid {
	width: 580px;
	padding-top: 5px;
	background: url(img/bg-comment-mid.png);
}
div.list-comment-bg .bot {
	width: 580px;
	height: 7px;
	background: url(img/bg-comment-bot.png);
	background-repeat: no-repeat;
}

div.list-comment-bg .mid p {
	margin: 0;
	padding: 0 1em 1.2em;
}
/* Hides from IE5-mac \*/
* html div.mid p {
	display: block;
}
/* End hide from IE5-mac */

/* LIST OTHER-COMMENTS-LINK */
ul.list-comment a {
	color: #285ae6; /* Brilliant Blue */
	text-decoration: none;
}
ul.list-comment a:hover {
	color: #aabef0; /* Pale Blue */
}

/* LIST OTHER-COMMENTS-FOOTER */
ul.list-comment-footer {
	margin: 0;
	padding: 0 20px 0 0;
	
	text-align: right;
}
ul.list-comment-footer li {
	margin: 0;
	padding: 0;
	
	list-style: none;
	display: inline;
}

/* FORM */
form#commentform {
	margin: 0;
}
input#trackbackurl {
	width: 420px;
	margin: 0;
}
input#author,
input#email,
input#url {
	width: 200px;
	
	color: #111; /* Charcoal Gray */
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, Verdana, "ＭＳ Ｐゴシック", Sans-Serif;
	font-size: 1em;
}
form#commentform textarea {
	width: 520px;
	padding: 5px;
	
	color: #111; /* Charcoal Gray */
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, Verdana, "ＭＳ Ｐゴシック", Sans-Serif;
	font-size: 1em;
}
form#commentform input#submit {
	padding: 0 1em;
	
	color: #111; /* Charcoal Gray */
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, Verdana, "ＭＳ Ｐゴシック", Sans-Serif;
	font-size: 1em;
	letter-spacing: 2px;
}
p#submitbutton {
	padding-bottom: 5px;
}


/*		2-5. LAYOUT & TEXT SETTINGS > SIDEBAR
--------------------------------------------------------------------------- */

.sidebox {
	width: 175px;
	margin-bottom: 5px;
	
	text-align: left;
}
.sidebox .top {
	width: 175px;
	height: 7px;
	background: url(img/bg-side-top.png);
}
.sidebox .mid {
	width: 175px;
	background: url(img/bg-side-mid.png);
}
.sidebox .bot {
	width: 175px;
	height: 7px;
	background: url(img/bg-side-bot.png);
}

/* LINK */
.sidebox a {
	color: #111; /* Charcoal Gray */
}
.sidebox a:hover {
	color: #aabef0; /* Pale Blue */
}

/* TITLE */
h2.title-sidebar {
	margin: 0;
	padding: 0 5px;
	
	font-size: 1em;
	font-weight: normal;
	 
	letter-spacing: 1px;
	text-align: left;
}

/* LIST */
ul.sidebar {
	margin: 10px 0 0;
	padding: 0 5px;
}
ul.sidebar li {
	margin: 0;
	padding: 0.3em 0;
	
	list-style: none;
}
ul.sidebar li ul {
	margin: 0;
	padding: 0 0 5px;
}
ul.sidebar li ul li {
	margin: 0;
	padding: 0 0 3px 20px;
}