/* Theme Name: Hot Properties of Utah Theme URI: http://www.hotpropertiesofutah.com/ Description: Another fine template built for WordPress by The Brokers Edge. Version: 2.6 Author: Jared Ritchey Author URI: http://www.thebrokersedge.com/ Tags: Fixed Width, CSS Grid Theme, Meyers RESET, NO Widgets, Custom Navigation This theme was designed by "Jared Ritchey" 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/ */ /*=-=-=-[The Page Foundation Styling]-=-=-=*/ body{margin:0; padding:0; text-align: center; font-size:62.5%; font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif;} p{margin:5px 0 8px 0;} ul{margin-bottom:20px} ul li a{font-size:1.2em; line-height:120%;} /*=-=-=-[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;} a{text-decoration: none; color: #5599a7;} a:hover{color: #bb800f;} hr{display: none;} /**/ ul.simple, ul.simple li{list-style: none outside; padding: 0;} ul.simple li p, ul.simple li h4{/*padding: 5px 20px; */} .collapse-container p{padding:3px 0px 10px 15px;} #documentwrapper{position:relative;} #documentwrapper h3{width: 670px; /*background: url(images/heading.gif) top center no-repeat;*/ background:#f5f5f5; height: 32px; line-height: 32px; margin: 1px 0; position: relative; cursor: pointer; text-indent:12px; font-size:14px; text-transform:uppercase;} #documentwrapper h3 a{text-decoration: none; color:#333; line-height:32px;} #documentwrapper h3 span{position: absolute; top:0; right:25px; font-size: 0.8em; font-weight: bold;} div.collapse{width: 670px; margin:1px 0; /*background: url(images/section-medium-top.gif) top center no-repeat #333a3e;*/} div.collapse-container{width: 670px; height: 100%; /* background: url(images/section-medium-bottom.gif) bottom no-repeat;*/} .docheading{margin-bottom:16px;} /**/ .featuredimage{width:210px; background:#f5f5f5; height:150px; text-align:center; padding:5px;} .jrfeatured{margin-left:5px;} /*=-=-=-[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} /*=-=-=-[Template Layout Styling]-=-=-=*/ #maxouter{background: url(images/pagebackground.jpg) top center repeat-y;} .pagewidth{width: 940px; margin-left: auto; margin-right: auto; position: relative; text-align:left;} /*=-=-=-[Header Container]-=-=-=*/ #headercontainer, #contentcontainer, #footercontainer{position: relative; width:100%; clear:both;} #headercontainer{background: url(images/headerbackground.jpg) top left repeat-x; height: 298px; z-index:99;} #sl, #sr{height: 298px; width: 954px; margin-left: auto; margin-right: auto;} #sl{background: url(images/sl.jpg) top left no-repeat;} #sr{background: url(images/sr.jpg) top right no-repeat;} /*=-=-=-[Header / Subheader]-=-=-=*/ #header{position: relative; height: 110px; overflow: hidden;} #topnavigation{position:absolute; top:70px; right:10px; width:560px; height:50px; font-weight:bold; font-size:11px; z-index:99} #topnavigation ul{margin:0; padding:10px 0 0 10px; list-style:none;} #topnavigation li{float:left; background: url("images/leftm.gif") no-repeat left top; margin:0 1px 0 0; padding:0 0 0 9px;} #topnavigation a{float:left; display:block; background: url("images/rightm.gif") no-repeat right top; padding:5px 15px 4px 6px; text-decoration: none; font-weight: bold; color: #7d8993;} /* Commented Backslash Hack hides rule from IE5-Mac \*/ #topnavigation a {float:none;}/* End IE5-Mac hack */ #topnavigation a:hover {color:#333;} #topnavigation #current {background-image: url("images/leftm_on.gif");} #topnavigation #current a {background-image: url("images/rightm_on.gif"); color:#333;} #topnavigation #current a:hover {color: #333;} #topnavigation li ul {position: absolute; left: -999em; display: block; width: 10em; z-index:999; background:#fff;} #topnavigation li:hover ul, #topnavigation li.sfhover ul {left: auto; margin: -10px 0 0 -28px;} #topnavigation li ul li {background-image:none; display: inline;} #topnavigation li ul li a {display: block; width:180px; padding: 4px 0 4px 10px; font-size: 100%; font-weight:normal; background-color:#fff; background-image: none; border-right: #ccc 1px solid; border-left: #ccc 1px solid; border-bottom: #ccc 1px dashed;} #topnavigation li ul li a:hover {background-color:#f5f5f5; color: #333;} #logo{width: 352px; height:100px; position: absolute; left: 10px; top: 5px;} #topbanner{width: 468px; height:100px; position: absolute; right: 10px; top: 8px;} #subheader{height: 150px; overflow: hidden; position: relative; margin-bottom:2px;} /* #module10{float: right; position: relative; width: 200px; height: 150px; background: url(images/loginscreen.jpg) no-repeat; color: #000;} label{color: #000;} #loginspace{height: 45px; width: 195px; position:relative;} */ #subheader .moduletable h3{font-size:1.1em; color:#fff; text-align:left; font-weight:bold; margin:0px; padding:0px;} #subheader .moduletable{font-size:0.92em; color:#e0e0e0; text-align:left; margin:0px; padding:0px;} #subheader td{padding:0px; font-size:1em;} #subheader .contentpaneopen{font-size:1em; color:#e0e0e0; text-align:left; margin:0px; padding:0px;} #subheader a{color:#e0e0e0; text-decoration:underline;} #rotator{height:150px; width:940px;} #navdiv{height:32px;} #mc_menu_2{margin:0px; padding:0px; list-style:none} #mc_menu_2 ul{margin:0px; padding:0px; list-style:none} #mc_menu_2 a, #mc_menu_2 a:visited{/*background: #FFF url(images/navlink.gif) right;*/ color: #FFF; display: block; font-weight:bold; text-transform: uppercase; margin:0px; padding:0px 17px 0px 15px; line-height:32px;} #mc_menu_2 a:hover{background: url(images/navhover.gif) right; color:#FFF; margin:0px; padding:0px 17px 0px 15px; text-decoration:none;} #mc_menu_2 li{float:left; margin:0px; padding:0px; position:relative;} #mc_menu_2 li li{float:left; margin:0px; padding:0px; width:150px} #mc_menu_2 li li a, #mc_menu_1 li li a:link, #mc_menu_2 li li a:visited{background:#4776C5; width:150px; float:none; text-transform:none; margin:0px; padding:7px 10px 7px 10px; border-bottom:1px solid #6E94D2; border-left:1px solid #6E94D2; border-right:1px solid #6E94D2} #mc_menu_2 li li a:hover, #mc_menu_2 li li a:active{background:#799CD6; padding:7px 10px 7px 10px} #mc_menu_2 li ul{position:absolute; width:10em; left:-999em} #mc_menu_2 li:hover ul{left:auto; display:block} #mc_menu_2 li:hover ul, #mc_menu_2 li.sfhover ul{left:auto} /*=-=-=-[Content Area]-=-=-=*/ div#maincontentdiv{margin:30px 0px 30px 0px} #contentcontainer{z-index: 90;} .cshadow{background: url(images/contentbackground.jpg) top left repeat-x;} div#wide{float:left; width:715px; border-left:1px solid #ccc} div#center{text-align:left; position:relative; margin: 10px 0px 0px 0px;} div#centerblockright{float:left; width:695px; border-left:1px solid #ccc} div#centerdiv{padding:0px 10px 0px 10px} /*=-=-=-[Left / Right Columns]-=-=-=*/ div#leftblock{float:left; width:240px} div#leftdiv{width:220px; text-align:left; margin: 10px 0px 0px 12px;} div#leftdiv li{text-indent:8px; margin-bottom:2px;} div#leftdiv li a{display:block; height:18px; line-height:18px; background:#f5f5f5; font-size:1.2em; color:#666;} div#left{font-size:1em; color:#939393} div#left h3{margin:10px 0px 3px 0px; padding:0px 0px 3px 0px; border-bottom:1px solid #ccc; font-size:1.6em; color:#6c0000; text-transform:uppercase;} div#left .moduletable{margin-bottom:20px; font-size:0.92em} div#left a{font-size:1em} #leftcolumn{margin: 0px; padding: 0px; width: 180px;} #jr_featured1{color: #333;} /*=-=-=-[Footer Area]-=-=-=*/ #footercontainer{position:relative; height:430px; background: url(images/fbg.jpg) top left repeat-x #fcfcfc;} #fl, #fr{width: 960px; margin-left: auto; margin-right: auto; height: 200px;} #fl{background: url(images/fl.jpg) top left no-repeat;} #fr{background: url(images/fr.jpg) top right no-repeat;} #randomfooter{position: relative; text-align:center; font-size:11px; color: #5599a7; line-height:140%;} #randomfooter p{font-size: 11px !important; text-align:center;} #bottomblock{padding-bottom: 25px; height:360px; width: 100%; overflow: hidden; margin-left: 8px; background: url(images/footershadow.jpg) bottom center no-repeat;} .bottomcolumn{float: left; width:295px; margin-right: 16px;} .bottomright{margin-right:0;} #footercontainer .fmodules{text-transform:uppercase; font-size:14px; margin-bottom:5px;} #bottomblock h4.special{font-size:11px; font-weight:bold;} h4.special a{color:#000;} #bottomblock p{padding:0px;} .bottomcolumn h3{border-bottom:2px solid #336699; color:#1e506b; font-size:18px; padding:25px 0 5px 5px} .bottomcolumn p{padding:10px 35px 10px 5px; font-size:1.2em} .iconlist{border-top: 1px dashed #d1cfcd; font-size:1.2em} ul.borderedlist li{border-bottom:1px dashed #d1cfcd} ul.borderedlist li a{display:block; padding:3px 0 0 2px; height:26px; color:#42423b} ul.borderedlist li a:hover{background:#fcfcfc; color:#42423b} ul.iconlist{list-style: none;} ul.iconlist li a{padding-left:25px; background:url(images/footer_list.jpg) left bottom no-repeat} ul.iconlist li a:hover{background:#fcfcfc url(images/footer_list.jpg) left top no-repeat; color:#42423b} .enewsbox{float:left; width:180px; height:17px; padding:3px 5px; border:4px solid #5599A7; font-size:13px} .button{display:block; float:left; width:auto; line-height:1em; text-align:center; background:#659AA6; border:1px solid #fff; color:#369; cursor:pointer; margin:0; padding:3px 8px; /* IE6 */} /*-=-=-=[ ]=-=-=-*/ .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{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;} /*-=-=-=[ Styling for the little post calendar ]=-=-=-*/ .postdate{background: url(images/date.gif); float:left; width:45px; height:50px; margin:0px 3px 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:625px; 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;} .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:#333; text-indent:8px;} /*-=-=-=[ Styling comments.php ]=-=-=-*/ #comments{width:500px;} #comments form{width:80%; margin:0; padding:0;} #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;}