/*
Theme Name: Lofchie
Theme URI: http://prop-14.com
Description: custom theme
Version: 2 (WP2.6.2)
Author: Randy Federighi - Prop 14 Web Design
Author URI: http://prop-14.com
Tags: custom
*/

@import "style/css/reset.css";
@import "style/css/typography.css";
@import "style/css/layout.css";

body {
	background:rgb(10,10,10) url(style/images/main_bg.jpg) repeat scroll;
	color: #fff;
	margin: 0;
	padding: 0;
	font-family: Verdana, Arial, sans-serif;
	text-align: center;/*this is in place to center in older browsers*/
}

/* ------------------------------------------------------- START-UP */

a img,:link img,:visited img { border:none }

a {outline:none;}

.hidden { display:none; }


/* real estate links */
a.button-re:link, a.button-re:visited  {
	background:#686229;
	padding:6px;
	color:#F8E488;
	font-size:10px;
	height: 15px;
	line-height: 15px;
	text-decoration:none;
	text-align: center;
}

a.button-re:hover {
	background:#8B8447;
}

/* attourney links */
a.button-att:link, a.button-att:visited  {
	background:#5B270D;
	padding:6px;
	color:#F8E488;
	font-size:10px;
	height: 15px;
	line-height: 15px;
	text-decoration:none;
	text-align: center;
}

a.button-att:hover {
	background:#853C17;
}

/* ---------------------------------------------------------------- TYPOGRAPHY */

/* 
	p    	all posts etc.
	h1 		all paragrahs, posts, comments, etc. 
	h2		titles: 404 Error, Archives for, Search Results, Sidebar headings
	h3		Comments: How many replies, leave reply  ALSO  Permalink title on search page,
*/

p {
	color:#fff;
	font-size:13px;
	text-align:left;
	padding:10px 20px 10px 20px;
}

p.section-id {
	font-size:10px;
	color:rgb(99,99,99);
	text-align:left;
	padding:0px 0px 4px 0px;
}

p.small-text {
	font-size:10px;
	padding:0px 0px 0px 20px;
	margin:0;
}

a:link, a:visited {
	color:#F8E488;
	text-decoration:none;
}

a:hover {
	text-decoration:underline;
}

/* -------------------------------- all section list items */
/* standard padding for lists within content add this class to any */
ul.std {
	padding:10px 20px 10px 40px;
}

ul li {
	text-align:left;
	font-size:11px;
	padding:5px 0px 5px 20px;
	background:none;
	color:#fff;
}

ul li a:link, ul li a:visited {
	color:#F8E488;
	font-size:11px;
	text-decoration:none;
}

ul li a:hover {
	text-decoration:underline;
}

/* list item markers */

ul.site li {
	background:url(style/images/site_list_marker.png) no-repeat 0 7px;
}

ul.site li.rss-icon {
	background:url(style/images/rss_icon.gif) no-repeat 0 5px;
}

ul.re-list li {
	background:url(style/images/re_list_marker.jpg) no-repeat 0 7px;
}

ul.att-list li {
	background:url(style/images/att_list_marker.jpg) no-repeat 0 7px;
}

h2 {
	font-size:20px;
	text-align:left;
	padding:10px 0px 0px 0px;
	margin:15px 20px 10px 20px;
	border-top:none;
}

h3 {
	font-size:16px;
	text-align:left;
	font-weight:bold;
	padding:10px 20px 5px 20px;
}

/* footer titles white */
h4 {
	font-size:14px;
	font-weight:bold;
	text-align:left;
	padding:10px 0px 5px 20px;
}



/* -------------------------------------------------------------- layout */

#header-wrapper {
	width:100%;
	height:110px;
	margin-top:25px;
	background:#fff;
	filter:alpha(opacity=10);
	-moz-opacity:0.1;
	-khtml-opacity: 0.1;
	opacity: 0.1;
}

