/*
Theme Name: Dream Homes Dallas - UltimateIDX
Theme URI: http://www.UltimateIDX.com/
Description: Another fine template built for WordPress by The UltimateIDX.
Version: 2.6
Author: Jared Ritchey
Author URI: http://www.ultimateidx.com/
Tags: Fixed Width, CSS Grid Theme, Meyers RESET, NO Widgets, Custom Navigation
This theme was designed by "Mack McMillan"
details and updates can be obtained by visiting http://www.ultimateidx.com/
This theme is a custom commercial product and has a commercial license:
http://www.ultimateidx.com/license/
*/
/*=-=-=-[The Page Foundation Styling]-=-=-=*/
body{margin:0; padding:0; text-align: center; background: url(images/background.png) bottom left repeat-x; font-size:62.5%; font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif;}
p{margin:5px 0 8px 0;}
fieldset{border:1px solid #333; padding:10px;}
legend{font-size:14px; margin:0px 8px; padding:3px; background:#fff;}
#content .uidx_csc{padding:0px; width:640px !Important;}
#content .uidx_tt, #content .uidx_bb{width:600px !Important;}
/*Listing Details*/
#mainphoto{float:left; width:350px;}
#quicklinks{float:left; width:248px;}
ul.searchresults{list-style-type:none; margin:0px; padding:0px;}
ul.searchresults li{list-style-type:none !Important; height:14px; display:block; margin-bottom:5px;}
ul.searchresults li span{font-weight:700;}
/* Module Section */
div.module_box{background: url(images/greybox-right.jpg) top right no-repeat; margin: 0 0 10px 8px;}
div.module_box > div {padding: 2.5em 0 0 0; background: url(images/greybox-left.jpg) top left no-repeat;}
div.module_box > div > div {padding: 0 0 0 1em; background: url(images/greybox-left.jpg) bottom left no-repeat;}
div.module_box > div > div > div {padding: 0 1em 2.5em 0; background: url(images/greybox-right.jpg) bottom right no-repeat;}
/*div.module_box h3{padding: 0px; font: bold 1.1em Verdana, Geneva, Arial, Helvetica, sans-serif; color:#0985b4;}*/
h3.searchresultstitle{padding:0px !Important; float:left;}
#detailimage{float:right;}
/*=-=-=-[Some Basic Element Typography]-=-=-=*/
h1, h2, h3{font-family:'Trebuchet MS','Lucida Grande',Verdana,Arial,Sans-Serif;}
h1{font-size:2.8em; color:#CC0000;}
h2{font-size:2.2em}
h3{font-size:1.8em; color:#CC0000}
p{line-height:1.4em; font-size:1.2em; text-align:justify;}
code{font-size:1.2em;}
/*=-=-=-[This is used in the editor to align items using CSS]-=-=-=*/
img.centered{display:block; margin-left:auto; margin-right:auto}
img.alignright{padding:4px; margin:0 0 2px 7px; display:inline}
img.alignleft{padding:4px; margin:0 7px 2px 0; display:inline}
.alignright{float:right}
.alignleft{float:left}
.leftbox{float:left; margin-right:10px; border:1px solid #000; padding:2px; text-align:center;}
.leftbox img{display:block; position:relative; border:1px solid #a9a9a9; padding:4px; line-height:0px}
.rightbox{float:right; margin-left:10px; border:1px solid #000; padding:2px; text-align:center;}
.rightbox img{display:block; position:relative; border:1px solid #a9a9a9; padding:4px; line-height:0px}
/*=-=-=-[The Template Layout]-=-=-=*/
div#maxouter{width: 908px; background: url(images/pagebackground.jpg) top center repeat-y; margin-left: auto; margin-right: auto;}
div#ma2{background: url(images/topleft.jpg) top left no-repeat;}
div#ma3{background: url(images/topright.jpg) top right no-repeat;}
div#ma4{background: url(images/bottomleft.jpg) bottom left no-repeat;}
div#ma5{background: url(images/bottomright.jpg) bottom right no-repeat;}
#pagewrapper{width:880px; text-align:left; margin-left: auto; margin-right: auto;}
/*=-=-=-[Header and Top Navigation Styling]-=-=-=*/
#header{position: relative; height: 260px; width:100%; background: url(images/headerbackground.jpg) repeat-x;}
#topnavigation{position:absolute; top:223px; left:10px;}
#topnavigation ul{width:auto; /*display:block; height:20px;*/ text-transform: uppercase; font-size:1.2em;}
#topnavigation ul li{display:block; float:left; border-right:1px solid #6699cc;}
#topnavigation ul li a{display:block; float:left; color:#fff; text-decoration: none; padding:10px 15px 0 15px; height:24px; /*height:22px;*/}
#topnavigation ul li a:hover{background: url(images/blue.jpg) repeat-x top left;}
#maincolumn{float:left; width: 675px; position:relative; font-size: 1.1em; background: url(images/lcorner.jpg) bottom left no-repeat;}
#watermark{padding-left:10px;}
#selectorname{min-height:500px; height:auto !important; height:500px;}/*not used anywhere, just wanted to add for fun*/
#rightcolumn{float: right; display: inline; position: relative; width:193px; background: url(images/sidebarback.jpg) top left no-repeat; font:1.2em 'Lucida Grande',Verdana,Arial,Sans-Serif; min-height:500px; height:auto !important; height:500px;}
#mainmenu{margin: 0px 0px 20px 5px; width:160px;}
#mainmenu ul li{margin-bottom:2px; text-indent:5px}
#mainmenu ul li a{text-decoration:none; display:block; height:18px; line-height:18px; color:#fff;}
#mainmenu ul li a:hover{background:#b20509;}
#footer{height:160px; clear: both; background: url(images/footer.jpg) no-repeat;}
#footerlinks{width:100%; text-align:center; color:#fff; margin-top:30px;}
#footerlinks a{color:#000;}
#footer p{font-size:1.0em; margin:3px 0px 3px 0px; text-align:center;}
/*=-=-=-[Sub Header Area for QuickSearch]-=-=-=*/
#formfloat{float:right; margin-top:10px}
#quickSearch{position:relative; background: url(images/rssquicksearch.jpg) top right no-repeat; height:85px; margin-bottom:10px;}
#quickSearch label{width:65px; display:block; text-align:right; float:left; font-size:1.4em;}
#quickSearch select{width:100px; height:20px !Important; margin-bottom:3px; font-size:11px;}
#quickSearch .submitsearch{width:100px; height:24px; background: url(images/submitbutton.gif); border:none; color:#fff; font-weight:bold;}
#quickSearch .advancedsearch{text-align:right; display:block; margin: 3px 25px 0px 0px;}
/*-=-=-=[ ]=-=-=-*/
.navigation{width:400px;}
/*-=-=-=[ Styling index.php used by default for blogs and home page among others ]=-=-=-*/
/*#indexwrapper{width:585px; margin:10px 0 0 10px;}*/
.article{margin:10px 0 40px 10px; position:relative;} /* Article used to replace entry which basically covers the actual article */
.post{}
.post-ID{/* Replace ID with the actual post ID number */}
p.postmetadata{position:relative; display:block; height:28px; line-height:28px; background:#f5f5f5; border-top: 1px solid #ddd; border-bottom: 1px solid #ddd; padding-left:5px; margin-top:10px;}
p.postmetadata-single{position:relative; display:block; height:50px; line-height:normal; border-top: 1px solid #ddd; border-bottom: 1px solid #ddd; padding-left:5px; margin-top:10px;}
/*-=-=-=[ Styling for the little post calendar ]=-=-=-*/
.postdate{background: url(images/date.gif); float:left; width:45px; height:50px; margin:0px; padding:0px}
.postdate h4{color: #fff; font-size:10px !Important; font-weight: normal; padding:1px 0px 0px 10px; text-transform:uppercase; font-weight:bold;}
.postdate h5{color: #cc0000; font-size: 21px; font-weight: bold; padding:5px 4px 0px 0px; margin:0px; text-align:center}
.posttitle{float:left; width:600px; margin:0px 0px 12px 0px; padding:0px 0px 0px 0px;}
.posttitle p{font-size: 1.1em; margin: 5px 0 0 0;}
.posttitle h2{color: #CC0000; border-bottom: 1px solid #333;}
.posttitle h2 a{color: #CC0000; text-decoration:none;}
/*-=-=-=[ Styling page.php ]=-=-=-*/
#page{}
/*-=-=-=[ Styling single.php ]=-=-=-*/
#single{}
#single p{margin: 8px 0px 5px 0px;}
#single h2{font-size:2.4em; margin: 1.2em 0 .5em 0; color:#CC0000;}
.wpreadmore{position:relative; display:block; width:180px; height:28px; line-height:28px; float:right; margin:5px 0px; text-transform:uppercase; font-size:10px !Important; background: url(images/readmore.gif) no-repeat;}
a.more-link{color:#333; text-indent:8px;}
/*-=-=-=[ Styling comments.php ]=-=-=-*/
#comments{width:500px;}
#comments form{width:80%; margin:0; padding:0;}
#comments p{margin: 5px 0px; padding:5px;}
#comments > div{border:1px solid #eee; margin-top:8px;}
.notice{position:relative; height:40px; background:#f5f5f5; border-top:1px solid #ddd; border-bottom:1px solid #ddd; margin: 8px 0px;}
.commentmetadata{height:24px; display:block; border-bottom:1px solid #333; line-height:24px;}
.commentmetadata, .commentmetadata a{color:#333; text-transform:uppercase;}
.alt{background-color: #f8f8f8; border-top: 1px solid #ddd; border-bottom: 1px solid #ddd;}
/*=-=-=-[WordPress Calendar Styling - WordPress Calendar is a TABLE by Jared Ritchey]-=-=-=*/
#wp-calendar{width:200px} /* The WordPress table ID is wp-calendar */
#wp-calendar caption{font-weight:bold; color: purple; text-align:left;} /*The caption tag describes the nature of the table.*/
#wp-calendar colgroup{} /*tag creates and defines an explicit column group in a table*/
#wp-calendar col{}/*tag defines and controls the appearance of a column within a column group*/
#wp-calendar th{background: orange;} /* The | element defines table header cells. */
#wp-calendar tr{} /* defines the table row */
#wp-calendar td{border:1px solid #ccc; color:#369; font-weight:bold;} /* The | element defines table cells. */
#wp-calendar thead{background-color:#CCCCCC;} /* The element defines the rows that are part of the head of the table. */
#wp-calendar tfoot{background:#000;} /* The | element defines the rows that are part of the foot of the table. */
#wp-calendar tbody{background:#f5f5f5;} /* The element defines table bodies */
#wp-calendar td a{display:block; background:#66FFFF; color:red;}
#wp-calendar td a:hover{background-color:#f5f5f5;}
.pad{background:green;} /* this is used to style specific empty TD cells used for calendar structure */
#next, #prev{background-color:#ccc;}
#next .pad{}
#prev .pad{}
#today{background:#cc9999;} /* This styles "Today" which is a TD Cell */