/* topic.css : AnnArbor.com : 2011 (jmc) */

body { background-color:#ffffff; } /* sets background to white */
.well { width:640px; float:left; }
.extended { clear:both; overflow:hidden; }
.well .headings { overflow:hidden; clear:both; }
.well .headings .primary { overflow:hidden; padding-bottom:5px; margin-bottom:0; padding-top:20px; }
.primary h1 { font-size:55px; color:#333333; float:left; margin-right:10px; vertical-align:baseline; }
.primary h1.with-sponsor { padding-top:30px; font-size:45px; }

.well .headings .primary .sponsor-banner .sponsor { display:block; width:auto; font-size:11px; font-style:italic; padding-left:8px; padding-top:5px; font-weight:normal; }
.well .headings .sponsor-banner { float:right; width:237px; }
.well .headings .secondary { border-top:2px solid #2e80a6; clear:both; }
.well .headings .secondary .subtopics { padding:10px 0; border-bottom:2px solid #2e80a6; overflow:hidden; clear:both; }
.well .headings .secondary .subtopics ul { list-style:none; clear:both; overflow:hidden; }
.well .headings .secondary .subtopics ul li { float:left; padding-right:30px; font-weight:bold; font-size:14px; }
.well .headings .secondary .subtopics ul li a:link, 
.well .headings .secondary .subtopics ul li a:visited { color:#015579; font-weight:bold; font-size:14px; }
.well .headings .secondary .subtopics ul.second { border-top:1px solid #e3e3e3; clear:both; display:block; margin-top:10px; float:none; overflow:hidden; }
.well .headings .secondary .subtopics ul li.all a { color:#0087b7; }
.well .headings .secondary .subtopics ul.second li { margin-top:10px; }

.well .headings .secondary .topic-heading { overflow:hidden; clear:both; padding:8px; border-bottom:2px solid #2e80a6; color:#666666; line-height:130%; }

/* well entries */
.well .entries .entry { overflow:hidden; clear:both; border-top:2px solid #666666; margin:10px 0; padding-top:5px; }
.well .entries .first.entry { border-top:0; }
.well .entries .entry .heading { overflow:hidden; clear:both; padding:8px; border-bottom:1px solid #e3e3e3; }
.well .entries .entry .heading h3 a:link,
.well .entries .entry .heading h3 a:visited { font-size:24px; color:#333333; line-height:120%; }
.well .entries .entry .heading .source { color:#0087b7; text-transform:uppercase; font-size:18px; padding-right:5px; }
.well .entries .entry .information { padding:8px; font-size:11px; color:#666666; overflow:hidden; clear:both; }
.well .entries .entry .information .posted { padding-right:10px; }
.well .entries .entry .information .by { padding-right:10px; }
.well .entries .entry .information .by a:link,
.well .entries .entry .information .by a:visited { color:#333333; text-decoration:underline; }
.well .entries .entry .information .title { font-style:italic; }
.well .entries .entry .body { overflow:hidden; clear:both; padding:12px 8px; }
.well .entries .entry .body img { float:left; margin-right:10px; margin-bottom:10px; max-width:640px; }
.well .entries .entry .body p { padding-bottom:10px; font-size:14px; line-height:140%; }
.well .entries .entry .body .comments a:link,
.well .entries .entry .body .comments a:visited { color:#666666; padding-left:20px; background-image:url('/img/global-sprite.png'); background-repeat:no-repeat; background-position:0px -249px; font-size:12px; }
.well .entries .entry .body .read-more a:link,
.well .entries .entry .body .read-more a:visited { color:#0087b7; font-weight:bold; font-size:14px; }
.well .entries .entry .body .read-more a:hover,
.well .entries .entry .body .read-more a:focus { text-decoration:none; color:#000000; }



/* emu content */
.entry.rss.emu .heading .source { color:#008664; }
.entry.rss.emu .heading img { float:left; margin-right:15px; margin-top:8px; }
.entry.rss.emu .information .by { font-style:italic; }
.entry.rss.emu .information .by a:link,
.entry.rss.emu .information .by a:visited { color:#008664; }
.entry.rss.emu .body .read-more a:link,
.entry.rss.emu .body .read-more a:visited { color:#008664; }
.entry.rss.emu .body img { }
/* well banners */
.well .entries .banner { }
.well .entries .banner embed,
.well .entries .banner a img,
.well .entries .banner swf { max-width:640px; }
/* Pagination */
.well .pagination { overflow:hidden; clear:both; width:100%; padding-top:15px; border-top:2px solid #e3e3e3; margin-bottom:30px; }
.well .pagination .pages { float:left; width:50%; text-align:left; }
.well .pagination .pages ul li { display:inline; padding:0 5px; }
.well .pagination .prev-next { float:right; width:50%; overflow:hidden; }
.well .pagination .prev { float:left; }
.well .pagination .next { float:right; }
.well .pagination .prev-next a:hover,
.well .pagination .prev-next a:focus { color:#000000; text-decoration:none; }

.rail { width:300px; float:right; }

.rail .feed { overflow:hidden; clear:both; margin:15px 0; }
.rail .feed h3 { font-size:18px; color:#333333; border-bottom:2px solid #e3e3e3; padding-bottom:4px; }
.rail .feed ul { list-style:none; }
.rail .feed ul li { padding:5px; border-bottom:1px solid #e3e3e3; }
.rail .feed ul li .title { padding-right:8px; line-height:130%; font-size:14px; }
.rail .feed ul li .title a:link,
.rail .feed ul li .title a:visited { color:#015579; font-weight:bold; }
.rail .feed ul li .time { font-size:11px; font-style:italic; color:#666666; }
.rail .feed ul li .read-more a:link,
.rail .feed ul li .read-more a:visited { display:block; padding:5px 0; }
.rail .feed ul li.last { border-bottom:0; }

.rail .topic-skybox { float:right; overflow:hidden; clear:both; margin:0; margin-top:15px; text-align:center; }
.rail .topic-skybox * { padding-bottom:20px; margin:auto; }


.rail .sponsors .deal { margin:10px 0 25px 0; overflow:hidden; }

.rail .sponsors .deal .flag { width: 16px; height: 85px; background-repeat: no-repeat; background-position: 0pt 10px; float: left; text-indent: -999em; background-image: url(/img/well-deal-partner-tag.jpg); }

.rail .sponsors .deal .deal-flag,
.rail .sponsors .deal .Deal-flag { background-image: url(/img/well-deal-deal-tag.jpg); }
.rail .sponsors .deal .event-flag,
.rail .sponsors .deal .Event-flag { background-image: url(/img/well-deal-event-tag.jpg); }
.rail .sponsors .deal .partner-flag,
.rail .sponsors .deal .Partner-flag { background-image: url(/img/well-deal-partner-tag.jpg); }
.rail .sponsors .deal .body { padding-left:6px; width:185px; float:left; border-left:3px solid #f1f1e0; min-height:100px; }
.rail .sponsors .deal .body .logo { margin-bottom:5px; }
.rail .sponsors .deal .body .logo a:link,
.rail .sponsors .deal .body .logo a:visited { font-size:10px; }
.rail .sponsors .deal .body .logo img { max-width:90px; }
.rail .sponsors .deal .body .name { font-size:11px; font-weight:bold; display:block; margin-bottom:5px; }
.rail .sponsors .deal .body a.message:link,
.rail .sponsors .deal .body a.message:visited { font-size:14px; color:#004265; display:block; margin-bottom:5px; }
.rail .sponsors .deal .body a.throw:link,
.rail .sponsors .deal .body a.throw:visited { font-size:11px; }
.rail .sponsors { overflow:hidden; clear:both; width:285px; margin:0; padding-top:0; padding-right:5px; padding-left:10px; }
.rail .sponsors .deal { border-bottom:1px solid #e3e3e3; padding-bottom:10px; margin-bottom:0; margin:15px 0; }
.rail .sponsors .deal:first-child { margin-top:50px; }
.rail .sponsors .deal .body .logo { float:left; margin-right:10px; }
.rail .sponsors .deal .body { width:260px; padding-top:10px; min-height:0; }
.rail .sponsors label { display:block; padding:5px; background-color:#ffffff; margin-top:-28px; position:absolute; font-size:14px; }

.rail .community { overflow:hidden; clear:both; margin:20px 0; }
.rail .community .wall { background-image:url('/img/global-sprite.png'); background-repeat:no-repeat; background-position:-19px -405px; min-height:15px; }
.rail .community .bottom { background-image:url('/img/global-sprite.png'); background-repeat:no-repeat; background-position:-19px -616px; height:12px; }
.rail .community .wall a.read:link,
.rail .community .wall a.read:visited { font-size:16px; color:#666666; display:block; margin:0px 15px 0px 15px; padding-bottom:8px; padding-top:10px; border-bottom:1px solid #e3e3e3; line-height:120%; font-weight:bold;}
.rail .community .wall a.read span { color:#0087b7; }
.rail .community .wall a.post { display:block; padding:8px 15px; color:#666666; }
.rail .community .wall a.post span { color:#0087b7; }
.rail .community .wall a.post:hover,
.rail .community .wall a.post:focus { color:#000000; text-decoration:none; }
.rail .community .wall a.read:hover,
.rail .community .wall a.read:focus { color:#000000; text-decoration:none; }


.post_content .image_right, .post_content .image_left, .post_content .image_center, .post_content .image_none {
  background-color: #000; color: #fff; max-width: 595px; overflow: hidden; padding-bottom: 10px;
}

.post_content p.photo_credit, .post_content p.photo_caption, .post_content p.photo_caption_nocredit {
  color: #fff; font-size: 12px; line-height: 14px;
}

.post_content p.photo_caption {
  font-weight: bold; 
}
/* topic page photo galleries */
.topic_photogallery, .gallery_list { list-style: none; margin: 0; padding: 0; }
.topic_photogallery li { float: left; width: 202px; margin: 0 1px 0 0; background: #000; border: 5px solid #000; overflow: hidden; }

.gallery_list li { float: left; width: 202px; margin: 0 1px 0 0; background: #000; border: 5px solid #000; height: 270px; overflow: hidden; border: 5px solid #000; }
    .gallery_list li a { color: #fff; line-height: 1.5em; }
    .gallery_list li.last { margin-right: 0px !important; }
    .gallery_list li:hover { background: #333; border: 5px solid #333;}
    .gallery_list li img { }
    .gallery_list li a:hover { text-decoration: none; }
    
div.gallery_bucket .gallery_list li { }

.topic_photogallery li img { display: block; margin: 0; padding: 0;  }

.gallery_content p { margin: 0 0 20px 0; font-size: 14px; line-height: 20px; }

.tg_footer { padding: 15px 0 30px 0; list-style: none; margin: 0; }
.tg_footer li { float: left; font-size: 14px; padding: 0 20px 0 0; }
.tg_footer li a { font-weight: bold; font-size: 14px; }
.tg_cta a { padding: 6px 0 6px 35px; background: url('/img/photogallery/g_icon.gif') left 3px no-repeat; line-height: 18px;}


.entry.gallery .is-gallery { overflow:hidden; clear:both; margin-bottom:15px; }
.entry.gallery .is-gallery li { float:left; padding:8px; margin-right:2px; float:left; background-color:#000000; width:190px; height:190px; }
.entry.gallery .is-gallery li img { width:190px; }

.entry.gallery .with-gallery { float: left; background: #000; color: #fff; padding: 15px; margin: 0 15px 30px 0; }
.entry.gallery .with-gallery img { display: block; margin: 0 0 10px 0; max-width: 400px; width:400px; }
.entry.gallery .with-gallery p.wg_cta a { display: block; border-top: 1px solid #333; padding: 10px 0 0 30px; background: url('/img/photogallery/wg_icon.gif') left bottom no-repeat; margin: 10px 0 0 0; color: #3399cb; }
.entry.gallery .with-gallery p { color: #fff; margin: 0 !important; font-size: 12px; }

.rail .bestof { margin:25px 0; }
.rail .bestof .body { background-position:-799px -10px; }
.rail .bestof .foot { background-position:-799px -325px; }

body.topic.tag .headings .primary h1 .name { font-size:30px; }
body.topic.tag .headings .primary h1 .kicker { padding-right:10px; width:auto; color:#0087b7; font-weight:bold; text-transform:uppercase; font-size:16px;  }
body.grocery.landing .headings .primary h1 { font-size:36px; float:left; color:#000000; padding-left:15px; padding-top:15px; margin-bottom:15px; }

/* B2B Business Review summary */

.topic-heading .b2b-expo .body { float:left; width:310px; }
.topic-heading .b2b-expo .body h3 { text-indent:-999em; overflow:hidden; width:250px; height:35px; background-image:url('/img/b2b-ui.png'); background-repeat:no-repeat; background-position:-17px -359px; }
.topic-heading .b2b-expo .body p { color:#666666; font-size:14px; line-height:130%; padding-bottom:10px; }
.topic-heading .b2b-expo .interaction { float:left; width:305px; }
.topic-heading .b2b-expo .interaction h2 { text-indent:-999em; margin:auto; overflow:hidden; width:236px; height:115px; background-image:url('/img/b2b-ui.png'); background-repeat:no-repeat; background-position:-36px -14px; }
.topic-heading .b2b-expo .button a:link,
.topic-heading .b2b-expo .button a:visited { text-indent:-999em; overflow:hidden; display:block; width:284px; height:61px; background-image:url('/img/b2b-ui.png'); background-repeat:no-repeat; background-position:-8px -129px; margin:auto; }
.topic-heading .b2b-expo .button a:hover,
.topic-heading .b2b-expo .button a:focus { background-repeat:no-repeat; background-position:-8px -229px; }