/*
Theme Name: Judy and Dick
Theme URI: http://modernsparkmedia.com
Description: A Custom Site for Judy and Dick Williams
Version: 1.0
Author: Josh Gilmore
Author URI: http://modernsparkmedia.com
Tags: Real Estate
*/

/* COLORS USED 
cream: fff6c2
maroon: 540000
red: cc0000
grey (content): fafafa
grey (background): CCCACB



*/ 

/* BASICS */

* 				{ margin: 0px; padding: 0px; }
html 			{ overflow-y: scroll; height:100%}
.alignleft 		{ float: left; margin:0 10px 10px 0 }
.alignright 	{ float: right; margin: 0 0 10px 10px}
.clear 			{ clear: both; }
.center-text	{text-align: center}
a:link, a:visited 	{color: #cc0000; font-weight: bold; text-decoration: none; outline: none;  }
a:hover, a:active    {color: #540000; text-decoration: none; outline: none;  }
a img 			{ border: none;  }

ul				{ list-style: none; }
p				{margin-bottom: 10px; }
h1 {font-size:32px; margin:0 0 10px 0 }
h2 {font-size:28px; margin:0 0 10px 0 }
h3 {font-size:22px; margin:0 0 10px 0 }
	h3.about-us-names {background:#540000; padding:5px; color:#fff }
h4 {font-size:20px; margin:0 0 10px 0 }
h5 {font-size:16px; margin:0 0 10px 0 }
h6 {font-size:14px; margin:0 0 10px 0 }
input[type="text"],input[type="password"], input[type="email"], select,textarea{padding:5px; border:2px solid #eee; margin:0 0 5px 0}
input:focus[type="text"],select:focus,textarea:focus,input:focus[type="email"]{border:2px solid #540000}
input[type="submit"] {padding:5px 10px; cursor:pointer }
.box-shadow {box-shadow:1px 8px 8px #540000;-webkit-box-shadow:1px 8px 8px #540000;-moz-box-shadow: 1px 8px 8px #540000;}
.rounded-corners {-moz-border-radius: 5px; -khtml-border-radius: 5px; -webkit-border-radius: 5px;}
.boxy {padding:10px; margin:0 0 20px 0; background:#eee;}
.responsive-image img {max-width:100%; height:auto;}

/*CONTAINERS*/
.hundred {float:left; width:96%; margin:10px 1%; }
.fifty {float:left; width:48%; margin:10px 1%; }
.col-three {float:left; width:31.333333%; margin:10px 1%;}
.col-four {float:left; width:23%; margin:10px 1%;}
.squeeze-fifty {float:left; width:28%; margin:0 35%;}

/*HEADER*/

#header {z-index:1000; width:980px; margin:0 auto; height:248px; position:fixed; top:0;  background:url('images/header-new-two.jpg') no-repeat top center; }

/* NAV */
#nav { width:920px; margin: 171px 0 0 10px;  float:left; text-align:center; padding:20px 20px;  }  
#nav ul {float:left; width:100%; text-align:center; }
#nav li {display:inline;}  
#nav a {padding:10px 10px;text-decoration:none; color:#540000; font-size:20px; font-weight:normal; letter-spacing:-.5px } 
#nav a:hover {color:#fff; background:#540000;}  
#nav ul li.current_page_item a {color:#999; background:transparent}

/*IE6 WARNING*/
#ie6-warning {padding:10px; background:#F4F090; width:100%;font-size:14px; text-align:center}

/* STRUCTURE */
html {margin:0;padding:0;font-size:16px; font-family:"Palatino Linotype", "Book Antiqua", Palatino, serif; color: #540000; background:#CCCACB; }
body {margin:0; }
#page-wrap {width:980px; margin: 234px auto 0; position:relative; padding:0 0px; }
#body-wrap {width:980px; padding:10px 0 0 0; float:left; margin:0; background:url('images/bg-repeat.jpg') repeat-y center #CCCACB; }
#body-cont {width:900px; float:left; margin:10px 0 20px 50px;  }

/*MAIN CONTENT*/
#main-content {float:left; margin:0 10px 0 10px; width:560px; }
#main-content-full-page {float:left; width:880px; }

/*SIDEBAR*/
#sidebar {float:left; width:300px }
	#sidebar textarea, #sidebar input[type="text"] {width:260px; }
	h2.widgettitle {font-size:22px; }
#sidebar ul {margin:0 0 20px 10px;} 
#sidebar ul li {list-style:disc; margin:0 0 0 10px; }

/*FOOTER*/
#footer {float:left; text-align:center; width:980px; height:331px; background:url('images/footer.jpg') no-repeat bottom center;  }
	#footer-content { width:920px; height:185px; overflow:hidden; margin: 0px 0 0px 10px;  float:left; text-align:center; padding:20px 20px;  }  
		#footer-content-left {float:left; width:450px; height:175px; padding:5px;position:relative;  }
			#footer-testimonial-text {float:left; margin:0 0 0 0px; font-size:22px; font-style:italic; text-align:left; }
				#footer-content-left a#see-more-testimonials {position:absolute; bottom:0; left:0; font-size:20px; text-align:left;}
		#footer-content-right {float:left;  width:450px; padding:5px; text-align:right; font-size:16px }
			#footer-content-right-text {float:right; margin:0 10px 0 0; }
	#footer-copyright { float:left; width:100%; text-align:center; margin:25px 0 0 0; color:#fff6c2 }
	#footer-copyright a:hover {color:#fff; }

/*PAGE-HOME.php*/

#slideshow {float:left; width:97%; height:auto; margin:0 2.5% 20px .5%;}
#slideshow img {width:100%; max-width:100%; height:auto; float:left}

#home-left {float:left; width:420px; margin:0 20px 0 0 }
.home-left-box {float:left; width:400px; padding:5px; margin:0 0px 20px 0; background:#fafafa; border:5px solid #540000; box-shadow:1px 8px 8px #540000;-webkit-box-shadow:1px 8px 8px #540000;-moz-box-shadow: 1px 8px 8px #540000;}
	.home-left-box .post {font-size:18px; }
	.home-left-box h2 {font-weight:bold; font-style:italic; font-size:24px;}
#home-right {float:left; width:440px; margin:0 0px 0 0px }
.home-right-box {float:left; width:420px; padding:10px; margin:0 0px 0px 0; background:#fafafa; }
.featured-video-container {text-align:center; }
.featured-video-container-image {width:400px; height:222px; overflow:hidden; }
.featured-video-container img {width:400px; height:auto; margin:-38px 0 0 0 }
.featured-video-container img:hover {opacity:.8}

.home-right-real-estate-search {float:left; width:440px; padding:0; margin:0 0px 20px 0; }
	a:link.real-estate-search, a:visited.real-estate-search {width:400px; padding:5px 10px; margin:0 10px 15px; border:2px solid #540000; text-align:left; font-size:24px; background:#CC0000;  display:block; float:left; color:#fff; box-shadow:1px 8px 8px #540000;-webkit-box-shadow:1px 8px 8px #540000;-moz-box-shadow: 1px 8px 8px #540000; }
	a:hover.real-estate-search, a:active.real-estate-search {background:#540000; border:2px solid #fff6c2; }
	span.arrow {color:#540000}
	a:hover.real-estate-search span.arrow {color:#fff}

#home-videos-container {float:left; width:100%; }
.video-container-small {margin:0 1% 15px 1%; width:31.111111%; height:220px; float:left; font-size:14px; text-align:center; overflow:hidden;}
.video-container-small-image {width:100%; height:150px; overflow:hidden; }
.video-container-small img {width:100%; height:auto; margin:-30px 0 0 0;  }
.video-container-small img:hover {opacity:.8}


/*VIDEOS.php*/
.video-container {float:left; width:100%; }
.video-container-library {margin:5px 5px; padding:3px; width:170px; height:200px; float:left; overflow:hidden; font-size:14px; text-align:center; background:#fafafa}
.video-container-library img {width:165px; height:115px; border:2px solid transparent}
 .video-container-library img:hover {border:2px solid #cc0000}

/*PAGE-TESTIMONIALS.php*/
.testimonials {float:left; width:440px; margin:0 0 10px 0; font-size:18px; font-style:italic; border-bottom:5px solid #fafafa}

/*CUSTOM-REAL-ESTATE.php*/
.real-estate-listings {float:left; margin:0 0px 20px 0px; padding:5px 0 10px 0; width:560px; background:#eee; }
.real-estate-listings-title {float:left; width:540px; background:#540000; color:#fff; padding:5px 10px; margin:0 0 10px 0; font-size:18px;}
	div.home-price {font-weight:bold; font-size:24px; margin:0 10px 0 0; width:115px; float:left }
	div.home-address {float:left; width:410px; margin:3px 0 0 0}
.real-estate-thumb {float:left; width:150px; height:100px; position:relative; overflow:hidden; margin:0 10px 5px 0; }
.real-estate-thumb img {width:100%; height:auto; position:absolute; bottom:0; right:0; z-index:10 }
	.real-estate-thumb h2.sold-text {position:absolute; bottom:0; right:0; z-index:50; margin:0; padding:3px; font-size:12px; color:#fff; background:#cc0000;}
.real-estate-details {float:left; font-size:14px; }
.real-estate-details h5 {margin:0 0 5px 0; }
.real-estate-details a:link.get-more-info, .real-estate-details a:visited.get-more-info {font-size:16px; color:#fff; background:#cc0000; padding:1px 4px; margin:2px 0 0 0; display:block; text-align:center; width:180px  }
.real-estate-details a:hover.get-more-info{color:#fff; background:#540000; }
	.popup-box{width:400px; height:320px; padding:10px; font-size:16px; overflow:auto; background:#fafafa; color:#540000;}
	.real-estate-details-left {float:left; width:190px;  }
	.real-estate-details-right {float:left; width: 190px;}
	
/*PAGE-ABOUT-US.php*/
.team-member-container {float:left; width:560px; margin:0 0 20px 0; }

/*PAGE-NEIGHBORHOODS.php*/
a.neighborhoods {display:block; font-size:22px; padding:10px 20px; margin:0 10px 10px 0; width:220px; float:left; background:#cc0000; color:#fff; text-align:center; box-shadow:1px 8px 8px #540000;-webkit-box-shadow:1px 8px 8px #540000;-moz-box-shadow: 1px 8px 8px #540000; -moz-border-radius: 5px; -khtml-border-radius: 5px; -webkit-border-radius: 5px;}
a:hover.neighborhoods {background:#540000; color:#fff; }

/*GENERAL USE AND VARIOUS TEMPLATES*/
div.posts-nav-link {font-size:22px; }
div.facebook-like-button {float:right; width:380px; height:50px; }

/*CUSTOM-REAL-ESATE-HEADER.php*/
.real-estate-page-header {float:left; width:100%; margin:0 0 10px 0; height:70px;}
.real-estate-page-header a:link, .real-estate-page-header a:visited {display:block; width:31.33333333%; padding:5px 0; margin:0 1%; float:left; text-align:center; background:#cc0000; color:#fff; font-size:22px; box-shadow:1px 8px 8px #540000;-webkit-box-shadow:1px 8px 8px #540000;-moz-box-shadow: 1px 8px 8px #540000;}
.real-estate-page-header a:hover {background:#540000}

/*SINGLE-HOMES.php*/
#single-homes {float:left; width:100%; }
#single-homes .real-estate-listings {float:left; margin:0 0px 20px 0px; width:100%; background:#eee; }
#single-homes .real-estate-listings-title {float:left; width:96%; background:#540000; color:#fff; padding:5px 2%; margin:0 0 10px 0; font-size:18px;}

#single-homes .single-homes-top {width:100%; height:40px; float:left; font-size:22px; }

#single-homes-photo-gallery-container {width:100%; float:left;  }
#single-homes-photo-gallery-container .custom-photo-gallery-thumb {width:31.3333333%; height:80px; margin:0 1% 5px; overflow:hidden; float:left; }
#single-homes-photo-gallery-container .custom-photo-gallery-thumb img {width:100%; height:100%; }

#single-homes-photo-gallery-container #main-photo-gallery-thumb {width:100%; height:auto; min-height:200px; text-align:center; float:left; margin:0 0 10px 0; background:#eee; font-size:28px; }
#single-homes-photo-gallery-container #main-photo-gallery-thumb img{width:100%; height:auto; float:left }
#single-homes .single-homes-top-container {float:left; width:100%; }
	#single-homes .single-homes-top-left {float:left; width:48%; margin:0 1% }
	#single-homes .single-homes-top-right {float:right; width:48%; margin:0 1%; font-size:18px; line-height:28px }
	#single-homes .single-homes-top-right p {margin:0 0 20px 0; }
	#single-homes .single-homes-top-right h3 {font-size:24px; border-bottom:2px solid #ccc; margin:0 0 20px 0 }
	#single-homes .home-overview {float:left; width:58%; margin:0 2% 0 0; }
	#single-homes .single-homes-top-right-links {float:right; width:40%; }
	#single-homes .single-homes-top-right-links a:link, #single-homes .single-homes-top-right-links a:visited {float:left; font-size:16px; color:#fff; background:#cc0000; padding:1px 1%; margin:2px 1%; display:block; text-align:center; width:96%}
	#single-homes .single-homes-top-right-links a:hover{color:#fff; background:#540000; }
	#single-homes .request-showing {float:left; width:100%; margin:20px 0 0 0}