/*---------------------------------------------------------------------------------

File Name: main.css
Scope: HousingWatch
Effects: All HousingWatch-specific styling (except for FED global header/footer)

Version:	3
Created: 	11.20.2009
Updated: 	02.06.2010

Developer: 	Rob Cabacungan
eMail:		Robert.Cabacungan@corp.aol.com

Designer: 	Lin Zhuang, Ryan McCullah
eMail:		Ryan.Mccullah@corp.aol.com

Description: CSS for the HousingWatch blog.


----------------------------------------------------------------------------------*/

/* CSS Reset */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {margin:0;padding:0;border:0;outline:0;
	font-size:100%;vertical-align:baseline;background:transparent;}
body {line-height:1;}
ol, ul {list-style:none;}
/*
blockquote, q {quotes:none;}
blockquote:before, blockquote:after, q:before, q:after {content:'';content:none;}
*/
:focus {outline:0;}
ins {text-decoration:none;}
del {text-decoration:line-through;}
table {border-collapse:collapse;border-spacing:0;}

/*----------------------------------- THE GRID ----------------------------------*/

body {background:#fff url("http://o.aolcdn.com/os/realestate/hw/hw-background.jpg") fixed no-repeat top center;font:normal 12px Arial;}
#Outer {margin:0 auto;width:984px;}
#Body {background-color:#fff;clear:both;}
#Foot {background-color:#fff;clear:both;position:relative;height:650px;}
#Head {}
#Main {background-color:#fff;float:left;margin-right:10px;position:relative;width:624px;}
#MainSL {background-color:#fff;margin-top:5px;padding:10px 0 25px;}
#Page {box-shadow:5px 5px 3px #888;border-radius:3px;}
#Rail {background-color:#fff;float:left;margin-left:5px;width:335px;}
#RailSL {margin-top:10px;}


/*------------------------------------ BASIC STYLES -----------------------------------*/

.sprite {
  background-image:url("http://o.aolcdn.com/os/realestate/hw/hw-sprite.png") !important;
  background-repeat:no-repeat;
  background-position:0 0;
  background-color: transparent;
}

/* our standard hyperlink color */
a {color: #004173;text-decoration:none;}
a:visited {color:#004173;}
a:hover {text-decoration:underline;}

/* clear */
.clear {clear:both;float:none;}

/* add this */
.shareBar {clear:both;margin-top:10px;padding:10px 0;}
.addthis_toolbox .print img {margin-right:3px;padding-top:2px;}
.addthis_toolbox a {float:left;margin-right:10px;}
.addthis_toolbox a.text span {float:left;margin-right:3px;}

/* breakout title */
.breakoutTitle {background-color:#72c9da;color:#1d4a4f;float:left;font:bold 18px Arial;left:-34px;margin:30px 0 20px;padding:5px 10px 5px 50px;position:relative;text-transform:capitalize;}
.breakoutTitle a {color:#1d4a4f;}
.breakoutTitle a:hover {text-decoration:none;}

/* modules */
.module {border:dotted 1px #ddd;margin-top:20px;} 
.module .title {font:bold 13px Arial;text-transform:uppercase;margin:10px 0 10px 10px;}
.module .row {border-top:dotted 1px #ddd;padding:5px 5px 5px 10px;}
.module .postTitle {font:bold;color:#000;text-decoration:none;}
.module .postTitle:hover {text-decoration:underline;}
.module .byline {font-style:italic;line-height:1;}
.module .action {border-top:dotted 1px #ddd;padding:5px 5px 5px 10px;text-align:right;}
.module .action a {font-weight:bold;font-size:11px;}

.rss {
  height:9px;
  width:9px;
  margin-left:2px;
  background-position:-150px -125px;
  text-indent:-9999px;
  display:inline-block !important;
}

.balloon {background-position:-150px -150px !important;}


/*----------------------------------- SPECIAL STYLES ----------------------------------*/
#cmtbuttons {margin-top:10px;}
#instructions p {margin:10px 0;}

/* the adbanner */
#AdBanner {margin:10px auto 10px;width:728px;}

/* the adblock */
#AdBlock {padding:0 10px 10px;background-color:#f1f1f1;margin:10px auto 0;width:300px;}
#AdBlockAjaxTarget{}
.advertisement {
  background-position:-200px -95px;
  width:74px;
  height:15px;
  text-indent:-9999px;
  margin:0 auto;
}


.content {margin:30px 0;}
 

/*-- stream pagination --*/  
.pagination {padding:10px 0;}
.pagination p {font-weight:bold;font-size:14px;}
.pagination a, .pagination div {width:103px;height:33px;}
.pagination a:hover {text-decoration:none;}
.nextpage { 
  background-position:-360px -385px;
  height:33px;
  width:73px !important;
  float:right;
  font-size:14px;
  font-weight:bold;
  padding:9px 0 0 30px;
}

.prevpage { 
  background-position:-250px -385px;
  height:33px;
  width:74px !important;
  float:left;
  font-size:14px;
  font-weight:bold;
  padding:9px 0 0 29px;
}

.categoryStream h2.postTitle {margin-top: 2px !important;}
.categoryStream {border-top: 0 !important;}

    
/*--- three panel dynamic lead styles ---*/
#ThreePanelDynamicLead {clear:both;margin-top:10px;}
#ThreePanelDynamicLead ul {margin-top:10px;}
#ThreePanelDynamicLead li {float:left;margin-left:14px;width:180px;}
#ThreePanelDynamicLead li h4 {color:#000;font:bold 18px Arial;margin-top:3px;}
#ThreePanelDynamicLead li p {color:#000;}
#ThreePanelDynamicLead li h4:hover {text-decoration:underline;}

/*--- addcomment form styles ---*/
#AddCommentForm {margin:0 14px;border-bottom:3px solid #DDDDDD;}
#addcomments {border-top:solid 3px #ddd;clear:both;font-size:14px;margin-top:40px;padding-top:20px;}
#cmttabs ul li {display:inline;padding:0 10px;}
#cmttabs ul li.currenttab a {color: #000;}
#cmttabs ul{padding:20px 0;border-top:dotted 1px #ddd;border-bottom: dotted 1px #ddd;}
#cmtutab_blogsmith, #cmtutab_sns {border-left:dotted 1px #ddd;}
#AuthorName, #AuthorEmail, #C_AuthorEmail, #C_AuthorPass, #sns_screenname, #sns_password {width: 350px;}
#sns label {display: block;}

/*--- follow us form styles ---*/
#FollowUs ul {margin: 0 auto;} 
#FollowUs li {float:left;/*margin:0 13px;*/margin:0 28px;text-align:center;}
#FollowUs li.divider {margin:0 5px;}
#FollowUs li a {display: block;}
.divider {
  height:58px;
  width:1px;
  background-position:-199px -100px;
  margin-top:-10px !important;
}

.facebook {
  padding-top:32px;
  width:50px;
  background-position:-290px -150px;
}
.twitter {
  padding-top:32px;
  width:35px;
  background-position:-250px -150px;
}
.rssfollow {
  padding-top:32px;
  background-position:-200px -150px;
  width:32px;
}



/*--- blogger module ---*/
#BloggersModule .blogger img {float:left;}
#BloggersModule .info {float:left;width:160px;margin-right:15px;}
#BloggersModule .info span {display:block;font-size:11px;color:#666;padding-bottom:3px;}
#BloggersModule .info a {font-size:12px;}
#BloggersModule .info a.writer {color:#000;font-weight:bold;}
#BloggersModule .teamLink {text-align:right;}

/*--- most popular stories ---*/
#MostPopularStories .row img {float:left;}  
#MostPopularStories .row div {float:left;margin-left:15px;width:200px;}  
#MostPopularStories .postTitle {font-size:14px;margin:3px 0;}
#MostPopularStories a {font-size:12px;}
#MostPopularStories .postTitle .numComments {font-size:10px;}

/*--- blogger stream ---*/
.bloggerStream .post {border-top:0 !important; padding-bottom:3px !important;}
.bloggerProfile {border: dotted 1px #ddd; padding: 10px 5px; margin: 15px 10px;}
.bloggerProfile img.avatar {float:left;margin:0 10px 0 0;}

/*--- blogger profiles ---*/  
.bloggerProfile .profile {float:left;margin:0 10px 0 0;width:325px;}
.bloggerProfile .profile .title {color:#333;font-style:italic;}
.bloggerProfile .profile .bloggerName {font-size:16px;font-weight:bold;}
.bloggerProfile .profile .bio {margin:10px 0;}
.bloggerProfile .profile .bio a {display:block;}
.bloggerProfile .profile .linkDescription {margin-top:10px;font-style: italic;}
.editor-in-chief .profile .linkDescription {display:none !important;}
.editor-in-chief .actions {display:none !important;}
.bloggerProfile .profile a {font-weight: bold;}
.bloggerProfile .actions {float:right;}
.bloggerProfile .actions li {border:1px dotted #ccc;padding:3px 30px 3px 5px; margin-bottom:4px;}

/*--- all writers page ---*/
#Bloggers {padding-top:10px;}
#Bloggers .description {margin:10px 15px;}

#Bloggers .noPosts .actions {display:none !important;}

/*--- flash listing module ---*/
#ListingsModule {}

/*--- gallery module ---*/
#GalleryModule img {border: 0; height: 234px; width: 314px; margin: 5px;}

/*--- streams ---*/
.stream {clear:both;padding:0 15px;}
.stream .post {padding-bottom:3px;margin-top:15px;border-bottom:1px dotted #999;}

/*--- posts (general) ---*/
.post .header .postInfo {float:right;width:530px;}
.post .header .commentLabel {float:right;margin:30px 0 0 0;}
.post .header .commentLabel:hover .balloon p {text-decoration:none;}
.post .content {padding:15px 0;margin:0;clear:both;line-height:1.4em}
.post .small {font-size:12px !important;}
.post .medium {font-size:14px !important;}
.post .large {font-size:16px !important;}
.post .title {margin:15px 0 5px 0;width:400px;}
.post .title a {color:#000;font-size:20px;font-weight:bold;letter-spacing:-0.05em;line-height:0.97em;}
.post .content img {float:left;margin-right:15px;}
.post .content .image img {float:none;margin:0;}
.post .content .image {float:left;margin-right:15px;}
.post .content .image .caption {text-align:center;font-style:italic;font-size:11px;}
.post .readMore {font-weight:bold;background:#66bdce;display:inline-block;font-size:14px;padding:10px;}
.post ol li, .post ul li {list-style-position:inside;}
.post ol li {list-style-type:decimal;}
.post ul li {list-style-type:disc;}

/*--- post info ---*/
.postInfo .byline {font-size:11px;margin:0;display:inline;}
.postInfo .byline a {color:#000;font-weight:bold;} 
.postInfo .byline a img {padding-left:2px;padding-right:3px;position:relative;}
.postInfo .date {color:#666;font-size:11px;display:inline;}
.postInfo .categories {font-size:11px;margin:1px 0;}

/*-- post specialization for blogger stream --*/
#BloggerStream .post .header .postInfo {float:none;width:auto;}
#BloggerStream .post img {display:none;}
#BloggerStream .post .header p {display:inline;margin-right:5px;}
#BloggerStream .commentLabel {display:none;}

/*--- Layout of Blue Balloon Comment Label in Posts ---*/
.commentLabel .balloon {height:30px;width:30px}
.commentLabel .balloon p {font-size:14px;font-weight:bold;margin:0;padding-top:7px;text-align:center;width:31px;}
.commentLabel p.text {font-size:10px;color:#000;margin:5px 0 0 0;}

/*--- Layout of permalink ---*/
#Post{border-top:solid 10px #e5e5e5;padding:0 15px;clear:both;margin-bottom:15px;}
#Post .title {color:#000;font-size:20px;font-weight:bold;letter-spacing:-0.05em;line-height:0.97em;}
#Post .addComment {display:block;margin-bottom:15px;}

/*--- around the web ---*/
#CrossPromoModule {background-color:#e5e5e5;padding:15px;}
#CrossPromoModule .crosspromo {border:solid 1px #ddd;margin:0 2px;background-color:#fff;}
#CrossPromoModule .crosshdr h3 {margin:0;padding:0;}
#CrossPromoModule .crosshdr {padding:10px 15px;font-size:20px;font-weight:bold;text-transform:uppercase;border-bottom:solid 1px #ddd;}
#CrossPromoModule ul, #CrossPromoModule li {margin:0;padding:0;list-style-type:none;}
#CrossPromoModule .cartridge{float:left;width:157px;height:180px;border-right:solid 1px #ddd;background-color:#fff;}
#CrossPromoModule .cartridge .cart{margin:10px 8px;}
#CrossPromoModule .cartridge .cart .body p a {font-size:13px;margin:5px 0 0 0;}
#CrossPromoModule .content, #CrossPromoModule p {margin: 0;}
#CrossPromoModule #cpbody h4 {margin: 0;float:left;}
#CrossPromoModule #cpbody .icon {float:right;padding-right:5px;}
#CrossPromoModule #cpbody .img_cred {color: #777; display: block; font-size: 9px; text-align: right;}
#CrossPromoModule #cpbody h4 {font-size:12px;font-weight:bold;margin-bottom:5px;}
#CrossPromoModule #cpbody a, #CrossPromoModule #cpbody ul {clear: both;}
#CrossPromoModule #cpbody ul {padding-left:15px;}
#CrossPromoModule #cpbody ul li.more {font-weight:bold;text-decoration:underline;}

/*--- Layout of Main Page dynamic lead ---*/
#MainPageDynamicLead {background-color:#fff;padding-bottom:20px;}
#MainPageDynamicLead .dualPanels, #MainPageDynamicLead .thumbnails {overflow:hidden;position:relative;}
#MainPageDynamicLead ul, #MainPageDynamicLead li {position:relative;}
#MainPageDynamicLead li {float:left;}
/*
#MainPageDynamicLead ul {list-style-type:none;padding:0;margin:0;position:relative;left:0;}
#MainPageDynamicLead li {float:left;margin:0;padding:0;position:relative;}
*/
#MainPageDynamicLead .dualPanels {margin:20px 0 0 15px;width:590px;border-bottom:solid 3px #e5e5e5;}
#MainPageDynamicLead .dualPanels ul {width:3000px;}
#MainPageDynamicLead .dualPanels li {margin-right:4px;}
#MainPageDynamicLead .dualPanels .overlay {position:absolute;background-color:#fff;
		-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
		filter: alpha(opacity=80);
  opacity:0.8;height:41px;width:293px;top:179px;left:0px;}
#MainPageDynamicLead .dualPanels .info {left:0px;position:absolute;top:184px;margin:0;padding:0 0 0 8px;overflow:hidden;height:23px;}
#MainPageDynamicLead .dualPanels .info h4 {color:#000;margin:0;padding:0;font-size:18px;}
#MainPageDynamicLead .dualPanels .info h4 a {color:#000;}
#MainPageDynamicLead .dualPanels .credit a {color:#888;}
#MainPageDynamicLead .dualPanels .credit {position:absolute;top:205px;margin:0;padding:0 0 0 8px;font-size:9px;}
#MainPageDynamicLead .dualPanels .info p {margin:0;padding:0;font-size:12px;}
#MainPageDynamicLead .thumbnails {margin:10px 0 0 15px;width:504px;float:left;}
#MainPageDynamicLead .thumbnails ul {width:840px;}
#MainPageDynamicLead .thumbnails li {margin-right:10px;}
#MainPageDynamicLead .controls {float:left;font-size:10px;margin:21px 0 0 3px;position:relative;}
#MainPageDynamicLead .controls a {-moz-background-origin:padding;position:relative;}
#MainPageDynamicLead .controls a{display:block;float:left;height:35px;width:24px;}
#MainPageDynamicLead .controls a:active, #MainPageDynamicLead .controls a:visited {border:0;}
.controls a.prevButton{background-position:0 -400px !important;}
.controls a.nextButton{background-position:-204px -400px !important;}
.controls a.playButton{background-position:-129px -400px !important;}
.controls a.pauseButton{background-position:-64px -400px !important;}

#MainPageDynamicLead .thumbnailBar {width:158px;margin-left:15px;height:5px;background-color:#72c9da;position:absolute;}

#GalleryModule {display:none;}

/*
div.poll {display:none;}
.postgallery {display:none;}
*/
.postgallery img {height: 30px !important;}
#cmtuinfo_email p.instructions {background-color:#e5e5e5;padding:5px 30px;font-weight:bold;font-size:16px;}

.hide {display:none !important;}


/*--- Feed page ---*/
h1.rssTitle {font-size:24px;font-weight:bold;margin:10px 10px 0;}
h2.rssTitle {font-size:16px;font-weight:bold;margin:10px 10px 0;}
p.rssInfo {margin-left:10px;}
.feedList {margin:5px 0 10px 10px;}
.feedList dt {clear:both;margin-right:15px;}
.feedList dd {font-style:italic;padding:3px 0;}
.feedList .link {float:left;width:125px;text-align:center;padding:3px 0;}
.feedList .link:hover {background:#733200;}
.feedList .link:hover a {background:#733200;color:#fff;}

#CommentFooter {margin:20px 0;}
#CommentFooter p {font-weight:bold;display:inline;}
#CommentFooter ul {float:right;}
#CommentFooter li {display:inline;font-weight:bold;margin-right:4px;padding-top:10px;}
#CommentFooter li.p {border: solid 1px #ddd;margin-top:8px;padding:1px 3px;}
#CommentFooter li.on {background-color:#ddd;}
#CommentFooter li.p a {color:#000;}
#CommentFooter li.on a {color:#fff;}

.comment .reply {margin-top:10px;display:block;}
.comment .votedComment .thankYou {display:block !important;}
.comment .votedComment .tools .cmt_tools {display:none;}
.comment .reportedComment {display:none;}
.comment .child {margin-left:75px;margin-top:-10px;}
.comment .child .text {margin-bottom:5px !important;}
.comment .parent {margin-top:15px;}
.comment .container {padding:8px 10px;}
.comment .titleBar {padding:10px 5px;border-bottom:solid 1px #ccc;}
.comment .author {font-size:14px;font-weight:bold;}
.comment .date {font-style:italic;}
.comment .tools, .comment .thankYou {float:right;margin-top:1px;}
.comment .text {margin:10px 0;padding:5px 30px 0;clear:both;}
.comment .cmt_tools img {vertical-align:middle;margin-left:-5px;}

.comment .helpful .helpfulLabel {margin-right:15px;float:right;font-weight:bold;padding:2px 10px;display:inline-block !important;color:#fff;background-color:#5b9aa5;border:solid 1px #70cadd;}
.comment .helpful .titleBar {background:#aee5ef;border:none;}
.comment .helpful {background:#e0f5f9;}

.comment .unhelpful .unhelpfulLabel {padding-top:3px;margin-right:15px;float:right;font-weight:bold;display:inline-block !important;color:#cc3333;}
.comment .unhelpful {opacity:0.35;-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0.35)";filter:alpha(opacity=35);}

#TextSizer{float:right;color:#3c3c3c;}
#TextSizer p{display:inline;margin-right:5px;}
#TextSizer span{color:#004173;font-weight:bold;}
#TextSizer span:hover{text-decoration:underline;cursor:pointer;}
#TextSizer span.active{color:#000;}
#TextSizer span.active:hover{text-decoration:none;cursor:default;}
#TextSizer span.small {font-size:12px;}
#TextSizer span.medium {font-size:14px;}
#TextSizer span.large {font-size:16px;}

/*--- Styles for Tabblo Print Kit ---*/
#close_tpt, #close_bottom_tpt, #tabblo_frm_0 {z-index:3000000;}
#blocker_screen_div {z-index:2999999;}
#tabblo_frm_1 {z-index:3000001;}

#FacebookModule {border:none;}