.yui-gf .yui-u { width: 74%; }

.box2 { float: left; width: 49%; margin-left: 12px; }
.box2-first { float: left; width: 48%; margin-left: 0; }
.box3 { float: left; width: 32%; margin-left: 12px; }
.box3-first { float: left; width: 31%; margin-left: 0; }

a { text-decoration: none; }
  a.more { color: #812; }
    a.more:hover { text-decoration: underline; }
  .digest { color: #777; font-family: Verdana, Arial, sans-serif; font-size: 0.8em; }
    .digest a { color: #777; text-decoration: underline; }
      .digest a:hover { color: #579; }
      .digest a b { color: #74a050; }

.story a.reactions { font-size: 1.2em; }
.about a.reactions { font-size: .8em; }
div.related_stories div.related_story a.reactions { font-size: .75em; }
div.related_stories div.related_story a.more.reactions { font-size: .85em; }
div.related_stories p.sub_stories a.more.reactions { font-size: .9em; }

.widget a.heavy    { color: #777; }
.widget a.heavy b  { background-color: #777; }

a.reactions      { font-family: Verdana, Arial, sans-serif; }
a.reactions span { text-decoration: underline; }
a.reactions b    { color: #fff; font-weight: 700 !important; padding: 1px 3px; -moz-border-radius: 4px; -webkit-border-radius: 4px; }
a.heavy          { color: #777; }
a.heavy b        { background-color: #777; }
a.light          { color: #ccc; }
a.light b        { background-color: #ccc; }

a.more.reactions         { color: #579; font-size: 0.8em; font-weight: normal; text-decoration: none; }
  a.more.reactions:hover { text-decoration: underline; }

blockquote { color: #333; margin: 0.4em 0 0 0; padding: 0; }
  blockquote i a { color: #111; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; font-weight: 700 !important; }
    blockquote i a:hover { text-decoration: underline; }
blockquote p { overflow: hidden; word-wrap: break-word; }
body { background-color: #fff; color: #333; font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, sans-serif; font-weight: 200 !important; margin: 0 32px; }
html { border-top: 4px solid #08c; }
.category { border-bottom: 1px dotted #ccc; color: #555; font-weight: 700 !important; margin: 0em 0 1em 1px; padding: 2px 0 2px 4px; font-size: 0.8em; line-height: 1em; text-transform: uppercase; }
table#calendar { border: 0; border-spacing: 0; margin: 0 0 32px 0; }
  table#calendar td * { line-height: 2em; }
  table#calendar td { background-color: #fdfdfd; border-bottom: 1px solid #fff; border-right: 1px solid #fff; color: #eee; font-size: 0.8em; margin: 0; padding: 0 1px; text-align: center; }
    table#calendar td.selected { background-color: #444; }
      table#calendar td.selected a { color: #fff; }
    table#calendar td.selectable:hover { background-color: #444; }
      table#calendar td.selectable:hover a { color: #fff; }
    table#calendar td a { color: #aaa; display: block; }
  table#calendar tr#days td.plotting-30-days { width: 28px; }
  table#calendar tr#days td.plotting-31-days { width: 28px; }
  table#calendar tr#months td.plotting-7-months { width: 120px; }
  table#calendar td#four-days-river.plotting-30-days { width: 120px; }
  table#calendar td#four-days-river.plotting-31-days { width: 92px; }
table#leitmedien { border: 0; border-spacing: 0; font-family: Optima, Verdana, Arial, Helvetica, sans-serif; width: 100%; }
  table#leitmedien a { color: #579; }
    table#leitmedien a:hover { text-decoration: underline; }
  table#leitmedien .feed { text-align: center; }
  table#leitmedien .position { text-align: center; }
  table#leitmedien .sparkline { text-align: right; }
  table#leitmedien .presence { text-align: right; }
    table#leitmedien .presence span { font-size: 0.66em; }
  table#leitmedien td { padding: 3px 6px; }
  table#leitmedien th { font-weight: bold; padding: 3px 6px; }
  table#leitmedien tr { border-bottom: 1px dotted #eee; }
table#dialogindex { border: 0; border-spacing: 0; font-family: Optima, Verdana, Arial, Helvetica, sans-serif; width: 100%; }
  table#dialogindex a { color: #579; }
    table#dialogindex a:hover { text-decoration: underline; }
  table#dialogindex .feed { text-align: center; }
  table#dialogindex .conversational_index { text-align: center; }
  table#dialogindex .position { text-align: center; }
  table#dialogindex td { padding: 3px 6px; }
  table#dialogindex th { font-weight: bold; padding: 3px 6px; }
  table#dialogindex tr { border-bottom: 1px dotted #eee; }
div.action { color: #ccc; }
  div.action a { color: #579; font-family: Optima, Verdana, Arial, Helvetica, sans-serif; text-decoration: underline; }
div#feed { margin: 0.5em 0 2em 0; padding: 0 3px 0 0; }
  div#feed a { color: #555; font-family: Optima, Verdana, Arial, Helvetica, sans-serif; font-size: 1.2em; }
    div#feed a:hover { color: #579; }
    div#feed img { border: 0; }
div.sidebar_section { margin: 0.75em 0 2em 0; }
div.sidebar_box { font-family: Optima, Verdana, Arial, Helvetica, sans-serif; }
div.sidebar_box a { color: #444; font-family: Optima, Verdana, Arial, Helvetica, sans-serif; }

.syndicate a { color: #444; font-family: Optima, Verdana, Arial, Helvetica, sans-serif; font-size: 1.1em; }
.syndicate img.chicklet { margin-top: .7em; }

.heading         { background-color: #fdfdfd; padding: 2em 0 1em 0; margin-bottom: 3em; }
.heading a       { color: #579; }
.heading a:hover { text-decoration: underline; }
.heading p       { color: #666; font-family: Georgia, Times, serif; font-size: 2em; margin-bottom: .5em; }

div#hd { font-size: 1.2em; }
.help { background-color: #fdfdfd; border: 1px dashed #ccc; color: #f18328; font-family: Optima, Verdana, Arial, Helvetica, sans-serif; padding: 0.5em; }
  .help a { color: #555; font-family: Optima, Verdana, Arial, Helvetica, sans-serif; font-size: 1em; }
    .help a:hover { color: #579; }
  .help p { margin: 0.5em 0; }
  .help table td { padding-right: 1em; }
div#menu { xbackground-color: #eee; margin: 0px 0 2.2em 0; font-size: 1em; }
  div#menu ul { line-height: 1.6em; }
    div#menu ul li { display: inline; float: left; margin-right: 10px; }
      div#menu ul li a { xfont-weight: 700 !important; background-color: #fefefe; xborder: 1px dotted #ccc; xborder-bottom: 1px solid #444; color: #444; display: block; xmargin-bottom: 3px; padding: 0 4px; text-align: center; -moz-border-radius: 4px; -webkit-border-radius: 4px; }
        div#menu ul li a.selected { background-color: #444; color: #eee; border: 1px solid #444; xborder-bottom: 1px solid #eee; xmargin-bottom: 0; -moz-border-radius: 4px; -webkit-border-radius: 4px; }
        div#menu ul li a:hoverz { xborder-bottom: 4px solid #08c; margin-bottom: 0; background-color: #fcfcfc; border: 1px solid #ccc; -moz-border-radius: 4px; -webkit-border-radius: 4px; }
div#menugross { xbackground-color: #eee; margin: 0px 0 0px 0; font-size: 1.3em; }
  div#menugross ul { line-height: 1.6em; }
    div#menugross ul li { display: inline; float: left; margin-right: 10px; }
      div#menugross ul li a { xfont-weight: 700 !important; background-color: #fefefe; xborder: 1px dotted #ccc; xborder-bottom: 1px solid #444; color: #444; display: block; xmargin-bottom: 3px; padding: 0 4px; text-align: center; -moz-border-radius: 4px; -webkit-border-radius: 4px; }
        div#menugross ul li a.selected { background-color: #444; color: #eee; border: 1px solid #444; xborder-bottom: 1px solid #eee; xmargin-bottom: 0; -moz-border-radius: 4px; -webkit-border-radius: 4px; }
        div#menugross ul li a:hoverz { xborder-bottom: 4px solid #08c; margin-bottom: 0; background-color: #fcfcfc; border: 1px solid #ccc; -moz-border-radius: 4px; -webkit-border-radius: 4px; }
ul#categories { font-size: 1.2em; }
ul#categories li { padding: 0; }
ul#categories li a { color: #444; display: block; padding: .25em; }
ul#categories li a.selected { color: #fff; background-color: #08c; }
ul#categories li a.selected sup { display: none; }

.category a { color: #555; display: block; padding: .25em; }
.category a.selected { color: #555; background-color: #08c; }
.category a.selected sup { display: none; }

#opinions h2 a { color: #08c; font-weight: normal; }
#meta { color: #999; font-size:0.8em; padding-top: 4px; }
#meta a { color: #999; }
  #meta a:hover { color: #08c; }
#hd cite { display: block; xfont-family: Georgia, "Times New Roman", Times, serif; font-size: 0.64em; text-transform: uppercase; padding: 24px 0 12px 0px; display: none; }
  #hd cite a { color: #777; }
    #hd cite a:hover { color: #08c; }
h1 { margin: 10px 0 1em 0; }
  h1 a { color: #333; }
  h1 span.caption { display: block; font-family: Optima, Helvetica, sans-serif; font-size: 0.75em; color: #555; text-transform: uppercase; width: 143px; text-align: right; display: none; }
h2 { margin-bottom: 0; }
h2 a { color: #812; font-size: 1.25em; xfont-weight: normal; }
h2.hl { font-family: Optima, Verdana, Arial, Helvetica, sans-serif; font-size: 2em; margin-bottom: 0.5em; }
h3 { font-size: 0.8em; font-variant: small-caps; font-weight: normal; text-shadow: 0 0 0 #000; }
h3.related_stories { margin: 1em 0 1em 32px; font-size: 1em; }

h5 { font-size: 1.1em; font-style: italic; font-weight: bold; margin: 1em 0 .66em 0; }
h5 a { color: #474a51; font-weight: bold; }
h5 a:hover { text-decoration: underline; }
h6 { padding-bottom: .25em; }
h6 a { color: #444; }
h6 a:hover { color: #444; text-decoration: underline; }

.widget { color: #888; }
.widget ul { font-size: .8em; margin-bottom: 0em; }
.widget ul li { border-bottom: 1px dotted #eee; clear: both; padding: .25em .25em; }
.widget .timestamp { color: #999; display: block; float: right; font-size: .8em; margin-top: .33em; }
.widget .reactions { display: block; margin-top: .33em; }
.widget h5 a img { float: right; display: block; margin: 0 .25em 0 0; }

.map .widget h5 a img { float: left; margin: .25em 0; }

.source { font-size: .92em; font-style: italic; }

#pagination { color: #aaa; font-size: .9em; margin-top: 3em; text-align: center; }
#pagination p { margin: 1em 0; }

.pagination * { border: 1px solid #ddd; padding: 3px 6px; margin: 0 1px 0 2px; }
.pagination .current { border-color: #fff; color: #474a51; }
.pagination .gap { border: 0; color: #474a51; }
.pagination .next_page { border-color: #fff; font-weight: bold; }
.pagination .prev_page { border-color: #fff; font-weight: bold; }
.pagination .disabled { color: #aaa; font-weight: normal; }
.pagination a { color: #08c; }
.pagination a:hover { background-color: #08c; border-color: #08c; color: #fff; }

#preference { color: #666; font-size: 1.1em; margin-bottom: 3em; }
#preference_value { padding: 2px 1px; text-align: center; }

.sidebar h5 { border-bottom: 1px solid #ccc; color: #444; display: block; font-size: 1.2em; font-style: normal; font-weight: normal; margin: 2em 0 .33em 0; padding: 0 0 0 .25em; text-align: left; text-transform: uppercase; }
.sidebar h6 { font-size: 1.1em; }

.map h2 { color: #555; font-size: 2em; }
.map h3 { color: #aaa; font-size: 1em; font-variant: normal; font-weight: normal; margin-bottom: 2em; text-shadow: none; }
.map h5 { border-bottom: 1px solid #ccc; color: #444; display: block; font-size: 1.2em; font-style: normal; font-weight: normal; margin: 2em 0 1em 0; padding: 0 0 0 .25em; text-align: left; text-transform: uppercase; }
.map h6 a { color: #666; }
.map #map { height: 700px; width: 100%; }
.map.live #map { height: 100%; left: 0; position: absolute; top: 0; width: 100%; z-index: 1; }
.map .widget { width: 200px; }
.map .widget.fail_snail { height: 200px; }
.map .widget.fail_snail h5 { text-transform: none; }
.map .widget.fail_snail cite { color: #aaa; float: right; font-size: .84em; }

#ft .grid_4 { margin-top: 2.4em; font-size: .8em; }
#ft .grid_4 a { color: #333; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; font-weight: 700 !important; }
#ft .grid_4 a:hover { color: #579; text-decoration: underline; }

li { list-style-type: none; }
object { margin-top: 0.4em; }
p.caption { color: #888; font-family: Optima, Verdana, Arial, Helvetica, sans-serif; line-height: 1.6em; }
ul { margin: 0; padding: 0; }
  ul li { margin: 0; padding: 0; }
.sidebar li.river h2 { font-family: Optima, Verdana, Arial, Helvetica, sans-serif; font-size: 0.85em; padding: 0 0 6px 0.24em; }

div#timeline { border-bottom: 1px solid #ddd; border-left: 1px solid #ddd; border-right: 1px solid #ddd; height: 150px; font-family: Optima, Verdana, Arial, Helvetica, sans-serif; font-size: 0.75em; }
  div#timeline.extended { border-top: 1px solid #ddd; height: 700px; }
div#timeline-controls { float:right; font-size: 0.75em; }

li.river { word-wrap: break-word; }
  #newsriver li.river { margin: 0 0 12px 0; }
    li.river h2 a { color: #333; font-weight: normal; }
      li.river h2 a:hover { color: #812; }
      li.river h2 a.colored { color: #812; }
    li.river h2 a i { color: #555; font-size: 0.8em; }
      li.river h2 a:hover i { color: #579; }
      li.river h2 a.colored i { color: #579; }
    li.river h2 span { color: #444; font-size: 0.64em; }

/* TODO DRY */
li.river h2    a.heavy         { color: #777; }
li.river h2      a.heavy:hover { color: #579; }
li.river h2      a.heavy b     { color: #74a050; }
li.river h2    a.light         { color: #d2d0cf; }
li.river h2      a.light:hover { color: #c6d0dc; }
li.river h2      a.light b     { color: #d0e0c4; }

div.stories { }
  div.stories h1 { background-color: #fdfdfd; border-bottom: 1px solid #ccc; border-top: 1px solid #ccc; color: #444; font-size: 1.2em; margin: 2em 0 1em 0; padding: 0.12em 0em; text-align: center; }
    div.stories h1.hl { background-color: #fff; border:0; margin: 1.5em 0 0.5em 0; text-align: left; text-transform: uppercase; }
    div.stories .story h1.hl { font-size: 0.66em; margin: 0.5em 0 0.5em 0; text-transform: none; }
    div.stories .related_stories h1.hl { xbackground-color: #fdfdfd; font-size: 1em; margin: 0.5em 0; text-transform: none; }
  div.stories h2 { font-weight: normal; line-height: 1.4em; }
    div.stories h2 a:hover { text-decoration: underline; }
  div.stories div.story { margin-bottom: 0.8em; }
  div.stories .big_story { xborder-top: 1px dotted #ccc; font-size: 1.1em; xmargin-top: 1em; xpadding-top: 0.5em; }
    div.stories .big_story h2 { font-size: 1.2em; }
  div.stories .related_story { font-size: 1.1em; }
    div.stories .related_story h2 { font-size: 1em; }
  div.stories .top_story { font-size: 1.4em; xpadding-top: 0.5em; }
    div.stories .top_story h2 { font-size: 1.4em; }
    div.stories .top_story .counter3 { font-size: .8em; }
div.story h2 a { color: red; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; font-weight: 700 !important; }
div.related_stories { xbackground-color: #fdfdfd; xfont-size: 0.9em; xpadding: 12px; xmargin-right: 100px; }
  div.related_stories div.related_story { margin-top: 0em; }
p.sub_stories { font-size: 0.88em; padding-top: 0.5em; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; font-style: italic; font-weight: 700 !important; }
  p.sub_stories a { color: #08c; }
    p.sub_stories a:hover { text-decoration: underline; }
  p.sub_stories b { color: #08c; font-size: 0.9em; }
  .top_story p.sub_stories b { font-size: 0.72em; }
  
div.clear { clear: both; }
div.about a { color: #579; }
  div.about a:hover { text-decoration: underline; }
  div.about h2 { font-size: 1.5em; }
  div.about p { margin: 1em 0; }
div.footer { margin: 1em 0; }
  div.footer a { color: #555; }
    div.footer a:hover { text-decoration: underline; }
div#ft { border-top: 1px solid #ccc; margin: 6em 0 9em 0; text-align: center; }
div#ft.grid { text-align: left; }
h4 { font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; font-weight: 700 !important; margin-bottom: 0.5em; }
  h4.more { margin-top: 1.25em; }
div.story { overflow:hidden; word-wrap: break-word; }

strong.highlight { background-color: #fff; xborder-bottom: 1px solid red; xfont-weight: 700 !important; xpadding: 0 1px; }
.highlight { background-color: #ffd; }
.preview { margin: 0 0 12px 0; }

.river div.stories div.story { margin-bottom: 0; }

.about .stories { border-top: 1px dotted #ccc; padding-top: 1em; }

.stories object { float: right; margin: 0 0 12px 12px; }
.videowall { text-align: center; min-width: 816px; }
.videos { margin: 0 auto; width: 816px; text-align: left; }
.video { float: left; height: 250px; width: 200px; margin: 0 2px; text-align: center; }
.video h2 { font-size: .8em; }
.video h2 a { color: #222; }
.video h2 a:hover { text-decoration: underline; }
.video_digest a { color: #888; font-family: Optima, Verdana, Arial, Helvetica, sans-serif; font-style: italic; }
  .video_digest a:hover { text-decoration: underline; }
.links .video { float: none; height: 180px; margin: 0; }

.notice { background-color: #fff9d8; color: #74a050; font-family: Arial, sans-serif; margin: 24px 0; font-size: 1.25em; padding: 1em; }
  .notice a { color: #474a51; text-decoration: underline; }
    .notice a:hover { color: #579; }
.yellow_notice { color: #feeca9; }

ul.columns                                { width: 100%; }
  ul.columns li                           { padding: 4px 1px; }
    ul.columns li div.article             { width: 64.5%; }
      ul.columns li div.article a         { color: #333; }
        ul.columns li div.article a:hover { color: #333; text-decoration: underline; }
        ul.columns li div.article a b     { color: #111; font-weight: 700 !important; }
    ul.columns li div.column              { float: left; }
    ul.columns li div.date                { width: 16%; }
    ul.columns li div.permalink           { text-align: right; width: 15%; }
    ul.columns li div.icon                { padding-top: 1px; width: 4.5%; }
    ul.columns li small                   { color: #999; font-size: 0.8em; }

div.column img.icon { float: right; margin-right: 8px; }
ul.columns li div.article.tweet             { width: 78.5%; }

#twitter ul.columns li div.article      { width: 78%; }
#twitter ul.columns li div.date         { width: 10%; }
#twitter ul.columns li div.permalink    { width: 12%; }

.twitta_myafrica             { font-family: Optima, Verdana, Arial, Helvetica, sans-serif; }
.twitta_myafrica li.row      { border-bottom: 1px dotted #ccc; padding: 0.5em 0 1em 0; }
.twitta_myafrica .entry      { float: left; width: 90%; }
.twitta_myafrica .permalink  { float: left; width: 10%; padding-top: 1em; text-align: right; }

.picture                  { float: left; width: 10.5%; }
.content                  { float: left; width: 88.5%; }

img.avatar                { float: left; width: 24px; height: 24px; padding: 3px 3px 0 0; }
img.twitpic               { float: left; width: 75px; height: 75px; padding-top: 7px; }
img.twitpic_embed         { width: 480; padding-top: 1em;}
/* TODO */

.twitpic h1 { color: #444; float: left; font-size: 1.2em; margin-bottom: 1.5em; text-transform: uppercase; }

.twitpic #view_mode   { background-color: #eee; display: none; float: right; margin-bottom: 1.5em; padding: 2px 6px; }
.twitpic #view_mode a { color: #08c; }

.twitpic .grid .entry                         { font-size: .85em; margin-bottom: 64px; }
.twitpic .grid .entry a.twitpic img           { height: 150px; width: 150px; }
.twitpic .grid .entry .meta a.photo img       { float: left; height: 24px; margin: 3px 5px 0 0; width: 24px; }
.twitpic .grid .entry .meta a.user            { color: #111; display: block; font-style: italic; font-weight: 700 !important; margin-bottom: 1px; }
.twitpic .grid .entry .meta a.user:hover      { text-decoration: underline; }
.twitpic .grid .entry .meta a.tally           { color: #08c; font-size: .87em; font-weight: 700 !important; text-decoration: none; }
.twitpic .grid .entry .meta a.tally:hover     { text-decoration: underline; }
.twitpic .grid .entry .meta a.tally img       { height: 12px; margin-bottom: -2px; padding: 0 2px 0 0; width: 12px; }
.twitpic .grid .entry .meta a.tally img + img { margin-left: 4px; }

.twitpic .list .entry                                        { font-size: 1em; }
.twitpic .list .entry h2                                     { font-size: 1.25em; font-weight: 700 !important; margin-bottom: .8em; }
.twitpic .list .entry h2 a                                   { color: red; }
.twitpic .list .entry h2 a:hover                             { text-decoration: underline; }
.twitpic .list .entry h2 span                                { color: #aaa; font-size: .7em; font-weight: 200 !important; padding-left: .8em; }
.twitpic .list .entry .thumb                                 { margin-bottom: 42px; }
.twitpic .list .entry .thumb a.twitpic img                   { float: left; height: 150px; margin-bottom: 4px; width: 150px; }
.twitpic .list .entry .thumb a.tally                         { color: #08c; font-size: .87em; font-weight: 700 !important; text-decoration: none; }
.twitpic .list .entry .thumb a.tally:hover                   { text-decoration: underline; }
.twitpic .list .entry .thumb a.tally img                     { height: 12px; margin-bottom: -2px; padding: 0 2px 0 0; width: 12px; }
.twitpic .list .entry .thumb a.tally img + img               { margin-left: 4px; }
.twitpic .list .entry .body                                  { float: left; margin-bottom: 42px; }
.twitpic .list .entry .body blockquote.tweet                 { margin: -2px 0 6px 0; }
.twitpic .list .entry .body blockquote.tweet a.photo img     { float: left; height: 24px; margin: 3px 5px 6px 0; width: 24px; vertical-align: text-bottom; }
.twitpic .list .entry .body blockquote.tweet a.user          { color: #111; font-style: italic; font-weight: 700 !important; }
.twitpic .list .entry .body blockquote.tweet a.user:hover    { text-decoration: underline; }
.twitpic .list .entry .body blockquote.tweet a.message       { color: #333; }
.twitpic .list .entry .body blockquote.tweet a.message:hover { text-decoration: underline; }

.twitpic_thumb float: left; margin: 0 32px 32px 0; }
.twitpic_thumb img { display: block; margin-bottom: 6px; }
.twitpic_thumb img.drawn { display: inline; margin: 0 0 -1px 0; padding: 0 1px; }
.twitpic_thumb .digest a { color: #08c; font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 1.25em; font-weight: 700 !important; text-decoration: none; }
.twitpic_thumb .digest a:hover { background-color: #08c; color: #fff; }

.retweet .entry                                        { font-size: 1em; }
.retweet .entry h2                                { color: #aaa; font-size: .85em; font-weight: 200 !important; margin-bottom: 6px; }
.retweet .entry .body                                  { float: left; margin-bottom: 42px; }
.retweet .entry .body blockquote.tweet                 { margin: -2px 0 6px 0; }
.retweet .entry .body blockquote.tweet p              { width: 220px; overflow: hidden; word-wrap: break-word; }
.retweet .entry .body blockquote.tweet a.photo img     { float: left; height: 48px; margin: 3px 5px 3px 0; width: 48px; vertical-align: text-bottom; }
.retweet .entry .body blockquote.tweet a.user          { color: #111; font-style: italic; font-weight: 700 !important; }
.retweet .entry .body blockquote.tweet a.user:hover    { text-decoration: underline; }
.retweet .entry .body blockquote.tweet a.message       { color: #333; }
.retweet .entry .body blockquote.tweet a.message:hover { text-decoration: underline; }
.retweet .entry blockquote.tweet a:hover     { text-decoration: underline; }
.retweet .entry blockquote.tweet a.hash_tag           { color: #888; }
.retweet .entry blockquote.tweet a.link           { color: #08c; }
.retweet .entry blockquote.tweet a.permalink           { color: red; font-weight: 700 !important; }
.retweet .entry blockquote.tweet a.screen_name           { color: #08c; }
.retweet .entry blockquote.tweet a.tally           { color: #08c; font-size: .87em; font-weight: 700 !important; text-decoration: none; }
.retweet .entry blockquote.tweet a.tally:hover     { text-decoration: underline; }
.retweet .entry blockquote.tweet a.tally img       { height: 12px; margin-bottom: -2px; padding: 0 2px 0 0; width: 12px; }
.retweet .entry blockquote.tweet a.tally img + img { margin-left: 4px; }
.retweet .entry .body a.tally           { color: #08c; float: left; font-size: .87em; font-weight: 700 !important; text-decoration: none; margin-top: 12px;}
.retweet .entry .body a.tally:hover     { text-decoration: underline; }
.retweet .entry .body a.tally img       { height: 12px; margin-bottom: -2px; padding: 0 2px 0 0; width: 12px; }
.retweet .entry .body a.tally img + img { margin-left: 4px; }
.retweet .entry .body a.photo2 img     { float: left; height: 24px; margin: 1px 5px 3px 0; width: 24px; vertical-align: text-bottom; }

.links .entry                                        { font-size: 1em; }
.links .entry h2                                     { font-size: 1em; font-weight: 700 !important; margin-bottom: 0em; }
.links .entry h2 a                                   { color: red; }
.links .entry h2 a:hover                             { text-decoration: underline; }
.links .entry h2 span                                { color: #aaa; font-size: .7em; font-weight: 200 !important; padding-left: .8em; }
.links .entry .body                                  { margin: 1em 0 48px; }
.links .entry .body blockquote.tweet                 { margin: -2px 0 6px 0; }
.links .entry .body blockquote.tweet a.photo img     { float: left; height: 24px; margin: 3px 5px 0 0; width: 24px; vertical-align: text-bottom; }
.links .entry .body blockquote.tweet a.user          { color: #111; font-style: italic; font-weight: 700 !important; }
.links .entry .body blockquote.tweet a.user:hover    { text-decoration: underline; }
.links .entry .body blockquote.tweet a.message       { color: #333; }
.links .entry .body blockquote.tweet a.message:hover { text-decoration: underline; }
.links .entry blockquote.tweet a:hover     { text-decoration: underline; }
.links .entry blockquote.tweet a.hash_tag           { color: #888; }
.links .entry blockquote.tweet a.link           { color: #08c; }
.links .entry blockquote.tweet a.permalink           { color: red; font-weight: 700 !important; }
.links .entry blockquote.tweet a.screen_name           { color: #08c; }
.links .entry blockquote.tweet a.tally           { color: #08c; font-size: .87em; font-weight: 700 !important; text-decoration: none; }
.links .entry blockquote.tweet a.tally:hover     { text-decoration: underline; }
.links .entry blockquote.tweet a.tally img       { height: 12px; margin-bottom: -2px; padding: 0 2px 0 0; width: 12px; }
.links .entry blockquote.tweet a.tally img + img { margin-left: 4px; }
.links .entry a.tally                         { color: #08c; font-size: .87em; font-weight: 700 !important; text-decoration: none; }
.links .entry a.tally:hover                   { text-decoration: underline; }
.links .entry a.tally img                     { height: 12px; margin-bottom: -2px; padding: 0 2px 0 0; width: 12px; }
.links .entry a.tally img + img               { margin-left: 4px; }
.links .entry .body a.photo2 img     { float: left; height: 24px; margin: 1px 5px 3px 0; width: 24px; vertical-align: text-bottom; }

/*.links .r3_headline i a { color: red; }*/

.buzz .links .entry h2         { font-size: 1em; }
.buzz .links .entry blockquote { margin-bottom: 1.2em; }

.endless.stories .story.grid_story { margin-bottom: 4em; }
.endless.stories object { float: none; margin: 12px 0 0 0; }
.endless.stories .category { border-left: 1em solid #eee; color: #555; margin: 0 0 5px 1px; padding: 0 0 0 5px; font-size: 0.8em; line-height: 1em; text-transform: uppercase; }
.endless.stories h2 { margin-bottom: 8px; }

#progress_indicator { float: right; height: 32px; width: 32px; }
#progress_indicator img { display: none; height: 32px; width: 32px; }

.about blockquote.tweet                 { margin: -2px 0 6px 0; }
.about blockquote.tweet p              { overflow: hidden; word-wrap: break-word; }
.about blockquote.tweet a.photo img     { float: left; height: 48px; margin: 3px 5px 3px 0; width: 48px; vertical-align: text-bottom; }
.about blockquote.tweet a.user          { color: #111; font-style: italic; font-weight: 700 !important; }
.about blockquote.tweet a.user:hover    { text-decoration: underline; }
.about blockquote.tweet a.message       { color: #333; }
.about blockquote.tweet a.message:hover { text-decoration: underline; }
.about blockquote.tweet a:hover     { text-decoration: underline; }
.about blockquote.tweet a.hash_tag           { color: #888; }
.about blockquote.tweet a.link           { color: #08c; }
.about blockquote.tweet a.permalink           { color: red; font-weight: 700 !important; }
.about blockquote.tweet a.screen_name           { color: #08c; }
.about blockquote.tweet a.tally           { color: #08c; font-size: .87em; font-weight: 700 !important; text-decoration: none; }
.about blockquote.tweet a.tally:hover     { text-decoration: underline; }
.about blockquote.tweet a.tally img       { height: 12px; margin-bottom: -2px; padding: 0 2px 0 0; width: 12px; }
.about blockquote.tweet a.tally img + img { margin-left: 4px; }

.buzz #view_mode           { background-color: #eee; float: right; padding: 2px 6px; }
.buzz #view_mode .selected { color: #08c; font-weight: 700 !important; }
.buzz #view_mode a         { color: #08c; }

img.twitter.icon          { width: 24px; height: 24px; margin-top: 3px; }
img.icon                  { width: 16px; height: 16px; }
img.text_top              { vertical-align: text-top; }

li.tweet li.tweet         { margin-left: 27px; }

.tweet blockquote         { margin: 1px 0 3px 0; }

.teaser a                 { color: #666; }
.teaser a:hover           { color: #474a51; text-decoration: underline; }
.teaser a b               { color: #474a51; }

#twitter h2               { padding-bottom: 0.5em; }
#twitter h2 a             { color: #579; font-size: 1em; font-weight: bold; }
#twitter h2 a:hover       { text-decoration: underline; }

.twitta_myafrica .date       { font-family: Georgia, "Times New Roman", Times, serif; }

.date small               { color: #999; font-size: 0.8em; }
  
.empty { color: #666; padding-left: 1em; }

.search #search_form { font-size: 1.2em; margin-top: 0.75em; margin-bottom: 2.4em; }
#search_form { margin-top: 30px; margin-left: 72px; }
#bd #search_form { font-size: 1.2em; margin-bottom: 2.4em; margin-left: 0; }
  #search_form #search_box { display: inline; float: left; }
    #search_form #search_box #extended_search { text-align: right; margin-right: 3px; }
.search_result { margin-bottom: 1em; }
.search_result h2 { margin: 0; padding: 0; line-height:1em; font-weight: bold; }
  .search_result h2 a { color: #08c; font-weight: bold; margin: 0; padding: 0; line-height:1em; }
    .search_result h2 a:hover { text-decoration: underline; }
.search_result i a { color: #474a51; font-weight: bold; }
.search_result i a:hover { color: #812; xcolor: #74a050; }

.search_video { margin-bottom: 1em; font-size: 0.7em; }
.search_video h2 { margin: 0; padding: 0; line-height:1em; font-weight: bold; }
  .search_video h2 a { color: #08c; font-weight: bold; margin: 0; padding: 0; line-height:1em; }
    .search_video h2 a:hover { text-decoration: underline; }
.search_video i a { color: #474a51; font-weight: bold; }
.search_video i a:hover { color: #812; xcolor: #74a050; }

.center { background-color: #579; text-align: center; }
#drop_box { margin-top: 1em; }

/*blockquote.tweet                { }
  blockquote.tweet a            { color: #777; }
    blockquote.tweet a:hover    { text-decoration: underline; }
  blockquote.tweet i a          { color: #474a51; font-weight: bold; }
  blockquote.tweet small        { color: #d2d0cf; display: block; float: right; padding: 2px 0 0 12px; }
*/
#event ul.cloud { font-family: Optima, Verdana, Arial, sans-serif; margin-bottom: 2em; line-height: 1.6em; }
#event ul.cloud li { color: #579; display: inline; padding-right: 0.8em; }
#event ul.cloud li a { color: #579; }
#event ul.cloud li a:hover { text-decoration: underline; }

#twitter ul.conversation { border-bottom: 1px dotted #ccc; padding: 1em 0em; }
#twitter li li.article { margin-left: 24px; }

sup { background-color: #fcf650; color: #111; xfont-family: Verdana, Arial, sans-serif; font-weight: normal; margin-left: 0.33em; padding: 0 2px; vertical-align: bottom; }

a.nav_index { color: #888; float: right; font-family: Optima, Verdana, Arial, Helvetica, sans-serif; }
a.nav_index:hover { color: #579; text-decoration: underline; }

chart_div { width: 625px; height: 250px; }

#actions         { color: #888; float: right; font-family: Optima, Verdana, Arial, Helvetica, sans-serif; }
#actions a       { color: #444; text-decoration: underline; font-weight: bold; }
#actions a:hover { color: #812; }
#actions em      { text-decoration: underline; }
#actions .grid_4 form { padding-bottom: 1em; }
#actions p { padding-left: .25em; }
#actions input   { margin-right: 8px; }
#actions textarea { color: #888; font-family: Monaco, "Andale Mono", "Lucida Console", "Bitstream Vera Sans Mono", "Courier New", monospace; font-size: 0.75em; margin: 1em .25em; }
#actions div#geotag { display: none; }

input       { color: #444; font-family: Arial, sans-serif; padding: 0.125em; }
input.hint  { color: #aaa; }
input.hint2 { color: #ccc; }
input.input { color: #444; }

.status        { background-color: gold; border: 1px solid #aaa; color: #555; font-family: Optima, Verdana, Arial, Helvetica, sans-serif; font-size: 1.4em; font-weight: bold; margin: 3em; padding: 2em; text-align: center; }
.status strong { font-weight: bold; text-decoration: underline; }

.feedback { color: #fff; font-family: Optima, Verdana, Arial, Helvetica, sans-serif; font-weight: bold; margin: 1em .25em; padding: .5em; }
.form_feedback { color: #fff; display: none; font-family: Optima, Verdana, Arial, Helvetica, sans-serif; font-weight: bold; margin: 1em .25em; padding: .5em; text-align: center; }
.form_feedback span { font-weight: normal; }
.error         { background-color: #f51101; border: 1px solid #b50000; }
.info          { background-color: gold; border: 1px solid #aaa; color: #444; }
.success       { background-color: #009222; border: 1px solid #005010; }

.errorpage       { color: #666; font-family: Optima, Verdana, Arial, Helvetica, sans-serif; }
.errorpage a     { color: #579; text-decoration: underline; }
.errorpage h2    { font-size: 2em; margin-bottom: 1em; }
.errorpage p     { font-size: 1.2em; margin-bottom: 1em; }
.errorpage ul    { font-size: 1.2em; margin-bottom: 2em; }
.errorpage ul li { list-style-type: square; margin: 0 0 .5em 1.6em; }

a.media         { color: #555; font-family: Optima, Verdana, Arial, Helvetica, sans-serif; text-decoration: none; margin-left: 3px; }
  a.media:hover { text-decoration: underline; }

.qype { color: #464646; font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif; }
blockquote.qype { color: #464646; font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif; }
div.story h2 a.qype { color: #f03; }
.map h3 a { color: #474a51; }
.map h3 a:hover { text-decoration: underline; }
.map.qype2.live #map { height: 100%; left: 0; position: absolute; top: 0; width: 100%; z-index: 1; }

.transparent { background-color: #fff; font-size: 11px; height: 480px; margin: 5px; padding: 5px; position: absolute; width: 120px; z-index: 2; filter:alpha(opacity=90); opacity: 0.9; -moz-opacity:0.9; }
.transparent img.logo { display: block; z-index: 3; }
.transparent h2 { color: #464646; font-size: 20px; margin: 64px 0 12px; z-index: 3; }
.transparent p { color: #888; font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif; z-index: 3; }
.transparent p a { color: #464646; }
.transparent h2 + p a { text-decoration: underline; }
.transparent span { display: block; color: #555; font-family: Optima, Helvetica, sans-serif; margin-top: 2px; text-align: right; text-transform: uppercase; width: 96px; z-index: 3; }
.transparent p.back { position: absolute; bottom: 5px; right: 5px; }
.transparent p.back a { color: #888; }
.transparent p.back img { height: 10px; vertical-align: baseline; width: 10px; }

.reader div.stories .big_story { border: 0; }

span.action { display: none; float: right; }
div.related_stories div.related_story span.action a { font-size: .85em; }
div.related_stories p.sub_stories span.action a { font-size: .9em; }
  span.action a         { color: #08c; font-family: Verdana, Arial, sans-serif; font-size: 1em; font-weight: normal; text-decoration: underline; }
  span.action a:hover { color: #08c; }

.promo   { background-color: #eee; font-size: .9em; margin-bottom: 1.5em; padding: 8px 12px; }
.promo a { color: #08c; display: block; font-weight: 700 !important; }
.extras b { font-weight: 700 !important; }
.rounded { -moz-border-radius: 4px; -webkit-border-radius: 4px; }
.counter2   { font-size: .8em; margin: 7px 0 21px 0; }
.counter2 a { margin: 5px 10px 5px 0; }
.counter2 a.heavy   { color: #777; }
.counter2 a.heavy b { background-color: #777; }
.story .counter3 a.reactions  { font-size: 1.2em; }

.counter a { display: block; font-size: .8em; margin: 5px 0; }
.counter em { background-color: #eee; display: block; font-size: 2em; font-weight: 700 !important; margin-right: 10px; padding: 3px; text-align: center; width: 2.2em; }

.search.links .entry h2 { font-size: 1em; font-weight: 700 !important; }
.search.links .entry h2 a { color: #08c; }

.search.links .entry .body                                  { margin: 0; }

.search.links .list .entry .retweet                                       { font-size: 1em; }
.search.links .list .entry .retweet h2                                { color: #aaa; font-size: .85em; font-weight: 200 !important; margin-bottom: 6px; }
.search.links .list .entry .retweet .body                                  { float: left; xmargin-bottom: 42px; }
.search.links .list .entry .retweet .body blockquote.tweet                 { margin: -2px 0 6px 0; }
.search.links .list .entry .retweet .body blockquote.tweet p              { xwidth: 220px; overflow: hidden; word-wrap: break-word; }
.search.links .list .entry .retweet .body blockquote.tweet a.photo img     { float: left; height: 48px; margin: 3px 5px 3px 0; width: 48px; vertical-align: text-bottom; }
.search.links .list .entry .retweet .body blockquote.tweet a.user          { color: #111; font-style: italic; font-weight: 700 !important; }
.search.links .list .entry .retweet .body blockquote.tweet a.user:hover    { text-decoration: underline; }
.search.links .list .entry .retweet .body blockquote.tweet a.message       { color: #333; }
.search.links .list .entry .retweet .body blockquote.tweet a.message:hover { text-decoration: underline; }
.search.links .list .entry .retweet blockquote.tweet a:hover     { text-decoration: underline; }
.search.links .list .entry .retweet blockquote.tweet a.hash_tag           { color: #888; }
.search.links .list .entry .retweet blockquote.tweet a.link           { color: #08c; }
.search.links .list .entry .retweet blockquote.tweet a.permalink           { color: red; font-weight: 700 !important; }
.search.links .list .entry .retweet blockquote.tweet a.screen_name           { color: #08c; }
.search.links .list .entry .retweet blockquote.tweet a.tally           { color: #08c; font-size: .87em; font-weight: 700 !important; text-decoration: none; }
.search.links .list .entry .retweet blockquote.tweet a.tally:hover     { text-decoration: underline; }
.search.links .list .entry .retweet blockquote.tweet a.tally img       { height: 12px; margin-bottom: -2px; padding: 0 2px 0 0; width: 12px; }
.search.links .list .entry .retweet blockquote.tweet a.tally img + img { margin-left: 4px; }
.search.links .list .entry .retweet .body a.tally           { color: #08c; float: left; font-size: .87em; font-weight: 700 !important; text-decoration: none; margin-top: 12px;}
.search.links .list .entry .retweet .body a.tally:hover     { text-decoration: underline; }
.search.links .list .entry .retweet .body a.tally img       { height: 12px; margin-bottom: -2px; padding: 0 2px 0 0; width: 12px; }
.search.links .list .entry .retweet .body a.tally img + img { margin-left: 4px; }
.search.links .list .entry .retweet .body a.photo2 img     { float: left; height: 24px; margin: 1px 5px 3px 0; width: 24px; vertical-align: text-bottom; }

ul#top_searches li a       { color: #444; }
ul#top_searches li a:hover { text-decoration: underline; }
dl#query_range dt          { float: left; font-weight: 700 !important; margin: .25em 0; padding-left: 5px; width: 150px; }
dl#query_range dt a        { color: #08c; }
dl#query_range dd          { float: left; font-size: .9em; text-align: right; margin: .25em 0; width: 60px; }

.r2_twitter                    { font-size: 1.1em; margin-bottom: 1em; }
.r2_twitter h2                 { color: #aaa; font-size: .8em; font-weight: 200 !important; margin-bottom: 4px; }
.r2_twitter blockquote a       { color: #08c; }
.r2_twitter blockquote a:hover { text-decoration: underline; }
.r2_twitter a.user_icon img    { float: left; height: 48px; margin-right: 12px; width: 48px; }
.r2_twitter a.user_name        { font-weight: 700 !important; }

.r2_article                    { margin-bottom: 1em; }
.r2_article h2                 { color: #aaa; margin-bottom: 4px; }
.r2_article h2                 { font-size: .96em; } /* FIXME h2 */
.r2_article h2 span            { font-size: 1em; font-weight: 200 !important; padding-left: .8em; }
.r2_article h2 a               { color: red; font-weight: 700 !important; }
.r2_article blockquote p       { font-size: 1.1em; }
.r2_article p a                { color: #08c; }
.r2_article p i a              { color: #111; }
.r2_article .counter2          { font-size: .88em; }

.r2_h2 { border-bottom: 1px dotted #ccc; font-size: 1.1em; margin-bottom: 2em; margin-right: 20px; padding: 0 4px; }
.r2_h2 strong { font-weight: 700 !important; }
.r2_h2 a               { color: #08c; font-size: 1em; font-weight: 700 !important; }

.r2_sidebar { background-color: #eee; margin-top: 3px; padding: .75em 1.5em; }
.r2_sidebar a { background: url(/images/feed-icon-16x16.png) no-repeat; color: #08c; font-weight: 700 !important; padding-left: 24px; }

.r2_tally { background-color: #08c; color: #fff; font-weight: 700 !important; padding: 1px 3px; -moz-border-radius: 4px; -webkit-border-radius: 4px; }
.r2_light { background-color: #ccc; }

.widget .timestamp.r2_timestamp { float: none; }

/*.r3_tally             { background-color: #fefefe; border: 1px dotted #ccc; margin: 4px 0 1em 4px; width: 55px; -moz-border-radius: 4px; -webkit-border-radius: 4px; }*/
.r3_tally             { xbackground-color: #fefefe; border: 1px dotted #fff; float: right; margin: 3px 0 0 48px; width: 50px; -moz-border-radius: 4px; -webkit-border-radius: 4px; }
.r3_tally.hover       { border: 1px dotted #ccc; }
.r3_tally:hover       { border-style: solid; }
.r3_tally a div       { color: #555; text-align: right; }
.r3_tally a div.light { color: #ccc; }
.r3_tally div         { margin: 3px 0; padding: 0 8px; }
.r3_tally strong      { display: block; font-size: 1.5em; font-weight: 700 !important; }
.r3_tally span        { display: block; font-size: .85em; margin-top: -3px; padding-bottom: 3px; }

.about .r3_tally      { border-color: #ccc; }
.about .r3_action     { display: block; }

.r3_action { background-color: #fefefe; border: 1px dotted #ccc; display: none; float: right; margin: 3px 0 0 48px; text-align: right; width: 50px; -moz-border-radius: 4px; -webkit-border-radius: 4px; }
.r3_action:hover { border: 1px solid #ccc; }
.r3_action span.action { display: block; float: none; font-size: .8em; margin: 3px 0; padding: 0 8px; }
.r3_action span.action a { color: #555; display: block; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: .85em; padding-bottom: 20px; text-decoration: none; }

.r3_headline i a       { color: #111; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; font-weight: 700 !important; }
.r3_headline i a:hover { text-decoration: underline; }

.r3_twitter                    { border-top: 1px dotted #ccc; font-size: 1.1em; padding: .75em 0; }
.r3_twitter h2 a               { color: #08c; font-size: 14px; }
.r3_twitter h2 span            { color: #aaa; font-size: .8em; font-weight: 200 !important; margin-left: .5em; }
.r3_twitter blockquote         { margin: 0; padding: 0; }
.r3_twitter blockquote a       { color: #08c; }
.r3_twitter blockquote a:hover { text-decoration: underline; }
.r3_twitter a.user_icon img    { float: left; height: 48px; margin-right: 12px; width: 48px; padding-top: 2px; }
.r3_twitter a.user_name        { font-weight: 700 !important; }

.shared_by { color: #aaa; }
.shared_by a { color: #555; }
.shared_by a:hover { text-decoration: underline; }
.shared_by strong { color: #555; }

h2 a.tweet_perma       { color: #aaa; font-size: .7em; font-weight: 200 !important; padding-left: .8em; }
h2 a.tweet_perma:hover { text-decoration: underline; }

#new_tweets_insert { color: #ffb515; font-size: 13px; }
#new_tweets_insert strong { font-size: 1.5em; font-weight: 700 !important; }
#new_tweets_insert .awesome.button { margin: 2px 0 .5em 1em; }
.awesome.yellow.button { background-color: #ffb515; }

.announcement { background-color: #08c; color: white; font-size: 13px; padding: 12px 18px; margin-bottom: 10px; width: 545px; }
.announcement a { color: white; font-weight: 700 !important; text-decoration: underline; }
.announcement a.hide_message { font-size: 10px; font-weight: 700 !important; }
.announcement p { margin: .5em 0; }

.brand_new { background-color: #fcf650; margin-left: 0.33em; padding: 0 2px; vertical-align: baseline; }

.hilite { background-color:yellow }