/*
Theme Name: Atlanta Real Estate Mall
Theme URI: http://www.UltimateIDX.com/
Description: Another fine template built for WordPress by The Ultimate IDX.
Version: 2.6
Author: Mack McMillan
Author URI: http://www.thebrokersedge.com.com/
Tags: Fixed Width, CSS Grid Theme, Meyers RESET, Widgets-YES, Custom Navigation, XHTML CSS Valid, WordPress 2.6+ Compatable.
This theme was designed by "Mack McMillan"
details and updates can be obtained by visiting http://www.thebrokersedge.com.com/
This theme is a custom commercial product and has a commercial license:
http://www.thebrokersedge.com/license/
*/
/*
@ How I organize this style sheet is based in part on the rules of specificity, the YUI and 960 CSS Grids and basic logic.
@ I tend to orgainze by position, size, alignment, color, margins - padding, background, font, all else.
*/
/*http://working.sandiegorealestatemall.com/wp-content/themes/sandiegorealestatemall/ */
/*see http://www.positioniseverything.net/explorer/escape-floats.html*/
* {margin:0; padding:0;}
/*=-=-=-[The Page Foundation Styling]-=-=-=*/
body{font-family: 'Lucida Grande',Verdana,Arial,Sans-Serif; background: #fff url(images/bodyBackground.jpg) bottom left repeat-x; text-align:center; color:#0e2c52; font-size:62.5%; /*Resets 1em to 10px*/}
p{margin:5px 0 8px 0;}
/*=-=-=-[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 Actual Template Layout]-=-=-=*/
#maxouter{background: url(images/pagebackground.jpg) top center repeat-y;}
#pagewrapper{width:880px; text-align:left; margin-left: auto; margin-right: auto;}
#header{position: relative; height: 214px; width:100%; overflow:hidden; background: url(images/header.jpg) top right no-repeat;}
#headerimg {font-size:1.2em; text-align:center; text-indent:-10000px}
/*=-=-=-[Header navigation styling]-=-=-=*/
#headerNav{font-size:1em; width:100%; height:20px;}
#headerNav ul{position:relative; /*padding:0; margin:0;*/}
#headerNav ul li{display:inline; margin-right:15px}
#headerNav ul li a{color:#0e2c52; line-height:20px;}
#headerNav ul li a:hover{text-decoration:underline; color:#0e2c52}
/*=-=-=-[Sub Header Area for QuickSearch]-=-=-=*/
#formfloat{float:right; margin-top:10px}
#quickSearch{position:relative; background: url(images/quicksearch.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;}
#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;}
/*=-=-=-[Main Template Markup]-=-=-=*/
#maincolumn{float: right; width:644px; position:relative; display: inline; background: url(images/mainback.jpg) top left repeat-y;}
#mtwo{width:644px; background: url(images/maintop.jpg) top left no-repeat;}
#mthree{width:644px; background: url(images/mainbottom.jpg) bottom left no-repeat;}
#maincontent{width:605px; margin-left:25px; padding-top:16px;}
#maincontent .smallattachment{text-align:center; float:left; width:128px; margin:5px 5px 5px 0px}
#maincontent .attachment{text-align:center; margin:5px 0px}
#rightcolumn{float: left; position: relative; width:230px; background: url(images/sidebar.jpg) top left repeat-y; font:1em 'Lucida Grande',Verdana,Arial,Sans-Serif;}
#rtwo{width:230px; background: url(images/sidebartop.jpg) top left no-repeat;}
#rthree{width:230px; background: url(images/sidebarbottom.jpg) bottom left no-repeat;}
/*#rthree{width:230px; background: url(images/sidebar2.jpg) top left repeat-y;}*/
#sidebar{position:relative; width:212px; padding-top:14px; margin-left:0px; font-family: Lucida Grande,Verdana,Arial,Sans-Serif;}
#mmw{width:230px; height:200px; background: url(images/sidebar2.jpg) top left repeat-y; padding-top:1px;}
#mainmenu{margin: 0px 0px 20px 20px;}
#mainmenu ul li{margin-bottom:2px;}
#mainmenu ul li a{text-decoration:none; background:#f2f3f5; display:block; height:24px; line-height:24px;}
#mainmenu ul li a:hover{background:#8a9cb0; color:#fff;}
#mc_menu_3{width:90%;}
#mc_menu_3 li{text-indent:8px;}
/*top menu*/
#mc_menu_1{width:98%; text-align:right;}
#mc_menu_1 li{}
/* sub menu */
#topnavigation{position:absolute; height:32px; width:550px; top:165px; left:250px;padding-bottom:10px;}
#mc_menu_2 ul{padding:6px; margin:0px;}
#mc_menu_2 {font-size:2em;}
#mc_menu_2 li{display:inline; margin-right:15px}
#mc_menu_2 li a{color:#0e2c52; line-height:20px; text-decoration:none;}
#mc_menu_2 li a:hover{text-decoration:underline; color:#0e2c52}
#footer{height:100px; clear:both; background: /*#91b2e5*/ url(images/footerback.jpg) top left no-repeat; padding: 1px 0 0 0;}
#footerlinks{width:100%; text-align:center; color:#ff9966; margin-top:30px;}
#footerlinks a{color:#ff9966; text-decoration:none; font-weight:600;}
#footer p{font-size:1.0em; margin:3px 0px 3px 0px; text-align:center;}
/*=-=-=-[Sidebar Bottom Styling]-=-=-=*/
/*
#sidebar .bottom ul{padding:0; list-style-type:none}
#sidebar .bottom ul li{text-align:right; font-size:1.4em; line-height:2.4em; background: url(images/button.png) top left no-repeat; height:40px; width:192px; padding-right:15px; padding-top:5px; float:right; color:#333d49}
#sidebar .bottom ul li a, #sidebar .bottom ul li a:hover, #sidebar .bottom ul li a:visited{text-decoration:none; color:#333d49}
*/
#bottom{height:175px; width:230px; background: url(images/sidebarbottom2.jpg) bottom left no-repeat; margin-top:-5px;}
#bottom ul{padding:0 0 0 12px; margin:0px; list-style-type:none;}
#bottom ul li{text-align:right; font-size:1.4em; line-height:2.4em; height:40px; width:185px; padding-right:15px; padding-top:5px; float:left; color:#fff;}
#button1, #button2, #button3, #button4{}
#bottom ul #button1{background: url('images/button1.png') top left no-repeat;}
#bottom ul #button2{background: url('images/button2.png') top left no-repeat;}
#bottom ul #button3{background: url('images/button3.png') top left no-repeat;}
#bottom ul #button4{background: url('images/button4.png') top left no-repeat;}
#bottom ul li a, #bottom ul li a:hover, #bottom ul li a:visited{text-decoration:none; color:#333d49;}
/*-=-=-=[ ]=-=-=-*/
/*.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{width:585px; 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;}
.clarfixwide{width:100%; height:1px;}
/* date and title calendar styling used for blog page styling */
.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:528px; margin:0px 0 12px 0; padding:0px 0px 0px 10px}
.posttitle p{font-size: 1.1em; margin: 5px 0 0 0;}
.posttitle h2{color: #CC0000; /*display:block; width:100%;*/ border-bottom: 1px solid #333;}
.posttitle h2 a{color: #CC0000; text-decoration:none;}
/*-=-=-=[ Styling page.php ]=-=-=-*/
#page{}
/*-=-=-=[ Styling single.php ]=-=-=-*/
#single{width:585px; margin: 10px 0px 0px 10px;}
#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:580px; margin:10px 0px 0px 10px;}
#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; size:1em; 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:#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:lightgrey}
.pad{background:green;} /* this is used to style specific empty TD cells used for calendar structure */
#next, #prev{background:pink;}
#next .pad{}
#prev .pad{}
#today{background: tan;} /* This styles "Today" which is a TD Cell */