/*
Copyright (c) 2009, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.net/yui/license.txt
version: 2.7.0
*/
html{color:#000;background:#FFF;}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,p,blockquote,th,td{margin:0;padding:0;}table{border-collapse:collapse;border-spacing:0;}fieldset,img{border:0;}address,caption,cite,code,dfn,em,strong,th,var,optgroup{font-style:inherit;font-weight:inherit;}del,ins{text-decoration:none;}li{list-style:none;}caption,th{text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}q:before,q:after{content:'';}abbr,acronym{border:0;font-variant:normal;}sup{vertical-align:baseline;}sub{vertical-align:baseline;}legend{color:#000;}input,button,textarea,select,optgroup,option{font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit;}input,button,textarea,select{font-size:100%;}

/*Site Styles*/
body { 
  font-family: Arial, Helvetica, sans-serif;
  font-size: small;
  background-image: url('/gfx/body.png');
  background-repeat: repeat-x;
  background-color: #0CF;
 }
a { text-decoration: none; font-weight: bold; color: #00D}
a:hover, a:focus { color: white; outline: 0px; }
dl#sub dd ol a { color: #0CF; }
dt { cursor: pointer; }
dt:hover a { color: white; }
div#supporting a, div#footer a { color: #0F0; }
div#supporting a:hover, div#footer a:hover { color: white; }
div#container { position: relative; }
div#header, dl#sub, div#main { width: 900px; margin: 0 auto; position: relative; }
div#header {
  height: 60px;
  background-image: url('/gfx/header.png');
}
.cw div#header { background-image: url('/gfx/header-cw.png'); }
div#header * { display: none; }
div#meta { 
  position: absolute; 
  top: 60px; 
  height: 30em;
  width: 100%;
  z-index: 0;
  background-color: #2F2F2F;
  background-image: url('/gfx/main-content.png');
  background-repeat: repeat-x;
  background-position: bottom left;
  color: white;
}
dl#sub dt { float: left; width: 100px; padding: 5px; margin-right: 10px; margin-top: 10px; text-align: center; background-color: #0F0; }
dl#sub dd { position: absolute; left: 0px; }
div#main { margin-top: 30em; position: relative; z-index: 100; }
div#stream { 
  margin-top: -30px;
  position: relative;
  z-index: 1000;
  width: 590px;
  background-color: #4CDCFF;
}
div#stream h3 {
  background-image: url('/gfx/h-tweetstream.png');
  height: 30px;
  text-indent: -5000px;
}
div#stream ul li {
  border-bottom: 1px solid #0CF;
  padding: 10px 10px 15px 10px;
}
div#stream a.tr-reply {
  position: absolute;
  display: block;
  height: 36px;
  width: 36px;
  text-indent: -10000px; 
  left: 10px;
  background-image: url('/gfx/av-frame.png');
}
div#stream p.tr-author a, div#stream p.tr-author strong {
  display: block;
  margin-left: 46px;
  color: black;
}
p.tr-author strong { font-size: 85%; }
div#stream p.tr-author a:hover {
  color: white;
}
p.tr-tweet { /*clear: both; float: none;*/ padding-top: 5px; padding-left: 46px;  }
div#supporting {
  position: absolute;
  z-index: 1000;
  top: 0px;
  left: 620px;
  width: 280px;
  background-color: #005166; 
}
div#supporting h2 { 
  height: 40px;
  text-indent: -5000px;
  border-top: 5px solid #0CF; 
}
div#active h2 {
  background-image: url('/gfx/h-active.png');
  height: 30px;
  border-top: 0px;
}
div#places h2 {
  background-image: url('/gfx/h-twitrhet.png');
}
div#elsewhere h2 {
  background-image: url('/gfx/h-places.png');
}
div#elsewhere h3 {
  font-size: 125%;
  font-weight: bold;
  color: #DDD;
  padding-left: 5px; 
}
div#elsewhere h3 { margin-top: 1em; }
div#elsewhere ul + h3 { margin-top: 2em; }
div#elsewhere ul, div#places ul { border-top: 1px solid #CCC; }
div#supporting li { border-bottom: 1px solid #CCC; }
div#supporting li a { display: block; padding: 5px; }
div#supporting li a:hover { background-color: #DDD; color: black; } 
div#supporting p.suggestions { color: white; padding: 5px; background-color: #666; }
img.tr-icon { 
  height: 36px;
  width: 36px;
  position: absolute;
  z-index: -50;
}
div#footer {
  color: white;
  background-color: #1A1A1A;
  border-top: 1px solid #CCC;
  background-image: url('/gfx/footer.png');
  height: 60px;
  margin-top: 30px;
}
div#footer p {
  width: 890px;
  padding-left: 10px;
  padding-top: 20px;
  margin: 0 auto;
  font-size: 85%;
}

/*Cloud*/
dd#tr-cloud { font-size: 1.8em; }
.word {
font-family: Verdana;
padding: .25em;
}

span.size1 a {
color: #BFFFBF;
font-size: 2.4em;
}
span.size2 a {
color: #BFFFBF;
font-size:2.2em;
}
span.size3 a {
color: #80FF80;
font-size: 2.0em;
}
span.size4 a {
color: #80FF80;
font-size: 1.0em;
}
span.size5 a {
color: #40FF40;
font-size: 1.6em;
}
span.size6 a {
color: #00FF00;
font-size: 1.4em;
}
span.size7  a{
color: #00BF00;
font-size: 1.2em;
}
span.size8 a {
color: #00BF00;
font-size: .8em;
}
span.size9 a {
color: #00BF00;
font-size: .7em;
}
.size0 a { color: #008000; font-size: .5em; }
.size0 + .size0 { display: none; }
/*All sub stuff*/
dl#sub dd { margin-top: 50px; }
dl#sub dd p { font-size: 150%; font-weight: bold; }
dl#sub dd * p { font-size: small; font-weight: normal; padding-top: 1em; margin-bottom: 0em; }
dl#sub h3 { font-size: 125%; font-weight: bold; color: #0F0; padding-bottom: 1em; display: inline; }
dl#sub ol { width: 900px; border-top: 1px dotted #666; position: relative; margin-top: .5em; padding-top: 1em; line-height: 1.4; }
dl#sub ol li { width: 280px; position: absolute; left: 0px; list-style-type: decimal; list-style-position: inside; }
dl#sub ol li li { width: auto; position: static; left: auto; list-style-type: disc;}
dl#sub ol li+li { left: 310px; }
dl#sub ol li+li+li { left: 620px; }
dl#sub ol ul { padding-top: 1em; padding-left: 10px;}
dl#sub kbd { color: #0F0; }

/*Help*/

#tr-cloud, #tr-join, #tr-help { display: none; }
#tr-cloud.tractive, #tr-join.tractive, #tr-help.tractive { display: block; }

/*Protonotes Fix*/
body.protonotes { margin-top: 50px; }