/*
Theme Name: San Diego Real Estate Mall
Theme URI: http://www.TheBrokersEdge.com/
Description: Another fine template built for WordPress by <a href="http://www.thebrokersedge.com/wpthemes/">The Brokers Edge</a>.
Version: 2.6
Author: Jared Ritchey
Author URI: http://www.thebrokersedge.com.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.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(http://www.sandiegorealestatemall.com/wp-content/themes/sandiegorealestatemall/images/pagebackground.jpg) top center repeat-y;} 
#pagewrapper{width:880px; text-align:left; margin-left: auto; margin-right: auto;} 
#header{position: relative; height: 200px; 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:left; width:644px; position:relative; 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: right; display: inline; position: relative; width:236px; background: url(images/sidebar.jpg) top left repeat-y; font:1em 'Lucida Grande',Verdana,Arial,Sans-Serif;}
	#rtwo{width:236px; background: url(images/sidebartop.jpg) top left no-repeat;}
	#rthree{width:236px; background: url(images/sidebarbottom.jpg) bottom left no-repeat;}
	#sidebar{width:212px; padding-top:20px; margin-left:12px; font-family: Lucida Grande,Verdana,Arial,Sans-Serif;}
	#mainmenu{margin: 0px 0px 20px 10px;}
	#mainmenu ul li{margin-bottom:2px;}
	#mainmenu ul li a{text-decoration:none; background:#fefaef; display:block; height:18px; line-height:18px;}
	#mainmenu ul li a:hover{background:#fef3dd;}
#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:#fff; margin-top:30px;}
	#footerlinks a{color:#fff;}
	#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}

/*-=-=-=[  ]=-=-=-*/
.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;}