/*  
Theme Name: TO411 Daily Theme
Theme URI: http://wordpress.org/
Description: The default WordPress theme for TO411 Daily.
Version: 0.1
*/

/* ===========================================================================================================
   to411daily.css
   =========================================================================================================== */



BODY 
{
  background-color: #282828;
  font-family:      Verdana, Arial, Helvetica, sans-serif;
  font-size:  0.76em;   /* 0.8em; */
  text-align: center;  /* center div in IE */
  margin:     0;
  padding:    0;
}

UL { font-size: 1.0em; }
TR { clear: both; } 

A:link, A:visited { color: #CC6600; text-decoration: underline; font-weight: bold; }
A:hover { color: #990000; }
IMG { border: 0; }
.clear { clear: both; }
.dim   { color: #AAAAAA; }


/* note that all EM sizes will change if font-size is changed! */
/* layout width: 0.8em = 73.5em; 0.76em = 77.37em; */

#layout { width: 77.37em; margin: 0 auto; text-align: left; background-color: white; }

 
/* banner, with positioned banner ad and links */

#banner_cell  { background-color: #0F0F0F; }
#banner_panel { position: relative; width: 77.37em; height: 13.37em; left: 0; top: 0; background-color: #0F0F0F; padding: 0; margin: 0; }
#banner_image { width: 77.37em; } 
#banner_ad    { position: absolute; width: 38.53em; height: 5em; top: 8.0em; right: 2.55em; }  /* 36.6, 0.2, 2.9 @ 0.8em */
#banner_ad IMG { width: 38.53em; height: 5em; }

.top_link_114x25 { width: 9.42em; }  /* 8.95 @ 0.8em */
.top_link_57x25  { width: 4.71em; }  /* 4.47 @ 0.8em */
.top_link_72x25  { width: 5.98em; }  /* 5.68 @ 0.8em */
.top_link_spacer { width: 0.76em; }  /* 0.72 @ 0.8em */
#top_links   { position: absolute; width: 27.10em; right: 8.07em; top: 3.2em; } 
#site_search { position: absolute; width: 27.10em; right: 8.07em; top: 5.6em; text-align: center; }
#site_search FORM { display: inline; margin: 0; padding: 0; }

#red_bar { background-color: #990000; }
#date_column      { width: 10.8em; color: white; text-align: center; }


/* site info that appears at the bottom of the page */

DIV#site_info
{
  width:      77.37em;
  margin:     0.5em auto 1em auto;
  text-align: center;
  color:      #999999;
  font-size:  0.8em;
  clear:      both;
}

DIV#site_info A       { text-decoration: none; color: #999999; font-weight: normal; }
DIV#site_info A:hover { color: #FFCC00; }


/* column widths and formatting */

#layout_column_1 { width: 10.8em; } /* 125 px @ 0.76em + 0.5em inner space */
#layout_column_3 { width: 13.7em; } /* 160 px @ 0.76em + 0.5em inner space */
#layout_column_2 { padding: 0 1em; }

#layout_spacer_left  { padding-left: 1em; border-right: 1px dotted gray; }
#layout_spacer_right { padding-right: 1em; border-left: 1px dotted gray; }

/* ad labeling */

.ad_label
{
  background-color: #898989;
  color:       white;
  text-align:  center;
  font-weight: bold;
  margin:      0 0em; 
  padding:     0.3em; 
}

DIV#left_panel  { margin-left:  0.5em; }
DIV#right_panel { margin-right: 0.5em; }

DIV#left_panel UL#section_list
{
  font-weight:   bold;
  padding-left:  0;
  margin-left:   0;
  margin-top:    0;
  width:         10.3em;
}

DIV#left_panel UL#section_list LI
{
  list-style:    none;
  font-size:     0.9em;
  margin:        0;
  padding:       1em;
  padding-left:  1.75em;
  border-bottom: 1px dotted gray;
}

DIV#left_panel UL#section_list A        { text-decoration: none; color: #333333; }
DIV#left_panel UL#section_list A:hover  { text-decoration: none; color: #990000; }

DIV#left_ads           { text-align: center; }
DIV#left_ads .ad_label { font-size:  0.8em; }
DIV#left_ads IMG       { margin-top: 0.2em; width: 10.3em; }

DIV#right_ads { text-align: center; }
DIV#right_ads .ad_label { font-size: 0.8em; }
DIV#right_ads IMG { margin-top: 0.2em; width: 13.2em; }

DIV#floating_ad { width: 22.25em; }  /* 270px @ 0.76em */
DIV#floating_ad IMG { width: 100%; } 

DIV#bottom_ad     { width: 38.53em; height: 5em; margin: 2em auto; }  /* 36.6 @ 0.8em */
DIV#bottom_ad IMG { width: 38.53em; height: 5em; }


/* defaults for content formatting */

.form_triggers
{
  text-align:   right;
  margin-right: 10%;
}

.article_photo P, .small_article_photo P
{
  font-size:  0.75em;
  text-align: center;
  padding:    0;
  margin:     0;
}

H1 { color: white; background-color: black; padding: 0.5em; margin-top: 0; font-size: 1.1em; }
H2 { font-size: 1.0em; font-weight: bold; }
HR { margin: 1em 0; padding: 0em; border: 0; border-bottom: 1px dotted gray; height: 0px;}

#right_content_cell { width: 22.25em; }

.search_result { margin-bottom: 2em; }

.search_result P { margin: 0; padding: 0; }
.search_result .article_summary { margin: 0; padding: 0; font-size: 0.9em; }
.search_result .article_summary A  { color: gray; text-decoration: none; }
.search_result .article_summary A:hover { color: black; text-decoration: none; }


.chart H1 { margin-top: 1.5em; margin-bottom: 0.5em; background-color: #FFCC00; }  /* was #872115 */
.chart .body { font-size: 0.8em;}
.chart .credit { text-align: center; }
.chart H3 { text-align: center; }

.chart TABLE { width: 100%; }
.chart TH 
{ 
  background-color: #DDDDDD; 
  color:       #535353; 
  font-weight: bold; 
  border:      1px solid #DDDDDD; 
  text-align:  center;
}

.chart TD
{ 
  color:   #535353; 
  border:  1px solid #DDDDDD; 
  padding: 0;
  margin:  0;
}