/*
Theme Name: Don Wright
Theme URI: http://websharkmedia.com
Author URI: http://websharkmedia.com
Tags:
*/

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



/* LAYOUT ----------------------------------------- */

/* These rather presentational classes are generated by WordPress, so it's useful to have some styles for them. Edit as you see fit. More info: http://codex.wordpress.org/CSS */
.aligncenter { display:block; margin:0 auto }
.alignleft { float:left }
.alignright { float:right }
.wp-caption { border:1px solid #666; text-align:center; background:#ccc; padding:10px; margin:10px }

/* You might find the following useful */
div, ul, li { position:relative }
br.clear { clear:both; display:block; height:1px; margin:-1px 0 0 0 } /* Use this br class to clear your floated columns */
li#theme-switcher { background:#fff; border:10px solid red; padding:20px; position:fixed; top:0; right:0 } /* Use this if you have the Theme Switcher Reloaded plugin (http://themebot.com/webmaster-tools/1-wordpress-theme-switcher-reloaded) installed and want to make it nice and obvious */

body#listings { background: black url(images/body_bg.jpg) repeat-x center top; height: 100%; min-height: 100%; }
body { background: #090a0a url(images/body_bg.png) repeat-x center top; }

#main { width: 960px; margin: 0 auto; overflow: hidden; padding: 0 25px; }

#content { padding: 10px; background: #282828; overflow: hidden; }

.image { padding: 1px; border: 1px solid #444; margin: 0 10px 3px 0; }

.p10 { padding: 10px; }

/*----------------------------------------------------- TYPE --------------------------------------------------------*/

* { font-family: "Franklin Gothic Medium", "Arial Narrow Bold", Arial, sans-serif; font-size: 13px; color: #ccc; }

a { text-decoration: none; color: #c0793b; }
a:hover { color: #e9cbb0; }

a.btn { background: black; font-size: 16px; padding: 5px 10px; -moz-border-radius: 3px; -webkit-border-radius: 3px; -khtml-border-radius: 3px; border-radius: 3px; border: 1px solid gray; display: block; margin: 0 0 10px 0; }

a.orange-btn { background: #eab748; color: black; font-size: 16px; padding: 5px 10px; -moz-border-radius: 3px; -webkit-border-radius: 3px; -khtml-border-radius: 3px; border-radius: 3px; border: 1px solid white; display: block; margin: 0 0 10px 0; }
a.orange-btn:hover { background: #c0793b; }

h2, h3, h4, h3 a { font-family: Futura, "Century Gothic", "Apple Gothic", sans-serif; font-weight: normal; color: #eab748; }

h2 { font-size: 26px; margin: 0 0 20px 0; }
h3 { font-size: 18px; padding: 0 0 0 0; margin: 0; }
h4 { font-size: 14px; margin: 15px 0 10px 0; }
h2 a { font-size: 20px; }
h3 a { font-size: 14px; }

h2#home { font-family: Georgia, Palatino, "Palatino Linotype", Times, "Times New Roman", serif; color: white; font-weight: normal; font-style: italic; }

.red { color: #eab748; font-weight: bold; }
.white { color: white; }

p, ul, table { margin: 0 0 10px 0; }

div.quote { border: 2px solid #444; border-radius: 3px; padding: 20px; font-style: italic; margin: 0 0 10px 0; overflow: hidden; }
span.quote-name { color: #444; }

.bucket { border: 2px solid #444; border-radius: 3px; padding: 20px; margin: 0 0 10px 0; overflow: hidden; }
.bucket h2 { padding: 0 0 5px 0; border-bottom: 1px solid #444; }

input, textarea { color: black; }

table { width: 100%; }
td { padding: 5px; vertical-align: top; }

input, textarea, option, select { font-size: 11px; color: black; }
label { display: block; }

hr { border: 0 none; border-top: 1px solid #444; margin: 20px 0; clear: both; }

img.alignleft { margin: 0 10px 5px 0; }

blockquote { background: black; padding: 20px; margin: 0 0 20px 0; }
blockquote p { font-family: Georgia, Times, "Times New Roman", serif; font-size: 14px; font-style: italic; line-height: 18px;  }
blockquote p:last-child { margin: 0; }

#content ul { padding: 0 0 0 30px; }
#content ul li { margin: 0 0 5px 0; list-style-type: disc; }

/*---------------------------------- SIDEBAR ---------------------------------*/

#header { overflow: hidden; padding: 20px 0; }
#header-logo { display: block; }

#header-contact { margin: 25px 0 0 20px; }

#sidebar { width: 219px; float: left; border-right: 1px solid black; }
#sidebar-home { width: 219px; float: left; border-right: 1px solid black; }


#sidebar-formlinks { text-align: center; padding: 20px; }

a.sidebar-btn { display: block; padding: 10px; border: 2px solid #424242; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; margin: 0 0 10px 0; }
a.sidebar-btn:hover { border-color: #6e6e6e; }

ul#nav { overflow: hidden; padding: 2px; background: black; margin: 0 0 10px 0; }
ul#nav li { display: inline; }
ul#nav li a { display: block; float: left; text-transform: uppercase; letter-spacing: 1px; font-family: Futura, "Century Gothic", "Apple Gothic", sans-serif; color: white; font-size: 14px; padding: 7px 12px 5px 12px; }
ul#nav li a:hover { color: #ffcc00; }


ul#contact-info { position: absolute; left: 20px; top: -100px; width: 180px; }
ul#contact-info li { margin: 0 0 5px 0; font-size: 11px;  }
ul#contact-info li a { font-size: 11px; }
ul#contact-info span.red { color: #eab748; font-weight: bold; font-size: 11px; }

img#home-remax { margin: 20px auto; }

/*----------------------------------------------------- FOOTER --------------------------------------------------------*/

#footer { width: 960px; margin: 0 auto; height: 200px; padding: 20px 0 0 0; }
#footer-awards { position: absolute; right: 0px; top: 0px; }

#footer-top { padding: 0 0 10px 0; overflow: hidden; }

#footer span, #footer span a { color: white; font-size: 10px; }

ul#footer-nav { position: absolute; left: 0px; top: 20px; }
ul#footer-nav li { display: inline; margin: 0 5px 0 0; }
ul#footer-nav li a { color: white; font-size: 10px; }
ul#footer-nav li a:hover { text-decoration: underline; }

#footer-wsm { position: absolute; left: 0px; top: 40px; }
#footer-copy { position: absolute; left: 0px; top: 60px; }

#footer-coldwell { width: 450px; }

/*-------------------------------- FEATURED HOMES -------------------------------*/

#slider-wrap-wrap { height: 360px; position: relative; background: black; margin: 0 0 20px 0; }
#slider-wrap { border: 2px solid black; width: 780px; }
#slider-don { position: absolute; right: 0px; bottom: 0px; z-index: 99; }

#featured-wrap { overflow: hidden; height: 250px; }
#featured-frame { width: 854px; height: 251px; overflow: hidden; position: absolute; top: 25px; left: 42px; }

#featuredlistings {  }
#featuredlistings h2 { color: white; font-size: 20px; }

ul#featuredlist { display: block; height: 251px; overflow: hidden; width: 99999px; padding: 0;  }
ul#featuredlist li { display: inline; float: left; margin: 0 10px 0 0; padding: 2px; border: 1px solid white; background: black; position: relative; }
ul#featuredlist li:hover { border-color: #eab748; }

ul#featuredlist li a { display: block; }
#featuredlist-wrap { width: 620px; overflow: hidden; height: 130px; margin: 56px 0 0 50px; }
.featured-title { position: absolute; left: 2px; bottom: 2px; width: 183px; background: rgb(0, 0, 0); background: rgba(0, 0, 0, 0.65); padding: 6px 0; }
ul#featuredlist li h3 { margin: 0; font-size: 14px; border: 0 none; border: 0 none; padding: 0; }

#arrow-left { width: 29px; height: 61px; background: url(images/arrow_left.png) no-repeat; position: absolute; left: 0px; top: 100px; }
#arrow-left:hover { background-position: left bottom; }
#arrow-right { width: 29px; height: 61px; background: url(images/arrow_right.png) no-repeat; position: absolute; right: 0px; top: 100px; }
#arrow-right:hover { background-position: left bottom; }

.inactive { background: none !important; }

span.sold-banner { display: block; background: url(images/sold-banner.png) no-repeat; height: 70px; width: 70px; position: absolute; right: 0px; top: 0px; }

/*-------------------------------- PROPERTIES ----------------------------------------*/

#listings-header { position: relative; padding: 10px; overflow: hidden; }
#listings-header h2 { float: left; margin: 0; }

#listings-header a.orange-btn { float: right; margin: 0 0 0 5px; }

.prop-box { border: 1px solid #343434; background: black; padding: 10px; margin: 0 5px 10px 5px; overflow: hidden; }
.prop-box-avail img {  }
.prop-box-sold { border: 1px solid #343434; background: black; padding: 10px; margin: 0 10px 10px 10px; overflow: hidden; width: 270px; float: left; text-align: center; }
a.prop-thumb { padding: 1px; float: left; margin: 0 10px 0 0; border: 1px solid #444; }
a.prop-thumb:hover { border: 1px solid white; }


#activelistings, #soldlistings { padding: 20px; }

ul.propaddress { position: absolute; top: 10px; left: 200px; }
ul.propfeatures { position: absolute; top: 10px; left: 360px; }

a#sold-btn { position: absolute; right: 20px; top: 10px; }

/*----------------------------- PROPERTY ---------------------------------*/

.entry { padding: 20px; overflow: hidden; }

#gre_map_canvas { height: 300px; }

#listing-widget { width: 220px; float: right; margin: 0 0 0 20px; z-index: 20; text-align: center; }
#listing-widget h3 { padding: 10px; margin: 0; border: 0 none; }
#listing-widget ul { border: 2px solid #444; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; background: black; padding: 0; }
#listing-widget ul li { border-top: 1px solid #343434; padding: 7px; list-style-type: none; }

#photogallery { overflow: hidden; }
.ngg-gallery-thumbnail-box { float: left; margin: 0 10px; display: inline; }

#prop-description { width: 640px; float: left; }

table.prop-details { width: 100%; }
table.prop-details td { vertical-align: top; border: 1px solid #444 }

/*----------------------- CONTACt --------------------------------*/


/*-------------------------- ABOUT -------------------------------*/

#about-images { padding: 0 20px 0 0; float: left; }
#about-right { width: 500px; float: right; }


.menu-buyer-seller-nav-container {  }
#content ul#menu-seller-nav, #content ul#menu-buyer-nav { padding: 0; }
#content ul#menu-seller-nav li, #content ul#menu-buyer-nav li { list-style-type: none; }
#content ul#menu-seller-nav li ul,  #content ul#menu-buyer-nav li ul { padding: 0 0 0 10px; }
#content ul#menu-seller-nav > li > a[href='#'], #content ul#menu-buyer-nav > li > a[href='#'] { font-size: 16px; text-transform: uppercase; color: #eab748; font-family: Futura, "Century Gothic", "Apple Gothic", sans-serif;  }
ul#menu-seller-nav li.current-menu-item a, ul#menu-buyer-nav li.current-menu-item a { color: white; }