/*
Theme Name: CCRE Redesign Theme
Theme URI: http://www.cedarcity-realestate.com/
Description: This theme is built for Cedar City Real Estate Base on the customized template of JMIPS.
Version: 1.0
Author: Innovation Simple Inc.
Author URI: http://innovationsimple.com/
*/

/* Global Body */
* { margin:0; padding:0; }
body { background-color: #75482F; font:0.73em "Lucida Grande",Tahoma,Arial; line-height:1.3em; text-align:center; color:#000; }
.bold, p a { font-weight: bold; }
p {text-align:justify;margin-bottom:15px;}
hr {margin: 10px 0 10px 0; border:1px solid #000; }
ul { text-align: left; margin:20px; }

/* Header */
#header { background: url('/images/header_bg.jpg') no-repeat center; margin:0 auto 0 auto; padding:0; height: 145px; color:#666; }
#header .inner { padding: 0 35px 0 25px; width:900px; margin: 0 auto 0 auto; }
#headerleft { float:left; margin: 0; text-align:left; }
#headerright { font-size: 0.9em; font-weight: bold; float:right; margin:0; width: 290px; }
#headerright p { font-size: 1.6em; color: #fff; margin: 7px 0 5px 0; padding: 0; }
#headerright .headerrss { float: right;margin: 5px 0 0 10px;padding:0; }
#header #headerright p.falls a { color: #fff; font-weight: normal; margin: 0; }

/* Searchbox */
.searchbox { width:430px;text-align:center;margin:12px;padding:0;float:right; }
.searchbox div.searchform { margin: 0 0 5px 0; }
.searchbox label { color:#666; font-size:1.2em; }
.searchbox input#s { padding:3px 0 3px 5px; border:1px solid #aaa; background:#fff; width:200px; color:#666; margin:0; vertical-align: bottom; }
.searchbox input#searchsubmit { padding:0; margin:0; vertical-align: bottom; }
.searchbox div.feed {float:left;}

/* Navigation */
.navigation { height: 38px; background: url('/images/nav_bg.jpg') repeat-x; }
ul#nav{ font-family: "Lucida Grande",Tahoma,Arial; font-weight: normal; text-align: center; width: 900px; line-height: 11px; font-size: 13px; list-style-type: none; display: block; margin: 0 auto 0 auto; padding: 0 0 0 25px; }
ul#nav li.divider{ float: left; padding:0; margin:0; }
ul#nav li.link{ float: left; height: 38px; margin: 0; padding: 0; border-left: 1px solid #666; }
ul#nav li.link.last{ border-right: 0px solid #666; } ul#nav li.link.first{ border-left: 0px solid #666; }
ul#nav .link a{ color:#7A482D; height: 27px; display: block; margin: 0; padding: 12px 38px 0 38px; line-height: 15px; }
ul#nav li a{ text-decoration: none; font-weight: bold; } ul#nav li a:hover{ color:#CF2A19; }

/* Heading tags */
h1 { line-height:30px; margin: 0 0 20px 0; padding:0; text-align:center; color: #000; font-size:1.9em; }
h1.hh1 { display: none; }
h2 { text-align:left; line-height:16px; font-size:1.35em; margin: 0 0 10px 0; padding:0; color:#7A482D;}
h2 a { color:#7A482D; }
h2.hh2 { margin: 10px 0 10px 0;text-align: center; text-decoration: underline; }
h3 { text-align:left; line-height:14px; margin: 0 0 10px 0; padding:0; color:#918066;}
h4 { text-align:left; line-height:12px; margin: 0 0 10px 0; padding:0; }

/* Sidebar */
#sidebar {float:left;text-align:left;padding:0;margin:7px 4px 0 23px;width:219px; }
#sidebar a {text-decoration:none;}
#sidebar .sbpanel-top { height: 14px; background: url('/images/side_top.png') no-repeat; padding: 0; margin:5px 0 0 0; }
#sidebar .sbpanel-mid { background: url('/images/side_mid.png') repeat-y; }
#sidebar .sbpanel-bot { height: 14px; background: url('/images/side_bot.png') no-repeat; padding: 0; margin:0; }
#sidebar h2 {padding:4px 0 10px 0; margin:0; font-size:1.3em;font-weight:bold; text-align: center; }
#sidebar h2 a {color: #C5755C;display:block;font:bold 1.04em "Lucida Grande",Tahoma,Arial;padding:0;margin:0;}
#sidebar ul.news {margin: 0 0 0 25px; padding:0;}
#sidebar ul.news p { text-align: left; }
#sidebar ul.articles {margin: 0 0 0 28px; padding:0; font-size:1.2em;}
#sidebar div {padding: 0 0 5px 10px; margin:0;}
#sidebar ul.news li { margin:0;padding:2px 0 2px 0;list-style-image: url('/images/smallarrow.gif');}
#sidebar ul.articles li {padding:2px 0 2px 0;list-style-image: url('/images/smallarrow.gif');}
#sidebar ul.articles li ul.children { margin: 5px 20px 5px 20px; }
#sidebar ul.news li p { margin: 0 20px 0 0; }
#sidebar ul li li, #content #sidebar ul.blog li li {line-height:16px; padding:0; margin-left:2px;}
#sidebar ul li a {font-weight:normal;font-size: 1em;margin: 0;padding: 0;color:#000;}
#sidebar ul li a:hover, #sidebar ul li.current_page_item a{color:#CF2A19;}
#sidebar .fullmls-search { margin: 0 auto 0 auto;float:none;clear:both;height:19px;width:99px;background:url('/images/button-real.png') no-repeat;font-weight:bold; font-family:"Lucida Grande",Tahoma,Arial; }
#sidebar .fullmls-search a{ color:#000;font-weight:normal; padding:0;}

/* Quick Search */
#IDX-quickSearchForm {  position: relative; height: 155px; width: 230px; } 
#QS-labelCityList { text-align: left; position: absolute; width: 110px; height: 15px; left: 2px; top: 4px;  } 
#QS-selectCityList { position: absolute; width: 85px; height: 22px; left: 2px; top: 20px;  } 
#QS-labelMinSqft { text-align: left; position: absolute; width: 70px; height: 15px; left: 100px; top: 4px; font-family:"Lucida Grande",Tahoma,Arial; } 
#QS-minSqftField { position: absolute; width: 80px; height: 22px; left: 100px; top: 20px; } 
#QS-labelMinPrice { text-align: left; position: absolute; width: 70px; height: 15px; left: 2px; top: 44px;  } 
#QS-minPriceField { position: absolute; width: 80px; height: 15px; left: 2px; top: 60px; } 
#QS-labelMaxPrice { text-align: left; position: absolute; width: 70px; height: 15px; left: 100px; top: 44px;  } 
#QS-maxPriceField { position: absolute; width: 80px; height: 15px; left: 100px; top: 60px; } 
#QS-labelMinRooms { text-align: left; position: absolute; width: 90px; height: 15px; left: 2px; top: 84px; font-family:"Lucida Grande",Tahoma,Arial; } 
#QS-minRoomsField { position: absolute; width: 80px; height: 15px; left: 2px; top: 100px; } 
#QS-labelMinBaths { text-align: left; position: absolute; width: 70px; height: 15px; left: 100px; top: 84px;  } 
#QS-minBathsField { position: absolute; width: 80px; height: 15px; left: 100px; top: 100px; } 
#QS-buttonSearch { position: absolute; width: 65px; height: 27px; left: 62px; top: 124px;  } 

/* Main Content */
.pageBackground { margin: 0 auto 0 auto; background: url('/images/body_bg.png') repeat center; }
.pageContainer { width: 920px; padding: 0 0 10px 0; margin: 0 auto 0 auto; }
.pageContent { margin: 11px 0 0 0; width: 658px; float:right; }
.pageHomeContent { margin: 11px 8px 0 8px; width: 658px; float:right; }
.pageContentBoxTop { background: url('/images/body_top.png') no-repeat;width: 630px;height: 13px;margin: 0 20px 0 5px; }
.pageContentBox { background: url('/images/body_mid.png') repeat-y; margin: 0 20px  0 5px; }
.pageContentBoxBot { background: url('/images/body_bot.png') no-repeat;width: 630px;height: 13px;margin: 0 20px 0 5px; }

/* Content */
#content {text-align:left; margin:0; padding:0;}
#content h1 { color: #444;font-size:2.6em; font-weight: bold; padding-bottom: 10px; border-bottom:3px double #CF2A19;}
#hh1 {text-align:center;} #content #homeh1 {display: block; text-indent: -2000em; z-index: 1000; font-style: italic; font-size: 1.7em; color: #fff; margin:0 0 0 40px; padding:0; text-transform: uppercase;}
#content h2 {font-size:1.7em; clear:left; margin:20px 0 15px 0; padding:0; }
#content h2.posttitle a { font-size: 1.2em; color:#CF2A19;}
#content h2>img, #content h2 a>img {vertical-align: middle;}
#content h3 {font-size:1.3em; clear:left;}
#content h2.archiveheader {padding:4px 0;font-size:1.5em;border-bottom:3px solid #ddd;}
#content h2 a, #content h3 a {font-weight:bold;}
#content p {margin:0 0 15px;}
#content div.postnav {padding:10px 0;}
#content div.postnavleft {width:48%;}
#content div.postnavright {width:48%; text-align:right;}
#content ul, #content ol {margin:0 0 15px 30px; padding:0 0 0 10px;}
#content ul li, #content ol li {margin:0 0 3px;}
#content ul ul, #content ol ol {margin:5px 0 5px 15px;}
#content img {margin:0; padding:0;}
#content img.left {float:left; margin:0 10px 10px 0;}
#content img.right {float:right; margin:0 0 10px 10px;}
#content img.center {margin:2px auto 10px auto; display:block;}
#content img.framed {padding:5px; background:#222; border:1px solid #555;}
#content .post {margin:0 0 15px;}
#content .timestamp strong{font-size:1.2em; font-weight:400;}
#content .timestamp a {font-weight:400;}
.postmeta {padding:2px 0; font-size:1em; text-align:right; font-weight:400; color:#555; display:block; border-bottom:3px solid #ddd;}
#content .postmeta a {}
#content .postpagesnav {margin:15px 0 20px 0; padding:0; font-size:1.2em;}
#content .postpagesnav .older {width:48%; float:left;}
#content .postpagesnav .newer {width:48%; float:right; text-align:right;}

/* Footer */
#footer { background: url('/images/footer_bg.jpg') repeat-x; height:152px; text-align:center; padding: 10px 0 0 0; margin: 0 auto 0 auto; }
#footer div.inner { font-size: 0.88em; text-align:left; width: 900px; margin:0 auto 0 auto; padding: 0;color:#fff; }
#footer .ftpic { float:left;width:200px;margin:0 auto 0 auto;padding-top:8px;text-align:center;border-bottom:1px solid #9f916a; }
#footer .ftabout { float: left; width: 200px; }
#footer .ftlinks { float: left; width: 100px;margin: 20px 10px 10px 10px; }
#footer .ftlinks a { display:block;color:#fff;text-decoration:none;font-weight:bold;margin: 0 10px 10px 10px }
#footer .copyright { text-align: center;font-weight:bold;display:block;padding-top:15px;border-top:0px solid #9f916a; }
#footer .copyright a { color: #fff; text-decoration:underline; }

/* Extra Details */
.extra {clear:both; padding:2px 0 0 0;}
.output-options { text-align: right; }
p.introtext { margin:0 20px 20px 20px;}

/* Similar Pages */
#content .similar {clear:both; margin-top:20px; border:2px solid #ddd; background-color:#efffff;}
#content .similar .left {float:left; margin:0 0 0 20px;}
#content .similar .right {float:left; margin:0 0 0 20px; padding-left:20px; border-left: 1px solid #ddd;}

/* Comments */
#comments {margin:20px 0 16px 0;}
.comment {margin-bottom:10px; padding-bottom:6px;}
#content div.comment p.commenticon {margin:0 0 10px;}
#content div.comment p {margin:0 0 4px;}
#respond {margin:20px 0 0 0;}
#respond h2 {font-size:1.4em; padding:4px 0; border-bottom:3px solid #ddd;}
#respond p {margin:0 0 10px 0;}
#respond input,#respond textarea {padding:4px; width:250px; background-color:#f4f4f4; color:#666;}
#respond textarea#comment {width:500px;}
#respond input.button {width:75px;}
#respond input, #respond textarea {font: 100% "Trebuchet MS",Verdana,sans-serif; border: 1px solid #ccc;}

/* Tags */
blockquote {padding:5px 15px 2px 15px; margin:10px; border-left:4px solid #eee; color:#777;}
blockquote p {padding:2px 0; margin:0; font-weight:bold;}
code {padding:5px; font-size:1.2em; display:block; margin: 5px 0 16px 0; background-color:#f4f4f4; border:1px solid #ccc;}

/* Links */
a {color:#666;text-decoration: none; }
a:hover {color:#CF2A19;}
a img {border:0;}

/* Float fix */
.contenttext {overflow:hidden; margin: 0 30px 0 25px;}
* html .contenttext {height:1px; overflow:visible;}
* html .contenttext p {overflow:hidden; width:99%;}

/* Contact */
.formp { font-weight: bold; }
.formp select { width: 220px; }
.formcol1 { float:left;margin: 20px 0 0 35px; }
.formcol2 { float:left;margin: 0 0 0 50px; }
.formcol2 ul { padding:0;list-style-type: none; }

/* Various classes */
.feedlink {margin:0 0 0 2px;}
.textright {text-align:right;}
.textcenter {text-align:center;}
.textleft {text-align:left;}
.clear {visibility:hidden; clear:both;height:1px;}
.line {border-top: 1px solid #000;}
.fl {float:left;}
.both {clear:both;}
.hide {display:none;}
.center {text-align: center;}
.red {color:#B23E41;}
.i {font-style: italic;}
.go {color:#000000;}
.partners {width:158px;text-align:center;}
form#cform select#departments { width: 223px; }
.indent25 {text-indent: 25px;}
#content ul.straight {margin:0 0 0 10px;}

/* Panel Classes */
.cat_panel { margin: 10px 0 0 16px; width:305px; height: 167px; background: url('/images/cat_bg.png') no-repeat; }
.cat_panel h2 { margin: 10px 0 0 0; padding: 0 0 0 15px;text-align:left; }
.cat_panel .icon { float: left; margin: 20px 10px 0 10px;width:95px; height:86px; }
.cat_panel ul.news { margin: 8px 0 0 125px;width: 170px; }
.cat_panel ul.news li { margin:0;padding:2px 0 2px 0;list-style-image: url('/images/smallarrow.gif');}
.cat_panel ul.news li p { margin: 0 20px 0 0; }
.cat_panel ul.news li a { color:#000;font-weight:normal;text-decoration: none; }

.panel_top { height: 14px; width: 219px; background: url('/images/side_top.png') no-repeat; padding: 0; margin:0; }
.panel_mid { width: 219px; background: url('/images/side_mid.png') repeat-y; }
.panel_bot { height: 14px; width: 219px; background: url('/images/side_bot.png') no-repeat; padding: 0; margin:0; }

/* Real Estate Page */
.realestate-images { width: 275px; float:left; }
.realestate-search { background:url('/images/button-real.png') no-repeat; margin:0 22px 0 22px; width:99px; height:19px; float:left; }
.realestate-search a { display:block;margin:2px 0 0 0;color:#000;}

/* Cedar City Page */
.italics { font-style: italic; }
.pgcolumn1 { width: 300px;float: left;margin: 0 10px 0 0; }
.pgcolumn2 { width: 250px;float: left;margin: 0 10px 0 5px; }
.pgcolumn2 ul { margin-left: 25px; }
.pgcolumn2 .shakespearephoto { margin: 20px 0 10px 0; }

/* Partners Page */
.partnerspg { margin: 0 40px 0 25px; }
.partnerspg h2 { margin: 5px 0 20px 0; }
.partnerspg blockquote { text-align: left; }
.partnerspg .reshr { margin:0 auto 0 auto;border:0;width:85%;height:5px;background-image:url(/dots.gif);text-align:center; }
.partnerspg .subheader { color:#0000ff; }
.partnerspg .quickLinks a { text-decoration:underline; }
.partnerspg .bold { font-weight:bold; }
.partnerspg .fakeLink { color:#0000ff;text-decoration:underline; }
.partnerspg .red { color:#cc0000; }
.partnerspg .blue { color:#0000ff; }
.partnerspg .navy { color:#000080; }
.partnerspg .uline { text-decoration:underline; }
.partnerspg h3 a { color:#918066;text-decoration:none; }
.partnerspg h3 a:hover { color:#cc0000;text-decoration:underline; }

/* Category Pagetops */
.pagetop { height: 183px; margin: 0 0 0 5px; }
.pagetop h1 { margin-bottom:5px;text-align: left;padding: 15px 0 0 20px;color: #fff; }
.pagetop p { text-align: left;padding: 0 0 0 20px;color: #fff;font-size: 1.2em; }

.buyers-cat { background: url('/images/top-buyers.png') no-repeat; }
.sellers-cat { background: url('/images/top-sellers.png') no-repeat; }
.cedar-cat { background: url('/images/top-cedar.png') no-repeat; }
.realestate-cat { background: url('/images/top-realestate.png') no-repeat; }

.realestate-pg { background: url('/images/top-sellers.png') no-repeat; }
.about-pg { background: url('/images/top-about.png') no-repeat; }
.cedar-pg { background: url('/images/top-cedarcity.png') no-repeat; }
.partners-pg { background: url('/images/top-partners.png') no-repeat; }
.sycamore-trail-pg { background: url('/images/top-sycamore.png') no-repeat; }