/*  
Theme Name: AdultNavigate customized from Koikikukan
Theme URI: http://www.koikikukan.com/
Description: koikikukan template 3 column edited by AdultNavigate
Author: Yujiro Araki
Author URI: http://www.koikikukan.com/
Version: 0.2
*/

/*
 * File	  : style.css
 * Version   : 1.00
 * Update	: 1.01 2007.01.24 fix textarea size for Mozilla.
 *		   : 1.02 2007.02.11 add color property at ul element of sidebar.
 *		   : 1.03 2007.02.24 fix top property for liquid layout.
 *		   : 2.00 2007.07.22 for XHTML 1.0 Strict.
 *
 * Copyright (C) 2005-2007 www.koikikukan.com All rights reserved.
 */

/* all */

* {
	margin : 0px ;
	padding : 0px ;
	font-family : "Times New Roman",'MS Serif';
}

/* general */

u, em {
color: #ff0000;
font-style: normal;
}

p {
margin: 10px 0px;
}

table {
border-collapse: collapse;
border: 1px #000000 solid;
clear:both;
}

tr, td {
border: 1px #000000 solid;
padding: 2px;
}

#ranking {
border-collapse : collapse ;
border : 1px #000000 solid ;
margin : 10px ;
width : auto ;
font-size : 12px ;
}

#ranking tr, #ranking td {
border : 1px #000000 solid ;
padding : 2px ;
}

dl {
margin: 10px 0 10px 0
}

dt {
font-weight : bold ;
margin : 5px 0 5px 0 ;
}

dd {
margin : 5px 0 5px 20px ;
}

/* class or id name */

.best {
color: #ff0000;
font-weight : bold ;
background-color : yellow ;
}
.better {
color: #fa9101;
font-weight : bold ;
background-color : yellow ;
}
.average {
color: #339966;
font-weight : bold ;
background-color : yellow ;
}
.notgood {
color: #808080;
font-weight : bold ;
background-color : yellow ;
}
.bad {
color: #000000;
font-weight : bold ;
background-color : yellow ;
}

.ttl {
color: #ff66cc;
font-weight: bold;
font-size: 125%;
}

.site_info {
}

#archive {
float: left;
padding: 5px;
}

#review {
width:760px;
height: auto;
clear:both;
}

#jap {
width:380px;
height: auto;
float:left;
}

#en {
width:380px;
height: auto;
float:right;
}

.photo {
clear: both;
}

.marker {
background-color : yellow ;
}

#search {
	float : left ;
	margin : 0 10px 0 180px ;
}

/* heading */

h1, h2, h3, h4, h5, h6 {
	font-weight: normal;
}

h3 {
font-size: 14px;
}

h4 {
font-size: 12px;
}

/* anchor */
a,
a:link  {
	color: #0000ff;
	text-decoration: none;
font-weight: bold;
}
a:visited {
	color: #810081;
}
a:hover {
	color: #000000;
border-bottom: 2px solid #ff66cc;
background-color: #ffffff;
}
a:active {}

/* image with anchor */

a img {
	border: none;
}

/* form */
form {
	margin: 0px;
}
#searchform fieldset {
	border: none;
}
#search-options,
input {
	padding: 1px;
}
#searchtext {
	width: 125px;
}

/* main layout */

body {
	font-size : 14px ;
	background-color : #ffffff ;
}

html>body {
	font-size : 12pt ;
}

#wrapper {
	width : 800px ;
	height : auto ;
	margin : 10px auto ;
}

#box {
	clear : both ;
	position : relative ;
	top : 240px ;
	width : 800px ;
	background-color : #ffccff ;
}

#contents_box {
	margin : 0 ;
	padding : 5px ; 
	background-color : #ddddff ;
	border : #ffaae3 1px solid ;
	font-size :14px ;
	width : 527px ;
}

/* banner title */

#header {
	width: 800px;
	position: absolute ;
	top: 0px;
	height: 250px;
	color: #000000;
	background: #ff66cc left center  url("./images/banner-laying.jpg") no-repeat;
	text-align: left;
}

#header a,
#header a:link,
#header a:visited {
	color: #ff66cc;
	background: transparent;
	text-decoration: none;
}
#header a:hover {}
#header a:active {}

#blog-name {
width : 420px;
height : 20px;
margin : 10px 80px 0 0 ;
padding : 10px 0px 0px 10px;
float : right ;
font-size:18px;
}

#title-link {
color: #ff66cc;
font-size:40px;
}

/* description of blog */

#blog-description {
width : 650px;
height : auto;
margin : 60px 60px 0 0 ;
padding : 5px 10px 0px 10px;
	color: #000000 ;
	font-size: 14px;
	font-weight: normal;
float:right;
}

#blog-title {
font-size: 18px;
border-bottom : #000000 1px dotted ;
}

/* article */

.blog {
	padding: 5px;
}

/* article date */
.date {
	margin: 5px 5px 5px 0px;
float: right;
	font-size: 75%;
	font-weight: normal;
background-color: #ffffff;
}

/*
title of entry
*/

