/* ////////////////////////////////////////
YUI Font CSS 
[77% = 10px]
[85% = 11px]
[93% = 12px] (was 92%)
[100% = 13px]
[108% = 14px] (was 107%)
[116% = 15px] (was 114%)
[123.1% = 16px] (was 122%)
[131% = 17px] (was 129%)
[138.5% = 18px] (was 136%)
[146.5% = 19px] (was 144%)
[153.9% = 20px] (was 152%)
[161.6% = 21px] (was 159%)
[167% = 22px] <!-- (renders 1px too small in Op Win/Mac, FF/Mac) -->
[174% = 23px] <!-- (renders 1px too small in Op Win/Mac, FF/Mac) -->
[182% = 24px] <!-- (renders 1px too small in Op Win/Mac, FF/Mac) -->
[189% = 25px] <!-- (renders 1px too small in Op Win/Mac, FF/Mac) -->
[197% = 26px] <!-- (renders 1px too small in Op Win/Mac, FF/Mac) -->
//////////////////////////////////////// */

html {
}

body {
color:#000;
margin:0px; padding:0;
color:#34424B;
font-size:85%;
font-family:'Lucida Grande', Geneva, Verdana, Arial, Helvetica, sans-serif;
line-height:1.48;
}
#container{
  margin:0px auto;
  padding:0px;
  width:900px;
}
#header{
  height:50px;
  padding-left:370px;
  vertical-align:bottom;
  line-height:30px;
}
#header .sub{
  line-height:20px;
  vertical-align:top;
  color:#888888;
  font-size:85%;
}
#header .sub a{
  color:#888888;
  border-bottom:dotted 1px;
}
#translation{
margin:50px 0px 30px;
min-height:130px;
clear:both;
}
#translation .head{height:30px;}
#translation .head table{width:574px;margin-left:13px;line-height:30px;}
#translation .foot{clear:both;}
#translation .foot ul{height:30px;line-height:30px;margin-left:13px;clear:both;}
#translation .foot ul li{float:left;list-style:none;vertical-align:middle;}
#translation .foot ul li img{vertical-align:middle;height:30px;}
#translation .foot .notice{margin-left:13px;height:24px;line-height:24px;vertical-align:middle;}
#translation #language_loading{height:24px;line-height:24px;float:left;vertical-align:middle;;}
#translation #language_error{height:24px;float:left;}
#translation #language_error span{font-size:85%;padding:2px 5px;line-height:24px;vertical-align:middle;background-color:#FFFF88;}
#translation .foot .sendit{clear:both;padding-top:opx;margin-left:13px;height:36px;}
#translation .foot .sendit .button{
display: inline-block;
color: #000;
text-decoration: none;
line-height: 1;
border: 1px solid #ccc;
position: relative;
cursor: pointer;
text-transform:Capitalize;
font-size: 12px;
padding: 12px 24px 12px 44px;
float:left
}
#translation .foot .sendit .button:hover {
color: #FFF;
}

#translation .box{
width:600px;
margin:0px;
padding:5px 0 0 0;
}
#translation .box .bottom {
width:600px;
margin:5px 0 0 0;
padding:0px;
height:10px;
}
#translation_input{
margin:0 20px;
}
#translation textarea{
padding:0px;
margin:0px 0px;
width:560px;
height:100px;
border:none;
font-size:123.1%;
}
#timeline{
padding:20px 0px 40px;
clear:both;
width:574px;
}
#footer{
margin:30px 0px;
padding:5px 0px;
width:574px;
}
#footer #policy{
margin-left:13px;
width:574px;
font-size:93%;
border-top:solid 1px #ccc;
}
#footer #copyright{
margin-left:13px;
width:574px;
font-size:77%;
}
.main {
margin:0px 150px 0px 150px;
width:600px;
clear:both;
}
.side{
float:left;
width:130px;
}

select {
line-height:130%;
font-size:93%;
border:solid 1px #ccc;
}
.small {
color:#888888;
font-size:85%;
}

#whats_140trans {
position:fixed;
width:150px;
height:200px;
z-index:2;
top:auto;
left:auto;
bottom:0;
right: 0;
}
div#whats_140trans:hover {
background-position:-150px 0px;
}
#whats_140trans a{
display:block;
height:150px;
width:150px;
}

#info {
padding:0px 20px;
}
#info h2{
font-weight:bolder;
}
#info p{
margin:15px 0px 25px 0px;
}

.number {
font-family: Georgia, "Times New Roman", Times, serif;
font-size:153.9%;
font-weight:bolder;color:#aaa;
}

#bookmark{
line-height:36px;
vertical-align:middle;
float:left;
margin-left:50px;
font-size:85%;
font-weight:bolder;
background:transparent url(/images/twitter/bookmark.gif) no-repeat 0px 8px;
padding-left:20px;
width:300px;
}
#bookmark img{
vertical-align:middle;
padding:0px 8px;
}
#bookmark a{
border-bottom:dotted 1px;
text-decoration:none;
}

