/* @Welcome message
----------------------------------------------- */
#welcome { position: absolute; bottom: 0; left: 0; width: 240px; height: 170px; background: url(../images/welcome_message.gif); text-indent: -9999px; }
#site_header { height: 300px; overflow: hidden; }

/* @Staff picks
----------------------------------------------- */
#staff_picks { overflow: hidden; float: right; height: 200px; width: 600px; margin: 10px 0 0; }
#staff_picks article { display: block; float: right; width: 80px; height: 80px; margin: 0 10px 0 0px; border: 5px solid #6d6e71; background: #d3dedf; list-style: none; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; }

#staff_picks .item_type { width: 80px; height: 80px; }
#staff_picks .embed object,
#staff_picks .embed embed { position: absolute; width: 80px !important; height: 80px !important; z-index: 5; }
#staff_picks .caption { border: 0; width: 80px; height: 80px; }
#staff_picks .caption h3 a { font-size: 11px; line-height: 14px; padding: 2px 5px; }
#staff_picks .caption p { font-size: 10px; line-height: 14px; padding: 0 5px; }
#staff_picks .selected { border-color: #e3581a; }
#staff_picks #caption { float: left; padding: 5px 10px; overflow: hidden; background: url(../images/staff_picks.png) right center no-repeat; height: 80px; width: 210px; text-indent: -9999px; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; }
#staff_picks #caption.captioned { background: #a4c0c0; text-indent: 0; }
#staff_picks #caption h3 { line-height: 18px; margin-bottom: 2px; }
#staff_picks #caption h3 a { font-size: 12px; text-transform: uppercase; color: #333; text-decoration: none; }
#staff_picks #caption p { font-size: 11px; line-height: 15px; color: #444; }
#staff_picks p a { font-weight: bold; }

#staff_picks .primary,
#staff_picks .primary .item_type,
#staff_picks .primary .embed object,
#staff_picks .primary .embed embed,
#staff_picks .primary .caption { width: 290px !important; height: 190px !important; margin: 0; }
#staff_picks .primary .item_type { background-position: 190px 20px; }
#staff_picks .primary .caption h3 a { font-size: 16px; line-height: 20px; padding: 5px 10px; }
#staff_picks .primary .caption p { font-size: 13px; line-height: 20px; padding: 0 10px; }
#staff_picks .primary .official { top: 115px; width: 270px; }
#staff_picks #caption { background: url(../images/staff_picks_homepage.png) 70px 10px no-repeat; height: 90px; width: 270px; margin: 100px 0 -200px 0; }

/* @Sections
----------------------------------------------- */
#main_content { padding: 0; width: 730px; background: none; }
#content { padding-top: 20px; }

#content h1 { font-size: 14px; line-height: 40px; text-transform: uppercase; }

#featured_brew { display: block; float: left; width: 470px; margin: 0 20px 20px 0; padding: 0 10px; background: #FFF; }
#contribute_promo { display: block; float: left; width: 470px; margin: 0 20px 20px 0; padding: 0 10px; background: #fff; }

#contribute_promo div { float: left; width: 210px; margin: 10px 10px 10px 0; padding: 10px; background: #eee; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; }
#contribute_promo div.start_discussion { margin-right: 0; }
#contribute_promo span { font-weight: bold; }
#contribute_promo a { font-weight: bold; color: #344eae;}

#current_discussions,
#current_events { display: block; float: right; width: 200px; padding: 0 10px; margin: 0 0 20px; background: #b5c9c9; }
#current_events { background: #ced4d4; }

#content section { -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; }
#content section li { list-style: none; margin-bottom: 15px; zoom: 1; }
#content section li h2 a { font-size: 13px; line-height: 14px; text-decoration: none; }
#content section li p { font-size: 11px; line-height: 15px; margin-top: 5px; overflow: hidden; }
#content section li p a { display: block; float: left; }
#content section li p a.comments { float: right; }
#content section li strong { padding-right: 10px; }