* {
margin : 0;
padding : 0;
}
body {
color: #333;
background : url(i/bg1.jpg) #e2f1fb;
padding : 0 0 10px 0;
font-family : verdana;
line-height:1.5;
}
.clear {
clear : both;
}

#container {
width : 594px;
margin : 0 auto;
}
#logo {
float : left;
width : 398px;
height : 115px;
display : inline;
margin : 0;
font-size:12px;
}

#logo img{
border: 0px;
}

#logo a, #logo a:hover{
color : #ccc;
text-decoration : underline;
}

h1 {
font : normal 21px Georgia, "Times New Roman", Times, serif;
float : left;
display : inline;
width : 370px;
margin : 0;
}
#container h1 a {
color : #333333;
text-decoration : none;
}
#container h1 a:hover {
text-decoration : overline;
}
#container h1 span {
font-size : 18px;
}
#right-bird {
width : 153px;
height : 115px;
background : url(i/right-bird.jpg) bottom no-repeat;
float : right;
padding : 0;
}
#white {
width : 564px;
color: #333;
background : #ffffff url(i/top.jpg) no-repeat top center;
padding : 15px;
font-size:12px;
}
#white h2 {
color : #626262;
font : normal 16px Verdana, Tahoma, Arial, "Trebuchet MS", Sans-Serif, Georgia, Courier, "Times New Roman", Serif;
line-height : 10px;
padding : 0 0 10px 0;
border-bottom : 2px solid #e9e9e9;
}
#white h4 {
color : #626262;
font : normal 16px Verdana, Tahoma, Arial, "Trebuchet MS", Sans-Serif, Georgia, Courier, "Times New Roman", Serif;
line-height : 20px;
float : left;
}
#top-right {
font : normal 11px Tahoma, Arial;
float : right;
color : #626262;
margin-top : 4px;
}
#top-right a {
color : #626262;
text-decoration : none;
font-weight : bold;
}
#top-right a:hover {
text-decoration : underline;
}
#top {
width : 564px;
padding : 0 0 10px 0;
border-bottom : 2px solid #e9e9e9;
}
#typeyour {
padding : 10px 0 10px 0;
font : normal 11px Tahoma;
color : #626262;
border-bottom : 2px solid #e9e9e9;
}
#typeyour p {
float : left;
display : inline;
margin : 9px 9px 0 9px;
}
.bar {
width : 172px;
height : 20px;
border : 2px solid #e9e9e9;
color : #333333;
font : normal 11px Verdana, Tahoma, Arial, "Trebuchet MS", Sans-Serif, Georgia, Courier, "Times New Roman", Serif;
padding : 7px 0 0 7px;
float : left;
margin-right : 7px;
}
#bottom {
clear : both;
width : 594px;
height : 12px;
background : url(i/bottom.jpg) no-repeat;
overflow : hidden;
padding : 0;
margin : 0;
}
#footer {
width : 594px;
background : #ffffff;
margin : 0;
padding : 0;
clear: both;
}

#login {
font : 12px Verdana, Tahoma, Arial, "Trebuchet MS", Sans-Serif, Georgia, Courier, "Times New Roman", Serif;
color : #333333;
margin-top : 10px;
}
#login a {
color : #336699;
font-weight : bold;
text-decoration : none;
}
#login a:hover {
color : #336699;
text-decoration : underline;
}
#login h3 {
width : 125px;
height : 94px;
background : url(i/recent.jpg) no-repeat;
text-indent : -9999px;
float : left;
margin-right : 40px;
}
#footer-left {
text-align: left;
float : left;
width: 340px;
font : normal 10px Verdana, Tahoma, Arial, "Trebuchet MS", Sans-Serif, Georgia, Courier, "Times New Roman", Serif;
color : #626262;
margin-top : 10px;
margin-left : 5px;
}

.list {
float : left;
width : 250px;
}
.list li {
padding : 0 0 0 13px;
list-style : none;
margin : 13px 0;
}
.post1, .post2 {
width : 534px;
padding : 15px;
/* margin-top : 10px; */
}
a img {
border : none;
}
.post1 {
background : #eaf2f9;
}
.post2 {
background : #ffffff;
}
.avatar {
width : 80px;
height : 80px;
float : left;
display : block;
margin-right : 15px;
}

