/*

Theme Name: Otsuka Hill
Theme URI: http://otsukahill.com/
Description: A theme for Otsuka Hill.
Version: 1.1
Author: Ginny Min
Author URI: http://ginnymin.net/
Tags: green, fluid width, columns

	This theme was designed and built by Ginny Min,
	whose blog you will find at http://ginnymin.net/ and
	portfolio at http://ginnymin.com
	361-227-9456/9457 (Jackie)

*/
body {
	margin: 0px;
	background-color: #6f6f6f;
	font-size: 11px;
	font-family: Arial, Tahoma, sans-serif;
	color: #7d7b7b;
}
h1 {
	margin: 0px; padding: 0px;
	background: transparent url(images/circles.png) no-repeat scroll 0%;
	font-family: Georgia, Times, serif;
	font-weight: normal;
	font-size: 22px;
	line-height: 26px;
	padding-left: 38px;
}
h2 {
  font-size: 14px;
}
hr {
  height: 1px;
  color: #cccccc;
  background-color: #cccccc;
  border: none;
  margin-bottom: 15px; 
}
p, span { line-height: 16px; }
a { color:#99c000; text-decoration:underline; } 
a:hover { color:#99c000; text-decoration: none; }
a:link img, a:visited img {
	border: 1px solid #333333;
	margin: 1px 6px 6px 1px;
	vertical-align: middle;
}
a:hover img, a:active img {
	border: 2px solid #99c000;
	margin: 0px 5px 5px 0px;
}
input, textarea {
  background-color: #ffffff;
  border:1px solid #cecece;
	font-family: Arial, Tahoma, sans-serif;
	font-size: 11px;
  padding: 3px 4px;
  vertical-align: middle;
}

.clear { clear: both; }
.left { float: left; }
.right { float: right; }
.center { text-align: center; }
.bcenter { width: 85%; min-width: 800px; margin: 0px auto; }
.content { margin: 10px; }
.tint { color:#99c000; }
.colnarrow { width: 30%; }
.colwide { width: 60%; }
.colleft { margin-left: 5%; _margin-left: 2%; }
.red { color: #ff0000; }

ul.menu { margin:0px; padding: 0px; list-style:none; }
ul.menu li { text-align:center; margin:0px; padding:0px; border-top: 1px dotted #999999; }
ul.menu li a { font-size: 14px; text-decoration: none; display:block; width:100%; padding:4px 0px; }
ul.menu li a:hover { background-color: #ededed; }
.colnarrow ul.menu { width: 60%; margin: 0px auto; }

table.details { margin-bottom: 15px; }
table.details td { width: 50%; border-top: 1px dotted #999999; padding:4px; }
table.details td.label {
  font-weight: bold;
  text-align: right;
  padding-right: 10px;
}
.colnarrow table.details { width: 75%; margin: 0px auto; }

#top {
	background-color:#565656;
	height:30px;
}
#header {
	position: relative;
	background: #ffffff url(images/b_talling.gif) repeat-x scroll left top;
}
#logo {
	padding: 15px 15px 15px 45px;
}
#logo a {
	display: block;
	width: 360px;
	height: 94px;
	background: transparent url(images/logo.png) no-repeat scroll;
}
#h_title {
  position: absolute;
  top: 50px;
  right: 20px;
	font-family: Georgia, Times, serif;
	font-size: 22px;
	text-align: right;
	color: #cccccc;
}
#h_title .big {
  color: #666666;
  font-size:28px;
}
#h_nav {
  position: absolute;
  top: 0px;
  right: 10px;
}
#h_nav li {
	list-style: none;
	display: inline; float: left;
	margin: 0px 2px;
}
#h_nav a {
	display: block;
	padding: 3px 10px 5px;
	background-color: #565656;
	text-decoration: none;
}
#h_nav a:hover {
	color: #ffffff;
	border-bottom: 3px solid #7BAE00;
	padding: 5px 10px 5px;
}
#searchform {
  text-align: center;
}
#searchform .submit {
  padding: 0px;
  width: 25px;
  height: 22px;
  border: none;
	background: transparent url(images/search.gif) no-repeat scroll 0px 0px;
}
#searchform .submit:hover {
	background-position: 0px -22px;
}
#sidebar {
  margin: 10px;
}
#photos { text-align: center; }
#photos img {
	margin: 1px 6px 6px 1px;
	vertical-align: middle;
}
#photos a:link img, #photos a:visited img {
	border: 1px solid #333333;
}
#photos a:hover img, #photos a:active img {
	border: 2px solid #99c000;
	margin: 0px 5px 5px 0px;
}
#contactform p {
  clear: both;
  margin: 10px 0px 0px 0px;
}
#contactform label {
  width: 20%;
  float: left;
  text-align: right;
  padding: 3px 15px 0px 0px;
  font-size: 16px;
  font-weight: bold;
}
#contactform input, textarea {
  width: 65%;
  font-size: 16px;
}
#contactform .submit {
  width: auto;
  border-width: 2px;
  font-weight: bold;
  background-color: #eeeeee;
}

/* home page for sale details */

#forsale { margin-bottom: 15px; }
#forsale h2.price {
	margin: 10px 0px; padding: 0px;
	font-family: Georgia, Times, serif;
	font-size: 24px;
	text-align: center;
}

#explore_more h2 { margin-bottom: 0px; }
#explore_more p { margin-top: 0px; }

/* slideshow */

#slideshow_tint {
	position: fixed;
	left: 0px;
	top: 0px;
	width: 100%;
	height: 100%;
	background-color: #000000;
	opacity: 0.75;
	filter: alpha(opacity=75);
	z-index: 998;
}
#slideshow {
	position: absolute;
	width: 100%;
	height: 100%;
	z-index: 999;
}
#slideshow .container {
	position: relative;
	top: 30px;
	background-color: #ffffff;
	padding: 15px;
	margin: 0px auto 20px;
	width: 200px;
}
#slideshow .preloader {
	width: 32px;
	height: 32px;
	background: transparent url(images/loading.gif) no-repeat scroll;
	margin: auto auto;
}
#slideshow .links {
	position: relative;
	text-align: center;
}
#slideshow .download {
	position: absolute;
	left: 10px; bottom: 10px;
	padding: 2px 5px 3px;
}
#slideshow .close {
	position: absolute;
	right: 10px; bottom: 10px;
	background: transparent url(images/close.gif) no-repeat scroll center right;
	padding: 2px 23px 3px 5px;
}
#slideshow .caption {
	text-align: center;
	margin: 10px;
}

