/* local eyes and ears 
   CSS Document 
*/

/* begin site common elements */

a:hover { color: #060; }
a img { border-style: none; margin: 0; }

body {  
	background: url('../images/background.jpg') top left repeat-x ;
	background-color: #fff;
	font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif; 
	font-size: 14px;
	line-height: 1.5em;
	margin: 0px; 
	padding: 30px 0 20px 40px;
}

p { line-height: 1.5; text-align: justify; }
p + p { margin-top: 1em;  text-align: justify; }

.align_center { text-align: center;  }
.align_left { text-align: left;    }
.align_right { text-align: right;   }
.align_top { vertical-align: top; }
.bold { font-weight: bold; }
.clear { clear: both;}
/* end common elements*/

/* begin site specific elements */
.article, .contact_us,  #article_list {  min-height: 275px;}
  
.article h1 { border-bottom: 1px #c00 solid;  font-size: 16px; font-weight: bold; height: 24px; }
.article_img img { float: left;  padding-right: 10px; vertical-align: top; width: 130px; height: 130px; }
.article .body { padding-top: 5px; }
.article .voter { color: #999; float: right; font-size: 10px; padding: 5px 0; text-align: right; }
.article ul { line-height: 1.5;  max-width: 90%; text-align: justify; }
.article ul li { margin-left: 10px;  }
.article div ul { list-style-type: disc; margin-left: 25px; padding: 0 0 5px 0;}

#article_list h1, .h1_alt { border-bottom: 1px red solid;  font-size: 18px; font-weight: bold; height: 24px;}
#article_list h2 { color: #036;  display: inline; }
#article_list h2 a { color: #039; text-decoration: none;}
#article_list_img { width: 70px; height: 70px;}
#article_list .clip { color: #333; font-size: 12px; line-height: 16px; margin-left: 105px; }
#article_list .column_image { float: left; padding-top: 5px; width: 85px; height: 70px;}
#article_list .column_text { width: 630px; }
#article_list .number { display: inline;  padding: 1px 5px 0 0; text-align: right; vertical-align: baseline;  width: 20px;}

.article_page { background: #fff; border: 2px #666 outset; padding: 10px 20px ; width: 695px; min-height: 400px; }
.left_column { float: left; padding-left: 6px; height: auto; }
.right_column { float: right; margin-right: 7px;  width: 200px; }

.article_title span { color: #666;  font-size: 12px; font-weight: normal; }

.fame_shame_body { background-color: #fff; border: 1px #333 solid; margin-bottom: 15px; padding-bottom: 20px; text-align: center; }
.fame_shame_body h2 { background: url('../images/wallofshame.jpg') top repeat-x; border: 2px black outset; color: #ccc; font-size: 20px; line-height: 30px; text-align: center;   height: 32px; }

.header { background: #ccc; height: 175px;  }
.header div#title { width: 960px; height: auto;  }
.header #logo 	{ background: url('../images/webunstoppable2.jpg') top left no-repeat; border: 2px #999 outset; float: left; width: 947px; height: 155px;   }

.legs { background-color: #fff; padding-top: 70px;  text-align: center;  width: 100%; height: 145px; }
.legs #nav {  margin: 0 auto; padding-top: 20px; text-align: center; width: 100%; }
.legs #ad1 { float: left; font-size: 11px; padding-top: 13px; width: 33%; }
.legs #ad2 { background-color: #fff; float: left; font-size: 11px; width: 33%; }
.legs #ad2 img { width: inherit !important; height: inherit !important;}
.legs #ad3 { float: left; font-size: 11px; padding-top: 5px; width: 33%; }

.link_article  { color: #03f; font-size: 10px; margin-left: 5px; }
.link_source { color: #03f;  text-decoration: underline; }
.link_voter { color: #03f; font-size: 10px;}

.nav { list-style: none; margin: 0; overflow: hidden; padding: 0;  }
.nav li  { display: block; }

/* three menu options * /
.nav #nav_tab li { display: inline; list-style: none; margin: 0;  padding: 0;}
.nav #nav_tab a { float: left; padding: 20px 0 0 0; overflow: hidden; height: 0px !important; }
.nav #nav_tab a:hover { background-position: 0 -20px; }
.nav #nav_tab a:active { background-position: 0 -40px; }
.nav #nav_tab a.selected { background-position: 0 -40px; }

.nav #nav_link ul { display: inline; list-style: none;  margin: 0; overflow: hidden;  padding: 0;  width: 100%; }
.nav #nav_link li { background-color: #fff; display: inline; list-style: none; margin: 0;  padding: 0 25px ;  height: 20px;}
.nav #nav_link li>div { width: 120px; }
.nav #nav_link a { color: #333;  padding: 20px 0 0 0; width: 120px;  }
.nav #nav_link a:hover {color: #333;  }
.nav #nav_link a:active { color: #039; }
.nav #nav_link a.selected { color: #f00; }
*/

/*
.nav>#nav_button ul { display: inline; list-style: none;  margin: 0; overflow: hidden;  padding: 0; }
.nav>#nav_button li { background-color: lightgrey; display: inline; list-style: none; margin: 0;  padding: 0px; }
.nav>#nav_button a  { display: inline-block; color: #333;  padding: 0; text-align: center; text-decoration: none; width: 120px;  }
.nav>#nav_button a:hover, a:focus { color: #333; background-color: #fff;  }
.nav>#nav_button a:active { background: url('../images/arrow_up.png') bottom center no-repeat;  background-color: red; }
.nav>#nav_button a.visited { background-color: blue; }
.nav>#nav_button a.selected, a.active { background-color: white; }
*/
/*
.nav #education a { background: url('../images/teaser_education.png') top left no-repeat; }
.nav #govt a	  { background: url('../images/teaser_govt.png') top left no-repeat; }
.nav #work a	  { background: url('../images/teaser_work.png') top left no-repeat; }
.nav #finance a	  { background: url('../images/teaser_finance.png') top left no-repeat; }
.nav #health a	  { background: url('../images/teaser_health.png') top left no-repeat; }
.nav #life	a 	  { background: url('../images/teaser_life.png') top left no-repeat; }
.nav #housing a   { background: url('../images/teaser_housing.png') top left no-repeat; }
.nav #service a	  { background: url('../images/teaser_service.png') top left no-repeat;  }
*/
.polaroid { 
	border: 5px #ccc solid; 
	border-radius: 5px; 
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-box-shadow: 1px 1px 5px #999; 
	-mox-box-shadow: 1px 1px 5px #999; 
}

.page_container { margin: 0 auto; padding: 0; width: 960px; }
.page_content { background-color: #ccc;  margin-top: -5px; width: 100%; }
/*.page_content { background: #ccc; margin: 0; width: 100%; }*/

table#ceo_compensation tr { border-bottom: 1px #999 solid; } 

.theme_date { color: #666; font-size: 10px;}
.theme_explain_font { color: #666; font-size: 10px;}
.theme_updated { color: #090; font-size: 10px; }

.under_construction { margin-top: 0px; padding: 0 0 10px 20px;  }

.whats_hot	  { padding-bottom: 20px; }
.whats_hot h2 { background: url('../images/thumbs_up.jpg') top left no-repeat; color: #f60; line-height: 18px; padding: 0 0 5px 25px; text-transform: capitalize; }
.whats_not 	  { padding-bottom: 20px; }
.whats_not h2 { background: url('../images/thumbs_down.jpg') top left no-repeat; color: #03c; line-height: 18px; padding: 0 0 5px 25px; text-transform: capitalize; }