/* Theme Name: San Diego Real Estate Theme Theme URI: http://www.ultimateidx.com/ Description: Another fine template built for WordPress by UltimateIDX. Version: 2.7.1 Author: UltimateIDX Author URI: http://www.ultimateidx.com/ Tags: Fixed Width, CSS Grid Theme, Meyers RESET, NO Widgets, Custom Navigation This theme was designed by "UltimateIDX" 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/ */ /* @ How I organize this style sheet is based on selectors position following the rules of specificity, the YUI and 960 CSS Grids and basic theme logic. @ I tend to orgainze by position, size, alignment, color, margins - padding, background, font, all else. @ Since this theme is for WordPress I tend to provide styling for the theme hierarchy based on the actual php file it applies to. */ /*=-=-=-[Common Styling]-=-=-=*/ body{font-family: 'Lucida Grande','Verdana',Arial,Sans-Serif; background: url(images/tile.jpg); text-align:center; color:#444; font-size:62.5%;} /*=-=-=-[Some Basic Element Typography]-=-=-=*/ h1, h2, h3, h4{} h2{font-size:16px; font-weight:bold;} h3{color:#666; font-size:1.6em; font-weight:600; margin:5px 0px;} h4{margin:5px 0px; font-size:14px;} img{} img a{} strong{font-weight:bold; font-size:1.0em;} .podPress_content{font-size:14px !Important;} li.liClass{display:block; width:280px; float:left; margin-bottom:12px !Important;} span.spanClass{font-weight:bold;} /*=-=-=-[Table Styling]-=-=-=*/ table#directory{border-top:1px solid #d9eef9; border-bottom:1px solid #d9eef9;} table#directory td{padding:5px;} td.borderleft{border-left:1px solid #d9eef9;} table#directory h4{font-weight:bold; padding:0px; font-size:12px !Important;} /*=-=-=-[Paragraph Styling]-=-=-=*/ p{padding: 0 0 0 5px; margin: 5px 3px; font-size:1.2em;} p.nopadding{padding:0;} input{} fieldset{border:1px solid #d9eef9; width:100%; background: url(images/moduleback.gif) top left repeat-x;} form#searchform input{margin-top:3px; background:#f5f5f5; border:none; padding:2px;} table{} span.titles{font-weight:bold; padding:0px 8px;} /*=-=-=-[GLOBAL LINK Styling]-=-=-=*/ a{text-decoration:none; color:#003399;} a:hover{} a:visited{} /*=-=-=-[Dagon Design Form Elements Styling]-=-=-=*/ p.fieldwrap{margin:0px;} /*input.fmtext{padding-bottom:3px; !Important} form.ddfm label{padding-bottom:3px; !Important} */ /*=-=-=-[WordPress Tiny MCE Styles]-=-=-=*/ img.centered{display:block; margin-left:auto; margin-right:auto;} img.alignright{padding:4px; margin:0 0 2px 7px; float:right;} img.alignleft{padding:3px; float:left; margin: 6px 12px 12px 0px;} div.wp-caption{} div.alignleft{padding:3px; float:left; margin: 5px 12px 12px 0px;} div.alignright{padding:4px; margin:5px 0px 12px 8px; float:right;} div.aligncenter{} p.wp-caption-text{padding:0px; display:block; background:#f5f5f5; margin:0px; font-family:Arial, Helvetica, sans-serif; font-weight:bold;} /*=-=-=-[Template Layout Styling]-=-=-=*/ div#maxouter{position:relative; width:100%; background: url(images/topbanner.jpg) top repeat-x;} div#topend{height:50px;} div#topwrap{position:relative; width:940px; margin-left:auto; margin-right:auto; height:32px;} div#topmenu{position:relative; float:left; width:600px;} div#searchrss{position:relative; float:right; width:310px; display:inline; height:32px; text-align:right;} div#rssmember{position:absolute; right:0px; top:34px; z-index:91;} #pagewrapper{position:relative; width:990px; text-align:left; background: url(images/pageback.jpg) repeat-y; margin-left: auto; margin-right: auto;} div#ma2{position:relative; background: url(images/topleft.jpg) top left no-repeat; width:990px;} 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;} #header{position:relative; height:180px; width:960px; margin-left:15px; background: #fff url(images/header.jpg) top right repeat-x; z-index:99;} #menuwrapper{position:absolute; top:152px; left:0px; width:920px;} form#searchform input{background: url(images/fieldback.gif);} #wrapper{z-index:89; width:960px;} #contentwrapper{z-index:90; background: #fff url(images/watermark.jpg) top right no-repeat; width:960px; margin-left:15px;} /*=-=-=-[This markup is used for two column blog pages for the twocolumn.tpl.php]-=-=-=*/ #rightcolumn{position:relative; width:244px; float:right; display:inline; z-index:98;} #rightcolumn li{margin-bottom:4px; background: url(images/menuback.jpg) bottom left no-repeat; padding:0px 0px 3px 0px;} #rightcolumn li a{display:block; background: url(images/bullet.gif) no-repeat; background-position: 8px 10px; height:22px; text-indent:18px; text-decoration:none; color:#333; line-height:22px; font-size:11px !Important;} #rightcolumn li a:hover{background:#e2f5ff url(images/bullet.gif) no-repeat; background-position: 8px 10px; color:#444;} #rightcolumn .paddingelement{padding:10px 0px 0px 0px;} #rightcolumn h3.columnheader{color:#006699; background: url(images/moduleheader.jpg); margin: 0 0 6px 0; text-indent:6px; height:28px !Important; line-height:26px;} span.rsslinks{display:block; margin:6px 0px; clear:both;} span.rssbuttons{display:block; margin:3px 8px; clear:both;} /*#idxquickfind{border: 2px solid #376594; padding: 4px; background: #d7e5f3;}*/ #idxquickfind{border: 2px solid #d9eef9; padding: 4px;} #idxquickfind input{} select#ziparea{height:22px;} select#ziparea option{font-size:10px !Important; width:150px;} label.quickfind{font-size:11px; font-weight:bold;} #idxquickfind td{padding:3px;} #maincolumn{float: left; position: relative; width:710px;} #maincolumn h1{color:#CC0000; font-size:26px; margin:10px 0px 12px 0px;} #maincolumn h2{color:#CC0000; margin:12px 0px; text-indent:12px;} #maincolumn p{color:#444; font-size:1.2em; text-align:justify; line-height:140%; padding:5px;} #maincolumn ul{padding-left:28px; list-style-image: url(images/bullet.gif); margin: 0px 0px 16px 0px;} #maincolumn ul li{margin-bottom:5px; font-size:1.2em; line-height:140%;} #maincolumn ul li li{font-size:inherit;} #maincolumn a{font-size:1.0em} /*=-=-=-[TWO COLUMN WRAPPER FOR INLINE CONTENT]-=-=-=*/ div.twocolumnwrapper{width:700px; clear:both; margin:12px 0px; background: url(images/twocolumnwrapper.jpg) bottom center no-repeat;} div.leftcontent{width:340px; float:left; margin-right:10px} div.rightcontent{width:340px; float:left; border-left:1px solid #d9eef9; padding-left:8px;} /*=-=-=-[This markup is used for the single column blog pages]-=-=-=*/ #maincolumnsingle{position: relative; padding:5px 8px;} #maincolumnsingle h1{color:#369; font-size:26px; margin:10px 0px;} #maincolumnsingle h2{color:#369; margin:12px 0px;} #maincolumnsingle p{color:#444; font-size:1.2em; text-align:justify; line-height:140%; padding:5px;} /*=-=-=-[This is used for the one column home page template]-=-=-=*/ #maincolumnwide{position: relative; padding:5px 8px;} #maincolumnwide h1{color:#ffff33; font-size:26px; margin:10px 0px;} #maincolumnwide h2{color:#ffff33; margin:12px 0px;} #maincolumnwide p{color:#fff; font-size:1.2em; text-align:justify; line-height:140%; padding:5px;} #footer{height:120px; clear: both; background: url(images/footer.jpg) repeat-x; text-align:center; width:960px; margin-left:15px;} #footerpadding{padding:20px;} #footer ul{border-right:1px solid #FFFFFF; float:left; list-style-position:outside; list-style-type:none; margin:0; min-height:60px; padding:20px; border-right:medium none; margin-left:0; width:auto;} #footer ul li{display:inline;} #footer ul li a{color:#fff; font-size:12px !Important; padding: 5px; line-height:16px;} #footer ul li a:hover{color:#ffcc00; text-decoration:none;} /*=-=-=-[ ModuleBox Styling Here ]-=-=-=*/ .modulebox{border: 1px solid #d9eef9; margin-bottom:12px; padding:3px 3px 12px 3px; background: url(images/moduleback.gif) top left repeat-x;} /*=-=-=-[ Main Menu Styling Here ]-=-=-=*/ ul#mc_menu_1{margin:0px; padding:0px; list-style:none;} ul#mc_menu_1 a{text-decoration:none;} #mc_menu_1 a, #mc_menu_1 a:visited{background: url(images/navlink.jpg) right no-repeat; color:#fff; display:block; font-weight:bold; text-transform:uppercase; margin:0px; padding:9px 17px 9px 15px} #mc_menu_1 a:hover{background:#daeef9 url(images/navlink2.jpg) right no-repeat; color:#333; margin:0px; padding:9px 17px 9px 15px; text-decoration:none} #mc_menu_1 li{float:left; margin:0px; padding:0px; position:relative;} #mc_menu_1 li ul{position:absolute; width:10em; left:-999em;} #mc_menu_1 li li{float:left; margin:0px; padding:0px; width:180px;} /*-=-=-=[]=-=-=-*/ #mc_menu_1 li li a, #mc_menu_1 li li a:link, #mc_menu_1 li li a:visited{color:#7d7b6c; background:#ebf8ff; width:180px; float:none; text-transform:none; margin:0px; padding:8px 10px 8px 10px; border-bottom:1px solid #333; border-left:1px solid #588da2; border-right:1px solid #588da2;} #mc_menu_1 li li a:hover, #mc_menu_1 li li a:active{background:#f5f5f5; padding:8px 10px 8px 10px; /*margin:0;*/} #mc_menu_1 li:hover ul{left:auto; display:block; color:#fff;} #mc_menu_1 li:hover ul, #mc_menu_1 li.sfhover ul{left:auto} /*-=-=-=[Third Level]=-=-=-*/ #mc_menu_1 li ul ul{left:auto; display: block; margin: -27px 0 0 201px; /*margin: -24px 0 0 171px !Important;*/} #mc_menu_1 li:hover ul ul, #mc_menu_1 li:hover ul ul ul, #mc_menu_1 li.sfhover ul ul, #mc_menu_1 li.sfhover ul ul ul {left: -999em; display:block;} #mc_menu_1 li:hover ul, #mc_menu_1 li li:hover ul, #mc_menu_1 li li li:hover ul, #mc_menu_1 li.sfhover ul, #mc_menu_1 li li.sfhover ul, #mc_menu_1 li li li.sfhover ul {left: auto;} /*=-=-=-[ Top Menu Styling Here ]-=-=-=*/ ul#mc_menu_4{margin:0px; padding:0px; list-style:none; text-align:left;} ul#mc_menu_4 li{text-align:left; display:inline; margin-right:10px;} ul#mc_menu_4 li a{padding:0px; margin:0px; color:#fff; text-decoration:none; line-height:30px;} /*=-=-=-[ Sidebar Main Menu Styling Here ]-=-=-=*/ #mc_menu_5{list-style-type:none; margin-left:0; padding:0px; /*width:168px; font-family:"Georgia","Times New Roman", Times, serif;*/} #mc_menu_5 li{position:relative; margin-bottom:4px; background: url(images/menuback.jpg) bottom left no-repeat; padding:0px 0px 3px 0px;} #mc_menu_5 a{display:block; background: url(images/bullet.gif) no-repeat; background-position: 8px 10px; height:22px; text-indent:18px; text-decoration:none; color:#333; line-height:22px; font-size:11px !Important;} #mc_menu_5 a:hover{background:#e2f5ff url(images/bullet.gif) no-repeat; background-position: 8px 10px; color:#444; width:100%;} #mc_menu_5 li ul{list-style-type:none; position:absolute; left:-999em; padding-left:0px; margin-left:-204px; margin-top:-26px; border:1px solid #d9eef9; background: url(images/moduleback.gif) top left repeat-x; width:200px;} #mc_menu_5 li li{/*background:#f6f6f6 url(images/listitem2.jpg); width:170px;*/ line-height:24px; height:26px; font-size:1.0em !Important;} #mc_menu_5 li li a{display:block; width:200px; w\idth: 195px; background: url(images/bullet.gif) no-repeat; background-position: 8px 10px; height:22px; text-indent:18px; text-decoration:none; color:#333; line-height:22px;} #mc_menu_5 li ul li{margin:0px;} #mc_menu_5 li li a:hover{color:#333;} #mc_menu_5 li ul ul{left: -999em;} /*#mc_menu_5 li a {width: 168px; w\idth: 163px; display: block;}*/ #mc_menu_5 li:hover ul ul, #mc_menu_5 li:hover ul ul ul, #mc_menu_5 li.sfhover ul ul, #mc_menu_5 li.sfhover ul ul ul {left: -999em;} #mc_menu_5 li:hover ul, #mc_menu_5 li li:hover ul, #mc_menu_5 li li li:hover ul, #mc_menu_5 li.sfhover ul, #mc_menu_5 li li.sfhover ul, #mc_menu_5 li li li.sfhover ul{left: auto;} /*=-=-=-[WP sidebar.php]-=-=-=*/ #sidebar{} /*=-=-=-[WP index.php or blog.tpl.php]-=-=-=*/ .article{padding-right:1px;} /*
*/ span.wpreadmore{} /* Read the full article */ a.more-link{} .post{} .post-ID{}/*
*/ /*-=-=-=[ Styling for the little post calendar ]=-=-=-*/ .postdate{background: url(images/date.gif); float:left; width:45px; height:50px; margin:0px 5px 0px 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; margin:0 !Important;} .postdate h5{color: #cc0000; font-size: 20px !Important; font-weight: bold; padding:5px 4px 0px 0px; margin:0px; text-align:center} .posttitle{float:left; width:655px; margin:0px 0px 12px 0px; padding:0px 0px 0px 0px;} .posttitle p{font-size: 1.1em; margin: 5px 0 0 0; padding:0px !important;} .posttitle h2 a{color: #CC0000; text-decoration:none; font-size: 16px !Important;} h2.postheader{color: #CC0000; border-bottom: 1px solid #333; margin:0 !Important; padding-bottom:8px; text-indent:1px !Important;} /*=-=-=-[WP archives.php]-=-=-=*/ #archivepage{} /*=-=-=-[WP attachment.php]-=-=-=*/ #attachmentpage{} /*=-=-=-[WP author.php]-=-=-=*/ #authorpage{} /*=-=-=-[WP category.php]-=-=-=*/ #categoryepage{} /*=-=-=-[WP page.php]-=-=-=*/ #postpage{} /*=-=-=-[WP single.php]-=-=-=*/ #blogsingle{} p.postmetadata-single{display:block; font-size:11px !Important; text-align:justify; line-height:120%; margin-bottom:12px; background:#f3fbff;} /*=-=-=-[WP 404.php]-=-=-=*/ #errorpage{} /*-=-=-=[ Styling comments.php ]=-=-=-*/ ul#singlecomments{margin-bottom:40px;} ul#singlecomments ul{list-style-image:none;} ul#singlepings{border:1px solid #009999; list-style-image:none; padding:0px;} h4#comments{height:32px; line-height:32px; border-bottom:1px solid #333; width:100%; margin-bottom:20px;} h4#pings{height:32px; line-height:32px; border-bottom:1px solid #333; width:100%; margin-bottom:20px;} ul#singlecomments{list-style:none; margin:0; padding:0;} ul#singlecomments li{border:1px solid #d5d5d5; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; margin:0 0 10px; padding:5px 7px 5px 64px !Important; position:relative;} ul#singlecomments li.pingback comment-author{padding:0 170px 0 0;} ul#singlecomments li div.vcard{font-weight:bold; font-size: 14px; line-height: 16px; font-family: helvetica,arial,sans-serif;} ul#singlecomments li div.vcard cite.fn{font-style:normal; font-size: 11px;} ul#singlecomments li div.vcard cite.fn a.url{color:#cc0000; text-decoration:none;} ul#singlecomments li div.vcard cite.fn a.url:hover{color:#000;} ul#singlecomments li div.vcard img.avatar{background: #fff; border:1px solid #aaa; padding:2px; position:absolute; left:5px; top:5px;} ul#singlecomments li div.comment-meta{font-weight:bold; font-size: 10px; line-height: 16px; font-family: helvetica,arial,sans-serif; position:absolute; right:10px; text-align:right; top:5px;} ul#singlecomments li div.comment-meta a{color:#205B87; text-decoration:none;} ul#singlecomments li p{font-weight:normal; font-size: 12px; line-height: 16px; font-family: helvetica,arial,sans-serif; margin:5px 0 12px;} ul#singlecomments li ul{font-weight:normal; font-size: 12px; line-height: 16px; font-family: helvetica,arial,sans-serif; list-style:square; margin:0 0 12px; padding:0;} ul#singlecomments li div.reply{background:#999; border:1px solid #666; border-radius:2px; -moz-border-radius:2px; -webkit-border-radius:2px; color:#fff; font:bold 9px/1 helvetica,arial,sans-serif; padding:6px 5px 4px; text-align:center; width:66px;} ul#singlecomments li div.reply:hover{background:#cc0000; border:1px solid #cc0000;} ul#singlecomments li div.reply a{color:#fff; text-decoration:none; text-transform:uppercase;} ul#singlecomments li ul.children{list-style:none; margin:12px 0 0; text-indent:0;} ul#singlecomments li ul.children li.depth-2{margin:0 0 3px;} ul#singlecomments li ul.children li.depth-3{margin:0 0 3px;} ul#singlecomments li ul.children li.depth-4{margin:0 0 3px;} ul#singlecomments li ul.children li.depth-5{margin:0 0 3px;} ul#singlecomments ul.children li.odd{background:#fff;} ul#singlecomments ul.children li.even{background:#f6f6f6;} ul#singlecomments li.pingback div.vcard{padding:0 170px 0 0;} .tabberlive .tabbertabhide{display:none;} .tabber{} .tabberlive{margin-top:1em;} ul.tabbernav{margin:0; padding: 1px 0 !Important; border-bottom: 1px solid #778; font: bold 12px Verdana, sans-serif;} ul.tabbernav li{list-style: none; margin: 0; display: inline;} ul.tabbernav li a{padding: 3px 0.5em; margin-left: 3px; border: 1px solid #778; border-bottom: none; background: #DDE; text-decoration: none;} ul.tabbernav li a:link{color: #448;} ul.tabbernav li a:visited{color: #667;} ul.tabbernav li a:hover{color: #000; background: #AAE; border-color: #227;} ul.tabbernav li.tabberactive a{background-color: #fff; border-bottom: 1px solid #fff;} ul.tabbernav li.tabberactive a:hover{color: #000; background: white; border-bottom: 1px solid white;} .tabberlive .tabbertab{padding:5px; /*border:1px solid #aaa;*/ border-top:0;} .tabberlive .tabbertab h2{display:none;} .tabberlive .tabbertab h3{display:none;} .tabberlive#tab1{} .tabberlive#tab2{} .tabberlive#tab2 .tabbertab{height:200px; overflow:auto;} /*=-=-=-[WordPress Calendar Styling - WordPress Calendar is a TABLE]-=-=-=*/ #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:#ff0000;} #wp-calendar td a:hover{background-color:#ccc;} .pad{background:#369;} /* this is used to style specific empty TD cells used for calendar structure */ #next, #prev{background:#369;} #next .pad{} #prev .pad{} #today{background:#369;} /* This styles "Today" which is a TD Cell */ /*=-=-=-[Extra Footer Styling] -=-=-=*/ #bottomlks a, #bottomlks a:visited {clear: both; font-size: 11px; font-weight:800; width: 900px; text-align: center; text-decoration:none} #bottomlks-v a, #bottomlks-v a:visited {clear: both; font-size: 11px !Important; width: 900px; text-align: center; text-decoration:none; color:#6F6F6F} /*=-=-=-[Featured Listings Styling] -=-=-=*/ ul.ourfeaturedlistings{margin:5px 0 0 0; padding:0; list-style:none; width:86px;} .ourfeaturedlistings li{font-size:11px !Important;} img.listingimages{background: url(http://www.sdrealtypros.com/wp-content/themes/sandiego-wp/images/listings.png) no-repeat; padding:12px;} td.featuredtitle{background: url(http://www.sdrealtypros.com/wp-content/themes/sandiego-wp/images/featuredtitlebackground.jpg) no-repeat; padding:5px 8px;} .featuredtitle a{font-size:12px !Important; text-decoration:none; color:#fff; text-indent:8px; display:block;}