#social_bookmarks{
padding:30px 0px 20px;
clear:both;
width:574px;
}
#social_bookmarks li{margin-right:16px;}
#social_bookmarks a{width:16px;height:16px;float:left;overflow:hidden;text-indent: -9000px;background-image:url(/images/twitter/social_bookmarks.gif)}
#social_bookmarks ul{height:30px;line-height:30px;margin-left:13px;clear:both;}
#social_bookmarks ul li{float:left;list-style:none;vertical-align:middle;}
#social_bookmarks ul li img{vertical-align:middle;height:30px;}
#social_bookmarks .twitter a{text-indent: -9000px;}
#social_bookmarks .facebook a{background-position:-16px 0px;}
#social_bookmarks .friendfeed a{background-position:-32px 0px;}
#social_bookmarks .delicious a{background-position:-48px 0px;}
#social_bookmarks .digg a{background-position:-64px 0px;}
#social_bookmarks .hatena a{background-position:-80px 0px;}
#social_bookmarks .reddit a{background-position:-112px 0px;}

/* twitter ticker */

h2.tut{
color:white;
font-family:"Myriad Pro",Arial,Helvetica,sans-serif;
font-size:16px;
padding:12px 0 0 58px;
text-transform:uppercase;
text-shadow:2px 1px 6px #333;
}

#twitter-ticker{
width:574px;
margin-left:13px;
height:350px;
display:none;

-moz-border-radius:10px 10px 6px 6px;
-khtml-border-radius: 6px;
-webkit-border-radius: 6px;
border-radius:6px;

text-align:left;
}

#tweet-container{
height:350px;
width:auto;
overflow:hidden;
}

.tweet{
padding:5px;
margin:0 8px 8px 0;

border:1px solid #F0F0F0;
background:white;

width:auto;
overflow:hidden;
}

.tweet .avatar,
.tweet .user,
.tweet .time{
float:left;
}

.tweet .time{
text-transform:uppercase;
font-size:10px;
color:#AAAAAA;
white-space:nowrap;
}


.tweet .avatar img{
width:36px;
height:36px;
border:2px solid #eeeeee;
margin:0 5px 5px 0;
}

.tweet .txt{
clear:both;
}

.tweet .user{
font-weight:bold;
}

a, a:visited {
color:#55BBDD;
text-decoration:none;
outline:none;
}

a:hover{
text-decoration:underline;
}

#loading{
margin:100px 95px;
}

/* jScrollPane */

.jScrollPaneContainer {
position: relative;
overflow: hidden;
z-index: 1;
}

.jScrollPaneTrack {
position: absolute;
cursor: pointer;
right:4px;
top:0;
height: 100%;
background: #ddd;
}
.jScrollPaneDrag {
position: absolute;
background: #999;
cursor: pointer;
overflow: hidden;
}
.jScrollPaneDragTop {
position: absolute;
top: 0;
left: 0;
overflow: hidden;
}
.jScrollPaneDragBottom {
position: absolute;
bottom: 0;
left: 0;
overflow: hidden;
}
a.jScrollArrowUp {
display: block;
position: absolute;
z-index: 1;
top: 0;
right: 0;
text-indent: -2000px;
overflow: hidden;
/*background-color: #666;*/
height: 9px;
}
a.jScrollArrowUp:hover {
/*background-color: #f60;*/
}

a.jScrollArrowDown {
display: block;
position: absolute;
z-index: 1;
bottom: 0;
right: 0;
text-indent: -2000px;
overflow: hidden;
/*background-color: #666;*/
height: 9px;
}
a.jScrollArrowDown:hover {
/*background-color: #f60;*/
}
a.jScrollActiveArrowButton, a.jScrollActiveArrowButton:hover {
/*background-color: #f00;*/
}

/* facebox */

#facebox {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 100;
  text-align: left;
}

#facebox .popup {
  position: relative;
}

#facebox table {
  border-collapse: collapse;
}

#facebox td {
  border-bottom: 0;
  padding: 0;
}

#facebox .body {
  padding: 10px;
  background: #fff;
  width: 370px;
}

#facebox .loading {
  text-align: center;
}

#facebox .image {
  text-align: center;
}

#facebox img {
  border: 0;
  margin: 0;
}

#facebox .footer {
  border-top: 1px solid #DDDDDD;
  padding-top: 5px;
  margin-top: 10px;
  text-align: right;
}

#facebox .tl, #facebox .tr, #facebox .bl, #facebox .br {
  height: 10px;
  width: 10px;
  overflow: hidden;
  padding: 0;
}

#facebox_overlay {
  position: fixed;
  top: 0px;
  left: 0px;
  height:100%;
  width:100%;
}

.facebox_hide {
  z-index:-100;
}

.facebox_overlayBG {
  background-color: #000;
  z-index: 99;
}

* html #facebox_overlay { /* ie6 hack */
  position: absolute;
  height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');
}

/* fieldtag */
.tagged{
color: #999;
}

/* tooltip */
.tooltip{
position:absolute;
top:0;
left:0;
z-index:9999;
display:none;
padding:0px;
margin:0px;
}
.tooltip #bookmark_desc{
width:425px;
font-weight:normal;
line-height:1.48;
background:white;
border:solid 5px #F5F5F5;
padding:5px;
margin:0px;
}
.tooltip p{
margin:20px 5px;
padding:0px;
}