*
{
   font-family: Arial, Helvetica, sans-serif;
   font-size: 14px;
}

html, body
{
   margin: 0px;
   height: 100%; /* Needed for footer */
}

/*
   zen and tea frrom kuler.adobe.com
   #10222B; dark blue
   #95AB63; darker green
   #BDD684; base, light green
   #E2F0D6; light green, hint of turquoise
   #F6FFE0; very light green
*/
 
body
{
   background: #95AB63;
}

a:link
{
   color: #10222B;
   text-decoration: underline;
}

a:visited
{
   color: #10222B;
}


a:hover
{
   text-decoration: none;
}

#footer a:link
{
   color: #F6FFE0;
}

#footer a:visited
{
   color: #F6FFE0;
}


.clickable
{
   cursor: pointer;
   cursor: hand;
}

.clear
{
   clear: both;
}

#container
{
   min-height: 100%;
   height: auto !important;
   height: 100%;
   margin: 0 auto -40px; 
}

#tweet_container
{
   overflow: hidden;
   padding: 10px;
}

#fade
{
   position: absolute;
   right: 0px;
   width: 60px;
   height: 100%;
   z-index: 0;

   background: url(/img/fade.png);
   background-repeat: repeat-y;
   background-position: right center;
}

#tweets
{
   width: 1000%;
}

#tweets .col
{
   width: 350px;
   float: left;
}

.tweet
{
   margin: 5px;
   width: 50px;
   background: #BDD684;
   color: #333366;
}

.tweet:hover
{
   background: #CDE692;
}

.tweet img.profile
{
   border: 1px solid #7F8490;
   padding: 1px;
   margin-right: 10px;
   float: left;
   width: 48px;
   height: 48px;
}

.tweet div.inner
{
   margin: 5px;
}

.tweet div.inner .name
{
/*   margin-left: 15px;*/
}

img.button
{
   border: none;
   display: none;
   padding-left: 3px;
   position: absolute;
}

div.tooltip
{
   position: absolute;
   font-size: 10px;
   border: 1px solid #CCCCCC;
   background: #F6FFE0;
   color: #10222B;
   padding: 3px;
}

.tweet .name
{
   font-size: 80%;
   font-weight: bold;
}

.tweet q
{
   /*margin-left: 25px;*/
   font-size: 10pt;
   color: #535353;
   text-align: justify;
}

.tweet q em
{
   font-size: 10pt;
   font-style: normal;
   font-weight: bold;
}

.tweet q a
{
   font-size: 10pt;
}


/* Footer */

#footer
{
   position: fixed;
   bottom: 0px;
   background: url(/img/footer_gradient.png);
   width: 100%;
   text-align: center;
   color: #E2F0D6;
   height: 25px;
}

#footer ul
{
   padding: 5px 20px 0px 20px;
   margin: 0px;
   float: left;
   width: 100px;
   text-align: left;
   text-overflow: visible;
   white-space: nowrap;
}

#footer ul li
{
   font-size: 12px;
   display: inline;
   text-overflow: visible;
}

#footer div
{
   padding: 7px 0px 0px 0px;
   float: right;
   width: 300px;
}

#footer div, #footer div a
{
   font-size: 12px;
}

#subfooter
{
   position: static;
   padding-left: 5px;
   bottom: 50px;
   right: 10px;
}

#subfooter, #subfooter a
{
   font-size: 10px;
   font-family: sans-serif;
}

/* Rounded corner stuff */
.roundedcorners div.inner
{
   margin: 5px;
}

/* Nifty corners rounded corners */
b.rtop, b.rbottom{display:block; background: #95AB63;}
b.rtop b, b.rbottom b{display:block;height: 1px; overflow: hidden; background: #BDD684;}
b.r1{margin: 0 5px}
b.r2{margin: 0 3px}
b.r3{margin: 0 2px}
b.rtop b.r4, b.rbottom b.r4{margin: 0 1px;height: 2px}