/*
    Apartment Therapy - Global Style Sheet
    Copyright 2007 Apartment Therapy. All Rights Reserved.
__________________________
*/

/*
    Browser Reset

*/

body,h1,h2,h3,h4,h5,h6,p,blockquote,ul,ol,li,dl,dd,dt,form { margin: 0; padding: 0; font-size: 100%; font-weight: normal; }
body { color:#333; background-color:#fff; font: normal 13px "Lucida Grande",Verdana,sans-serif; text-align:center; }
:focus { outline: 0; }
ul { list-style: none; }
a { text-decoration: none; color:#999; }
a:hover { color:#666; }
img, a img { border: 0; outline:0; }
h1,h2,h3 a:hover { text-decoration: none;}
hr { display: none; }

.clear { /*overflow: hidden; */ }
.first { margin-top:0; padding-top:0px; } 
.no-border { border:0; }

/*
    Document Structure

*/
.Page { width: 955px; margin: 0 auto; text-align:left; }
  .Header { position: relative; height:107px; background-repeat:no-repeat; }
  .ContentContainer { width:100%; float:left; background: url(../images/backgrounds/container.png) repeat-y; }
    .PrimaryContainer { float:left; width:100%; }
      .Primary   { margin: 0 207px; }
    .Secondary { float: left; width: 160px; margin-left:-939px; }
    .Tertiary  { float: left; width: 160px; margin-left:-177px; }
  .Footer { width:100%; clear:left; padding:40px 0; }

/*  
    Header

*/

.SiteBar { overflow:hidden; width:100%; height:41px; background: url(../images/backgrounds/top-bar.png) center 0 no-repeat; xxxborder-bottom:1px solid #ddd; margin-bottom:10px; font-size:12px;}
.SiteBar ul {  overflow:hidden; width:955px; margin:0 auto; }
.SiteBar li { float:left; text-align:center; border-right:1px solid #e5e5e5; }
.SiteBar li.welcome { padding:5px 3px 5px 11px; width:124px; color:#fff; font-weight:bold; text-align:left; border-right:0;}
.SiteBar li.at a { width:180px; }
.SiteBar li.last { border-right:0; }
.SiteBar li a { display:block; width:150px; padding:5px 3px; color:#666; }
.SiteBar li a:hover { color:#fff; }
.SiteBar li span { font-weight:bold; }
.SiteBar li.at        a:hover { background:#37adc7; }
.SiteBar li.ohdeedoh  a:hover { background:#c59ba3; }
.SiteBar li.thekitchn a:hover { background:#b1ce54; }
.SiteBar li.unplggd   a:hover { background:#f9c52a; }
.SiteBar li.re-nest   a:hover { background:#2D7705; }

/* background for each site */
body.main      .Header { background-image:url(../images/header/at-main.png); }
body.dc      .Header { background-image:url(../images/header/at-dc.png); }
body.boston      .Header { background-image:url(../images/header/at-boston.png); }
body.ny        .Header { background-image:url(../images/header/at-ny.png); }
body.la        .Header { background-image:url(../images/header/at-la.png); }
body.sf        .Header { background-image:url(../images/header/at-sf.png); }
body.chicago   .Header { background-image:url(../images/header/at-chicago.png); }
body.ohdeedoh  .Header { background-image:url(../images/header/ohdeedoh.png); }
body.thekitchn .Header { background-image:url(../images/header/kitchn.png); }
body.unplggd   .Header { background-image:url(../images/header/unplggd.png); }
body.re-nest   .Header { background-image:url(../images/header/re-nest.png); }

/* big link where logo is */
.Header h1 a { display:block; width:600px; height:66px; text-indent:-99999px; }
body.at .Header h1 a { height:38px; }
body.at .CityNav { display:block!important; }

/* city nav bar for AT site only */
.CityNav { position: relative; display:block; width: 945px; height: 28px; padding-left:8px; font: 17px "Gill Sans",Verdana,sans-serif; text-transform: lowercase; }
.CityNav li { float: left; padding:0; margin: 0; }
.CityNav li a { display: block; color:#e0c3b7; padding: 3px 7px 3px; }
.ny .CityNav li a { color:#CFDBE1; }
.chicago .CityNav li a { color:#D8D3A8; }
.dc .CityNav li a { color:#ddd; }
.CityNav li.current a,  
.CityNav li:hover a { color:#FFF; }
.main .CityNav li a { color:#999; }
.main .CityNav li.current a, 
.main .CityNav li:hover a  { color:#555; }
/*
.boston .CityNav li a { color:#999; }
.boston .CityNav li.current a, 
.boston .CityNav li:hover a  { color:#555; }

.dc .CityNav li a { color:#999; }
.dc .CityNav li.current a, 
.dc .CityNav li:hover a  { color:#555; }
*/

/* search box */
.Header .Search { position:absolute; right:15px; top:37px; }
.Header .Search input.text { font-size:10px; margin-top:1px; color:#222; border-width:1px; padding:2px 2px 1px 3px }
.Header .Search input.submit { font-size:10px; }
body.at .Header .Search { top:42px; }

/* local site nav */
.SiteNav { position:absolute; left:5px; width:100%; font-size: 12px; }
.SiteNav li { float: left; margin: 0; padding: 0; }
.SiteNav li a { display: block; color: #888; margin: 5px 10px 5px; padding:0; text-transform:lowercase; }
.SiteNav li a:hover { text-decoration: underline; }
.SiteNav li.at-stats { float:right; color:#888; margin: 5px 12px 5px; font-size:11px; }
.SiteNav li.at-stats span { font-weight:bold; }
.SiteNav li.at-stats a { display:inline; padding:0; margin:0; color: #555; }
 
/* user nav (login, myhome etc) */
/*.UserNav li { float: left; display:block; width:175px; height:22px; margin: 0 10px; text-align:left; color:#aaa; }
.UserNav li a { color:#888; font-weight:normal; text-decoration:underline; }
*/
/*.UserNav li a { display:block; width:175px; height:22px; text-align:center; xxxbackground:url(../images/header/tab-myhome.png) no-repeat; xxxtext-indent:-99999px;}
.UserNav li a:hover { background-position:center -22px; }
*/
.UserNav { position: absolute; right: 15px; top: -10px; }
.UserNav li  { display:block; width:175px; height:20px; padding-top:2px; text-align:center; background:url(../images/header/tab.png) center -22px no-repeat; color:#999; font-size:13px; }
.UserNav li:hover { background-position:center 0; }
.UserNav li a { color:#666;}
.UserNav li a:hover { color:#333;}


/*
    General Appearence

*/

/* link colors for different sites */
.main       .Primary a       { color: #777; } 
.main       .Primary a:hover { color: #555; }
/*.boston       .Primary a       { color: #777; } 
.boston       .Primary a:hover { color: #555; }
*/
/*.dc       .Primary a       { color: #ee1522; } */
/*.dc       .Primary a:hover { color: #ee1522; } */ /* TODO? */
.ny         .Primary a       { color: #007994; } 
.ny         .Primary a:hover { color: #004d5a; }
.la         .Primary a       { color: #A38816; } 
.la         .Primary a:hover { color: #a38816; }
.sf         .Primary a       { color: #007994; } 
.sf         .Primary a:hover { color: #004d5a; }
.chicago    .Primary a       { color: #83AC06; } 
.chicago    .Primary a:hover { color: #83AC06; }
.dc 		.Primary a 		 { color: #b8776b; }
.boston		.Primary a 		 { color: #777; }

.ohdeedoh   .Primary a       { color: #A7858B; } 
.ohdeedoh   .Primary a:hover { color: #765A5F; }
.thekitchn  .Primary a       { color: #6F9629; } 
.thekitchn  .Primary a:hover { color: #4C661B; }
.unplggd    .Primary a       { color: #cc9933; } 
.unplggd    .Primary a:hover { color: #aa7711; }
.re-nest    .Primary a       { color: #2D7705; } 
.re-nest    .Primary a:hover { color: #2D7705; }

/* primary content header boxes */
.content-header h2 { background:#e2e2e2; color:#555; margin-bottom:10px; padding:5px 8px; font:12px "Gill Sans",Verdna; text-transform:uppercase; letter-spacing:1px; line-height:1.1;}
.content-header .box { margin:-10px 0 10px; padding:12px 8px; background:#f2f2f2; overflow:hidden;}
.content-header form { padding-bottom:10px;}
.content-header ul.nav { float:left; font-size:12px; }
.content-header ul.nav li { float:left; padding-right:7px; }
.content-header ul.nav li a { padding:0 3px;}
.content-header ul.nav li.current a { background:#999; color:#fff; }

/* city badges that label posts */
.city-badge { color:#fff!important; padding:1px 4px;font: normal 11px Arial; }
.city-badge:hover   { text-decoration: none; } 
.city-badge-ny      { background-color: #37adc7;  }
.city-badge-sf      { background-color: #f15822;  }
.city-badge-la      { background-color: #e2156b;  }
.city-badge-boston { background-color: #D21446;  } /* TODO */
.city-badge-dc { background-color: #7C7D78;  } /* TODO */
.city-badge-chicago, .city-badge-chi { background-color: #793c17; }
/*
    Index / Entry pages

*/
.entry { float:left; width:100%; margin:0 0 10px; padding:0 0 0px; color: #333; border-bottom: 1px dotted #aaa; }
.entry h3 { font: normal 20px Georgia,serif; line-height: 1.3; padding-bottom:7px;}
/*.entry .content { font: normal 14px Georgia,serif; line-height: 1.45;  }*/
.entry .content { font: normal 12px verdana,sans-serif; line-height: 1.45; clear:both;  }
.main .entry .content a { text-decoration:underline; }
.entry .content a:hover { text-decoration:underline; }
.entry .content ol, .entry .content ul { margin-left:20px; }
.entry .content ul { list-style-type: disc; }
.entry p { padding-bottom:7px; }
.entry div { padding-bottom:7px; }
.entry img { margin: 0 0 10px;}

/* entry styles - including overrides for hacky old html */
.entry p.center { text-align:center; }
.entry blockquote { margin: 10px 20px; }
.entry img.imageleft, .entry .mt-image-left { float: left; margin: 3px 15px 5px 0; }
.entry img.imagecenter, .entry .mt-image-center { text-align: center; display: block; margin: 0 auto 15px; }
.entry img.imageright, .entry .mt-image-right { float: right; margin: 3px 0 15px 15px; }
.entry .content img { max-width:540px; }
.entry font { font-size:100%; }
.entry font[size="1"], .entry small { font-size:11px; }
.entry font[size="3"], .entry big { font-size:117%; }
.entry h3 font[size="1"], .entry h3 small { font-size:14px; }
.entry u { text-decoration:none; }
/*.entry div[align="center"], p[align="center"] { text-align:left; }*/

.entry .meta { margin-bottom:10px; }
.entry .more-meta { width:100%; float:left; margin-bottom:15px; border-top:1px dotted #aaa; font:13px "Lucida Grande",verdana,sans-serif; line-height:1.5; }
.entry .more-meta h4 { padding:12px 0 3px; font-weight:bold; text-transform:uppercase; }

/*img.clip { float:right; margin:0 0 10px 20px;} */
ul.meta { font:normal 11px "Lucida Grande",verdana,sans-serif; width:100%; float:left; clear:both; margin:0; }
ul.meta a { color:#999; }
ul.meta li { float:left; padding-top:11px; }
ul.meta .city { margin-right:15px; }
ul.meta .author { margin-right:15px; text-transform:capitalize; }
ul.meta .time { margin-right:20px; }
ul.meta .clip { float:right; margin-right:40px; padding: 0 0 3px 20px; background: url(../images/icons/cut.png) no-repeat; font-weight:bold;}
ul.meta .comment-link { float:right; }
ul.meta .comment-count { float:right; margin-right:5px; padding-top:0;}
ul.meta .comment-count .label { xline-height:14px; padding-right:7px; }
ul.meta .comment-count .num  { font: bold 24px Georgia,serif; line-height:auto;  }
body.main      ul.meta .comment-count .num { color:#1F6373; }
/*body.dc      ul.meta .comment-count .num { color:#1F6373; }
body.boston      ul.meta .comment-count .num { color:#1F6373; }
*/
body.ny        ul.meta .comment-count .num { color:#afc71d; }
body.la        ul.meta .comment-count .num { color:#e2156b; }
body.sf        ul.meta .comment-count .num { color:#f15822; }
body.chicago   ul.meta .comment-count .num { color:#793c17; }
body.ohdeedoh   ul.meta .comment-count .num { color:#908c9c; }
body.thekitchn ul.meta .comment-count .num { color:#fbd014; }
body.unplggd   ul.meta .comment-count .num { color:#aaa; }
body.re-nest   ul.meta .comment-count .num { color:#2D7705; }

ul.share-tools { width:100%; float:left; clear:both; }
ul.share-tools li { float:left; margin-right:10px; }
ul.share-tools li img { margin:0;}

/* comments */
h3#comments_header { clear:both; font: normal 20px Georgia,serif; padding-top:30px; }
.comments { margin:10px 0 20px; border-bottom:1px dotted #ccc; }
.comments h3 { font: normal 24px Georgia,serif; margin-bottom:10px; color:#666; }
.comments .comment { margin-bottom:10px; margin-top:10px; padding-top:10px; border-top:1px dotted #ccc; overflow: hidden;}
.comments .comment_preview { margin-bottom:0px; margin-top:30px; border-top:1px dotted #ccc; background-color: #ffc; overflow: hidden;}
.comments .comment .text { line-height: 1.4em; }
.comments .comment .meta { margin:8px 0 0; font-size: 10px; line-height:1.5; color:#777; text-align:right; }
.comments .comment_preview .meta { margin:8px 0 0; font-weight: normal; font-size: 10px; color:#777; text-align:right; }

/* ads */
.floater { float:left; clear:both; width:100%; margin:0 0 10px; padding:0 0 10px; border-bottom:1px dotted #aaa; text-align:center; }
.entry .floater { padding-top: 10px; border-top:1px dotted #aaa; clear:both; }
.floater table { width:100%; }

/* 
    Archive/Tag/Author Pages 

*/

.mini-entry { float:left; width:100%; margin:0 0 10px; padding:0 0 10px; border-bottom:1px dotted #aaa; }
.mini-entry img { float:left; width:100px; }
.mini-entry .content { float:left; width:400px; }
.mini-entry h3 { margin:0; font:17px Georgia,serif; margin:0 0 3px; }
.mini-entry p {  margin:0; line-height:1.3;}
.mini-entry ul.meta { float:left; width:120px; margin: 0 0 0 20px; clear:none; }
.mini-entry ul.meta li { float:none; text-align:right; font-size:11px; margin-bottom:3px; padding:0; line-height:1.3; }
.mini-entry ul.meta li.city { margin-right:0; }
.mini-entry ul.meta li.author { margin-right:0; }
.mini-entry ul.meta li.time { margin-right:0; }
.no-image h3, .no-image p { margin-left:0; }

.page-nav { width:100%; clear:both; padding:20px 0; text-align:center; font:bold 14px "Lucida Grande",Verdana,sans-serif; }
.page-nav li { display:inline; }
.page-nav li a { padding:2px 8px;  }
.page-nav li.page a { border:1px solid #ddd; }
.page-nav li.page a:hover { background:#ddd; }
.page-nav li.current a { background:#888; color:#fff; border:1px solid #888;  }

.searchbox { padding: 10px 12px; position: relative; }
.searchbox h2 { font: normal 18px Georgia,serif; margin-bottom: 7px; }
.searchbox input.search { width: 300px; font-size:16px; color: #aaa;}
.searchbox input.go { font-size:16px; }
.searchbox .tags { margin-bottom: 0; }


/*
    Guides & Tag Listing Pages
  
*/
.guide-header { margin-bottom:15px; color:#888;}
.guide-header img { margin-bottom:10px }
.guide-section { background: #fff; margin-bottom: 20px; width:260px; float:left; margin-right:0; }
.eor { margin-right:0;}
/*.guide-section img { float:left; margin: 5px 10px 0 0; width: 65px; height: 65px; background: #fff; border:1px solid #eee; padding:4px;  }*/

.guide-section h2 { margin:0 0 5px; padding: 6px 10px 3px; color:#666; background:#e4e4e4; font:normal 12px "Gill Sans"; text-transform:uppercase; letter-spacing:1px; }
.guide-section ul  { margin-left: 0px; color: #888; margin-bottom:10px; }
.guide-section li a:hover { text-decoration:underline; }
.guide-section p { margin-top:5px; font-size:12px; }
.guide-section .hr { border-top:1px solid #ccc;padding-top:6px;margin:0 10px; clear:both; }
.guide-section a.more { font:bold 13px "Lucida Sans",sans-serif; padding:2px 0;}

.entry-list li { padding: 3px 0px; }
.entry-list h3 { margin-bottom:5px; font: normal 15px Georgia,serif; margin-bottom:3px;}

.tag-list li {  padding: 1px 0px; font-size: 12px; }
.tag-list h3 { padding:12px 0 3px; font-weight:bold; text-transform:uppercase; }
.tag-list h4 { font-weight:bold; text-transform:uppercase; }


.guide-section ul.classifieds li { padding:1px 0 0 0; }
.guide-section ul.classifieds h3 { font: 12px "Lucida Grande",verdana,sans-serif; }

/* columns */
.doublewide { width:540px; }
.col { width:50%; float:left; }

.guide .floater { padding:10px 0 0; border-top:1px dotted #aaa; border-bottom:0; }


/* 
    Static Pages 

*/
.section { margin-bottom:25px; clear:both; }
.section h2 { clear:both; margin:0 0 10px; padding: 6px 10px 3px; color:#666; background:#e4e4e4; font:normal 12px "Gill Sans"; text-transform:uppercase; letter-spacing:1px; }
.section h3 { font: normal 20px Georgia,serif; line-height: 1.1; margin-bottom:5px; }
.section h4 { font-weight:bold; text-transform:uppercase; }
.section p { margin-bottom:10px; font: 15px Georgia; line-height: 1.4; color: #333; }
.mission-blurb h3 { font: normal 28px Georgia,serif; line-height: 1.3; margin-bottom:5px; margin-top:20px;}

.contact-form p { margin-bottom:12px; }
.contact-form label { display:block; margin-bottom:3px; }
.contact-form input.text { width:350px; }
.contact-form textarea { width:500px; height:300px; }
.contact-form input.submit { font-size:20px; width:100px; }

.team-member { float:left; width:100%; margin-bottom:10px; }
.team-member img { float:left; margin:0 15px 0 0; }
.team-member h3 { font:17px Georgia; margin:0 0 5px; }
.team-member p { margin:0 0 5px; font:13px "Lucida Grande",verdana,sans-serif; }


/*
    Left Column (Secondary Content)

*/
.Secondary { color:#777; font: normal 10px "Lucida Grande",Tahoma,Verdana,sans-serif; }
.Secondary a { color:#777; }
.Secondary input { color:#777; font: normal 12px "Lucida Sans",Tahoma,Verdana,sans-serif; }

div.theme { margin-bottom:12px; }

.email-signup form { padding-bottom:10px; text-align:center; }
.email-signup input.text { width:150px; text-align:center; margin-bottom:5px;}

.feature-block h2 { margin:0; padding: 6px 0; font-size:12px; font-family: "Gill Sans",verdana,sans-serif; text-transform:uppercase; border-top:1px dotted #bbb; letter-spacing:1px; }
.feature-block img { width:160px; height:70px; margin-bottom:5px; }
.feature-block ol { margin: 0 0 10px 15px; }
.feature-block ul { margin: 0 0 10px 0; }
.feature-block li {  padding: 3px 0;}
.feature-block a:hover { text-decoration:underline; }
.feature-block p { margin:-5px 0 10px 15px; }
.last { margin-right: 0; margin-bottom: 0; }

.sidebar-menu { }
.sidebar-menu li a { display:block; padding:7px 10px 7px 0; font-weight: bold; font-size: 13px; border-top:1px dotted #999; text-transform:lowercase; }
.sidebar-menu li a:hover { text-decoration:underline; }


/*
	  Right Column (Tertiary Content)

*/
.tower-ad { margin: 0px 0px 15px 0px; text-align: center;}
.textlink-ads { background: #fff; color: #aaa; font-size: 11px; padding: 7px; margin: 15px 0; }
.textlink-ads a { color: #888!important; font-weight: bold; }


/* 
    Footer  
    
*/

/* bottom of page copyright notice and links */
.Footer .foot { clear:both; padding-top:5px; border-top:1px dotted #bbb; font: 11px "Lucida Grande",verdana,sans-serif; text-transform:lowercase; }
.Footer .foot p { float:left; padding-left:10px; color:#888;}
.Footer .foot a { color:#888; }
.Footer .foot a:hover { text-decoration: underline; }
.Footer .foot ul { float:right; }
.Footer .foot ul li { float:left; margin-left:10px; padding-right:10px; }

/*    Forum Preview    */
.forum { width:930px; border-left:1px dotted #bbb; border-right:1px dotted #bbb; padding:0 10px; overflow:hidden; }
.forum .forum-header { background:#aaa; float:left; float:left; width:920px; padding:2px 5px;} 
.forum .forum-header h2 { float:left; margin-right:15px; font:20px Georgia; color:#fff;}
.forum .forum-nav li { float:left; margin-left:10px; margin-top:4px;}
.forum .forum-nav li a { border:1px solid #ddd; font-size:13px;  }
.forum .forum-nav .all { background:#777; }
.forum ul.forum-posts { list-style-type:none;  width:100%; float:left; margin:10px 0; }
.forum ul.forum-posts li { margin:5px 0 15px; margin-left:10px; font-size:15px; font-weight:bold; }
.forum ul.forum-posts li li { margin:5px 0; list-style:disc; margin-left:20px; font-size:13px; font-weight:normal;}
.forum .more { padding:10px; }
.forum .more a { background:#5A2E2C; color:#fff; padding:2px 5px; font-weight:normal!important; }

/*    Footer Blocks     */
.footer-blocks { width:100%; float:left; margin-bottom: 40px; padding-top:20px; border-top:1px dotted #bbb;  } 
.footer-blocks a { color:#444; }
.footer-blocks .feature-block { width: 160px; float:left; margin-left:62px; font-size:11px; }
.footer-blocks .feature-block h2 { border-top:0!important; }

/*
    Forms

*/
input.text, textarea, select, input[type="text"] { font-size:1.1em; line-height:1.3em; border-top:1px solid #7c7c7c; border-left:1px solid #c3c3c3; border-right:1px solid #c3c3c3; border-bottom:1px solid #ddd; background:#fff url(../images/backgrounds/bkgd-field.gif) repeat-x top; }


/* Misc */
table.imagegrid, table.imagegrid TR,  table.imagegrid TR TD {
    padding: 0px;
    margin: 0px;
}
table.imagegrid IMG {
    margin: 0px;
}

.mainImageEditorLink  {
    border: solid 1px #dfdfdf; /* #37ADC7;*/
    background-color: #f2f2f2;
    padding: 3px;
}

.singleImageEditorLink  {
    border: solid 1px #dfdfdf; /* #37ADC7;*/
    background-color: #f2f2f2;
    padding: 2px;
}



/* sponsored post stuff */
/* orange 
.sponsored-entry { position:relative; width:500px; padding:10px 30px 0 10px; background:#f7f7f7 url(/images/sponsored-bkgd.png) right center repeat-y; } 
.sponsored-title { display:block; position:absolute; top:0; right:0; width:24px; height:188px; overflow:hidden; text-indent:-9999px; background:url(/images/sponsored-title.png) no-repeat; }
*/

/* grey  */
.sponsored-entry { position:relative; width:500px; padding:10px 30px 0 10px; background:#f7f7f7 url(/images/sponsored-bkgd-grey.png) right center repeat-y; } 
.sponsored-title { display:block; position:absolute; top:0; right:0; width:24px; height:188px; overflow:hidden; text-indent:-9999px; background:url(/images/sponsored-title-grey.png) no-repeat; }


/* hide first image on a post if on post page */

body.postpage img.topimg {
	display: none;
}