/* -------------------------------------------------------------- 
   style.css
   * by Richard Badlisan
-------------------------------------------------------------- */
body { color: black; font: 12px Arial,Verdana,Helvitica,sans-serif; background: #c7d1a8 url(../images/bg.gif) repeat-x; }
div#header { color: white; background: url(../images/header_bg.gif) repeat-x; height:87px; }
div#header { background: url(../images/urbanthink_header.gif) repeat-x right; height:139px; }

div#header-home { background: url(../images/header_home.gif) repeat-x right; height:139px; border:0;  }
div#header-missionvision { background: url(../images/header_missionvision.gif) repeat-x right; height:139px; border:0;  }
div#header-marcpaille { background: url(../images/header_marcpaille.gif) repeat-x right; height:139px; border:0;  }
div#header-faqs { background: url(../images/header_faqs.gif) repeat-x right; height:139px; border:0;  }
div#header-sitemap { background: url(../images/header_sitemap.gif) repeat-x right; height:139px; border:0;  }
div#header-listings { background: url(../images/header_listings.gif) repeat-x right; height:139px; border:0;  }
div#header-buying { background: url(../images/header_buying.gif) repeat-x right; height:139px; border:0;  }
div#header-selling { background: url(../images/header_selling.gif) repeat-x right; height:139px; border:0;  }
div#header-marketstats { background: url(../images/header_marketstats.gif) repeat-x right; height:139px; border:0;  }
div#header-architecture { background: url(../images/header_architecture.gif) repeat-x right; height:139px; border:0;  }
div#header-neighbourhoods { background: url(../images/header_neighbourhoods.gif) repeat-x right; height:139px; border:0;  }
div#header-links { background: url(../images/header_links.gif) repeat-x right; height:139px; border:0;  }

h2.headertext { padding: 0.8em 0 0 1.5em; margin:0; font-weight: bold; letter-spacing: 0.3em; font-size: 10px; font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; border: 0;}
h2.headertext a { text-decoration: none;  }
div#wrapper {  width:98%; margin:0 auto; min-width:1000px; background: #dbdfce url(../images/pattern1.gif) no-repeat right bottom;  }
a:link, a:active { color: #333; text-decoration: none; }
a:visited { color: #92371D;  }
a:hover { color: #a80f0f;  }
table tr td { padding: 0.5em; }
table h2 { padding:0; }
table h2 a {  text-decoration: none; }
table p { padding:0.2em 0 0 0; }
em { font:10px Verdana,Helvitica,sans-serif; color: #999;}
h1 { clear:both; font: 14px bold Arial,Verdana,Helvitica,sans-serif; color: #a80f0f; }
h2 { padding:0.5em; margin:0.2em 0; color: #a80f0f; border-bottom:1px solid #999; font-weight: bold; }
h3 { color: #a80f0f }
h4 { font-weight: bold; color: #860d0d;}
p { line-height: 22px; text-align: left; margin:0 0.5em; }
.accord-content a { font-weight: bold; color: #666; text-decoration: underline;}
.accord-content a:hover { color: #333 }

#container { min-height: 300px; padding: 0; }
/*#banner { background: url(../images/content_bg.gif) left no-repeat; height:80px; width:310px; top: 85px; left:70px; position: absolute;}*/
#banner a { background: url(../images/urbanthink_text.gif) left no-repeat; height:80px; width:310px; top: 75px; left:15px; position: absolute; text-decoration: none; outline: none;}
#footer { border-top:1px solid #c8ceb4; clear: both; background: url(../images/footer_bg.gif) repeat-x; color: #666; text-align: center; padding:2em 0}
#footer a { color: #D9E7F8; text-decoration: none; }
#footer a:hover { color: white;}

p.quote { margin: 0.5em 0.8em; padding: 0.5em; color: #333; }

ul.accord-content li, ul.accord-content h1, ul.accord-content li p { padding:0 0.5em; }
ul.accord-content li h1 { margin:0.5em 0; font-weight: bold; }
ul.accord-content li p { margin-top: 0.8em; padding-bottom:1em; }
ul.accord-content li p a { color: #860d0d; font-weight: normal; text-decoration: underline; }
ul.thumbs-gallery, ul.row-listing { list-style-type: none; }
ul.thumbs-gallery h3 { color: #333; font-weight: bold; }
ul.thumbs-gallery li { clear: both; padding: 0.5em; text-align: center; }
ul.thumbs-gallery li a:visited { text-decoration: none; }

img.listing { width:125px; height:105px; background: white; padding:0.2em; border: 1px solid #333; margin-right: 0.5em }

ul.text-list, ul.accord-menu, ul.list-dl, ul.thumbs, ul.archive-list { list-style-type: none; }
ul.text-list li,ul.archive-list li { padding: 0.25em 0 0.25em 1em;}
ul.text-list li a { font-size:10px; font-family: Verdana, Arial, Geneva, Helvetica, sans-serif; color: #333; text-decoration: none; font-weight: bold; letter-spacing:.2em }
ul.text-list li a:hover,ul.archive-list li a:hover { color: #a80f0f; }
ul.list-dl li { padding:0.5em; }
ul.archive-list li { border-bottom:1px solid #c8ceb4;}
ul.archive-list li a { font-size:11px; font-family: Verdana, Arial, Geneva, Helvetica, sans-serif; color: #333; text-decoration: none; }

h3.head { padding:0.5em; margin:0.2em 0; color: #a80f0f; border-bottom:1px solid #999;}
h3.head a { color: #a80f0f; text-decoration: none; font-weight: bold; }
h3.head.selected { border-bottom:1px solid #a80f0f;   }
h3.head.selected a { color: black; padding: 0.5em; border-bottom: 1px solid #dbdfce; }

h3.content-head { padding:0.5em; margin:0.2em 0;  border-bottom:1px solid #ccc;}
h3.content-head a { color: #999; text-decoration: none; font-weight: bold; }
h3.content-head.selected { border-bottom:1px solid #999;   }
h3.content-head a:hover,
h3.content-head.selected a { color: #000;  }

input.search-box { color: #92371D; background: url(../images/searchbox_bg.gif) no-repeat;	border:0; width: 181px; padding:0.8em 0 1.8em 1.0em; font-size: 10px; outline: none; }

table.main-divider { background-color: #F1F1F1;  }
table.main-divider td { padding: 0.5em;}
table.main-divider td.content { width: 70%;}
table.main-divider td.content ul { margin-top: 0;}
table.main-divider td.extra { width: 30% }

table.list { border:1px solid #CCC; width:100%; font:11px 'helvetica neue',sans-serif; margin:0; color: #333; }
table.list th { border-bottom: 1px solid #30050A; border-right: 1px solid #CCC; color: #FFF; background:#B02B2C url(../images/shade.png); padding: 0.3em; text-align: center }
table.list tr { border: 0; }
table.list tr td {padding:0.3em}
table.list a:active,
table.list a:link,
table.list a:visited { color: #424535; text-decoration: none; }
table.list a:hover { color: #B02B2C; text-decoration: underline; }
tr.odd { background-color:#dbdfce; }
tr.even { background-color: #cacdbd; }

.box { border:1px solid #2276BB; background-color: #2583CF; padding: 0.5em; color: white; margin-bottom: 0.5em;}
.box h1 { color: #CFE0E9 }
.box ul { list-style-type: none;}
.box ul li { padding: 0.25em 0;}
.box ul li a { color: #DBEBF9; }
.box ul li a:hover { color: white; text-decoration: none; }

.comment { margin:1em 0.5em; padding:0.5em;}
.comment p { margin:0.5em 0; }
.comment ul { list-style-type: none; }
.comment ul li { background-color: #F1F1F1; padding:0.5em; margin-bottom:0.5em; }

div.side-panel { float: left; width: 20%; padding: 0.5em; background: url(../images/pattern_grid_canada.gif) no-repeat; }
div.main-panel { float: left; width: 50%;  border-left:1px solid #c8ceb4; overflow: auto; padding: 0.5em;}
.main-panel h1 { padding-left: 0.5em; }
.main-panel ul li a { font-weight: bold; color: #333; text-decoration: none; }
.main-panel ul li a:hover { color: #a80f0f; }

.ico-save { background: url(../images/save.png) no-repeat; padding:0.5em 0.9em; cursor: pointer; }

ul.thumbs { text-align:center; }
ul.thumbs li { border:1px solid #a80f0f; margin: 0.5em auto; width: 105px; padding:0.5em; }
ul.thumbs li img { width:100px; height:70px; }

div.ut-posts { margin-bottom: 3em; padding: 0.5em; }
div.ut-posts ul { list-style-type: none; }
div.ut-posts h2 { font-size: 85%; text-transform: uppercase;letter-spacing: 1px;
      color: #B02B2C; font-size: 10px; font-family: "Lucida Grande", Verdana, Helvetica, Arial, sans-serif;
      font-weight: 100;	text-align: right; border-bottom:1px solid B02B2C;  }
div.ut-posts h1 { padding:0; font-size:20px; color: #B02B2C; font-weight: normal; font-family: Georgia, "Times New Roman", Times, serif; margin-bottom:0.5em; }
div.ut-posts blockquote { padding: 3px 15px; margin: 5px 0px; color:#333; border: dashed 1px #999; }
div.ut-posts em { font-size:12px; padding:0; margin:0; color: #666}
div.ut-posts p { margin-bottom:0.5em; }
div.ut-posts a { text-decoration: underline; }

div.mp-blog { font-family:Georgia,serif; background: #545454 url(../images/blog_marcpaille_graybg.jpg) right no-repeat; padding:1.2em 0; }
div.mp-blog h1, div.mp-blog h2 { font-size: .8em; color: white; margin:0; font-weight: bold; text-transform:uppercase; border:0}
div.mp-blog h2 { letter-spacing:2px; padding:0 0.8em; }
div.mp-blog h1 { font-size:1.2em; letter-spacing:5px; }