/*
Theme Name: OHANA
Theme URI: http://oshiripan.com
Description: The original OHANA theme that ARG.
Version: 2.0
Author: Anyrate Graphics
Tags: ohana
*/


/* Links */

a:link { text-decoration: none; color: #592F00; }
a:visited { text-decoration: none; color: #592F00; }
a:hover, a:active { background:#E0FFFF; }

/* Headings */

h1, h2, h3, h4, h5, h6 { font-family: Verdana,Helvetica,sans-serif;  margin: 0px 0 0px; 　}
h1 { font-size: 32px; margin-bottom: 0px; margin-top: 0px; font-weight: normal; }
h2 { font-size: 12px; font-weight: normal; }
h3 { font-size: 10px; font-weight: normal; }
h4{  font-size: 12px; font-weight: normal;  border-bottom:1px dotted #BBBBBB; margin-bottom: 5px;}
h5, h6{  font-size: 12px; font-weight: normal;}

/* Other Html Elements */

.titles { font-weight: normal; border-bottom-width: 0; font-size: 24px; text-decoration: none; underline: none;}
.titles a:link, .titles a:visited, .titles a:active {
text-decoration: none;
underline: none;
font-size: 24px;
font-weight: normal;
border-bottom-width: 0;
}

pre, blockquote 
{
overflow: auto;
padding: 10px 10px;
margin: 10px 20px;
line-height: 4ex;
background-color: #FFFFFF;
border: 1px dashed #D9D9D9;
}

pre:hover, blockquote:hover
{
background-color: #FFFFFF;
border: 1px dashed #D9D9D9;
}

br {letter-spacing: 0; }

pre { padding-top: 10px; padding-bottom: 10px; }
code { color: #779900;  font-family: Verdana,Helvetica,sans-serif;  }
ul, ol { line-height: 4ex; }
ul {list-style-type: none; }
abbr, acronym { font-style: normal; border-bottom: 1px dotted #333333; cursor: help; }
del { text-decoration: line-through; color: #999999; }
ins { text-decoration: none; color: #009977; }

/* Structure */

body
{
margin: 0px;
padding: 0px;
color: #FFFFFF;
background-repeat: repeat-x;
background-position: top left;
background-color: #FFFFFF;
font: normal 76% "Trebuchet MS", "Lucida Grande", Verdana, Georgia, Sans-Serif;
line-height: 4ex;
}

#wrapper2 {
width: 655px;
margin-left: auto;
margin-right: auto;
margin-top: 0px;
}

#navigation
{
width: 655px;
height: 135px;
background-image: url(images/1.png);
background-repeat: no-repeat;
background-position: center bottom;
}


 /* IE Hack */
*html #navigation
{
width: 655px;
height: 135px;
background-image: url(images/1.png);
background-repeat: no-repeat;
background-position: center bottom;
margin-top: 0px;
}


#headerbg {
background-repeat: no-repeat;
background-position: center;
width: 655px;
height: 135px;
margin-top: 0px;
margin-left: 0px;
margin-right: auto;
float: left;
}

#headerbg2 {
width: 655px;
height: 1px;
margin-top: 0px;
margin-left: 0px;
margin-right: auto;
float: left;
background-image: url(images/header-top.gif);
background-position: bottom;
background-repeat: no-repeat;
}

 /* IE Hack */
*html #headerbg2 {
width: 655px;
height: 1px;
margin-top: -17px;
margin-left: auto;
margin-right: auto;
float: left;
background-image: url(images/header-top.gif);
background-position: bottom;
background-repeat: no-repeat;
}


#headerbg3 {
width: 655px;
height: 1px;
margin-top: 50px;
margin-left: auto;
margin-right: auto;
float: left;
background-image: url(images/header-top.gif);
background-position: top;
background-repeat: no-repeat;
}

#wrapper
{
width: 655px;
float: left;
color: #666666;
background-color: #FFFFFF;
padding-top: 30px;
padding-bottom: 0px;
margin-left: 0px;
margin-right: auto;
}

#content-wrapper
{
width: 460px;
float: left;
}

#content
{
float: left;
padding: 0 0px 0px 0px;
}

#sidebar-wrapper
{
width: 145px;
float: right;
}

#sidebar
{
float: right;
width: 145px;
margin-right: 0px;
margin-top: 0px;
}

#footer
{
clear: both;
float: left;
width: 655px;
text-align: left;
color: #592F00;
font-size: 11px;
margin-top: opx;
padding-bottom: 10px;
background-position: bottom;
background-repeat: no-repeat;
background-color: #FFFFFF;
	}


#footer a {
color: #592F00;
font-size: 11px;
	}

#footer a: visited {
color: #592F00;
	}
#footer a:hover {
color: #56AFED;
	}
#extras
{
float: left;
width: 655px;
color: #C7AA92;
text-align: left;
padding: 0 10px 10px;
margin: 10px 12px 20px;
background-color: #FFFFFF;
border-top: 1px solid #592F00;
border-bottom: 1px solid #592F00;
}

