/*= Modules /*-------------------------------------------------------- */ /*= Tools /*-------------------------------------------------------- */ .entry-tools, .entry-tools li { width: 100%; display: inline; float: left; margin: 0; padding: 0; } .entry-tools { margin: 9px 0 0; } .entry-tools li { margin: 0 0 6px; } .entry-tools .entry-share { display: none; } .entry-share code { display: block; padding: 6px; font-size: 10px; color: rgb(65,65,65); background: rgb(215,215,215);} /*-------------------------------------------------------- */ /*= [end] Tools */ /*= Images /*-------------------------------------------------------- */ .image { } .image-caption, .wp-caption-text { width: 100%; display: inline; float: left; font-family: arial; font-size: 9px; line-height: 12px; color: rgb(65,65,65); } .image-caption .image-source { color: rgb(163,163,162); } /*-------------------------------------------------------- */ /*= [end] Images */ /*= Content /*-------------------------------------------------------- */ /*= Sections /*-------------------------------------------------------- */ .heading-section { display: block; /*padding: 6px 0; border-color: rgb(225,225,225); border-top: 1px solid rgba(203,203,199,.7);*/} .content-section { display: inline; float: left; width: 100%; margin: 0 0 3px; padding: 0 0 9px; border-color: rgb(225,225,225); border-bottom: 5px solid rgba(203,203,199,.7); } /*-------------------------------------------------------- */ /*= [end] Sections */ /*= META /*-------------------------------------------------------- */ .entry-meta { margin: 3px 0 6px; font-size: 15px; line-height: 15px; } .entry-meta a { color: rgb(65,65,65); } /*-------------------------------------------------------- */ /*= [end] META */ /*= Heroes /*-------------------------------------------------------- */ .hero .header .entry-title { font-family: impact, arial, sans-serif; font-size: 18px; line-height: 21px; } .hero .header .permalink { color: rgb(65,65,65); } .hero .header .entry-meta { margin: 3px 0 6px; font-size: 15px; line-height: 15px; } .hero .header .entry-meta a { color: rgb(65,65,65); } .hero .entry-summary p { font-size: 13px; line-height: 18px;} /*-------------------------------------------------------- */ /*= [end] Heroes */ /*= Features /*-------------------------------------------------------- */ .featured { } .featured .heading-section { font-size: 18px; font-weight: bold; color: rgb(65,65,65); } .content-list-featured { width: 100%; } .content-list-featured, .content-list-featured li { display: inline; float: left; margin: 0; padding: 0; } .content-list-featured li { width: 144px; position: relative; margin: 0 0 0 4px; } .content-list-featured li:first-child { margin: 0; } .content-list-featured a { width: 100%; height: 100%; display: block; position: relative; font-family: 'TeXGyreHerosCn', helvetica, arial, sans-serif; font-size: 12px; font-weight: bold; line-height: 1.2; color: rgb(65,65,65); } .content-list-featured a:hover .entry-title { text-decoration: none; color: rgb(255,78,60); } .content-list-featured .entry-title { display: block; padding: 6px 0; text-decoration: none; color: rgb(65,65,65); -webkit-transition-property: color; -webkit-transition-duration: .1s; } /*-------------------------------------------------------- */ /*= [end] Features */ /*= Category Recent /*-------------------------------------------------------- */ .category-recent-list { width: 100%; margin: 0; padding: 0; } .category-recent-list li { display: inline; float: left; margin: 0; padding: 0; } .category-recent-list .heading-category { font-family: impact, arial, sans-serif; font-size: 15px; line-height: 18px; text-transform: capitalize; } .category-recent-list .heading-category a { display: block; padding: 8px 10px; color: rgb(255,255,255); background: rgb(65,65,65); background: rgba(0,0,0,.7); } .category-content-list, .category-content-list li { width: 100%; display: inline; float: left; margin: 0; padding: 0; } .category-content-list { margin: 6px 0; } .category-content-list li { margin: 0 0 3px; } .category-content-list a { display: block; font-size: 12px; line-height: 13px; color: rgb(65,65,65); } #category-recent-list { width: 100%; display: inline; float: left; margin: 0; padding: 0; } #category-recent-list li { width: 100%; display: inline; float: left; margin: 0; padding: 0; border: 1% solid rgb(65,65,65); } .category #category-recent-list .entry-title { font-size: 18px; } #category-recent-list .content-list, #category-recent-list .content-list li { width: 100%; display: inline; float: left; margin: 0; padding: 0; } #category-recent-list .content-list { width: 400px; } #category-recent-list .content-list li { height: auto; min-height: 0; margin: 0 0 6px; } /*-------------------------------------------------------- */ /*= [end] Category Recent */ /*= Recent Lists /*-------------------------------------------------------- */ .recent-list, .recent-list li { width: 100%; display: inline; float: left; margin: 0; padding: 0; } .recent-list li { margin: 0 0 9px; padding: 0 0 9px; border-bottom: 1px solid rgb(225,225,225); } .recent-list p { font-size: 12px; line-height: 15px; } .recent-list .entry-title { font-size: 15px; line-height: 15px; } .recent-list .entry-title a { color: rgb(0,0,0); } .recent-list .entry-title a:hover { text-decoration: none; color: rgb(0,0,0); } .recent-list .entry-meta { color: rgb(125,125,125);} .recent-list .published { display: inline; } /*-------------------------------------------------------- */ /*= [end] Recent Lists */ /*= Newsletter Signup /*-------------------------------------------------------- */ #constant-contact-signup .ctl { width: 100%; display: inline; float: left; } #constant-contact-signup .text input { width: 95%; } #constant-contact-signup #ctl-firstname, #constant-contact-signup #ctl-lastname { width: 145px; } #constant-contact-signup #ctl-firstname { margin-right: 5px; } #constant-contact-signup #ctl-email { width: 100%; } /*-------------------------------------------------------- */ /*= [end] Newsletter Signup */ /*= Localist Import /*-------------------------------------------------------- */ #page-sub #lw { width: 100%; display: inline; float: left; margin: 0; padding: 0; background: none; } #lw #lwe { margin: 0; padding: 0; } #lw li.lwe { margin-left: 0; } /*-------------------------------------------------------- */ /*= [end] Localist Import */ /*= Twitter Widget /*-------------------------------------------------------- */ #twtr-widget-1 { background: none; } #brew #twtr-widget-1 .twtr-doc, #brew #twtr-widget-1 .twtr-hd, #brew #twtr-widget-1 .twtr-hd a, #brew #twtr-widget-1 .twtr-bd, #brew #twtr-widget-1 .twtr-ft, #brew #twtr-widget-1 .twtr-timeline, #brew #twtr-widget-1 .twtr-hd h4, #brew #twtr-widget-1 .twtr-hd h3 { background: none !important; } /*-------------------------------------------------------- */ /*= [end] Twitter Widget */ /*-------------------------------------------------------- */ /*= [end] Content */ /*= Archives /*-------------------------------------------------------- */ .archnav, .archnav li { display: inline; float: left; width: 100%; } .archnav li { margin: 0 0 3px; padding: 0 0 3px; border-bottom: 1px solid #ccc; } .archnav { margin: 3px 0 5px; } #archive-content { display: inline; float: left; width: 100%; margin: 3px 0 0 0; padding: 5px 0 0 0; border-bottom: 1px solid #000; } #archive-content .archnav span, #archive-content .archnav a { margin: 0; padding: 0 5px; font-size: 10px; border-left: 1px solid #666; } #archive-content .archnav span { display: inline; float: left; color: #ccc; border-color: #ccc; } #archive-content .archnav strong { width: 100%; display: block; } #archive-content .archnav strong a { width: 35px; border: none; } #archive-content .archnav li:first-child { margin: 0; padding: 0; border: none; } /*-------------------------------------------------------- */ /*= [end] Archives */ /*-------------------------------------------------------- */ /*= [end] Modules */ /*-------------------------------------------------------- */ /*= [end] GLOBALS */ /*= HOME /*-------------------------------------------------------- */ .home #page-main { width: 590px; display: inline; float: left; } .home #content-hero, .home #content-hero .hentry { width: 100%; display: inline; float: left; } .home #content-hero .hentry { width: 590px; } .home #content-hero .image { width: 350px; display: inline; float: left; } .home #content-hero .hentry-wrap { width: 220px; display: inline; float: right; margin: 0; } .home #content-hero .entry-meta { font-size: 10px; } .home #content-hero .author a { color: rgb(0,0,0); } .home #content-hero .entry-tools { margin: 5px 0 0; padding: 5px 0 3px; border-top: 5px solid rgb(225,225,225); } .home #content-hero .entry-tools li { font-size: 15px; } .home #content-featured, .home #content-neighborhoods { width: 100%; display: inline; float: left; } .home #category-recent-list { width: 100%; display: inline; float: left; } .home #category-recent-list li { width: 114px; margin: 0 0 0 4px; } .home #category-recent-list li:first-child { margin: 0; } #category-recent-list .article a { padding: 6px 0; font-family: 'TeXGyreHerosCn', helvetica, arial, sans-serif; font-size: 12px; line-height: 1.2; font-weight: bold; color: rgb(65,65,65); } #category-recent-list a:hover { text-decoration: none; } .home #page-main .ad-300 { width: 300px; display: inline; float: right; margin: 3px 0; } .home #content-recent li { margin: 0 0 9px; padding: 0 0 9px; border-bottom: 1px solid rgb(225,225,225); } .home #content-recent, .home #content-comments { width: 240px; display: inline; float: left; margin: 0 20px 0 0; } .home #content-comments { float: right; width: 300px; margin-right: 0; } .home #comment-list h3 { font-size: 15px; } .home #content-hero li.hentry { display: none; width: 590px; overflow: hidden; } .home #content-hero li.hentry:first-child { display: inline; } .home #content-hero-nav { width: 100%; display: inline; float: left; margin: 0; padding: 0; list-style: none; } .home #content-hero-nav li { height: 10px; display: inline; float: left; margin: 10px 0 0; padding: 0; } .home #content-hero-nav li.last { } .home #content-hero-nav .ir, .home #content-hero-nav .ir span { width: 100%; height: 100%; display: block; } .home #content-hero-nav .ir span { background: rgb(65,65,65); } .home #content-hero-nav .here { height: 20px; margin: 0; } .home #content-hero-nav .here span { background: rgb(245,246,240) url(http://assets.baltimorebrew.com/images/_s/bg-nav-feat.png) center bottom no-repeat; } .home #percolating { position: relative; } .home #percolating .jcarousel-container { width: 540px; margin: 0 0 0 24px; overflow: hidden; z-index: 100; } .home #percolating .content-list-featured li { width: 132px; display: none; margin: 0 4px 0 0;} .home #percolating .content-list-featured li:first-child { display: inline; margin-right: 4px; } .home #percNav { position: absolute; top: 3.2em; left: 0; z-index: 1; width: 100%; height: 150px; margin: 0; padding: 0; list-style: none; } .home #percNav li:hover { cursor: pointer; } .home #percNav .percNav { width: 20px; height: 150px; position: relative; margin: 0; padding: 0; list-style: none; z-index: 1000; } .home #percNav .percNav span { width: 100%; height: 100%; background: rgb(235,235,238) url(http://assets.baltimorebrew.com/images/_s/btn-perc.png) left 40% no-repeat; } .home #percNav #perc-prev { position: absolute; top: 0; left: 0; } .home #percNav #perc-prev span { background-position: -3px 50%; } .home #percNav #perc-next { position: absolute; top: 0; right: 0; } .home #percNav #perc-next span { background-position: -38px 50%; } /*-------------------------------------------------------- */ /*= [end] HOME */ /*= CATEGORIES /*-------------------------------------------------------- */ .category #page-promo { width: 100%; display: inline; float: left; } .category .hero { position: relative; width: 600px; height: 300px; display: inline; float: left; } .category .hero .hentry { width: 100%; position: absolute; bottom: 0; left: 0; background: rgb(65,65,65);} .category .hero .entry-title { display: block; margin: 10px; } .category .hero .entry-heading-sub { display: block; font-size: .9em; line-height: 1em; color: rgb(255,255,255); } .category .hero a:link, .category .hero a:active, .category .hero a:visited { color: rgb(255,255,255);} .category .hero a:hover { text-decoration: none; } .category .top { width: 300px; height: 300px; display: inline; float: right; } .category #content-top-list { margin-top: 15px; } .category #page-main { width: 600px; display: inline; float: left; } .category #category-recent-list li { width: 300px; height: 250px; display: inline; float: left; } .category #category-recent-list .category-title { margin-left: 10px;} .category #category-recent-list .content-list { width: 250px; display: inline; float: left; margin: 0 10px; } .category #category-recent-list .content-list li { width: 250px; min-height: 0; height: auto; margin: 0 0 9px; padding: 0 0 9px; } .category #category-recent-list ul li .entry-title a { font-size: 15px; line-height: 15px; color: rgb(65,65,65); } #category-child #page-main .ad-300 { width: 300px; display: inline; float: right; margin: 3px 0; } #category-child #content-recent, #category-child #content-comments { width: 240px; display: inline; float: left; margin: 0 20px 0 0; } #category-child #content-comments { width: 300px; float: right; margin-right: 0; } #category-child #content-comments h3 { font-size: 15px; } /*-------------------------------------------------------- */ /*= [end] CATEGORIES */ /*= Daily Drip /*-------------------------------------------------------- */ #category .daily_drip .content-section { border: none; } #daily_drip .header a:link, #daily_drip .header a:visited { color: #FF4E3C; } #daily_drip .header a:hover { color: #414141; text-decoration: none; } #category .daily_drip h1, #daily_drip .header h2 { font-size: 30px; line-height: 1; font-weight: bold; letter-spacing: .05em; color: #FF4E3C; } #category .daily_drip h1 span, #daily_drip .header h2 span { position: relative; top: -.3em; font: 15px/18px "LeagueGothic", impact, sans-serif; text-transform: uppercase; color: #414141; } #drip_list, #drip_list ul, #drip_list li { display: inline; float: left; width: 100%; margin: 0; padding: 0; list-style: none; } #drip_list li { position: relative; } #drip_list li .drip-article-list li { display: inline; float: left; width: 100%; padding: 0 0 20px;} #drip_list .heading-date { display: inline; float: left; width: 100%; margin: 10px 0 20px; font: bold 12px/12px TeXGyreHerosCn, helvetica, arial, sans-serif; background: rgb(227,227,223); } #drip_list .heading-date span { padding: 0 6px 0 0; background: #F5F6F0; } #drip_list .article-image .entry-heading { display: block; position: absolute; top: 0; left: 0; z-index: 2; width: 100%; } #drip_list .article-image .entry-heading a:link, #drip_list .article-image .entry-heading a:visited { display: block; padding: 6px; font: bold 12px/15px TeXGyreHerosCn, helvetica, arial, sans-serif; color: rgb(255,255,255); background: rgb(65,65,65); background-color: rgba(65,65,65,.7); } #drip_list .article-image .entry-heading a:hover { text-decoration: none; background-color: #000;} #drip_list .article-image img { position: relative; z-index: 1; } #drip_list .article-text .permalink-img:link, #drip_list .article-text .permalink-img:visited { display: inline; float: left; width: 62px; margin: 0 8px 8px 0; border: 1px solid #000; } #drip_list .article-text .permalink-img:hover { border-color: #FF4E3C; } #drip_list .article-text img { border: 1px solid #fff; } #drip_list .article-text .entry-content { display: inline; float: left; width: 100%; margin: 0 25px 0 0; } #drip_list .article-text-image .entry-content { width: 200px; } #drip_list .article-text .entry-heading { margin: 0 0 3px; font-size: 18px; line-height: 1; } #drip_list .article-text .entry-heading a:link, #drip_list .article-text .entry-heading a:visited { color: #414141; } #drip_list .article-text .entry-heading a:hover, #drip_list .article-text .entry-heading a:active { color: #FF4E3C;} #drip_list .entry-content a:link, #drip_list .entry-content a:visited { color: #FF4E3C; } #drip_list .entry-content a:hover { text-decoration: none; color: #414141; } #drip_list .entry-content p { font: normal 10px/12px TeXGyreHeros, helvetica, arial, sans-serif; } .drip-footer:link, .drip-footer:visited { display: inline; float: left; width: 100%; margin: 10px 0 0; padding: 5px 0 0; font: 18px/18px 'LeagueGothic', impact, sans-serif; letter-spacing: 2px; text-transform: uppercase; color: #FF4E3C; border-top: 1px solid #E1E1E1; } .drip-footer:hover { text-decoration: none; color: #000; } /*-------------------------------------------------------- */ /*= [end] Daily Drip */ /*= Drip Category /*-------------------------------------------------------- */ #category #drip_list .article-text .permalink-img:link, #category #drip_list .article-text .permalink-img:visited { display: inline; float: left; width: 202px; margin: 0 8px 8px 0; border: 1px solid #000; } #category #drip_list .article-text .permalink-img:hover { border-color: #FF4E3C; } #category #drip_list .article-text .entry-content { width: 350px;} #category #drip_list .article-text .entry-content p { font-size: 12px; line-height: 18px; } #category .daily_drip #nav-posts { display: inline; float: left; width: 100%; margin: 15px 0 0; padding: 3px 0; border-top: 5px solid #E1E1E1; border-bottom: 5px solid #E1E1E1; } #category .daily_drip .wp-pagenavi { display: inline; float: left; width: 100%; position: relative; padding: 5px 0; border-top: 1px solid #E1E1E1; border-bottom: 1px solid #E1E1E1;} #category .daily_drip #nav-posts .page, #category .daily_drip #nav-posts .current { display: none; } #category .daily_drip #nav-posts .previouspostslink, #category .daily_drip #nav-posts .nextpostslink { position: absolute; top: 5px; width: 120px; height: 28px; padding: 10px; font: 72px/18px "BodoniUltraFLF", serif; text-decoration: none; color: #c0c0bd;} #category .daily_drip #nav-posts .previouspostslink:hover, #category .daily_drip #nav-posts .nextpostslink:hover { color: #fff; background: #FF4E3C;} #category .daily_drip #nav-posts .previouspostslink span, #category .daily_drip #nav-posts .nextpostslink span { position: relative; top: -.7em; margin: 0 10px; font: 18px/1 "LeagueGothic", impact, sans-serif; text-transform: uppercase; letter-spacing: 0.1em; } #category .daily_drip #nav-posts .previouspostslink { left: 0; } #category .daily_drip #nav-posts .nextpostslink { right: 0; text-align: right; } #category .daily_drip #nav-posts .pages { display: block; width: 308px; height: 48px; margin: 0 auto; text-align: center; font: 30px/48px "BodoniUltraFLF", serif; color: #fff; background: url(../images/_s/bg.nav-posts.jpg) left top no-repeat;} #category .daily_drip #nav-posts .pages .total { color: #afafaf; } /*-------------------------------------------------------- */ /*= [end] Drip Category */