
@charset "UTF-8";
/**
 * "Yet Another Multicolumn Layout" - (X)HTML/CSS Framework
 *
 * (en) Variation of screen layout (basemod.css) for layout example "flexible_grids"
 * (de) Variation des Screenlayouts (basemod.css) fr Layoutbeispiel "flexible_grids"
 *
 * @copyright       Copyright 2007, Sven Kausche
 * @license         CC-A 2.0 (http://creativecommons.org/licenses/by/2.0/),
 *                  YAML-C (http://www.yaml.de/en/license/license-conditions.html)
 * @link            http://www.yaml.de
 * @package         yaml
 * @version         3.0.4
 * @revision        $Revision: 01 $
 * @lastmodified    $Date: 2007-07-06 21:44:55 +0200 (Fr, 06 Jul 2007) $
 */
/*@media screen
{*/
#articlebody h1 {
    margin-bottom: 15px;
color: #0091B9;
}
#article_tools {
height: 25px;
text-transform: uppercase;
font-size: 90%;
}
#article_tools span {
margin-right: 15px;
float: left;
}
#article_tools span#article_rate {
margin-right: 0;
}
#article_tools a {
color: #333333;
}
#article_tools img {
vertical-align: middle;
margin-right: 3px;
margin-bottom: 2px;
}
/* -------------------------------------------------------------- */
/* Rating stars CSS */
/* -------------------------------------------------------------- */
/* the default rating is placed as a background image in the ul */
/* use the background position according to the table above to display the required images*/
.ratingstars{
width: 60px;
height: 12px;
margin: 1px 0 0 5px;
padding: 0;
list-style: none;
position: relative;
background: url(../../images/star_matrix.gif) no-repeat 0 0;
float: left;
}
/* add these classes to the ul to effect the change to the correct number of stars */
.nostar {background-position:0 0}
.onestar {background-position:0 -12px}
.twostar {background-position:0 -24px}
.threestar {background-position:0 -36px}
.fourstar {background-position:0 -48px}
.fivestar {background-position:0 -60px}
ul.ratingstars li {
cursor: pointer;
/*ie5 mac doesn't like it if the list is floated\*/
float:left;
/* end hide*/
text-indent:-999em;
}
ul.ratingstars li a {
position: absolute;
left: 0;
top: 0;
width: 12px;
height: 12px;
text-decoration: none;
z-index: 200;
}
ul.ratingstars li.one a {left:0}
ul.ratingstars li.two a {left:12px;}
ul.ratingstars li.three a {left:24px;}
ul.ratingstars li.four a {left:36px;}
ul.ratingstars li.five a {left:48px;}
ul.ratingstars li a:hover {
z-index: 2;
width: 60px;
height: 12px;
overflow: hidden;
left: 0;
background: url(../../images/star_matrix.gif) no-repeat 0 0
}
ul.ratingstars li.one a:hover {background-position:0 -72px;}
ul.ratingstars li.two a:hover {background-position:0 -84px;}
ul.ratingstars li.three a:hover {background-position:0 -96px}
ul.ratingstars li.four a:hover {background-position:0 -108px}
ul.ratingstars li.five a:hover {background-position:0 -120px}
/* end rating code */
#photo_article_caption {
margin: 5px 0 0 0;
color: #333333;
font-size: 90%;
}
#articlemeta {
    font-size: 80%;
    font-weight: bold;
    color: #999999;
    margin: 15px 0 10px 0;
}
#article_summmary {
background: #EDEDED;
padding: 6px 8px;
}
#article_summmary ul {
margin: 0;
padding: 0;
font-size: 90%;
}
#article_text {
margin: 15px 0 0 0;
color: #000000;
font-family: "Trebuchet MS", Helvetica, sans-serif;
font-size: 140%;
margin-bottom: 20px;
}
#article_text p {
 padding: 0;
 margin: 0 0 20px 0;
}
#article_related_news {
 float: left;
 border-right: #eeeeee 1px solid;
 padding:  5px 5px 0px 5px;
 margin: 24px 10px 10px 0;
}
#photo_embed {
margin-bottom: 5px;
border: 0;
}
#photo_embed_caption {
font-size: 90%;
margin-bottom: 15px;
}
#article_related ul {
font-size: 90%;
}
#article_pages {
font-family: Arial, Helvetica, sans-serif;
text-align: right;
padding-right: 15px;
}
.pagenr {
margin: 0 5px;
color: #000000;
font-size: 85%;
}
.pagenr_current {
font-weight: bold;
background-color: #454545;
padding-top: 1px;
padding-left: 2px;
padding-right: 2px; 
margin: 0 5px;
color: #ffffff;
font-size: 85%;
}
#article_pages span {
color: #CCCCCC;
}
#comments_list {
border-left: 1px solid #DADADA;
}
#comments_list ol {
list-style: none;
margin: 0;
padding: 0;
}
#comments_list ol li {
padding: 8px 0;
border-bottom: 1px solid #DADADA;
}
.commentmeta {
    font-size: 80%;
    font-weight: bold;
    color: #999999;
    margin: 0 0 5px 0;
}

.commentbody {
font-family: "Times New Roman", Times, serif;
font-size: 140%;
    color: #333333;
margin: 0;
line-height: 1.4em;
}

#commentall {
margin: 5px 0;
text-align: right;
}
#commentall a {
color: #333333;
}
#polltab {
border-bottom: 1px solid #C8C8C8;
margin-bottom: 10px;
}
#dropshare {
position: absolute;
border: 1px solid;
z-index: 1000;
background-color: #ffffff;
padding: 6px;
display: none;
margin-top: 20px;
}
#dropemail {
position: absolute;
left: 236px;
border: 1px solid;
z-index: 1000;
background-color: #ffffff;
padding: 6px;
display: none;
font-variant: normal;
margin-top: -292px;
}
#dropauthor {
position: absolute;
left: 135px;
border: 1px solid;
z-index: 1000;
background-color: #ffffff;
padding: 6px;
display: none;
//line-height: 2em;
font-variant: normal;
vertical-align: top;
margin-top: 30px;
}
wide_google_ads{
background-color: #ededed;
padding: 15px;
}
.rss_footer img{
//background: #fb7200;
//padding-top: 5px;
vertical-align: text-top;
}
.obits_left {
float:left;
margin-right: 10px;
border: 3px solid;
}
#gainlose {
margin-left: 10px;
}

/*}*/