/* Header */

#navigation h1 { margin-left: 10px; padding-top: 12px; float: left; text-transform: lowercase; font-size: 35px; display: block; margin-bottom: 0px; padding-bottom: 0px;}
#navigation h1 a { color: #FFF;}

/* Navigation */

#navigation ul {width: 655px; float: left; margin-top: 90px; padding: 0px; }

 /* IE Hack */
*html #navigation ul {width: 655px; float: left; margin-top: 90px; margin-left: 0px;  }

 /* IE7 Hack */
*:first-child+html #navigation ul {width: 655px; float: left; margin-top: 90px; margin-left: 0px;  }

#navigation li {float: left; background-position: center; background-repeat: no-repeat; display: block; margin-right: 10px; 	background-color: #FFFFFF; height: 45px;}
#navigation li:hover {background-color: #FFFFFF; }
#navigation li a:link,
#navigation li a:visited
{
	float: left;
	color: #592F00;
	display: block;
	padding-top: 10px;
	height: 35px;
	font-family: Verdana,Helvetica,sans-serif; 
	font-size: 10px;
	background-position: center;
	background-repeat: no-repeat;
	padding-left: 15px;
	padding-right: 15px;
}

#navigation li a:hover,
#navigation li a:active
{
	font-family: Verdana,Helvetica,sans-serif; 
	color: #708090;
	font-size: 10px;
}

#navigation li.active a
{
color: #B2A260;
background-color: #FFFFFF;
}

/* Wrapper */

#wrapper a:link { font-weight: ; }
#wrapper a:visited { font-weight: ; }
#wrapper a:hover, #wrapper a:active { }

/* Content */

a img { border-style: none; }
img { margin: 0px; }
#content .post-title a { margin: 0px 0px 0px 0px; border-bottom-width: 0; }
#content div.wp-caption { margin: 10px; background: #efefef; overflow: hidden; }
#content .wp-caption img { display: block; margin: 5px auto; }	
#content .wp-caption-text { margin: 5px; font-size: 0.9em; line-height: 1.3em; }
#content div.alignnone { display: block; margin: 10px 10px 10px 0; }
#content img.alignleft { margin: 10px 10px 10px 0; float: left; clear: left; }		
#content img.alignright { margin: 10px 0 10px 10px; float: right; clear: right; }
#content img.aligncenter { display: block; margin: 0 auto 0px auto; float: none; clear: both; }
#content div.alignleft { text-align: left; float: left; margin-left: 0; }
#content div.alignright { text-align: right; float: right; margin-right: 0; }
#content div.aligncenter { text-align: center; margin: 0 auto 10px; }
#content .gallery { margin: auto auto 0; }
#content .gallery img { border: none; }
#content .gallery .gallery-item, #content .gallery .gallery-icon { clear: none; margin: 0; }
#content .gallery .gallery-icon {  }
#content .gallery .gallery-caption { text-align: left; font-size: 0.9em; line-height: 1.3em; margin: 0 5px 10px; }
#content .post p.img img { padding: 8px; border: 0px solid #FFFFFF; background-color: #FFFFFF; }
#content .gallery { margin: 15px 15px 15px 0px; }
#content .gallery img { border: none; }
#content .gallery .gallery-item, #content .gallery .gallery-icon { clear: none; margin: 0; }

.post-wrapper {
padding-left: auto;
padding-right: auto;
padding-bottom: 0px;
width: 460px;
margin-left: auto;
background-color: #FFFFFF;
margin-bottom: 0px;
float: left;
font-family: Verdana,Helvetica,sans-serif;
color: #696969;
font-size: 10px;
letter-spacing: 0.1em;

}

.post-wrapper2 {
font-size: 10px;
padding-left: auto;
padding-right: auto;
padding-bottom: 0px;
width: 460px;
margin-left: 0px;
color: #A2A2A2;
background-color: #FFFFFF;
margin-bottom: 0px;
float: left;
font-family: Verdana,Helvetica,sans-serif;
letter-spacing: 0em;
}

.post-wrapper2 a {
color: #A2A2A2;
	}
.fpost-wrapper2 a: visited {
color: #A2A2A2;
	}
.post-wrapper2 a:hover {
color: #56AFED;
	}

.post-wrapper3 {
font-size: 10px;
padding-left: 0px;
padding-right: 0px;
padding-bottom: 0px;
width: 460px;
margin-left: auto;
margin-right: auto;
color: #A2A2A2;
background-color: #FFFFFF;
margin-bottom: 70px;
float: left;
font-family: Verdana,Helvetica,sans-serif;
letter-spacing: 0em;
}

.post-wrapper3 a {
color: #A2A2A2;
	}
.fpost-wrapper3 a: visited {
color: #A2A2A2;
	}
.post-wrapper3 a:hover {
color: #56AFED;
	}

/* Sidebar */

.sideblock
{
padding: 0px 0px 0px 0px;
margin-bottom: 30px;
line-height: 4ex;
list-style-type: none ;
}

.sideblock ul {
font-family: Verdana,Helvetica,sans-serif; 
font-size: 10px;
letter-spacing: 0.1em;
padding: 0px 0px 0px 0px;
margin: 0px 0px 0px 0px;
}

.sideblock h3 {
font-family: Verdana,Helvetica,sans-serif; 
margin-top: 0px;
margin-bottom: 15px;
font-size: 12px;
color: #A2A2A2;
padding-top: 0px;
padding-bottom: 0px;
padding-left: 0px;
font-weight: normal;
display: block;
border-bottom: 1px dotted #BBBBBB;
}
#sidebar dt { margin: 0; padding-top: 5px; font-weight: bold; color: #666666; }
#sidebar dd { margin: 0 0 5px; padding-bottom: 5px; line-height: 4ex; }
#sidebar dd a:link { border-bottom-width: 0; font-weight: normal;  border-bottom: none; text-decoration: none;}
#sidebar dd a:visited { border-bottom-width: 0; font-weight: normal; border-bottom: none; text-decoration: none; }
#sidebar dd a:hover, #sidebar dd a:active { border-bottom: none; text-decoration: none;}

/* Extras */

#extras h6 { font-size: 14px; text-transform: uppercase; color: #B2A260; }

#friends
{
	float: left;
	width: 150px;
	margin-left: 20px;
	margin-right: 10px;
}

#links
{
	float: left;
	width: 275px;
	margin-right: 50px;
}

#about
{
	float: left;
	width: 250px;
	margin-right: 20px;
}

#friends ul { padding-left: 0px; }

#links dl, #links dt, #links dd { margin: 0; padding: 0; }

#links dt { font-weight: bold; padding-top: 5px; }

#links dd { margin-bottom: 5px; padding-bottom: 5px; border-bottom: 0px dotted #999999; }




.date {
	background: url(images/date.gif) no-repeat;
	height: 54px;
	margin-bottom: 0px;
	width: 54px;
	text-align: center;
	float: left;
	margin-top: 15px;
}
.date .month {
	display: block;
	color: #FFC62C;
	padding: 2px 0px;
	text-align: center;
	text-transform: uppercase;
	font-size: 10px;
	margin-top: 2px;
	font-weight: bold;
	margin-bottom: 3px;
}
.date .day {
	display: block;
	color: #5EB8F5;
	font: 2.3em Georgia;
	padding-top: 0px;
	text-align: center;
	margin-top: -12px;
}

#left {
	width: 60px;
	float: left;
}

.slogan {
font-size: 16px;
color: #5DB2DF;
text-transform: lowercase;
margin-left: 94px;
margin-bottom: 2px;
float: left;
}

.search_bg {
height:40px;
width:356px;
float: right;
margin-right: -60px;
background-image: url(images/search-bg.gif);
background-position: left;
background-repeat: no-repeat;
}

#search {
vertical-align:top;
color:#000000;
padding:0;
}

#search input {
background-color: transparent;
font-size:11px;
color:#FFF;
font-family: Verdana,Helvetica,sans-serif;
width:135px;
height:41px;
vertical-align:middle;
margin: 10px 0px 0 10px;
padding:0;
border: none;
margin-top: 10px;
}

#search .input {
width:50px;
height:32px;
background-image: url(images/search.gif);
border:none;
vertical-align:middle;
margin:0;
padding:0;
margin-left: 30px;
margin-bottom: 11px;
}

.navi {
width:460px;
margin-left: 0px;
	font-family: Helvetica, Arial, Sans-Serif;
	text-transform:uppercase;
	font-size:10px;
	font-weight:none;
	clear:both;
	padding:0px 0px 30px 0px;

	text-align: center;
}
	span#a{float: left; }
	span#c{float: right; }

/* Comments*/

#comments {
	width: 460px;
	font-family: Verdana,Helvetica,sans-serif;
	margin:0px 0px 0px 0px;
	font-size:10px;
	line-height:25px;
}

.commentlist {
	margin:20px 0;
	padding:0 0 1px 0;
	background:url('images/border_h.png') repeat-x bottom;
}

.commentlist li {
	list-style:none;
	margin:0;
	padding:0;
	background:url('images/border_h.png') repeat-x top;
}

li.comment div, li.pingback div {
	padding:20px;
	overflow:auto;
}

li.comment div div, li.pingback div div {
	padding:0;
	overflow:visible;
}

.commentlist li.even {
	background-color:#FDFDFD;
}

.commentlist li.odd {
	background-color:#FFFFFF;
}

ul.children li {
	list-style:none;
}

img.avatar {
	float:right;
	border:0px solid #eee;
	padding:0px;
	margin:0;
	background:#fff;
}

.comment-meta, .reply {
	margin:0;
	padding:0;
	font-size:10px;
}

.comment-author cite {
	font-style:normal;
	font-weight:bold;
}

textarea#comment {
	width:460px;
}

#comments div.navigation {
	font-size:10px;
}