.avatar img, .avatar a img{
padding : 3px;
border : 1px solid #ccc;
}
.avatar a:hover img{
padding : 3px;
border : 1px solid #333333;
}
.post {
float : left;
}
.post h5 {
color : #626262;
font : bold 16px Verdana, Tahoma, Arial, "Trebuchet MS", Sans-Serif, Georgia, Courier, "Times New Roman", Serif;
}
.post h5 a {
color : #626262;
text-decoration : none;
}
.post h5 a:hover {
text-decoration : underline;
}
.mainpost {
color : #626262;
font : normal 11px Tahoma, Arial;
font-size : 14px;
line-height : 19px;
width : 400px;
}

a {
color : #626262;
text-decoration : none;
}
a:hover {
text-decoration : underline;
}

.bold{ font-weight: bold; }

#tcalc_old_main { float:left; width:230px; border-right:2px solid #e9e9e9;}
#tcalc_new_main { float:right; width:280px; }
#tcalc_old_main2 { float:left; width:280px; }
#tcalc_new_main2 { float:right; width:280px; }
#tcalc_old { font-size: 10px; margin: 0; color: #777; }
#tcalc_new { font-size: 10px; margin: 0; color: #333333; }

label { float:left; clear: both; margin-top: 5px; margin-right: 5px; padding-top: 10px; display: block; font-weight: bold; color: #333; }

textarea.oldTweet { font-family: arial; font-size: 12px; width: 275px; height: 60px; margin: 0; margin-top: 5px; border: 2px solid #ccc; }
textarea.newTweet:focus { border: 2px solid #336699; }
textarea.newTweet { font-family: arial; font-size: 12px; width: 275px; height: 60px; margin: 0; margin-top: 5px; border: 2px solid #ccc; }

select.basic_tweet { margin: 5px 10px 0 0; padding: 2px; display: block; font-family: arial; width: 279px; height: 27px; border: 2px solid #ccc; }
select.basic_tweet:focus { border: 2px solid #336699; }
input.loginTwitter { margin: 10px 10px 0 10px; padding-top: 2px; padding-left: 2px; display: block; font-family: arial; width: 145px; height: 21px; border: 2px solid #ccc; }
input.loginTwitter:focus { border: 2px solid #336699; }
strong.loginTwitter { color: #336699; }
strong.loginTwitter2 { color: #999; }

#status { height: 75px; float: right; width:280px; text-align: center;}
#tcalc_button_main { float:left; width:560px; text-align: center; }
.submit { margin-bottom: 10px; cursor: pointer; width : 200px; height : 31px; background : url(i/submit.gif) no-repeat; border : 0; }
input.buttonTwitter { text-align: center; font-family: arial; width: 200px; height: 25px; margin: 10px; border: 2px solid #777; background: #fff; font-weight: bold;}
input.buttonTwitter:focus { border: 2px solid #336699; }
buttonTwitter a { color: #336699; text-decoration: none; }
buttonTwitter a:hover { color: #336699; text-decoration: none; }

.close-button { background-color:#cc0000; font-weight: bold; color:#FFF; float: right; display: block; font-size:10px; padding:0 4px 3px 5px; }
.gic {	color:#fff; font-size:0.7em; font-weight: bold; }
.date { color:#336699; font-weight: bold; font-style: italic; }
.hand { cursor:pointer; }

.smaller {font-size : 10px; color: #777;}

#links {
text-align: center;
float : left;
width: 525px;
font : normal 10px Verdana, Tahoma, Arial, "Trebuchet MS", Sans-Serif, Georgia, Courier, "Times New Roman", Serif;
color : #626262;
margin-top : 0;
margin-right : 5px;
}


#GB_overlay {
  background-image: url(overlay.png); 
  position: absolute;
  margin: auto;
  top: 0;
  left: 0;
  z-index: 100;
  width:  100%;
  height: 100%;
}

* html #GB_overlay {
  background-color: #000;
  background-color: transparent;
  background-image: url(blank.gif);
  filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="overlay.png", sizingMethod="scale");
}

#GB_window {
  top: 10px;
  left: 0px;
  position: absolute;
  background: #fff;
  border: 5px solid #aaa;
  overflow: auto;
  width: 400px;
  height: 400px;
  z-index: 150;
}

#GB_frame {
  border: 0;
  overflow: auto;
  width: 100%;
  height: 378px;
}

#GB_caption {
  font: 12px bold helvetica, verdana, sans-serif;
  color: #fff;
  background: #888;
  padding: 2px 0 2px 5px;
  margin: 0;
  text-align: left;
}

#GB_window img {
  position: absolute;
  top: 2px;
  right: 5px;
  cursor: pointer;
  cursor: hand;
}