#header {
	width:960px;
	height:110px;
	margin:-110px auto 0px auto;
	overflow:hidden;
}

#header h1 {
	background:url(style/images/logo.png) no-repeat;
	_background:url(style/images/logo.jpg) no-repeat;
	width:550px;
	height:69px;
	margin-top:20px;
	text-indent:-9999px;
	float:left;
}

#header h1 a {
	width:550px;
	height:69px;
	display: block;
}

/* search area */

#search-area {
	float:right;
	margin-top:15px;
	width:380px;
}

p.slogan {
	font-size:14px;
	text-align:right;
	font-weight:normal;
	font-style:italic;
	padding:0px;
}

input#s {
	width:180px;
	float:right;
	position:relative;
	height:16px;
	margin-top:5px;
	padding:3px;
}

#searchsubmit {
	width:20px;
	height:20px;
	position:absolute;
	top:24px;
	right:5px;
}

p.address {
	font-size:10px;
	text-align:right;
	clear:right;
	padding:10px 0px 0px 0px;
}


/* ---------------------------------------------------------------- Home page */

#wrapper {
	width:960px;
	margin:20px auto 20px auto;
	overflow:hidden;
}

/* ----------------------  real estate side */
#home-re {
	width:560px;
	float:left;
	overflow:hidden;
}

/* real estate top short navigation */
ul#home-re-nav {
	text-align:left;
	white-space:nowrap;
	margin:10px 0px 20px 0px;
}

ul#home-re-nav li {
	display:inline;
	background-image:none;
	padding:0;
}

/* larger links to each category */
ul#home-re-nav li a:link, ul#home-re-nav li a:visited {
	background:#333015;
	padding:5px 10px;
	color:#F8E488;
	font-weight:bold;
	font-size:15px;
}

ul#home-re-nav li a:hover {
	background:#8B8447;
	text-decoration:none;
}

/* content */
#home-re-content {
	width:560px;
	overflow:hidden;
	background:url(style/images/real_estate_bg.jpg) repeat;
}

#home-re-content h2 {
	font-size:20px;
	text-align:left;
	padding:10px 0px 0px 0px;
	margin:15px 20px 10px 20px;
	border-top:3px solid #46441D;
}

/* --------------------------------- featured section */
#featured-property {
	overflow:hidden;
	position:relative;
	width:560px;
	height:230px;
}
	
#featured-property img {
	float:left;
	width:300px;
	height:210px;
	overflow:hidden;
	padding:20px;
}

#featured-desc {
	width:210px;
	float:left;
	padding:10px 10px 10px 0px;
}

#featured-property p {
	font-size:10px;
	padding:5px 20px;
}

#featured-desc h3 a {
	font-size:14px;
	text-align:left;
	font-weight:bold;
	padding:5px 0px 5px 0px;
}

.recent-listings {
	margin:5px 20px 5px 20px;
	width:518px;
	height:80px;
	overflow:hidden;
	border:1px solid #46441D;
}

.recent-listings img {
	float:left;
	width:100px;
	margin:0px 20px 0px 0px;
}

.recent-listings a:link, .recent-listings a:visited {
	color:#fff;
	display:block;
	width:518px;
	height:80px;
	font-size:12px;
	text-align:left;
	text-decoration:none;
}

.recent-listings a:hover {
	background-color:#8B8447;
}

.recent-listings span.title {
	color:#F8E488;
}

.recent-listings span.description {
	font-size:10px;
	color:#fff;
}

.recent-listings span.recent-listing-price {
	font-size:14px;
	min-width:80px;
	padding:3px;
	float:right;
	text-align:right;
	background:#46441D;
	color:#fff;
}


/* ----------------------  Attorney side */

#attorney-section {
	width:360px;
	float:right;
	overflow:hidden;
}

/* attorney top short navigation */
ul#home-att-nav {
	text-align:left;
	white-space:nowrap;
	margin:10px 0px 20px 0px;
}

