/*
THEME NAME: MILOAnderson.com (based on Sandbox)
THEME URI: http://www.industryinteractive.net/
DESCRIPTION: Custom client theme based on the Sandbox theme
VERSION: 1.0
AUTHOR: Jonathan Lane, Industry Interactive Inc.
AUTHOR URI: http://www.industryinteractive.net/
TAGS: 
*/

/* Page properties */

body {margin: 0; padding: 0; border: 0; background: #444 url(img/bg.jpg) top left repeat-x; color: #000; font-family: Verdana, Arial, sans-serif; font-size: 12px; line-height: 16px;}
hr {clear: both; display: block; visibility: hidden; height: 0; width: 100%; margin: 0; padding: 0; border: 0;}
iframe {overflow: hidden; margin: 0; padding: 0; border: 0; width: 100%; height: 9000px;}

/* Basic Page Structure */

div#wrapper {width: 960px; margin: 0 auto 30px auto; background-color: #fff; border: 5px solid #787878; border-top: 0; box-shadow: 0 3px 10px #787878; -moz-box-shadow: 0 3px 10px #787878; -webkit-box-shadow: 0 3px 10px #787878;}
div#header {font-family: Helvetica, Verdana, sans-serif; color: #fff; background: #000 url(img/title_bg.jpg) top center no-repeat; position: relative; height: 100px;}
div#menu {background: url(img/nav_bg.jpg) top left no-repeat; height: 50px; margin: 0; padding: 0; font-family: Geneva, Helvetica, Arial, sans-serif; text-transform: uppercase;}
div#container {background: url(img/header.jpg) top left no-repeat; min-height: 333px; padding: 25px 0 0 0;}
div#content {width: 530px; background: url(img/content_bg.png) top left repeat; margin: 0 0 5px 25px; padding: 20px; border: 1px solid #ccc; float: left; box-shadow: 0 5px 15px #888; -moz-box-shadow: 0 5px 15px #888; -webkit-box-shadow: 0 5px 15px #888;}
div.sidebar {width: 300px; float: right; margin: 330px 35px 0 0;}
div#secondary {clear:right;}
div#footer {font-size: 10px; padding: 5px 20px; background: url(img/nav_bg.jpg) top left no-repeat; margin-top: 20px; color: #fff;}

/* Header styles */

div.skip-link {display: none;}
h1#blog-title {font-size: 50px; margin: 20px 0 0 35px; float: left; line-height: 50px;}
h1#blog-title span {font-size: 70px; margin-top: 20px;}
h1#blog-title a {text-decoration: none; color: #eee;}
#blog-description {float: left; position: relative; top: 80px; left: -200px; color: #b6122d; text-transform: uppercase; line-height: 12px; font-size: 12px;}
#header h2 {font-size: 20px; margin: 35px 5px 0 0; float: right;}
#header img {vertical-align: middle;}

/* Rotating pictures per section */
body.pageid-17 div#container {background-image: url(http://www.calgaryrealtor.tv/wp-content/uploads/2010/08/buyers1.jpg);}
body.parent-pageid-17 div#container {background-image: url(http://www.calgaryrealtor.tv/wp-content/uploads/2010/08/buyers2.jpg);}
body.parent-pageid-264 div#container {background-image: url(http://www.calgaryrealtor.tv/wp-content/uploads/2010/08/buyers3.jpg);} /* Buyers */
body.pageid-18 div#container, body.parent-pageid-18 div#container {background-image: url(http://www.calgaryrealtor.tv/wp-content/uploads/2010/08/sellers.jpg);} /* Sellers */
body.pageid-19 div#container, body.parent-pageid-19 div#container {background-image: url(http://www.calgaryrealtor.tv/wp-content/uploads/2010/08/investments.jpg);} /* Investments */
body.pageid-20 div#container, body.parent-pageid-20 div#container, body.parent-pageid-183 div#container {background-image: url(http://www.calgaryrealtor.tv/wp-content/uploads/2010/08/resources.jpg);} /* Resources */
body.pageid-154 div#container, body.parent-pageid-154 div#container {background-image: url(http://www.calgaryrealtor.tv/wp-content/uploads/2010/08/listings.jpg);} /* Listings */
body.pageid-532 div#container, body.parent-pageid-532 div#container {background-image: url(http://www.calgaryrealtor.tv/wp-content/uploads/2010/08/clients.jpg);} /* Clients */

/* Top Navigation styles */
#menu, #menu ul {padding: 12px 0 0 10px; margin: 0; list-style: none; line-height: 1em; font-size: 10px;}
#menu a {display: block; width: 8em; color: #fff; text-decoration: none; padding: 10px 0.5em;}
#menu a:hover {background: url(img/red_hover.png) bottom left repeat-x;}
#menu li {float: left; width: 9em;}
#menu ul ul {background: url(img/nav_ul_bg.png) top left repeat; padding: 0;}
#menu li ul {position: absolute; width: 9em; left: -999em;}
#menu li ul ul {margin: -2em 0 0 9em;}
#menu li:hover ul ul, #menu li.sfhover ul ul {left: -999em;}
#menu li:hover ul, #menu li.sfhover ul, #menu li li:hover ul, #menu li li.sfhover ul {left: auto;}
#menu li:hover {position: static;}

/* Content styles */

#content h2 {margin: 0; color: #b6122d; text-shadow: 1px 1px 3px #888; -moz-text-shadow: 1px 1px 3px #888; -webkit-text-shadow: 1px 1px 3px #888;}
#content a {color: #626262;}
.wp-caption {box-shadow: 0 5px 5px #888; -moz-box-shadow: 0 5px 5px #888; -webkit-box-shadow: 0 5px 5px #888; background-color: #ccc; padding: 3px 0; text-align: center; font-size: 10px;}
.wp-caption img {border: 0; padding: 0; margin: 0;}
.alignright {float: right; margin: 10px 0 10px 10px;}
.alignleft {float: left; margin: 10px 10px 10px 0;}
#featurebox {background-color: #ccc; box-shadow: 0 5px 5px #888; -moz-box-shadow: 0 5px 5px #888; -webkit-box-shadow: 0 5px 5px #888; padding: 15px; margin: 10px;}
.newsitem {list-style: none; display: block; margin: 0 0 15px 0;}
.newsitem small {display: block;}

/* Blog styles */
.post {border-bottom: 1px solid #ccc; padding: 0 0 15px 0;}
.post .entry-title {margin: 0 0 10px 0 !important; display: block; clear: both; width: auto;}
.post .entry-title a {text-decoration: none; color: #b6122d !important;}
.post .entry-date {font-size: 10px; width: auto;}
.post .entry-meta {background: #ccc; padding: 5px 2px; font-size: 10px; text-align: right;}

#respond h3 {color: #b6122d;}
#respond label {color: #197bae; font-size: 11px;}
#respond .required {color: red; font-weight: bold;}
#respond input {border: 1px solid #ccc; font-size: 14px; padding: 5px;}
#respond textarea {border: 1px solid #ccc; font-size: 14px; padding: 5px; width: 500px; height: 100px; margin-bottom: 7px;}
#respond input[type=text] {width: 175px;}

/* Sidebar styles */

div.sidebar h3 {color: #b6122d; text-shadow: 1px 1px 3px #888; -moz-text-shadow: 1px 1px 3px #888; -webkit-text-shadow: 1px 1px 3px #888;}
div.sidebar ul {list-style: none; padding: 0; margin: 0;}
div.sidebar input {border: 1px solid #ccc; font-size: 14px; padding: 5px;}
div.sidebar input[type=text] {width: 175px;}

/* Forms */
#contactform label, #dreamform label, #feedbackform label, #evalform label {clear: both; font-size: 10px; text-transform: uppercase; color: #333; display: block;}
#contactform textarea, #dreamform textarea, #feedbackform textarea, #evalform textarea {width: 450px; height: 150px; overflow: auto; border: 1px solid #333; padding: 5px; margin-bottom: 10px;}
#contactform input[type=text], #dreamform input[type=text], #feedbackform input[type=text], #evalform input[type=text] {border: 1px solid #333; padding: 5px; margin-left: -4px; margin-bottom: 10px;}
#contactform select, #dreamform select, #evalform select {margin-bottom: 10px;}
#contactform label span, #dreamform label span, #evalform label span {color: red;}
.mls {display: inline !important;}
.inline label {clear: none !important; display: inline !important;}
fieldset {border: 1px solid #666; padding: 0 10px;}

/* Footer styles */

#footer a {color: #eee;}