body {
  font-family: Arial, sans-serif;
  font-size: 16px; 
  background: #92BD54;
  margin: 0;
  padding: 0;
  color: #333; }

a {
  color: #92BD54;
 /* font-weight: bold;*/ }

a:hover {
  color: #F9BB3B;
/*  font-weight: bold; */
  background-color: #000; }

a.button {
  background: #057;
  display: block;
  color: white;
  text-decoration: none;
  padding: 8px 15px;
  text-align: center;
  font-size: 20px;
  margin-bottom: 10px;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px; }
  a.button:hover {
    background: #035; }

.clearfix {
  clear: both; }

#wrapper {
  background: white;
  padding: 1.5em 2em;
  width: 55em;
  -moz-border-radius: 1em;
  -webkit-border-radius: 1em;
  border-radius: 1em;
  margin: 1em auto 0.5em; }

#footer {
  text-align: center;
  font-size: 0.8em;
  color: white;
  padding-bottom: 1.5em; }

#footer a {
  color: #ffffff;
  font-weight: bold; }

#footer a:hover {
  color: #F9BB3B;
  font-weight: bold; }

#header h1 {
  float: left;
  font-size: 3em;
  margin: 0;
  padding: 0; }
  #header h1 a {
    color: #057;
    margin-bottom: 0.3em;
    text-decoration: none; }
#header #user_bar {
  float: right;
  margin-top: 1.2em; }
  #header #user_bar img {
    vertical-align: middle; }

p {
  line-height: 150%; }

div.flash {
  padding: 4px 8px;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
  border: 2px solid #ccc; }

div.error {
  background: #fcc;
  border-color: #911;
  color: #311; }

div.notice {
  background: #cfc;
  border-color: #191;
  color: #131; }

a img {
  border: 0; }

table.listener-list {
  float: left;
  margin: 0 50px; }
  table.listener-list tr:last-child td {
    border-bottom: 0; }
  table.listener-list td {
    border-bottom: 1px dashed #aaa;
    padding: 10px 0; }
  table.listener-list td.image {
    text-align: right; }
  table.listener-list td.screen_name {
    font-size: 22px;
    text-align: center;
    padding: 10px 15px; }
    table.listener-list td.screen_name a {
      color: #333;
      text-decoration: none; }
  table.listener-list td.count {
    font-size: 1.2em; }

table.list-smaller td {
  padding: 8px 0; }
table.list-smaller img {
  width: 28px;
  height: 28px; }
table.list-smaller td.screen_name {
  padding: 8px 15px; }
  table.list-smaller td.screen_name a {
    font-size: 18px; }

.pagination {
  padding: 3px;
  margin: 3px;
}
.pagination a {
  padding: 2px 5px 2px 5px;
  margin: 2px;
  border: 1px solid #F9BB3B;
  text-decoration: none;
  color: #92BD54;
}
.pagination a:hover, .pagination a:active {
  border: 1px solid #92BD54;
  color: #000;
}
.pagination span.current {
  padding: 2px 5px 2px 5px;
  margin: 2px;
  border: 1px solid #92BD54;
  font-weight: bold;
  background-color: #92BD54;
  color: #FFF;
}
.pagination span.disabled {
  padding: 2px 5px 2px 5px;
  margin: 2px;
  border: 1px solid #eee;
  color: #ddd;
}

blockquote#one {
 width: 600px;
 background: #CCFFFF;
 padding: 15px;
 position: relative;
}
#one .arrow {
 width: 0;
 height: 0;
 line-height: 0;
 border-bottom: 25px solid #CCFFFF;
 border-left: 30px solid white;
 position: absolute;
 top: 0px;
 left: -30px;
}

#one .details {
  font-size: 10px; 
}

blockquote#two {
 width: 600px;
 background: #F0F0F0;
 padding: 15px;
 position: relative;
}
#two .arrow {
 width: 0;
 height: 0;
 line-height: 0;
 border-bottom: 25px solid #F0F0F0;
 border-left: 30px solid white;
 position: absolute;
 top: 0px;
 left: -30px;
}

#two .details {
  font-size: 10px; 
}


blockquote#three {
 width: 600px;
 background: #ffffcc;
 padding: 15px;
 position: relative;
}
#three .arrow {
 width: 0;
 height: 0;
 line-height: 0;
 border-bottom: 25px solid #ffffcc;
 border-left: 30px solid white;
 position: absolute;
 top: 0px;
 left: -30px;
}

#three .details {
  font-size: 10px; 
}

blockquote#note {
 width: 40px;
 background: #d0d0d0;
 position: relative;
}
#note .arrow {
 width: 0;
 height: 0;
 line-height: 0;
 border-bottom: 25px solid #d0d0d0;
 border-left: 20px solid white;
 position: absolute;
 top: 0px;
 left: -20px;
}

#note .details {
  font-size: 10px; 
}


#tweet_button  {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:transparent url(/notes.gif) no-repeat scroll 0 0;
line-height: 1;
color:#444444;
display:block;
font-size:12px;
height:34px;
padding:4px 0;
position:relative;
text-align:center;
text-decoration:none;
width:50px;
}

#tweet_button a {
border:medium none;
text-decoration:none;
}

.css1 { font-size: 1.0em; }
.css2 { font-size: 1.2em; }
.css3 { font-size: 1.4em; }
.css4 { font-size: 1.6em; }

span.highlight {
background-color:#FFFFCC;
}

table.highlightable tr.highlight { background: red; }

.highlightable tr:hover { background: #FFFFCC;; }