.entry-header {
	padding : 5px ;
	background-color : #eefca7 ;
	border-top : #ffaae3 1px solid ;
	border-left : #ffaae3 1px solid ;
	border-right : #ffaae3 1px solid ;
	color : #000000;
	font-size : 150% ;
	font-weight : bold ;
}

.entry-body {
	padding: 5px;
	border-left: #ffaae3 1px solid;
	border-right: #ffaae3 1px solid;
	background: #ffffff url("./images/content.jpg") right top no-repeat;
}

/* contributor */
.entry-footer {
	margin: 0px;
	border-top: 1px dotted #36414d;
	border-left: 1px solid #ffaae3;
	border-right: 1px solid #ffaae3;
	border-bottom: 1px solid #ffaae3;
	text-align: right;
	font-size: 83.3%;
	background-color: #ffffff;
	clear:both;
}

.entry p {
	margin : 10px 0 ;
}

.entry blockquote p {
	margin : 0 ;
}

.entry img {
	padding : 5px ;
}

.entry ul {
	margin : 10px 0 10px 25px ;
}

.entry ol {
	margin : 10px 0 10px 30px ;
}

.entry ul li {
margin : 5px 5px 5px 20px ;
padding : 5px ;
background-color : #dddddd ;
}

.entry textarea {
	width: 97%;
}

.entry h2 {
border-left: #ffaae3 5px solid;
padding: 0 5px;
font-size: 125%;
font-weight: bold;
}

.entry h3 {
border-left: #ffaae3 5px solid;
padding: 0 5px;
font-size: 125%;
font-weight: bold;
}

/* comment color */
.trackbacks-header,
.comments-header,
.comments-open-header {
	color: #000000;
	background: #ffffff;
}

/* an article or comment */

#comments,.entry {
	width : auto ;
	height : auto ;
	margin : 0px 5px 15px ;
	border-left : 1px #ffaae3 solid ;
	border-right : 1px #ffaae3 solid ;
	color : #000000 ;
	background : #ffffff ;
	font-size : 14px ;
	line-height :1.5 ;
	word-break : break-all ;
}

/* blockquote */
.entry blockquote {
	width: auto;
	margin: 15px 20px 0;
	padding: 10px;
	border: 1px solid #666;
	background: #f6f6f6;
	font-size: 83.3%;
	line-height: 1.5;
}
.quotetitle {
	font-size: 83.3%;
	border-bottom: 1px solid #666;
	padding: 3px;
}

pre {
	margin: 15px 20px 0px;
	padding: 10px;
	background: #f6f6f6;
	border: 1px solid #999;
	font-size: 83.3%;
	line-height: 1.5;
	width: 100%;
	overflow: scroll;
}
html>body pre {
	width: 87%;
}


/* archive-list */

.archive-list {
	margin: 10px 0;
}

/* navigation */

.content-nav {
	margin: 10px;
	text-align: center;
}

.page {
	margin: 6px 0 10px;
	font-size: 83.3%;
}

/* breadcrumbs list */
.crumbs {
	margin: 6px 0 10px;
	padding-left: 5px;
	font-size: 83.3%;
}

/* menu list of sidebar */

#index {
	background-color : #ddddff ;
	border : #ffaae3 1px solid ;
}

#links-right-box {
	position: relative;
	top: 0px;
	right: 0px;
}

#links-right {
	color: #000000;
font-size: 12px;
}


#links-right ul {
	margin: 0px;
}

#links-right li {
	list-style: none;
	margin: 0 5px 5px 5px;
}

#links-right h2 {
	margin-top : 5px ;
	padding-bottom : 2px ;
	border-bottom : 1px dashed  #000000 ;
	color : #000000 ;
	text-align : center ;
	font-size : 150% ;
}

html > body #links-left h2,
#links-right h2 {
	padding-bottom: 0;
}

/* credit */

.powered {
	margin-top: 50px;
	text-align: left;
	color: #666666;
	font-size: 75%;
	line-height: 1.5;
}

.powered img {
	margin-top: 3px;
}

.clear {
	clear: both;
}



form input,
form textarea {
	border: 1px solid #999;
}
#searchtext {
	margin: 3px 0;
}

/* footer */

#footer {
	width: 800px ;
	margin : 0px auto ;
	padding : 0px ;
	font-size : 75% ;
	color : #ffffff ;
	background-color : #333333 ;
	clear :both ;
}

#footer a {
	color : #ffffff ;
	font-weight : normal ;
}

#footer a:hover {
	color : #333333 ;
}

/* for 2 columns liquid layout (with right sidebar) */
.layout-two-column-liquid-right #content {
float: left;
	margin: 0px ;
}

.layout-two-column-liquid-right #links-right {
	width: 250px;
	color: #000000;
float: right;
	border-left: 1px solid #ffaae3;
	border-bottom: 1px solid #ffaae3;
padding: 5px 0px;
}

/* for IE7 */
*:first-child+html .layout-two-column-liquid-right #links-right {
	top: 100px;
}

input,textarea {
	font-family: "Osaka", arial, sans-serif;
}

.clearfix:after {
	content: ""; 
	display: block; 
	clear: both; 
	visibility: hidden;
}

.clearfix {display: inline-table;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */