/*
Template: housing-japan-v1
Theme Name: Housing Japan
Theme URI: http://www.housingjapan.com
Description: Housing Japan theme
Author: Chris Gaunt
Author URI: http://www.nihongonotes.com
Version: 1.0
*/


/*
YAHOO! YUI CSS FONT SIZES
   PX   %
   10 - 77
   11 - 85
   12 - 93
   13 - 100
   14 - 108
   15 - 116
   16 - 123.1
   17 - 131
   18 - 138.5
   19 - 146.5
   20 - 153.9
   21 - 161.6
   22 - 167
   23 - 174
   24 - 182
   25 - 189
   26 - 197
*/
html, body {
  margin: 0;
  background-color: #EEEEEE;
	background-image: url(img/background.gif);
	background-repeat: repeat-x;
}

/*blockquote edited by Lloyd 2009-07-03*/
blockquote {
  margin: 0 20px;
  padding: 0 0 0 20px;
  border-left:4px solid #CCCCCC;
  font-size:108%;
  font-weight: bold;
  color:#666;
}

/* HD - HEADER */
#hd-login {
  padding-top: 6px;
  padding-bottom: 1px;
  clear: both;
  text-align: right;
  width: 950px;
  margin-left: auto;
  margin-right: auto;
  font-size: 93%;
}

/* LOGO */
#logo {
  float:left;
  margin-right: 8px;
}

/* MENU */
#hd-menu {
  float:left;
  clear: both;
  width: 100%;
  background-color: #000000;
	border-top: 1px solid #999;
	background-image: url(img/menu-background.gif);
	background-repeat: repeat-x;
}

#hd-nav {
  width: 950px;
  margin: 0;
  margin-left: auto;
  margin-right: auto;
  text-align: left;
}

/* TOP MENU */
#hd-nav .yuimenubar li {
  list-style: none;
  display: inline;
}

#hd-nav .yuimenubar li a {
  display: block;
  float: left;
}

/* MENU - ITEM (LI) */
#hd-nav .yuimenubaritem-selected {
  background-color: #999999;
}

#hd-nav .yuimenubaritem-hassubmenu {
  background: url(img/menubaritem_submenuindicator.gif) right 38px no-repeat;
}

#hd-nav .yuimenubaritem-hassubmenu-selected {
  background-color: #999999;
  background-image: url(img/menubaritem_submenuindicator.gif);
}

#hd-nav .yuimenubaritem-hassubmenu .yuimenubaritemlabel {
  padding-right:20px;
}

/* MENU - ITEM LABEL (A) */
#hd-nav .yuimenubaritemlabel {
  border-right: 1px solid #666666;
  font-size: 116%;
  color: #FFFFFF;
  font-weight: normal;
  padding: 32px 16px 12px 10px;
}

/* SUB MENU */
#hd-nav .yuimenu li {
  list-style: none;
}

#hd-nav .yuimenu li a {
  display: block;
  padding-left:8px;
  font-size:93%;
  font-weight:normal;
}

#hd-nav .yuimenu {
  background-color: #000;
	-moz-opacity:0.8;
	-khtml-opacity: 0.8;
	opacity: 0.8;
  border: 1px solid #CCC;
}

/*#hd-nav .filter1 {
	filter:alpha(opacity=80);
}
/*



/* SUB MENU - ITEM (LI) */
#hd-nav .yuimenuitem-hassubmenu {
  background: url(img/menuitem_submenuindicator.gif) right center no-repeat;
}

#hd-nav .yuimenuitem-selected {
  background-color: #999999;
}

#hd-nav .yuimenuitem-hassubmenu-selected {
  background-color: #999999;
  background-image: url(img/menuitem_submenuindicator_selected.gif);
}

/* SUB MENU - ITEM LABEL (A) */
#hd-nav .yuimenuitemlabel {
  font-size: 108%;
  color: #FFF;
  padding: 4px;
  /*width:200px;*/
  padding-right:20px;
}

#hd-nav .yuimenuitemlabel-selected {
  color:#FFFFFF;
}

/* BD - BODY */
#doc2 {
  border: 1px solid #999;
  margin-top: 8px;
  background-color: #FFFFFF;
  width: 950px !important;
}

#doc {
  width: 762px !important;
  margin-top: 8px;
}

@media print {
  #doc, #doc2 {
    display:inline;
    margin-top: 0;
  }
}

#bd {
  padding: 12px 15px 10px 15px;
  border-right: 1px solid #CCCCCC;
}

#doc .yui-b {
  padding: 0;
  border: 1px solid #CCCCCC;
  background-color: #FFFFFF;
  margin-bottom:10px;
}

@media print {
  #doc .yui-b {
    margin-bottom:0;
  }
}

/* HOME */
.doc-home {
  border-top:1px solid #CCCCCC !important;
  margin-top:0px !important;
}

.doc-home #bd {
  width:599px;
}

.full-width #bd {
  border-right: none !important;
}

#hd-home {
  border: 1px solid #999;
  border-bottom: none;
  background-color: #FFFFFF;
  width:938px;
  padding:6px;
  margin: 0;
  margin-top: 8px;
  margin-left: auto;
  margin-right: auto;
}

.home h3 {
  font-size:138.5%;
}

.slideshow {
  text-align:center;
  background-color:#000;
  border:8px solid #000;
  height:272px;
  width:922px;
  margin: 0;
  margin-left: auto;
  margin-right: auto;
}

.slideshow .anim {
  border:1px solid #FFFFFF;
  margin-right:8px;
  float:left;
}

.slideshow .last {
  margin:0;
}

.quick-search {
  width:100%;
}

.quick-search th {
  text-align:left;
}

/* AUTHOR */
.author-profile {
  width:100%;
}

.author .avatar {
  float:left;
  margin:0 10px 10px 0;
}

.author h1 {
  margin-top:0;
}

/* BLOG */
.blog h1, .archive h1 {
  color:#666666;
}

.blog h3, .archive h3, .author h3 {
  color:#666666;
}

#page-nav {
  clear:both;
}

#page-nav a {
  display:block;
  float:left;
  padding:6px;
  margin-right:5px;
  background-color:#EEEEEE;
}

#page-nav span {
  display:block;
  float:left;
  padding:6px;
  margin-right:5px;
  background-color:#EEEEEE;
  font-weight:bold;
  color:#CCCCCC;
}

/* ARCHIVE */
.archive h1 {
  margin:0.5em 0 1em 0;
}

/* SEARCH */
.search h2 {
  margin:0;
  font-weight:normal;
}

#search-form-input {
  float:left;
  margin-right:4px;
}

/* SINGLE */
.single h1 {
  margin:0.5em 0 0.2em 0;
}

.float-right {
  float:right;
  margin-left:10px;
  margin-bottom:10px;
}

.float-right p a {
  font-size: 108%;
}

.float-left {
  float:left;
  margin-right:10px;
  margin-bottom:10px;
}

/* ARTICLE */
.article-summary h2 {
  margin:0 0 0.2em 0;
  font-size:138.5%;
}

.article-category {
  float:right;
  margin-top:6px;
}

.article-category a {
  padding:6px;
  background-color:#EEEEEE;
}

.article-details {
  font-size:93%;
  margin:0 0 0.8em 0;
  color:#666666;
}

.article-details a, .article-category a, #page-nav a {
  color:#666666;
}

.article-details a:hover, .article-category a:hover, #page-nav a:hover {
  color:#0088CC;
}

.article-summary a.more-link {
  color: #0088CC !important;
}

.article-summary a.more-link:hover {
  text-decoration:underline;
}

/* SB - SIDEBAR */
.sb {
  padding: 10px;
}

#sb-t5 {
  width:230px;
}

#sb-t4 {
  width:290px;
  font-size:108%;
}

.sb .yui-u {
	width: 210px;
	margin:6px 0 12px 6px;
}

.sb .yui-u ul.links-list {
  width: 100%;
	margin: 0;
	padding:0;
	list-style: none;
	border: solid #CCC 1px;
}

.sb .yui-u .links-list li {
  list-style: none;
  margin:0;
}

.sb .yui-u ul.blog-links-list {
  width: 100%;
	margin: 0 !important;
	padding:0 !important;
}

.sb .yui-u ul.blog-links-list ul {
  width: 100%;
	margin: 5px 0 0 15px !important;
	padding:0 !important;
}

.sb .yui-u .blog-links-list li {
  margin:5px 0 0 0 !important;
  padding:0;
  list-style-image:url(img/bullet.png);
}

.sb .yui-u .blog-links-list li.blog-links-list-title {
  list-style:none;
}

.sb .yui-u .blog-links-list li.blog-links-list-title h3 {
  margin:0;
}

.sb h3 {
  margin:0 0 1em 0;
}

.sb .yui-u .links-list h3 {
	margin:4px;
}

.sb .yui-u ul.links-list ul {
  width: 100%;
	margin: 0;
	list-style: none;
}

.sb .yui-u .links-list a {
	padding: 4px;
	display: block;
	border-top: 1px solid #E6E6E6;
}

.sb .yui-u .links-list a:link {
	color: #666;
}

.sb .yui-u .links-list a:hover {
	background-color: #EEE;
	color: #0099FF;
}

.sb .yui-u .links-list a:visited {
	color: #999;
}

.sb .yui-u .links-list .links-list-title {
	margin:0;
}

.sb .yui-u .links-list .links-list-title a, .sb .yui-u .links-list .links-list-single a {
	border-top: none;
}

.sb .textwidget {
  border-top: 1px solid #E6E6E6;
  padding:4px 8px;
}

/*.sb #wp-calendar td  {
  padding:0.45em;
}

.sb #wp-calendar a {
  padding: 0;
  display: inline;
  border-top: none;
}

.sb #calendar_wrap td, .sb #calendar_wrap th {
  text-align:center;
}*/

a.naf_button {
	display: block;
	background-color: transparent;
	background-image: url(img/NAF_button500.gif);
	background-repeat: no-repeat;
	width: 250px;
	height: 125px;
	margin: 0;
	padding: 0;
}

a.naf_button:hover {background-position: 100% 0px;}

a.free_rent_button {
	display: block;
	background-color: transparent;
	background-image: url(img/FR_button500.gif);
	background-repeat: no-repeat;
	width: 250px;
	height: 125px;
	margin: 0;
	padding: 0;
}

a.free_rent_button:hover {background-position: 100% 0px}

/* FT - FOOTER */
#ft-top {
  clear:both;
  background-image: url(img/footer-top-gradBG180.gif);
  background-repeat: repeat-x;
  background-color: #333;
  padding-bottom: 20px;
  color: #FFF;
}

#ft-top-links {
  width: 950px;
  margin-left: auto;
  margin-right: auto;
  text-align:left;
}

ul.ft-links-list li {
  margin:5px 0 0 0 !important;
  padding:0;
  list-style-image:url(img/bullet_WH.png);
}

.ft-links-title {
  margin-left: -16px;
  font-size:123.1%;
  font-weight:bold;
}

ul.ft-links-list a {
  color:#CCC;
  font-weight:normal;
  font-size:93%
}

ul.ft-links-list a:hover {
  color:#999;
}

#ft-bottom {
  clear:both;
  background-color: #000000;
  padding: 10px 0px 20px 0px;
}

#ft-nav {
  width: 950px;
  margin: 0;
  margin-left: auto;
  margin-right: auto;
}

#ft-nav li {
  list-style: none;
  display: inline;
}

#ft-nav li a {
  display: inline;
  margin-right:10px;
  font-weight:normal;
  font-size: 93%;
  color:#CCC;
}

#ft-nav li a:hover {
  color:#999;
}


#ft-copyright {
  color:#FFF;
  font-weight:normal;
  font-size: 85%;
  margin-top: 6px;
}

#ft-phone {
  font-size: 123.1%;
  color: #666666;
  font-weight:bold;
  font-family: Arial;
}

/* BIZDIR */
#bizdir_messages {
  border: none;
  color:red !important;
}

#bizdir_add_form #bizdir_name {
  width:200px;
}

#bizdir_add_form #bizdir_email {
  width:200px;
}

#bizdir_add_form #bizdir_cName {
  width:300px;
}

#bizdir_add_form #bizdir_description {
  width:400px;
  height:100px;
}

#bizdir_add_form #bizdir_keywords {
  width:300px;
}

#bizdir_add_form #bizdir_website {
  width:300px;
}

#bizdir_add_form #bizdir_cEmail {
  width:200px;
}

#bizdir_add_form #bizdir_phone {
  width:200px;
}

#bizdir_add_form #bizdir_street1 {
  width:300px;
}

#bizdir_add_form #bizdir_street2 {
  width:300px;
}

#bizdir_add_form #bizdir_city {
  width:200px;
}

#bizdir_add_form #bizdir_state {
  width:200px;
}

#bizdir_add_form #bizdir_zip {
  width:200px;
}

#bizdir_add_form #bizdir_country {
  width:200px;
}

/* COMMENTS */
ol.commentlist {
	margin:0;
	padding:0;
}

ol.commentlist li{
	list-style-type:none;
}

ol.commentlist li ul.children {
	padding-left:20px;
}

ol.commentlist li ul.children li{
	border-top:1px solid #CCCCCC !important;
	border-bottom:none;
	padding-top:15px;
}

.comment-li {
	margin: 10px 0 0 0;
	clear: both;
	padding-bottom: 5px;
	border-bottom: 1px solid #CCCCCC;
}

.comment-li img {
	background: none;
	padding: 1px;
}

.comment-li .left {
	width: 46px;
	padding-top: 2px;
	float: left;
}

.comment-li .left img {
	border: 1px solid #CCCCCC;	
	padding: 1px !important;
}

.comment-li .right {
	margin-left: 55px;
}

.comment-details {
  margin-bottom:10px;
}

#comment {
  width:100%;
}

/* TABLES */
.basic-table th, .basic-table td {
	/* Borders and padding to make the table readable. */
	border: 1px solid #CCC;
	padding: .5em;
	vertical-align:top;
}

.basic-table th {
	/* Distinguishing table headers from data cells. */
	font-weight: bold;
  background-color:#E6E6E6;
}
.basic-table td {
  vertical-align:middle;
}

.quick-search  {
	width: 100%;
	margin: 8px 0px;
	text-align: left;
	border-collapse: collapse;	
}

.quick-search th {
	padding: 6px;
	background: #E6E6E6;
	border: 1px solid #CCC;
	color: #333;
	font-weight:bold;
}

.quick-search td {
	padding: 6px; 
	border: 1px solid #CCC;
	color: #333;
}

th.align-left {
  text-align:left;
}

.listings-pagenumbers {
  margin:0;
}

.listings-pagenumbers-text {
  color: #666666;
}

.listings-pagenumbers-text a:visited {
  color: #0088CC;
}

.listings-table td {
	padding: 4px; 
	border: 1px solid #CCC;
	color: #333;
}

.listings-table th {
	padding: 4px;
	background: #E6E6E6; 
	border: 1px solid #CCC;
	color: #333;
}

.listings-table  {
	width: 100%;
	margin:0;
	text-align: left;
	border-collapse: collapse;
	background-color:#FFF;
}

.table-header {
	font-weight:bold;
	background-color:#D5E1FF;
	color:#333;
}

.table-header-sales {
	font-weight:bold;
	background-color:#FFCC99;
	color:#333;
}

.tr-highlight td {
  color: red !important;
  cursor: pointer !important;
  background-color: #F1F8FE !important;
}

.tr-highlight td.no-pointer {
  cursor: default !important;
}

.th-sort {
  cursor: pointer !important;
}

/* DETAILS PAGES */
#header-container {
	color: #333;
	border-bottom: solid 2px #CCC;
	padding: 8px 16px;
}

@media print {
#header-container {
	padding: 4px 16px;
}
}

#top-container-details {
  padding: 8px 20px;
}

#list-container-details {
	float:left;
	width: 480px;
	color: #333;
	margin-bottom: 8px;
}

.list-title-details {
	color: #000;
	font-size: 182%;
	font-weight: bold;
	border-bottom: 2px solid #CCC;
	margin-bottom: 2px;
	padding-bottom:4px;
}

@media print {
.list-title-details {
	font-size: 138.5%;
}
}

.list-details {
	border-bottom: 1px solid #E6E6E6;
	margin: 0px 8px;
	padding: 2px 0px;
	font-size: 123.1%;
	font-weight: bold;
}

#yen-font {
	font-size:182%;
	color:#000;
}

@media print {
#yen-font {
	font-size:138.5%;
}
}

#unit_id {
	font-size: 131%;
	color:#66CC33;
}

#bldg-pict-details {
	float:left;
	text-align: right;
}

@media print {
  #bldg-pict-details {
  	float:left;
  	text-align: right;
  	width:200px;
  }
}

#bldg-pict-details img {
	/*width: 240px;*/
	height: 180px;
	/*width:100%;*/
}

#floorplan-details {
	border-top: solid 2px #CCC;
	width: 760px;
	margin: 8px 0px;
	padding: 8px 0px;
	text-align: center;
}

#spec-table  {
	font-family: Arial;
	font-size: 123.1%;
	width: 728px;
	margin: 8px 16px;
	text-align: left;
	border-collapse: collapse;
}

@media print {
#spec-table  {
	font-size: 108%;
	margin: 4px 16px;
}
}

#spec-table th {
	padding: 6px;
	background: #E6E6E6;
	border: 1px solid #CCC;
	color: #333;
	width: 140px;
	font-weight:bold;
}

@media print {
#spec-table th td {
	padding: 2px;
}
}

#spec-table td {
	padding: 6px; 
	border: 1px solid #CCC;
	color: #333;
}

#thumbnails-container {
	padding: 8px 16px; 
	color: #333
}

.photos-text-detials {
	width:728px;
	margin-bottom:8px;
}

#thumbnail-list li {
 display: inline;
 list-style-type: none;
 margin-left: 2px;

}

#plan_disclaimer {
	font-family: Arial;
	font-size: 85%;
	margin-top: 8px;
}

#thumbnail-box {
margin:8px 0px 0px 0px;
padding:4px;
background-color:#E6E6E6;
}

#thumbnail-border {
	margin:4px 4px 0px 4px;
	border:solid 2px #333;
}

.page-break {
	page-break-before:right;
	height:0px;
}

@media print {
.notprint {
display:none;
}
}

/* CLEARFIX - Fix for div parent not taking into account the height of floated child div */
.clearfix:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}
 
.clearfix {
	display: inline-block;
}
 
html[xmlns] .clearfix {
	display: block;
}
 
* html .clearfix {
	height: 1%;
}


/* Smooth Gallery Replacement*/
.smoothgallery {
	width: 600px !important; /*override default size*/
	height: 400px !important;
	border:none !important; 
} 
.smoothgallery p, .smoothgallery h3 {
	display:none;	/*show only images if jscript is off*/
}



#main-content-divider {
	background-color:#000000;
	background-image:url('/wp-content/themes/housing-japan-v1/img/menu-background.gif');
	background-repeat:repeat-x;
	height: 50px;
}

/* NEW HOME PAGE DESIGN - Marco and Lloyd 2009-07-28 */

#slideshows-wrapper {
background-image:url('/wp-content/themes/housing-japan-v1/img/slideshow-gradBG.gif');
background-repeat:repeat-x;
width: 100%;
margin-top:0px;
padding: 10px 0px;
background-color: #CCC;
}

#slideshows-div {

width:950px !important;
}

#slideshows-div .yui-u {
	margin:0;
	width: 316px;
}


#slideshows-div .jdGallery {
		border: 2px solid #000;
}

.jdGallery h2 {
	margin: 0;
	display: none;
}



#doc2-home-wrapper {
background-color:#FFF;
width: 100%;
}

#doc2-home-wrapper-grey {
background-color:#EEE;
width: 100%;
}

#doc2-home {
  border: 0;
  margin-top: 8px;
  width: 950px !important;
}

.widget {
	border: 2px solid #ccc;
	background: #fff;
}
.large {
	width: 300px;
}
.right {
	float: right;
}

.padding { 
padding-bottom: 20px;
}

.widget .title {
	font-size: 120%;
	font-weight: bold;
}

.widget-int {
	padding: 2px;
	border-bottom: 1px solid #ddd;
}

.widget-int div {
	margin: 2px;
	padding: 8px;
	background: #eee;
}

/* Because Safari 4 thinks it's a neat idea to insert non-existing p tags.. */
.widget-int p {
	display: none;
}

.widget-int div p {
	display: block;
}

#hd-login a, #hd-login a:visited {
	color: #336699;
}

#hd-login a:hover {
	color: #666;
}


.clearfloat { 
	/* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */
clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}

/* NEW SEARCH BOX - Marco and Lloyd 2009-07-31 */
#searchbox-wrapper {
	width: 195px;
        padding-top:6px
}

#searchbox-wrapper input {
	display: block;
	float: right;
}

#searchbox {
	background: url('/wp-content/themes/housing-japan-v1/img/searchbox.png') no-repeat top left;
	width: 160px;
	height: 20px;
	clear: none;
	float: left;
	margin-right: 8px;
}

#searchbox input {
	border: 0;
	margin: 2px 6px;
	padding: 0;
	color: #838383;
	width: 147px;
	display: inline;
}

#submenu{
	list-style:none;
	margin:2px;
}
#submenu li {
	display:inline;
	padding-right:5px;
}