/* Theme Name: UltimateIDX WordPress Theme URI: http://ultimateidx.com Description: Another fine template built for WordPress by UIDX. Version: 2.7 Author: Jared Ritchey Author URI: http://www.jaredritchey.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://ultimateidx.com */ /* @ 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. */ /*=-=-=-[Common Styling]-=-=-=*/ body{font-family: 'Lucida Grande','Verdana',Arial,Sans-Serif; background: #fff url(images/bac.png) top left repeat-x !Important; text-align:center; color:#444; font-size:62.5%;} /*=-=-=-[Some Basic Element Typography]-=-=-=*/ a{text-decoration:none;} h1, h2, h3{font-family:'Georgia','Times New Roman',Verdana,Arial,Sans-Serif; padding: 3px 0px;} h1{font-size:2.6em; color:#003399; margin: 8px 0px 16px 0px;} h2{font-size:2.2em; margin: 8px 0px 12px 0px; color:#666;} h3{font-size:1.4em; color:#444; margin: 12px 0px 12px 0px; font-weight:600;} h4{font-size:14px; font-weight:bold; text-indent:16px;} p{margin:5px 0 8px 0; line-height:1.4em; font-size:1.2em; text-align:justify;} code{font-size:1.2em;} blockquote { margin: 12px 20px; color: #999; border-left: 2px solid #999; padding-left: 8px; } ol{padding-left:25px; margin:5px 0px; color:orange;} ol li{margin-left:20px; line-height:22px; font-size:1.0em;} blockquote{font-size:1.0em; text-indent:12px; line-height:120%; display:block; padding:3px 12px;} strong{font-weight:bold;} .syntaxhighlighter{font-size:1.2em !Important;} div.sociable ul{list-style-image:none;} div.sociable ul li{display:inline-block;} /*=-=-=-[This is used in the editor to align items using CSS]-=-=-=*/ img.centered{display:block; margin-left:auto; margin-right:auto; border:1px solid #ccc; padding:2px; margin-bottom:20px; margin-top:20px;} img.alignright{padding:4px; margin:0 0 2px 7px; display:inline} img.alignleft{padding-right:4px; margin:0px 8px 2px 0px; display:inline} .alignright{float:right} .alignleft{float:left} /*=-=-=-[Template Layout Styling]-=-=-=*/ div#maxouter{width:100%; background: url(images/bac_footer.png) bottom left repeat-x !Important;} div#max{width: 824px; background: url(images/background.jpg) top center repeat-y; margin: 0 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{position: relative; width:800px; text-align:left; margin-left: auto; margin-right: auto;} #header{position: relative; height: 235px; width:800px; /*background: url(images/logo.jpg) repeat-x;*/} #headerspacer{height: 25px;} #leftcolumn{width:172px; float:left; position:relative; z-index:99;} .paddingelement{padding:0px 0px 0px 4px;} h3.menuheaders{position:relative; display:block; height:18px; line-height:16px; background: #f4f4f4 url(images/menutitleback.jpg) top left no-repeat; text-indent:16px; margin:0px 0px 2px 0px; border-bottom:1px dotted #999; font-size:1.2em;} #maincolumn{float:right; display:inline; position:relative; width:624px; z-index:90;} #featuredsites{position:relative; width:624px; height:256px; background: url(images/mainmodule.jpg) bottom left no-repeat;} #siteswrapper{padding: 0px 15px;} #pagepost{padding: 0px 15px;} #blogpost{padding: 0px 15px;} #single{padding: 0px 15px;} #maincolumn ul{padding-left:25px; margin:5px 0px; list-style-image: url(images/blue-arrow.gif);} #maincolumn ul li{line-height:22px; font-size:1.2em;} #morecontent{height:127px; clear: both; background: url(images/footer.png) repeat-x; padding-top:1px; /* deals with margin collapse */ color:#fff;} #morecontent a{color:#fff;} #morecontent p{color:#fff; text-align:center; font-size:1.1em; padding-top:58px; margin:0px;} #bottommenu{text-align:center;} /*-=-=-=[ Menu Styling ]=-=-=-*/ #mc_menu_1{list-style-type:none; padding:0px; width:168px; font-family:"Georgia","Times New Roman", Times, serif;} #mc_menu_1 li{position:relative; display:block; height:28px; font-size:1.2em; line-height:22px; background: url(images/listitem.jpg); text-indent:16px; width:168px;} #mc_menu_1 a{color:#444;} #mc_menu_1 a:hover{color:#ccc;} #mc_menu_1 li ul{list-style-type:none; position:absolute; left:-999em; margin-left:156px; margin-top:-24px; padding-left:15px;} #mc_menu_1 li li{background:#f6f6f6 url(images/listitem2.jpg); width:170px; line-height:24px; height:26px; font-size:1.0em !Important;} #mc_menu_1 li li a{display:block; width:170px; w\idth: 165px; padding:0px;} #mc_menu_1 li ul li{} #mc_menu_1 li li a:hover{color:#ccc;} #mc_menu_1 li ul ul{left: -999em;} #mc_menu_1 li a {width: 168px; w\idth: 163px; display: block;} #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;} #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;} /* li.current_page_item a{font-weight:bold; color:#369 !Important;} li.current_page_item li a{color:#444 !Important; font-weight:normal;} */ /*-=-=-=[ Price Sheet Styling ]=-=-=-*/ #price7 {font-size:12px} /*-=-=-=[ Extra Sidebar Styling ]=-=-=-*/ .commentsul{padding-left:14px; margin:5px 0px; list-style-type:decimal;} ul li{line-height:20px; font-size:.9em;} /*-=-=-=[ Styling index.php used by default for blogs and home page among others ]=-=-=-*/ /*#indexwrapper{width:585px; margin:10px 0 0 10px;}*/ .article{margin:10px 15px 40px 15px; 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 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;} .postdate h5{color: #cc0000; font-size: 21px; font-weight: bold; padding:5px 4px 0px 0px; margin:0px; text-align:center} .posttitle{float:left; width:540px; 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; margin:0px;} .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:#0000FF; text-decoration:underline; text-indent:8px;} /*-=-=-=[ 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; 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 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 */