/* Theme Name: Tucson Property Executives Theme URI: http://www.tucsonproperty.com/ Description: Another fine template built for WordPress by Jared Ritchey. Version: 2.8.4 Author: Jared Ritchey Design Author URI: http://www.JaredRitchey.com/ Tags: Admin Panel, Options Panel, Fixed Width, CSS Grid Theme, Meyers RESET, Multi Widget, Custom Navigation, Commercial This theme was designed - developed using the Rapid Template Design Kit. License: This theme is a custom commercial product for use by "" http://www.clientsite-url.com/license/ #### HOW THIS CSS FILE IS STRUCTURED #### @ This CSS File is based on the guides project at http://www.jaredritchey.com/xhtml-css-standards/ "See Rules of Specificity and Guides" @ The CSS is organized by .selector, #selector{position, size, margin, padding, background, alignment, color, font, all else} @ For WordPress, the theme hierarchy was followed for styling individual template files as you can see they are identified below. @ 1) Basic Element Typography Styling @ 2) Image Styling @ 3) Template Layout Styling @ 3a) Area Specific Typography @ 4) Navigation Elements @ 5) WordPress Hierarchy @ 5a) Area Specific Typography #### Compressed CSS Structure Guide #### */ body{font-family:'Lucida Grande','Lucida Sans Unicode',Helvetica,Arial,sans-serif; background: #999999; text-align:center; color:#333; font-size:62.5%;} /* (1)=-=-=-[Basic Element Typography]-=-=-=*/ p, dl, hr, h1, h2, h3, h4, h5, h6, ol, ul, pre, table, address, fieldset{} a{text-decoration: none; font-size:12px; font-weight:bold;} a:hover{text-decoration: none;} a:visited{} p{font-size:12px; text-align:justify; color:#000; line-height:150%; margin:10px 0px;} p.blockstyle{margin: 18px 60px 18px 60px; line-height:20px; text-align:justify; font-size:12px;} p.notice{} p.emphasis{} p,ul,ol{} hr {border:0 #ccc solid; border-top-width:1px; clear:both; height:0} strong{font-weight:700;} /*--// [List Elements] */ li ul,li ol{margin: 0;} ul{margin:16px 0px 24px 0px; list-style-type:square; font-size:12px; padding:0px 0px 0px 74px;} #maincolumn ul.shoppingbuddy{list-style-type:square; padding:0px !Important; margin-top:0px;} table#canvastote ul{padding-left:28px;} ol{list-style: outside decimal;} li{margin-bottom:8px;} dl{} dd{padding-left: 1.5em;} p.h4{margin: 0px 60px 24px 60px; line-height:20px; text-align:justify; font-size:19px;} /*--// [Header Tag Elements] */ h1, h1 a{font-size:26px} h2{font-size:22px} h3{font-size:20px} h4{font-size:16px} h5{font-size:17px} h6{font-size:15px} blockquote{padding: 0 1.5em;} pre{} address,cite,em,i,caption,dfn,var{font-style: italic;} tt,code,kbd,samp{font-size: 1em;} cite{} abbr,acronym{border-bottom: 1px dotted; cursor: help;} del{text-decoration: line-through;} ins{text-decoration: overline;} sub{font-size: .834em; line-height: 1em; vertical-align: sub;} sup{font-size: .834em; line-height: 1em; vertical-align: super;} /*--// [XHTML Table Elements] */ table{border-collapse: collapse; border-spacing: 0;} caption{text-align: left;} thead{} th, td{} tbody td, tbody th{} tfoot{} /*--// [Quick Search Form] */ h3.hometitle{font-size:16px; text-align:left;} span.goadvanced{line-height:22px;} /*--// [Forms and Fieldset Elements] */ fieldset{clear: both;} fieldset legend{padding: 0 0 1.5em; font-size: 1em;} legend{padding: 0 0 1.286em; font-size: 1.167em; font-weight: 700;} form .field, form .buttons{clear: both; margin: 0 0 1.5em;} form .field label{display: block;} form ul.fields li{list-style-type: none; margin: 0;} form ul.inline li, form ul.inline label{display: inline;} form ul.inline li{padding: 0 .75em 0 0;} label, button, input.submit, input.image{cursor: pointer;} input.radio, input.checkbox{vertical-align: top;} textarea{overflow: auto;} input.text, input.password, textarea, select{margin: 0; font: 1em/1.3 Helvetica, Arial, "Liberation Sans", "Bitstream Vera Sans", sans-serif; vertical-align: baseline;} input.text, input.password, textarea{border: 1px solid #444; border-bottom-color: #666; border-right-color: #666; padding: 2px;} /* (2)=-=-=-[Image Styles - Used in TinyMCE Editor WordPress]-=-=-=*/ img.aligncenter{display:block; margin-left:auto; margin-right:auto; border:1px solid #ccc !Important;} img.alignright{padding:0px; border:1px solid #ccc; float:right; margin:0px 0px 12px 12px;} img.alignleft{padding:0px; border:1px solid #ccc; float:left; margin:0px 6px 12px 0px;} img, img a{border:none;} img.noborder{border:none !Important;} div.thecaptions{margin-top:50px;} div.wp-caption{padding:0px; display:inline-block; float:left; margin-right:20px; margin-bottom:10px;} p.wp-caption-text{margin:5px 0 0 0 !Important; line-height:14px !Important; font-size:11px; font-style:italic; color:#666; text-align:left !Important;} #lgpostpage p.wp-caption-text{margin:5px 0 0 0 !Important; line-height:14px !Important; font-size:12px; font-style:normal; font-weight:bold; color:#666; text-align:center !Important;} /* (3)=-=-=-[Template Layout]-=-=-=*/ #maxouter{width:100%;} #pagewrapper{position:relative; width:720px; text-align:left; margin-left: auto; margin-right: auto; margin-top:20px; margin-bottom:40px; background:#fff;} #headerarea{position:relative; height:116px; width:720px; background: url(images/header.jpg) no-repeat; z-index:94; padding-top:1px;} #thelogo{position:relative; margin:8px 0px 0px 8px;} #contentwrapper{position:relative; z-index:90; width:720px; background:#fff;} #contentarea{width:720px; margin-left:0px;} /* (3a)--// Typography Styling */ #maincolumn{position: relative; width:710px; float: left;} .paddingelement{padding:0 0 0 10px;} table#maintables{margin:20px auto;} #maincolumn a{color:#d14e38; font-family:Arial, Helvetica, sans-serif;} #maincolumn a:hover{color:#cc6600; text-decoration:underline;} #maincolumn h1{color:#c7361e; font-size:24px; font-weight:400; padding:8px 0 10px 0; margin:0;} #maincolumn h2{color:#333; font-size:16px; display:block; font-weight:700; text-align:center; margin:30px 0px 30px 0px;} #maincolumn h3{text-align:center; margin-bottom:20px;} #maincolumnwide{position: relative; width:960px; background: url(images/homepage.jpg) top left repeat-y;} #leftsidehome{position:relative; width:480px; float:left;} #leftsidehome p{position:absolute; width:240px; height:106px; top:150px; left:120px;} #rightsidehome{position:relative; width:476px; display:inline; float:right;} #rightsidehome p{position:absolute; width:300px; height:106px; top:150px; right:90px;} div#footerarea{position:relative; height:37px; clear:both; text-align:center; width:720px; background: url(images/footer.jpg);} div#footerpadding{} p.copyright, p.copyrighthome, p.footerlinks{height:20px; display:block; color:#999; padding:0; margin-top:8px;} p.copyright{position:absolute; width:400px;right:14px; top:6px; text-align:right;} p.copyrighthome{position:relative; text-align:center; height:20px; padding-top:6px;} p.footerlinks{position:absolute; width:300px;left:10px; top:6px;} /*=-=-=-[ModuleBox Styling Here]-=-=-=*/ .modulebox{border: 1px solid #666; margin-bottom:12px; padding:3px;} /*=-=-=-[Image Fade Feature]-=-=-=*/ div.fadehover{position:relative;} img.a{position:absolute; top:0; left:0; z-index:110;} img.b{position:absolute; top:0; left:0;} /* (4)=-=-=-[Top Menu Styling Here]-=-=-=*/ /* #navbox{position:absolute; left:10px; top:50px; height:24px; width:490px;} #navbox ul{padding:0px; margin:0px;} #navbox ul li{display:inline; margin-right:4px; padding:5px 8px; background:#000;} #navbox ul li a{color:#e1a368; font-family:Geneva,Arial,Helvetica,sans-serif; font-size:14px;} #navbox ul li a:hover{color:#fff;} */ .menu {display:inline-block; font-weight:bold;} .menu {display:inline;} #navbox{display:table; position:absolute; left:10px; top:50px;} .menu {display:table-row; padding:0; margin:0; list-style-type:none; white-space:nowrap;} .menu li{display:inline;} .menu a, .menu a:visited {display:block; float:left; padding:4px 10px; color:#e1a368; background:#000; border:1px solid #fff; text-decoration:none;} .menu a:hover {color:#000; background:#e1a368;} /* (4)=-=-=-[ Main Menu Styling Here ]-=-=-=*/ ul#mc_menu_2{margin:0px; padding:0px; list-style:none;} ul#mc_menu_2 a{text-decoration:none;} ul#mc_menu_2 a, ul#mc_menu_2 a:visited{background: url(images/navlink.jpg) left no-repeat; color:#fff; display:block; font-weight:bold; text-transform:uppercase; margin:0px; padding:9px 17px 9px 15px} ul#mc_menu_2 a:hover{background:#d8b66e url(images/navlink.jpg) left no-repeat; color:#333; margin:0px; padding:9px 17px 9px 15px; text-decoration:none} ul#mc_menu_2 li{float:left; margin:0px; padding:0px;} ul#mc_menu_2 li ul{position:absolute; width:10em; left:-999em;} ul#mc_menu_2 li li{float:left; margin:0px !Important; padding:0px !Important; width:150px;} ul#mc_menu_2 li li a, ul#mc_menu_2 li li a:link, #mc_menu_2 li li a:visited{color:#7d7b6c; background:#deded4; width:150px; 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;} ul#mc_menu_2 li li a:hover, ul#mc_menu_2 li li a:active{background:#f5f5f5; padding:8px 10px 8px 10px} ul#mc_menu_2 li:hover ul{left:auto; display:block; color:#fff;} ul#mc_menu_2 li:hover ul, ul#mc_menu_2 li.sfhover ul{left:auto} /*=-=-=-// // (5) Begin the WordPress Hierarchy Styling // In this area I list the name of the template hierarchy file //=-=-=-*/ /*=-=-=-[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{}/*
*/ /*=-=-=-[WP archives.php]-=-=-=*/ #archivepage{} /*=-=-=-[WP attachment.php]-=-=-=*/ #attachmentpage{} /*=-=-=-[WP author.php]-=-=-=*/ #authorpage{} /*=-=-=-[WP category.php]-=-=-=*/ #categoryepage{} /*=-=-=-[WP page.php]-=-=-=*/ #postpage{padding-top:12px;} #lgpostpage{padding:30px 30px;} table#thebags{} ul.bagfeatures{margin-top:32px; list-style-type:square; font-size:12px; padding:0px;} ul.bagfeatures li{margin-bottom:4px;} h3.bagtitle{display:block; text-align:center; text-transform:uppercase; font-size:12px; font-weight:700; margin:16px 0px 8px 0px;} span.dimensions, span.stylecode{font-style:italic; font-size:12px; display:block; text-align:center; margin:8px 0px;} td.valignspecial{vertical-align:middle;} /*=-=-=-[WP single.php]-=-=-=*/ #blogsingle{} /*=-=-=-[WP 404.php]-=-=-=*/ #errorpage{} /*-=-=-=[ 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; 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 -- Mapping 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:#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 */