/* ================================ */
/* Standard CSS File  
/* ================================ */

/* Fetch the Reset CSS here: http://developer.yahoo.com/yui/reset/ */
@import url(http://yui.yahooapis.com/2.6.0/build/reset/reset-min.css);

/* ================================ */
/* TAGS
/* ================================ */
html {background:#232616;}
body { margin:0; padding:0; font-family: arial, sans-serif; color:#e1e1e1; background:#232616;}

a { cursor:pointer; text-decoration:none; }

table { margin-top:20px; border:0; padding:10px; width:100%; font-size:12px; background:#a72017; color:#fff; }
th { background:#232616; padding:10px;  }
td { padding:10px; }
td a { color:#bfd3f0; }

dl {margin: 10px 0;}
/* ================================ */
/* ID 
/* ================================ */
#header { margin:0 10px 40px;}
#header #logo_ff{background:url(images/logo_ff.png) no-repeat; width:473px;height:122px; color:#232616;}
#logolink{position: absolute; top:0; left:0; width:473px;height:122px;}
#container {float:left; margin:0 0 10px 20px; width:1035px;}
#container .col {float:left;padding:10px 20px; }
#ad {float:left; border:1px solid #000; background:#f0f0f0; padding:20px;}
#footer { margin:0 40px; padding-bottom:20px; font-size:10px;}
#footer p { padding-bottom:10px;}
#footer p  a  { color:#17669c;}

li strong {font-weight:bold; color:#17669c;}
dt {padding-bottom:5px;}
#tpusername {width:150px;}
input[type=text] {padding:5px;}
input[type=submit] {padding:4px;}

/* ================================ */
/* CLASS 
/* ================================ */
.clear { clear:both; }
.small { font-size: 10px; }
.odd { background:#64130e; }
.red { color: #c31c23; }
.green { color: #45c42c; }
.blue { color: #17669c; }

#container #msgBanner {
margin: 0 0 10px;
padding: 10px;
background-color:#ffc;
border:1px solid #fc6;
color:#ad7800;
font-size:14px;
}
#container #msgBanner a{
text-decoration:underline;
color:#ad7800;
}

/* columns */
#container .col {
width:360px; color:#606060;
position:relative;
border-right:1px solid #303030;
}
#container .col h2 {
font:bold 18px "Arial Black";
margin-bottom:10px;
}
#container .col p {
padding: 10px 5px;
border-top:1px dashed #606060; 
color:#17669c;
}
#container .col p a {
color:#fa09ee;
}
#container .col ol, #container .col ul {
margin: 10px 15px;
}
#container .col ol li, #container .col ul li  {
margin: 10px;
padding: 3px;
color:#606060;
list-style-type: decimal;
}
#container .col ul li  {
list-style-type: circle;
}
#container .col ul li a {
color:#e6d38c;
}

#container .col img {
float:left;
margin-right:10px;
}

#allBirds  {
margin:20px 0 20px 50px;
}

/* nav stuff */
#header #nav ul {
list-style-type:none;
width:auto;
position:absolute;
top: 0;
left: 480px;
display:block;
height:15px;
font-size:.6em;
background:#6f6b65 repeat-x top left;
margin:0;
padding:2px;
}
#header #nav ul li {
display:block;
float:left;
margin:0;
padding:0;
}
#header #nav ul li a {
float:left;
color:#ebe5cf;
text-transform:uppercase;
padding:3px 10px 0;
font-weight:normal;
}
#header #nav ul li a:hover {
color:#000;
}

/* subnav */
#header #subnav ul {
list-style-type:none;
width:auto;
position:absolute;
top: 0px;
left: 0px;
display:block;
height:15px;
font-size:.6em;
background:#17669c repeat-x top left;
margin:0;
padding:2px;
}
#header #subnav ul li {
display:block;
float:left;
margin:0;
padding:0;
}
#header #subnav ul li a {
float:left;
color:#ebe5cf;
text-transform:uppercase;
padding:3px 10px 0;
font-weight:normal;
}
#header #subnav ul li a:hover {
color:#000;
}

#chirp{
	position:absolute;
	background:transparent;
	padding:2px 5px;
	display:none;
}