ul#home-att-nav li {
	display:inline;
	background-image:none;
	padding:0;
}

/* larger links to each category */
ul#home-att-nav li a:link, ul#home-att-nav li a:visited {
	background:#5B270D;
	padding:5px 10px;
	color:#F8E488;
	font-weight:bold;
	font-size:15px;
}

ul#home-att-nav li a:hover {
	background:#853C17;
	text-decoration:none;
}

#home-att-content {
	width:360px;
	overflow:hidden;
	background:url(style/images/att_bg.jpg) repeat;
}

#home-att-content h2 {
	font-size:20px;
	text-align:left;
	padding:10px 0px 0px 0px;
	margin:15px 20px 10px 20px;
	border-top:3px solid #5C270D;
}

img.house-ad {
	text-align:center;
	padding:20px 10px;
}


/* --------------------------------------------------------------- Attorney PAGE template */

#att-content {
	width:960px;
	overflow:hidden;
	background:url(style/images/att_bg.jpg) repeat;
}

/* navigation */
ul#att-nav {
	text-align:left;
	white-space:nowrap;
	margin:10px 0px 20px 0px;
}

ul#att-nav li {
	display:inline;
	background-image:none;
	padding:0;
}

/* top navigation horizontal */
ul#att-nav li a:link, ul#att-nav li a:visited {
	background:#5B270D;
	padding:10px 10px;
	color:#F8E488;
	font-weight:normal;
	font-size:11px;
}

ul#att-nav li a:hover {
	background:#853C17;
	text-decoration:none;
}



/* -------------------------------------------------------------- Basic Page template */

#basic-content {
	width:960px;
	overflow:hidden;
	background:none;
}

/* navigation */
ul#basic-nav {
	text-align:left;
	white-space:nowrap;
	margin:10px 0px 20px 0px;
}

ul#basic-nav li {
	display:inline;
	background-image:none;
	padding:0;
}

/* top navigation horizontal */
ul#basic-nav li a:link, ul#basic-nav li a:visited {
	background:#282828;
	padding:10px 10px;
	color:#F8E488;
	font-weight:normal;
	font-size:11px;
}

ul#basic-nav li a:hover {
	background:#474747;
	text-decoration:none;
}


/* --------------------------------------------------------------- Real Estate Template */

#re-content {
	width:960px;
	overflow:hidden;
	background:url(style/images/real_estate_bg.jpg) repeat;
}

/* navigation */
ul#re-nav {
	text-align:left;
	white-space:nowrap;
	margin:10px 0px 20px 0px;
}

ul#re-nav li {
	display:inline;
	background-image:none;
	padding:0;
}

/* top navigation horizontal */
ul#re-nav li a:link, ul#re-nav li a:visited {
	background:#333015;
	padding:10px 10px;
	color:#F8E488;
	font-weight:normal;
	font-size:11px;
}

ul#re-nav li a:hover {
	background:#8B8447;
	text-decoration:none;
}



/* --------------------------------------------------------------- Single listing template */
/* -------- include for alternate single.php layout */

#re-listing-content {
	width:650px;
	float:left;
	overflow:hidden;
	background:url(style/images/real_estate_bg.jpg) repeat;	
}

.break {
	margin:0px 20px 0px 20px;
	border-top:3px solid #46441D;
}	

.inner-box .break {
	border-top:3px solid #5C5824;
}

.inner-box {
	margin:20px;
	background:url(style/images/light_green_bg.jpg) repeat;
}

p.listing-category {
	font-size: 10px;
	color: #8A7731;
	text-align: right;
	padding: 10px 10px 0px 0px;
	width: 150px;
	float: right;
}

table {
	margin:20px;
}

table th {
	border-bottom: 3px solid #5C5824;
	border-collapse: collapse;
}

table th h2 {
	margin-top:0;
}

td, th {
	border-left: 3px solid #5C5824;
}

