/* http://meyerweb.com/eric/tools/css/reset/       v1.0 | 20080212  
----------------------------------------------------------------------------------------------------------- */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, 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; }



/* Bring sexy back 
----------------------------------------------------------------------------------------------------------- */
strong { font-weight:bold }
em { font-style:italic }
a { outline:none } /* Gets rid of Firefox's dotted borders */
a img { border:none } /* Gets rid of IE's blue borders */



@media screen,projection {

/* =general
----------------------------------------------------------------------------------------------------------- */
html { height:100%; margin-bottom:1px; }
body { width:990px; margin:0 auto; font-size:11px; line-height:1.75; font-family:"Verdana", "Helvetica", "Arial", sans-serif; background:#dfdfdf url('/images/assets/body.png') repeat-x top left; color:#000; }
html body.genre { background-image:url('/images/assets/body.png'); }



/* =typography
----------------------------------------------------------------------------------------------------------- */
p, blockquote, address, dl, ul, ol  { font-size:1em; margin:0 0 0.8em 0; padding:0.5em 0; }
h1, h2 { font-family: Georgia, "Times New Roman", Times, serif; font-weight:normal; position:relative; }
h1 { font-size:3.5em; line-height:1em; padding:0.4em 0; border-bottom:solid 1px #444; margin-bottom:10px; }
h2 { font-size:1em; line-height:1.2em; font-weight:bold; border-bottom:solid 1px #444; margin:20px 0 10px 0; }
h3 { font-size:0.9em; line-height:1.2em; color:#666; border-bottom:solid 1px #ddd; letter-spacing:1px; padding-bottom:4px; }
h4 { font-size:1em; line-height:1em; }



/* =enhanced-typography
----------------------------------------------------------------------------------------------------------- */
body.review div.hreview div.item p:first-letter { color:#b60000; font-family:"Georgia", serif; float:left; font-size:3.4em; line-height:0.8em; padding:0.2em 0.15em 0 0; }



/* =links
----------------------------------------------------------------------------------------------------------- */
a { text-decoration:none; outline:0; color:#3a5894; }
a:hover { text-decoration:underline; }
h1 a, h2 a { color:#000; }
h1 a.action { font-size:0.3em; line-height:1em; position:absolute; top:10px; right:0; padding:10px; background-color:#3a5894; color:#fff; }
.supp-info span.genre a  { color:#444; }



/* =paragraphs
----------------------------------------------------------------------------------------------------------- */
p.meta-info { color:#444; }
p.map-location { padding-top:0; }
p.venue-name { margin:0; padding:0; }
p.intro-stats { font-size:2em; text-align:center; margin-bottom:0; }
p.intro-stats span { display:block; }
p.participate { font-size:2em; }



/* =supp-info
----------------------------------------------------------------------------------------------------------- */
p.supp-info, dt.supp-info { font-weight:bold; color:#444; padding:0; line-height:1.5; }
p.supp-info span { display:block; }
p.supp-info span span { display:inline; }

dd.supp-info { padding-left:44px; margin-bottom:0.5em; }
dd.supp-info p.date { position:absolute; font-size:0.8em; width:36px; text-align:center; padding:0; left:0px; top:-2.4em; overflow:hidden; }
dd.supp-info p.date span { display:block; }
dd.supp-info p.date span.month { color:#fff; text-transform:uppercase; font-weight:bold; background:transparent url('/images/assets/calendar-top.png') no-repeat top center; padding:8px 0 0; }
dd.supp-info p.date span.day { font-size:1.4em; line-height:1.7; border-width:0 1px 1px 1px; border-style:solid; border-color:#999; background-color:#fff; color:#444; }



/* =pagination
----------------------------------------------------------------------------------------------------------- */
p.pagination { clear:both; margin:20px 0; }
p.pagination a, p.pagination span { float:left; display:block; padding:1px 4px; border:solid 1px #000; margin-right:4px; }
p.pagination a { text-decoration:none; color:#000; }
p.pagination a:hover, p.pagination span.current { background-color:#3a5894; color:#fff; }
p.pagination span.inactive { color:#aaa; border-color:#aaa; }
p.pagination span.ellipsis { border:0; }



/* =icons
----------------------------------------------------------------------------------------------------------- */
a.flag { padding-left:12px; background:transparent url('/images/icons/flag.png') no-repeat left center; }
a.export { padding-left:12px; background:transparent url('/images/icons/export.png') no-repeat left center; }
p.supp-info span.date, p.meta-info span.date, ul.meta-info li.date { padding-left:20px; background:transparent url('/images/icons/calendar.png') no-repeat left center; }
span.added, li.added { padding-left:12px; background:transparent url('/images/icons/posted.png') no-repeat left center; }
a.comments { padding-left:26px; background:transparent url('/images/icons/comment.png') no-repeat 6px 0; }
a.permalink { display:block; position:absolute; right:0; top:3px; background:transparent url('/images/icons/comment.png') no-repeat 0 0; text-indent:-5000px; width:16px; height:12px; }
a.edit { padding-left:16px; background:transparent url('/images/icons/edit.png') no-repeat 0px 50%; }
span.flickr { color:#0063DC; font-weight:bold; }
span.flickr strong { color:#FF0084; }
ul.subscribe a.rss { padding:2px 0px 2px 20px; background:transparent url('/images/icons/rss.png') no-repeat left center; }
ul.subscribe a.ical { padding:2px 0px 2px 20px; background:transparent url('/images/icons/calendar.png') no-repeat left center; }
ul.subscribe a.email { padding:2px 0px 2px 22px; background:transparent url('/images/icons/email.png') no-repeat left center; }
a.review { padding-left:32px; background:transparent url('/images/icons/review.png') no-repeat 0px 50%; }
a.event { display:block; padding:2px 0px 4px 24px; background:transparent url('/images/icons/calendar.png') no-repeat left center; }
a.back-to { font-size:1.8em; }



/* =meta-info
----------------------------------------------------------------------------------------------------------- */
ul.meta-info { clear:both; padding:0 0 20px 0; color:#666; }
ul.meta-info li { display:inline; float:left; margin-right:6px; border-right:solid 1px #999; padding-right:6px;  }
ul.meta-info li.comments, ul.meta-info li.word-count { border-left:solid 1px #999; }
ul.meta-info li.more, ul.meta-info li.word-count { border-right:none; }
ul.meta-info li.word-count { padding-left:6px; }
ul.meta-info li.flag { border-left:solid 1px #999; border-right:0; padding-left:8px; margin-left:-2px; }
ul.meta-info li.edit { border-left:solid 1px #999; border-right:0; padding-left:6px; margin-left:-2px; }
ul.meta-info li.last { border-right-width:0; }



/* =ratings
----------------------------------------------------------------------------------------------------------- */
ul.meta-info li.user-rating {  border:0; width:60px; padding-right:0; text-indent:-5000px; position:relative; background:transparent url('/images/icons/stars/empty.png') repeat-x left center; }
li.user-rating span.rating {  position:absolute; left:0; top:0; background:transparent url('/images/icons/stars/star.png') repeat-x left center; }
ul.meta-info li.not-rated { border:0; padding-right:0; }
dd.user-rating { width:60px; padding-right:0; text-indent:-5000px; position:relative; background:transparent url('/images/icons/stars/empty.png') repeat-x left center; }
dd.user-rating span.rating { position:absolute; left:0; top:0; background:transparent url('/images/icons/stars/star.png') repeat-x left center; }
.user-rating span.rated0 { width:0; }
.user-rating span.rated05 { width:6px; }
.user-rating span.rated1 { width:12px; }
.user-rating span.rated15 { width:18px; }
.user-rating span.rated2 { width:24px; }
.user-rating span.rated25 { width:30px; }
.user-rating span.rated3 { width:36px; }
.user-rating span.rated35 { width:42px; }
.user-rating span.rated4 { width:48px; }
.user-rating span.rated45 { width:54px; }
.user-rating span.rated5 { width:60px; }



/* =tables
----------------------------------------------------------------------------------------------------------- */
table { width:100%; }
table caption { display:none; }
table th { text-align:left; font-weight:bold; border-bottom:solid 2px #444; }
table th, table td { padding:2px 4px; }
table tr.even td { background-color:#ebebeb; }



/* =forms
----------------------------------------------------------------------------------------------------------- */
form { clear:both; }
form fieldset legend { display:none; }
form label { font-weight:bold; }
form input, form textarea, form select { border:solid 1px #444; padding:0.4em; }
form input { width:250px; }
form textarea { width:659px }
form select { padding:0; }
form button { color:#444; background-color:#ddd; border:solid 1px #000; }
form input[type="checkbox"] { width:auto; }
form dt { font-weight:bold; margin-top:14px; }
form fieldset.anti-spam dt.nofillin, fieldset.anti-spam dd.nofillin { display:none; }
div#content-wrapper form button { font-size:1.6em; padding:4px 8px; -moz-border-radius:5px; color:#fff; background-color:#3a5894; }
form#form-add-event ol { font-size:2em; list-style-type:decimal; margin-left:30px; }
form#form-add-event ol dl  { margin-bottom:0; position:relative; }
form#form-add-event ol dl dt, form#form-add-event ol dl dd { font-size:0.5em; }
form#form-add-event ol dl dt { position:absolute; left:220px; top:0.2em; }
form#form-add-event ol dl dt label{ font-weight:normal; font-style:italic; }
dd.explanation span#word-count { position:absolute; right:10px; }


/* =errors
----------------------------------------------------------------------------------------------------------- */
span.error { color:#b30000; }

body.error img.broken { float:left; margin-right:10px; }
body.error p.telling-off { font-size:2em; line-height:2.6em; clear:right; }
body.error p { clear:both; line-height:1.7em; }



/* =accessibility
----------------------------------------------------------------------------------------------------------- */
ul#accessibility { position:absolute; left:-5000px; }



/* =masthead
----------------------------------------------------------------------------------------------------------- */
div.masthead { clear:both; position:relative; color:#fff; height:80px; background:#b60000 url('/images/assets/masthead.png') repeat-x bottom left; margin-bottom:-8px; }
div.masthead h2 { width:140px; height:34px; position:absolute; text-indent:-5000px; top:18px; left:10px; background:url('/images/assets/logo.png') no-repeat; border:0; padding:0; margin:0; }
div.masthead h2 a { display:block; width:140px; height:34px; }
div.masthead a { color:#fff; text-decoration:none; }



/* =nav
----------------------------------------------------------------------------------------------------------- */
ul.nav { font-family: "Arial", "Verdana", "Helvetica", sans-serif; }
ul.nav li { display:inline; }
ul.nav li ul li { display:block; }
ul.nav li.search form, ul.nav li.search form fieldset { display:inline; }
ul.nav li ul { display:none; }
ul.nav li:hover ul { display:block; position:absolute; left:80px; }



/* =mainnav
----------------------------------------------------------------------------------------------------------- */
ul.main-nav { margin-left:160px; padding-left:40px; padding-top:15px; font-size:1.1em; font-weight:bold; }
ul.main-nav li { float:left; }
ul.main-nav li a { display:block; padding:10px 5px; margin:0 10px; }
ul.main-nav li a:hover {}



/* =doorbell
----------------------------------------------------------------------------------------------------------- */
ul.doorbell { position:absolute; right:0; padding:0 10px; bottom:5px; font-size:1em; }
ul.doorbell li { padding-right:10px; margin-right:6px; border-right:solid 1px #fff; }
ul.doorbell li.last { border:0; padding:0; }



/* =user-actions
----------------------------------------------------------------------------------------------------------- */
ul.user-actions { position:absolute; bottom:0; right:10px; }
ul.user-actions li { border:none; }
ul.user-actions li.user { position:absolute; top:-36px; right:0px; text-align:center; width:auto; background-color:#444; padding:1px 12px; }
ul.user-actions li.user img { position:absolute; left:-18px; height:18px; width:18px; }
ul.user-actions li.user ul { width:80px; z-index:99; position:absolute; top:19px; left:-16px; background-color:#444; text-align:center; }
ul.user-actions li ul li a { display:block; color:#fff; padding:2px; }
ul.user-actions li ul li a:hover { background-color:#3a5894; }



/* =search
----------------------------------------------------------------------------------------------------------- */
div.masthead fieldset { position:absolute; top:24px; left:550px; }
div.masthead select, div.masthead input, div.masthead button { position:relative; border:solid 1px #000; }
div.masthead input { width:120px; padding:1px 0 0 0; }
div.masthead input.blur { color:#aaa; font-style:italic; }
div.masthead select { font-size:0.95em; }
div.masthead button { color:#444; background-color:#ddd; font-size:0.95em; }



/* =supp-nav
----------------------------------------------------------------------------------------------------------- */
ul.supp-nav { clear:none; margin:20px 0; border-bottom:solid 1px #444; float:left; width:100%; line-height:1em; padding:0; }
ul.supp-nav li { display:inline; float:left; margin-bottom:-1px; margin-right:-1px;  }
ul.supp-nav li a { display:block; padding:5px 10px; border:solid 1px #444; }
ul.supp-nav a:hover { text-decoration:none; background-color:#3a5894; color:#fff; }
ul.supp-nav a.selected { border-bottom:solid 1px #fff; color:#444; }
ul.supp-nav a.selected:hover { background-color:#fff; color:#444; }



/* =container
----------------------------------------------------------------------------------------------------------- */
div.container { background-color:#fff; }



/* =content-wrapper
----------------------------------------------------------------------------------------------------------- */
div#content-wrapper { background-color:#fff; padding:0 10px 20px 10px; }
div#content-wrapper:after { content:"."; display:block; height:0; clear:both; visibility:hidden; }



/* =content
----------------------------------------------------------------------------------------------------------- */
div.content, div#content { position:relative; float:left; clear:left; width:679px; margin-right:10px; }
body.error div#content-wrapper div.content { width:100%; font-size:1.1em; }
body.settings div#content-wrapper div.content, 
body.genres div#content-wrapper div.content, 
body.search div#content-wrapper div.content, 
div#content-wrapper div.profile-reviews, 
div#content-wrapper div.staff 
{ width:100%; }


/* =supp-content
----------------------------------------------------------------------------------------------------------- */
div#supp-content { float:right; width:260px; padding-right:10px; font-size:0.95em; }
div#supp-content h2, div.supp-content h3, div.supp-content h4 { font-size:1.6em; line-height:1em; margin:0 0 10px 0; border:0; color:#333; }
div#supp-content ul { padding-top:0; }
div#supp-content p { margin-bottom:0; padding-bottom:0.3em; }
div#supp-content ul dl { padding:0; }
div#supp-content h2 span { white-space:nowrap; }
div#supp-content div { margin-bottom:20px; clear:both; }



/* =site-map
----------------------------------------------------------------------------------------------------------- */
div#site-map { clear:both; text-align:center; background-color:#333; color:#ddd; padding:10px; }
div#site-map dl { float:left; width:25%; }
div#site-map a { color:#ddd; }
div#site-map dl { text-align:left; }
div#site-map ul.site-info { clear:both; font-size:0.9em; color:#aaa; padding:10px 0; }
div#site-map ul.site-info li { display:inline; padding:0 10px; }
div#site-map dl dt { text-decoration:underline; margin-bottom:0.4em; }



/* =extra-links
----------------------------------------------------------------------------------------------------------- */
p.extra-links { font-size:1.3em; margin-bottom:10px; }
ul.subscribe { position:absolute; right:0; top:0; }
ul.subscribe li { display:inline; margin-left:5px; }



/* =info-box =status-box =error-box
----------------------------------------------------------------------------------------------------------- */
div.info-box, div.status-box, div.error-box { padding:10px 10px 0 10px; }
div.info-box p, div.status-box p, div.error-box p { padding:0 0 10px 0; margin:0; }
div#supp-content div.info-box { padding-bottom:10px; }
div.info-box { background-color:#dbdbd8; color:#333; border:dashed 1px #444; border-width:1px 0; }
div.status-box { clear:both; font-size:1.2em; font-weight:bold; background-color:#99c68e; color:#000; border:dashed 1px #348017; border-width:1px 0; text-align:center; }
div.error-box { font-weight:bold; background-color:#fa8072; color:#000; border:dashed 1px #b60000; border-width:1px 0; }



/* =snippet
----------------------------------------------------------------------------------------------------------- */
div.snippet dl { position:relative; }
div.snippet dl dt, 
div.snippet dl dd { margin-left:40px; }
div.snippet dl dt img { position:absolute; left:0px; top:2px; padding:1px; border:solid 1px #ccc; }
div.snippet dl dd { font-style:italic; color:#666; }
div.user-reviews-snippet dl dt, 
div.user-reviews-snippet dl dd,
div.user-events-snippet dl dt, 
div.user-events-snippet dl dd 
{ margin-left:0px; }



/* =events
----------------------------------------------------------------------------------------------------------- */
ul.events dl { margin:0 0 10px 0; }
ul.events dl dt.summary { font-size:1.2em; letter-spacing:0.1em; font-weight:bold; padding-left:44px; }
ul.events dl dt.summary span { font-size:1.1em; }
ul.events dd.genre a, ul.events dd.location a { color:#444; }
dd.dt-info { display:none; }
ul.events dl.vevent { position:relative; }
ul.events dl.vevent p.date { position:absolute; top:10px; }



/* =flickr
----------------------------------------------------------------------------------------------------------- */
div.flickr ul { margin-top:-5px; }
div.flickr ul li { float:left; margin-right:5px; margin-top:5px; }
div.flickr ul li img { padding:2px; }
div.flickr ul li a { border:solid 1px #ccc; display:block; line-height:1; }
div.flickr ul li a:hover { border-color:#3a5894; }
div.flickr p { clear:both; margin-bottom:4px; }
div.flickr ul + p a:after { content:' \00BB'; }
div.flickr input { width:100%; margin-top:6px; margin-bottom:10px; font-size:1.1em; }



/* =review-summary
----------------------------------------------------------------------------------------------------------- */
div.review-summary { margin-bottom:30px; }
div.review-summary h3 { border:0; letter-spacing:normal; line-height:1.1em; font-size:1.3em; margin:0 0 4px 0; padding:0; }
div.review-summary h3 a { border-bottom:solid 1px #7795cf;  }
div.review-summary h3 a:hover { border-color:#3a5894; text-decoration:none;  }
div.review-summary p { padding:0; margin:0; }
div.review-summary p.meta-info { font-size:0.9em; }
div.review-summary div { padding:4px 0; }



/* =profile
----------------------------------------------------------------------------------------------------------- */
div.profile-image { float:left; clear:left; margin:0 10px 0 0; margin-right:20px; position:relative;  }
ul.profile-details, dl.profile-details { float:left; }
div.profile-image img { border:solid 1px #444; padding:2px; }
div.staff div.profile-image img { }
div.profile-image a span { width:120px; top:3px; left:-5000px; position:absolute; text-align:center; background-color:#fff; }
div.profile-image a:hover span { left:3px; }
div.profile-image a:hover img { border-color:#3a5894; }
div.staff div.profile-stub .fn, div.staff div#supp-content li.nickname a { color:#b60000; }
div.staff div#supp-content div.profile-stub .fn { color:#444; }
div.vcard div.description { clear:both; padding-top:10px; }
div.profile-stub a.edit { float:right;  margin-right:20px; }
div#supp-content li.nickname { font-weight:bold; font-size:1.2em; }
div.profile-stub span.genre { }
div.venue-profile div.profile-image a span { width:180px; }
dl.profile-details ul { padding:0; margin:0; }
dl.profile-details dd.adr { padding-bottom:4px; }



/* =mini-profile
----------------------------------------------------------------------------------------------------------- */
dl.mini-profile { position:relative; }
dl.mini-profile dt a img { position:absolute; padding:1px; border:solid 1px #ccc; top:3px;  }
dl.mini-profile dt a:hover img { border-color:#3a5894; }
dl.mini-profile dt a img { margin-left:-44px; }
dl.mini-profile dt, dl.mini-profile dd { margin-left:44px; }



/* =staff
----------------------------------------------------------------------------------------------------------- */
ul#staff li { float:left; width:320px; height:8em; margin-bottom:20px; }
ul#staff a img { float:left; margin:0 10px 10px 0; padding:3px; border:solid 1px #444; }
ul#staff a:hover img { border-color:#3a5894; }
ul#staff li.admin a img { border-color:#b60000; }
ul#staff li.mod a img { border-color:#92ba5e; }



/* =settings
----------------------------------------------------------------------------------------------------------- */
div.settings-photo img { padding:2px; border:solid 1px #444; }



/* =venues */
ul.venue-locations { position:relative; padding:0; margin:0; }
ul.venue-locations li ul { display:none; position:absolute; background-color:#fff; border:solid 1px #444; padding:0; }
ul.venue-locations li:hover ul { display:block; }
ul.venue-locations li ul li a { display:block; padding:4px; text-decoration:none; }
ul.venue-locations li ul li a:hover { color:#fff; background-color:#3a5894; }
th.comments a { display:block; width:30px; text-indent:-5000px; background:transparent url('/images/icons/comment.png') no-repeat 50% 6px; }
td.comments { background:transparent url('/images/icons/comment.png') no-repeat 50% 8px; font-size:1em; }
td.comments span { display:none; }
td.comments a { display:block; }



/* =events-calendar 
----------------------------------------------------------------------------------------------------------- */
div#supp-content table.events-calendar { width:253px; font-size:11px; line-height:34px; font-weight:normal; font-family:"Verdana", "Arial", "Helvetica", sans-serif; color:#616B76; text-align:center; background-color:#fff; border-left:1px solid #aaa; }
div#supp-content table.events-calendar th { border-right:1px solid #aaa; border-top:1px solid #aaa; border-bottom:1px solid #aaa; background-color:#ddd; padding:0; text-align:center; }
div#supp-content table.events-calendar td { border-right:1px solid #aaa; border-bottom:1px solid #aaa; width:36px; height:36px; text-align:center; padding:0; }
div#supp-content table.events-calendar td div.highlight { display:block; background-color:#ffffcc; margin-bottom:0; }
div#supp-content table.events-calendar td a { display:block; background-color:#3a5894; color:#fff; height:35px; width:36px; }



/* =filters
----------------------------------------------------------------------------------------------------------- */
ul.filter { padding:0; background-color:#fff; clear:both; margin-bottom:40px; }
ul.filter li { display:block; float:left; position:relative; margin-right:20px; background-color:#444; color:#ddd; padding:4px 10px; border:solid 1px #000; }
ul.filter li ul { position:absolute; display:none; left:-1px; padding:4px; margin:0; background-color:#fff; border:solid 1px #000; width:250px; z-index:10; }
ul.filter li:hover ul { display:block; }
ul.filter li ul li { float:left; display:inline; margin:0; margin-right:10px; background-color:#fff; border:0; padding:2px 0 2px 0; }
ul.filter li.filter-genre ul li { padding-left:20px; }
ul.filter li ul li.all { display:block; clear:both; width:100%; padding:0; margin-bottom:8px; }
ul.filter li.filter-genre, ul.filter li.filter-location, ul.filter li.filter-location  li { background-image:none; }
div.filter { padding-bottom:90px; }
div.filter ul { float:left; }
div.filter ul li { float:left; display:inline; margin:0; margin-right:10px; background-color:#fff; padding:2px 0 2px 20px; }
div.filter ul li.all { display:block; clear:both;  width:100%; padding:0; margin-bottom:8px; background-image:none; }



/* =comments
----------------------------------------------------------------------------------------------------------- */
div.comment-box { margin-top:40px; }
form.comments { position:relative; padding-left:78px; }
form.comments dt { display:none; }
form.comments dd.allowed { position:absolute; right:0; top:0; }
form.comments textarea { width:590px; height:48px; }
form.comments img { position:absolute; left:0; border:solid 1px #ccc; padding:1px; }
form.comments span#characters { position:absolute; right:0; }
form.comments h4 { margin-bottom:10px; text-decoration:underline; }
form.comments a { display:block; clear:both; }
form.comments li { float:left; padding-right:60px; padding-bottom:10px;  }
div#content-wrapper form#comments button { color:#444; background-color:#ddd; border:solid 1px #000; font-size:1.1em; padding:2px 10px; }
ul.comments li { margin-bottom:20px; }
ul.comments li dl { position:relative; }
ul.comments li dt a img { position:absolute; left:0; top:8px; border:solid 1px #ccc; padding:1px; }
ul.comments li dt a:hover img { border-color:#3a5894; }
ul.comments li dt { margin-left:44px; border-bottom:solid 1px #666; }
ul.comments li dd { padding-left:44px; }
ul.comments li dd.when { position:absolute; right:0; top:5px; font-size:0.9em; color:#666; padding-right:20px; }
ul.comments li dd p { margin-bottom:0; }
ul.comments li.author dt { border-bottom:solid 2px #b30000; }



/* =suggestions (ajax stuff)
----------------------------------------------------------------------------------------------------------- */
dd#suggestions { position:relative; line-height:1.1em; }
dd#suggestions ul { position:absolute; padding:0; list-style:none; background-color:#fff; border:solid 1px #000; }
dd#suggestions ul li { border-bottom:solid 1px #444; border-right:solid 1px #444; }
dd#suggestions ul li a { display:block; padding:2px 5px 0 5px; text-decoration:none; }
dd#suggestions ul li:hover { background-color:#3a5894; cursor:pointer; }
dd#suggestions ul li:hover a { color:#fff; }
dd#suggestions ul li span { display:block; padding:0 4px 2px 4px; font-size:0.9em; color:#444; padding-left:4px; }
dd#suggestions ul li:hover span { color:#ddd; }
dd#suggestions ul li span.name { font-weight:bold; color:#3a5894; }
dd#suggestions ul li:hover span.name { color:#fff; }



/* =home
----------------------------------------------------------------------------------------------------------- */
div.home h1 { display:none; }
body.index div#content-wrapper div.events,
body.index div#content-wrapper div.not-events
{ float:left; }
body.index div#content-wrapper div.events { width: 360px; margin-right:10px; clear:left; padding:0 10px; }
body.index div#content-wrapper div.not-events { width: 580px; clear:right; }
body.index div#content-wrapper div.events, 
body.index div#content-wrapper div.info, 
body.index div#content-wrapper div.hreview, 
body.index div#content-wrapper div.vcard 
{ background-color:#e7e7e7; border-radius:10px; -moz-border-radius:10px; -webkit-border-radius:0px; -webkit-box-shadow:3px 3px 3px #999; }
body.index div#content-wrapper div.info, 
body.index div#content-wrapper div.hreview
{ margin:0 0 10px 0; padding:1px 10px 10px; }
body.index div#content-wrapper div.vcards dl { padding-top:0; }
body.index div#content-wrapper div.vcard { float:left; padding:1px 10px; width:264px; }
body.index div#content-wrapper div.venue { margin-right:10px; }
body.index div.hreview p.meta-info { position:relative; padding-left:44px; }
body.index div.hreview p.meta-info:first-letter { font-size:inherit; color:inherit; float:none; font-family:inherit; padding:0; }
body.index div.hreview a img { padding:2px; border:solid 1px #ccc; position:absolute; left:0; top:0.8em; }
body.index div.hreview a:hover img { border-color:#3a5894; }
body.index div.events p.extra { padding-top:0; margin-top:-30px; text-align:right; }
body.index a.extra { display:block; text-align:right; margin-top:5px; margin-bottom:-10px; }

/* =export 
----------------------------------------------------------------------------------------------------------- */
div.export-popup { display:none; position:absolute; width:360px; z-index:101; font-size:1.1em; }
div.export-popup h2 { padding:25px 25px 5px 25px; margin-bottom:0; background:transparent url('/images/assets/popup.png') no-repeat top center; border:0; }
div.export-popup h2 a.close { font-size:1em; position:absolute; right:20px; color:#3a5894; }
div.export-popup ul { padding:5px 25px 25px 25px; background:transparent url('/images/assets/popup.png') no-repeat bottom center; }
div#export ul:after { content:"."; display:block; height:0; clear:both; visibility:hidden; }
div#export dl { float:left; }
div#export dl.share { margin-left:40px; }
div#export dl dt { font-weight:bold; border-bottom:solid 1px #444; margin-bottom:10px; }
div#export dl dd { padding-left:24px; margin:4px 0; background-repeat:no-repeat; background-position:left center; }
div#export dl dd.ical { background-image: url('/images/icons/ical.png'); }
div#export dl dd.google { background-image: url('/images/icons/external/google.png'); }
div#export dl dd.yahoo { background-image: url('/images/icons/external/yahoo.png'); }
div#export dl dd.facebook { background-image: url('/images/icons/external/facebook.png'); }
div#export dl dd.delicious { background-image: url('/images/icons/external/delicious.png'); }
div#export dl dd.stumbleupon { background-image: url('/images/icons/external/stumbleupon.png'); }



/* =genres 
----------------------------------------------------------------------------------------------------------- */
ul.cloud li { display:inline;  margin:10px; }
div.sources { text-align:right; }
body.genre div.content img { -webkit-box-shadow:5px 5px 5px #999; padding:4px; border:solid 1px #444; }



/* =supp-menu
----------------------------------------------------------------------------------------------------------- */
ul.supp-menu { font-size:1.6em; }
ul.supp-menu li a { display:block; border-style:solid; border-color:#ccc; border-width:1px 0; padding:2px 6px; margin-top:-1px; }
ul.supp-menu li a:hover, ul.supp-menu li.selected a { background-color:#dfdfdf; color:#444; text-decoration:none; }



/* =help
----------------------------------------------------------------------------------------------------------- */
body.help dt, dl.guidelines dt { font-weight:bold; }
body.help div#content dd, dl.guidelines dd { margin-bottom:20px; }



/* =search-results
----------------------------------------------------------------------------------------------------------- */
body.search div#content-wrapper p.results-returned { margin-bottom:20px; }
body.search div.vcalendar p { padding:0; margin:0; }
body.search div.vcalendar div.vevent, 
body.search div.content div.hreview 
{ margin-bottom:20px; }



/* =feeds
----------------------------------------------------------------------------------------------------------- */
body.feeds div.content ul li { background:transparent url('/images/icons/rss.png') no-repeat left center; padding-left:24px; line-height:2em }
body.feeds div.content div.feedburner ul li { font-size:1.5em; line-height:1.5em; letter-spacing:1px; padding-bottom:4px; }



/* =targets
----------------------------------------------------------------------------------------------------------- */
div:target h2, 
dl:target
{ background-color:#ffffcc; }



/* =flags
----------------------------------------------------------------------------------------------------------- */
.genre { padding-left:20px; background-repeat:no-repeat; background-image:url('/images/flags/default.png'); background-position: left center; }
.location { padding-left:20px; background-repeat:no-repeat; background-image:url('/images/flags/default.png'); background-position: left center; }
div.content .location { padding-left:0; background:none; }
/* still need: winebar sushi swahili/english */
.american { background-image:url('/images/flags/us.png'); }
.belgian { background-image:url('/images/flags/be.png'); }
.brazilian { background-image:url('/images/flags/br.png'); }
.canarian { background-image:url('/images/flags/ci.png'); }
.chinese { background-image:url('/images/flags/cn.png'); }
.dubaian, .united-arab-emirates { background-image:url('/images/flags/ae.png'); }
.egyptian { background-image:url('/images/flags/eg.png'); }
.english { background-image:url('/images/flags/en.png'); }
.french { background-image:url('/images/flags/fr.png'); }
.georgian { background-image:url('/images/flags/ge.png'); }
.greek { background-image:url('/images/flags/gr.png'); }
.hungarian{ background-image:url('/images/flags/hu.png'); }
.indian { background-image:url('/images/flags/in.png'); }
.italian { background-image:url('/images/flags/it.png'); }
.japanese { background-image:url('/images/flags/jp.png'); }
.mexican { background-image:url('/images/flags/mx.png'); }
.misc { background-image:url('/images/flags/misc.png'); }
.mongolian { background-image:url('/images/flags/mn.png'); }
.pakistani { background-image:url('/images/flags/pk.png'); }
.persian, .iranian { background-image:url('/images/flags/ir.png'); }
.polish { background-image:url('/images/flags/pl.png'); }
.portuguese { background-image:url('/images/flags/pt.png'); }
.pub { background-image:url('/images/flags/pub.png'); }
.seafood { background-image:url('/images/flags/seafood.png'); }
.spanish { background-image:url('/images/flags/es.png'); }
.sushi-pub-grub { background-image:url('/images/flags/sushi-pub.png'); }
.swahili-english { background-image:url('/images/flags/tz-en.png'); }
.tanzania, .zanzibar-fusion, .swahili { background-image:url('/images/flags/tz.png'); }
.thai { background-image:url('/images/flags/th.png'); }
.tex-mex { background-image:url('/images/flags/tex-mex.png'); }
.turkish { background-image:url('/images/flags/tr.png'); }
.united-kingdom { background-image:url('/images/flags/uk.png'); }
.vegetarian { background-image:url('/images/flags/veg.png'); }
.vietnamese { background-image:url('/images/flags/vn.png'); }
.wine-bar { background-image:url('/images/flags/wine-bar.png'); }



/* =enhanced
----------------------------------------------------------------------------------------------------------- */



}



@media print {

}



@media handheld {

}



/* http://meyerweb.com/eric/tools/css/diagnostics/ 
-----------------------------------------------------------------------------------------  
div:empty, span:empty, li:empty, p:empty, td:empty, th:empty { padding : 0.5em; background : yellow; }
*[style], font, center { outline : 5px solid red; } 
*[class=""], *[id=""] { outline : 5px dotted red; }
img[alt=""] { border : 3px dotted red; }
img:not([alt]) { border : 5px solid red; }
img[title=""] { outline : 3px dotted fuchsia; }
img:not([title]) { outline : 5px solid fuchsia; }
table:not([summary]) { outline : 5px solid red; }
table[summary=""] { outline : 3px dotted red; }
th { border : 2px solid red; }
th[scope="col"], th[scope="row"] { border : none; }
a[href]:not([title]) { border : 5px solid red; }
a[title=""] { outline : 3px dotted red; }
a[href="#"] { background : lime; }
a[href=""] { background : fuchsia; } */