/*
Theme Name: Sobol
Theme URI: http://lobosmanagement.org/
Description: Sobol is a custom theme created for Lobos Management of Pittsburgh.
Version: 1.0
Author: Nathan Swartz of ClickNathan.com
Author URI: http://clicknathan.com/

	Sorry, but this theme is the exclusive property of Lobos Management Company and cannot be reused without their express permission.
	
*/

/* CSS by ClickNathan.com */

body {
	margin:0; padding:0;
	font: 16px/120% "Lucida Grande","Lucida Sans Unicode",Helvetica,Arial,sans-serif;
	background:url(img/bg.jpg) repeat-x top center;
	text-align:center;
	color:#5d5a59;
}

h1, h2, h3, h4, h5, h6, p, ul, ol, li, form, input, blockquote, fieldset {margin:0; padding:0;}

img, fieldset, iframe {border:none !important;}

/* Positioning */

#container {width:956px; margin:0 auto; text-align: left;}

#header {position:relative; height:169px;}

h1 {width:282px; height:179px; position:absolute; top:27px; z-index:999;}
h1 a {display:block; width:282px; height:179px; text-indent:-999em; background:url(img/logo.png) no-repeat; }
h1 a:hover {background-position-y:-179px;}

#nav {position:absolute; padding-top:10px; top:126px; right:0; width:528px; list-style:none;}
#nav li {float:left; padding-left:42px;}
#nav li a {display:block; height:28px; text-indent:-999em;}
#nav li a:hover {background-position-y:-28px;}
#payment {position:absolute; top:-127px; right:17px; width:234px; height:74px;}
#payment a {background:url(img/nav_pay-online.jpg) no-repeat; height:74px !important;}
#payment a:hover {background-position-y:-74px !important;}
.nav_list {background:url(img/nav_listings.gif) no-repeat; width:112px;}
.nav_form {background:url(img/nav_forms.gif) no-repeat; width:72px;}
.nav_info {background:url(img/nav_info.gif) no-repeat; width:56px;}
.nav_cont {background:url(img/nav_contact.gif) no-repeat; width:96px;}

#home_content {padding:0 0 20px 564px; background:url(img/bg_home_photos.jpg) no-repeat; height:686px;}
#content {padding:0 0 20px 0; z-index:0;}

#home_search, #search {padding:21px 45px 37px 45px; margin-top:1px; height:321px; }
#home_search {width:287px; background:url(img/bg_home-search.jpg) no-repeat; }
#search {float:left; position:relative; width:218px; background:url(img/bg_search.jpg) no-repeat;}

#home_search h2 {width:223px; height:60px; text-indent:-999em;}
#search h2 {width:180px; height:49px; text-indent:-999em;}

.img_replace {margin:15px 0 0 19px; height:25px; width:235px; text-indent:-999em;}

#home_search select {margin:25px 0 0 95px;}
#search select {margin:30px 0 0 95px;}

.tags {padding-left:31px;}
#search .tags {margin-top:30px; padding-left:1px !important;}

#home_copy {margin:0 17px 0 28px;}
#copy {float:left; position:relative; width:570px; margin:60px 0 0 27px; padding-bottom:20px;}

#footer {clear:both; background:url(img/bg_footer.gif) no-repeat; width:918px; height:58px; padding:12px; color:#5d5a59; text-align:center; margin:10px auto;}

.listing {clear:both; margin:6px 0; padding:5px;}
.listing img {padding:6px; background:#f0f1f1; float:left; border-right:3px solid #adadae; border-bottom:3px solid #adadae; margin:0 18px 18px 0;}
.even {background:#f6f7f7;}
.even img {background:#fff !important;}

iframe {border:3px solid #adadae;}

.listing_page .listing_text img {display:none;}

.single img {float:right; margin:0 0 10px 16px;}

.tagged {float:right; width:132px; margin:-2.2em 0 10px 10px; text-align:left !important;}

.clearer {height:8px;}

.gallery {width:60% !important; margin:15px 0 !important;}

/* Typography */

p {font-size:.8em; margin:.5em 0;}

#content ul, #content ol {margin-left:10px;}

#content li {font-size:.8em; margin:.5em 0; margin-left:15px;}

a {color:#0d878e; font-weight:bold;}
a:hover {text-decoration:none;}
a:visited {color:#545d5d;}

h2, .single h3 {color:#0d878e; margin:14px 0 12px 0; font-weight:normal; font-size:1.1em;}
h3 {color:#0d878e; margin:10px 0 8px 0; font-size:1em;}
h3 a {text-decoration:none;}

.listing_page h2 em {color:#929193; font-style:normal !important; font-weight:bold;}
.single {text-align:left !important;}

.listing_text h3 {margin-top:0; padding-top:0;}

#home_search h2 {font-size:1em; margin-top:0;}

#home_copy p {text-align:justify; padding-right:20px; }
#copy p {text-align:justify;}

#footer p {font-weight:bold; background:url(img/fair-housing.gif) no-repeat center left; padding:9px 0 0 20px; height:30px; margin:0 auto; width:630px;}

/* Lightbox CSS */

#lightbox{	position: absolute;	left: 0; width: 100%; z-index: 100; text-align: center; line-height: 0;}
#lightbox img{ width: auto; height: auto;}
#lightbox a img{ border: none; }

#outerImageContainer{ position: relative; background-color: #fff; width: 250px; height: 250px; margin: 0 auto; }
#imageContainer{ padding: 10px; }

#loading{ position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0; }
#hoverNav{ position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; }
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}

#prevLink, #nextLink{ width: 49%; height: 100%; background-image: url(data:image/gif;base64,AAAA); /* Trick IE into showing hover */ display: block; }
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(js/images/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(js/images/nextlabel.gif) right 15% no-repeat; }

#imageDataContainer{ font: 10px Verdana, Helvetica, sans-serif; background-color: #fff; margin: 0 auto; line-height: 1.4em; overflow: auto; width: 100%	; }

#imageData{	padding:0 10px; color: #666; }
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }	
#imageData #caption{ font-weight: bold;	}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}			
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em; outline: none;}	 	

#overlay{ position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; background-color: #000; }

.gallery-caption {font-size:.8em;}

/* Search Form */

#as_form {}