/* ----- sidebar */
#re-sidebar {
	width:290px;
	position:relative;
	float:right;
	background:url(style/images/real_estate_bg.jpg) repeat;
}

/* light green areas within */
.sidebar-inner-box {
	margin:10px 10px 20px 10px;
	overflow:hidden;
	background:url(style/images/light_green_bg.jpg) repeat;
}

img.more-photos {
	padding:5px;
	float:left;
	width:120px;
}

img.agent-image {
	width:85px;
	float:left;
	padding:10px 15px 10px 20px;
}

a.appointment-link {
	font-size:12px;
	display: block;
	padding:10px 0;
}


/* --------------------------------------------------------------- Normal Archives */

.normal-archive {
	border-bottom: 3px solid #5C5824;
	margin:10px 20px;
        width:100%;
        overflow:hidden;
}

.normal-archive a.thumb {
        display:block;
}

.normal-archive a img {
	float:left;
	padding:0px 20px 20px 0px;
}


/* --------------------------------------------------------------- Archive template for listings */

/* slide-up effect */
.boxgrid {
	width: 300px;  
    height: 210px;  
    margin:10px;  
    float:left;  
    overflow: hidden; 
	background:#333015;
    position: relative;
}

.boxgrid img {
	position:absolute;  
    top:0;  
    left:0;  
    border:0;
}

.boxcaption {  
    float: left;  
    position: absolute;  
    background: #000;  
    height: 100px;  
    width: 100%;  
    opacity: .8;  
    /* For IE 5-7 */  
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);  
    /* For IE 8 */  
    -MS-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";  
} 

.captionfull .boxcaption {  
    top: 210px; 
    left: 0;  
} 

.caption .boxcaption {  
    top: 180px;  
    left: 0;  
}

p.archive-city {
	font-size:10px;
	margin:0;
	padding:4px 10px 6px 20px;
}

p.archive-price {
	font-size:13px;
	font-weight:bold;
	margin:0;
	padding:0px 10px 4px 20px;
}



/* --------------------------------------------------------------- footer */

#footer {
	width:100%;
	background:url(style/images/footer_bg.jpg) repeat;
	margin-bottom:10px;
}

#footer-inner {
	width:960px;
	margin:0 auto;
	padding-top:20px;
	overflow:hidden;
	border-left:1px solid rgb(32,32,32);
	border-right:1px solid rgb(32,32,32);
}

.footer-links {
	width:320px;
	float:left;
}

.footer-links ul {
	width:280px;
	padding:10px 0px 20px 20px;
}

p.copyright {
	color:#B5AC9A;
	font-size:9px;
	text-align:center;
	padding:5px 0px 20px 0px;
}


/* ---------------------------------------------------------------- Comments Template */

/* div that holds comment area */
#comments_template {
	width:500px;
	text-align:left;
	float:left;
	background-color:#293513;
	border:1px solid #4E6B26;	
	overflow: hidden;
}

/* leave reply text */
#comments_template h3 {
	padding:5px 20px;
}

#comments_template input {
	background:#FFF;
	padding:2px;
}

/* field input text */
#comments_template label {
	margin:5px 10px 5px 0px;
	font-size:12px;
	padding:5px;
}

#comments_template p#comment-spacer {
	margin-top:10px;
}

button {
	font-size:12px;
	padding:3px 5px;
}

/* the whole form area */
form#commentform {
	margin:20px 0px;
	padding:0px 0px 10px 20px;
}

/* comment text area */
#comment {
	margin:10px 0px 0px 0px;	
}

/* each comment box */
#comments_template li {
	background:#314319;
	border:1px solid #4E6B26;
	margin:8px 20px;
	padding:10px;
	overflow: hidden; 
}

#comments_template .avatar {
	float: left;
	padding: 4px;
}

/* comment name and text left by user */
.main_comment {
	margin-left:100px;
	padding:0px 25px 20px 0px;
}