body {background: #666;}
#shadows {margin: auto; text-align: left; width: 59.23em; /* non-IE*/ *width: 57.80em; /* IE */ min-width: 770px; background: url("http://www.autoobserver.com/media/bkg_shadows.gif") top left repeat-y;}
#doc {background: #fff;}
/* ----- Y!UI elements ---------------------------------------------------- */
#bd {padding-top: 20px;}
/* ----- General elements ------------------------------------------------- */
form {margin: 0px; padding: 0px;}
form select {font-size: 100%;}
strong {font-weight: bold;}
em {font-style: italic;}
/* ----- header ----------------------------------------------------------- */
#hd h1, #hd p#sitename {width: 751px; height: 96px; margin: 0px; padding: 0px; position: relative;}
#hd h1 span, #hd p#sitename span {background: url("http://www.autoobserver.com/media/header_AO_2.gif") top left no-repeat; position: absolute; width: 100%; height: 100%;}
	
#nav {height: 30px; padding-right: 10px; padding-left: 20px; background: #4d738a; font-family: verdana, sans-serif; font-size: 77%; color: #fff; border-top: 1px solid #000; border-bottom: 1px solid #000;}
#nav a {text-decoration: none;}
#nav a:link {color: #fff;} #nav a:visited {color: #fff;} #nav a:hover {color: #acc5d4;}
#nav p {margin-top: 8px; float: left;}
#nav p#networklinks {float: right;}
#nav p a {font-weight: bold;}
#nav p#networklinks a {font-weight: normal;}
/* ----- Body ------------------------------------------------------------- */
#yui-main {background: #fff;}
/* ----- right-side: entries */
#col1 {padding: 0px; background: transparent;}
#col1 a:link {color: #4d738a;} #col1 a:visited {color: #4d738a;} #col1 a:hover {color: #d0621d;}
p.archivenav {margin-bottom: 10px; margin-left: 10px; font-family: verdana, sans-serif; font-size: 77%;}
div.entry {margin: 0px 10px 28px; padding: 0px; background: #fff;}
div.entry p {margin-bottom: 15px;}
/* ----- featured entry */
p#featured-title {width: 541px; margin-right: 0px; margin-bottom: 2px; margin-left: 10px; padding: 4px 4px 4px 10px; font-family: verdana, sans-serif; font-size: 77%; font-weight: bold; background: #4d738a; color: #fff;}
div.featured {width: 535px; margin-right: 10px; margin-bottom: 28px; padding: 10px; _padding: 10px 10px 0px; background: #efefef;}
div.featured img {margin: 0px 0px 10px 10px;}
div.featured p.entrymore {margin-bottom: 0px;}
/* ----- all entries */
span.entryDate {display: block; margin: 0; padding: 0; font-family: verdana, sans-serif; font-size: 10px; font-weight: normal;}
p.entrydate {margin-right: 10px; margin-bottom: 10px; margin-left: 10px; padding-bottom: 2px; font-family: verdana, sans-serif; font-size: 92%; font-weight: bold; letter-spacing: 1px; border-bottom: 1px solid #000;}
div.entry p.entrydate {margin-bottom: 10px; margin-left: 0px; padding-bottom: 2px; font-family: verdana, sans-serif; font-size: 92%; font-weight: bold; letter-spacing: 1px; border-bottom: 1px solid #000;}
div.entry p.entrytitle, div.entry h1, dt.entrytitle {margin: 0px 0px 10px; font-size: 136%; line-height: 1em; font-weight: bold;color: #991d1e;}
#col1 div.entry p.entrytitle a, dt.entrytitle a {text-decoration: none;}
#col1 div.entry p.entrytitle a:link, dt.entrytitle a:link {color: #991d1e;}
#col1 div.entry p.entrytitle a:visited, dt.entrytitle a:visited {color: #991d1e;}
#col1 div.entry p.entrytitle a:hover, dt.entrytitle a:hover {color: #d0621d;}
div.entry p.entrymore, div.entry p.entrypost {font-family: verdana, sans-serif; font-size: 77%;}
div.entry p.entrymore {margin-bottom: 14px;}
p.entry-footer-tags {margin: -5px 0px 0px 0px; font-family: verdana, sans-serif; font-size: 77%;}
div.entry p img {margin-top: 10px;}
p.entrypost {display: block; clear: both; float: none;}
/* ----- Comments */
#comments {margin: 0px 10px;}
#comments p {font-family: verdana, sans-serif; font-size: 77%;}
#comments p.section {height: 19px; margin: 0px 0px 7px; padding: 5px 0px 0px 10px; background: #991d1e; color: #fff; font-family: verdana, sans-serif; font-size: 77%;font-weight: bold;}
div.commented {padding-top: 19px;}
div.commented p {margin-bottom: 15px;}
/* ----- Comment form */
#comments form {margin: 15px 0px 0px; padding: 0px;}
#comments form p {margin-bottom: 5px;}
#comments form p input.commentinfo {width: 275px; height: 20px; border: 1px solid #969696; font-family: verdana, sans-serif;}
#comments form textarea {width: 540px; height: 85px; border: 1px solid #969696; font-family: verdana, sans-serif;}
#comments form input.commentpush {font-family: verdana, sans-serif; font-family: verdana, sans-serif;}
#comments form input.check {width: auto; height: auto; border: none;}
/* ----- archives */
#archive h1, #archive p.entrytitle {margin-bottom: 13px;}
#archive ul {margin-top: 0px; margin-bottom: 15px;}
#archive ul li {margin-bottom: 4px;}
/* ----- left-side column */
#col2 {padding-right: 10px; padding-left: 10px;}
#col2 p, #col2 div p, #col2 div ul {font-family: verdana, sans-serif; font-size: 77%;}
#col2 a:link {color: #991d1e;} #col2 a:visited {color: #991d1e;} #col2 a:hover {color: #d0621d;}
#col2 div {width: 160px; margin-bottom: 10px; padding-bottom: 5px; background: url("http://www.autoobserver.com/media/bkg_leftBoxes.gif") bottom center no-repeat;}
#col2 p.rss { margin: 10px 0; }
#col2 div p {width: 140px; padding: 10px;}
#col2 div ul {margin-left: 10px;}
#col2 div ul li {margin-bottom: 5px;}
#col2 p.section {width: 155px; height: 18px; margin: 0px; padding: 2px 0px 0px 5px; background: url("http://www.autoobserver.com/media/header_leftBoxes.gif") top left no-repeat; color: #fff; font-weight: bold;}
#col2 p.section a {text-decoration: none;}
#col2 p.section a:link {color: #fff;} #col2 p.section a:visited {color: #fff;} #col2 p.section a:hover {color: #fff;}
#col2 select {width: 140px; margin-top: 10px; margin-bottom: 10px; margin-left: 10px; font-family: verdana, sans-serif; font-size: 77%;}
/* ----- search-specific */
#col2 #search form { padding: 10px; }
#col2 #search form input.text { font: 77% verdana, sans-serif; *height: 15px; width: 95px; }
#col2 #search form input.submit { font: 77% verdana, sans-serif; margin-left: 5px; }
/* ----- about-specific */
#col2 #about p {margin: 0px 0px 5px; padding-top: 0px; padding-bottom: 0px; /*margin-bottom: 5px;*/}
#col2 #about p.section {padding-top: 2px;}
#col2 #about p#top {padding-top: 10px;}
#about dl.aboutPhoto { width: 555px; margin: 0 0 10px 0; }
#about dl.aboutPhoto:after {
content: "."; 
display: block; 
height: 0; 
clear: both; 
visibility: hidden;
}
#about dl.aboutPhoto dt { clear: left; display: block; padding: 15px 0 0 0;}
#about dl.aboutPhoto dd { margin: 0; }
#about dl.aboutPhoto dd.photo { float: left; margin: 0 10px 0 0;} 
dl.aboutPhoto dd.photo {margin: 0 0 11px 8px; float:right;} /* adoherty */
/* Auto Observer About Page START */
div.entry p img.observer-about {margin-top:0px; margin-right:5px;}
div.entry p img.observer-about-large {margin-top:0px; margin-left:5px;}
/* Auto Observer About Page END */
/* ----- IL-specific since it's just graphics */
#col2 #insideline {height: 90px; padding-bottom: 0px;}
#col2 #insideline p {margin: 0px; padding: 0px;}
#col2 #insideline p.section {width: 160px; height: 18px; margin: 0px; padding: 0px; position: relative;}
#col2 #insideline p.section span {background: url("http://www.autoobserver.com/media/header_leftIL_2.gif") top left no-repeat; position: absolute; width: 100%; height: 100%;}
#col2 #insideline a {margin: 0px; padding: 0px;}
#col2 #insideline a img {margin: 1px 0px 0px 1px; padding: 0px;}
/* ----- Charts ---------------------------------------------------------- */
table.chart {border: 1px solid #000;}
table.chart tr th, table.chart tr td {padding: 5px; font-family: verdana, sans-serif; font-size: 10px;}
table.chart tr th {background: #4d738a; color: #fff; font-weight: bold; text-align: center;} table.chart tr th span {font-weight: normal;}
table.chart th.chartTitle {padding: 8px 5px; background: #023245; color: #fff;}
table.chart tr.alt td {background: #b9c9d3;}
table.chart tr th.divided, table.chart tr td.divided {border-right: 1px solid #000;}
table.chart tr th.firstLevel, table.chart tr td.firstLevel {border-bottom: 1px solid #000;}
table.chart tr td.sumDifference {color: #f00;}
table.chart tr td.negative { font-weight: bold; color: #f00; }
.chartNote { font-family: verdana, sans-serif; font-size: 10px; }
p.chartNote { padding-top: 0; margin-top: 0;}
/* ----- Photos ----------------------------------------------------------- */
img.photoLeft { margin: 0 10px 0 0; }
img.photoRight { margin: 0 0 0 10px; }
/* ----- Footer ----------------------------------------------------------- */
#ft {margin: auto; padding-top: 25px; padding-bottom: 45px; width: 770px; background: url("http://www.autoobserver.com/media/bkg_shadowsFoot.gif") top left no-repeat; display: block; text-align: center; font-family: verdana, sans-serif; font-size: 77%; color: #fff;}
#ft p {text-align: center;}
#ft a:link {color: #fff;} #ft a:visited {color: #fff;} #ft a:hover {color: #fff;}
/* ----- Clearfix */
.clearfix:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;} 
/* Hides from IE-mac \*/ 
* html .clearfix {height: 1%;} 
/* End hide from IE-mac */