/* CSS Document */


	A 		{ color: #000000; text-decoration: none; font-weight:bold; } 
	A:link		{ color: #000000; text-decoration: none; } 
	A:visited	{ color: #000000; text-decoration: none; } 
	A:active	{ color: #eeeeee;  } 
	A:hover		{ color: #999999;  }
	
.weblog_title	{ 
		font-family: Verdana, Arial, Helvetica, Sans-Serif;
		font-size:30px; 
		}
		
a.weblog_title:link {color: white; }
a.weblog_title:visited {color: white; }
a.weblog_title:hover {color: white; }
a.weblog_title:active {color: white; }	

body, html { 
		margin:0; 
		background-color: #333333; 
		height: 100%; 
		}

td.whiter { 
		background-color: #ffffff; 
		} 
		
td.blacker { 
		background-color: #000000; 
		} 

td.headline, .title { 
		font-family: Verdana, Arial, Helvetica, sans-serif; 
		font-size: 12px; 
		color: #000000; 
		font-weight: bold; 
		}

td.rightheadline {
		font-family: Verdana, Arial, Helvetica, sans-serif; 
		font-size: 12px;
		font-weight: bold; color: #666666; 
		background-color: #cccccc; 
		}
		
td.footer { 
		background-color: #ffffff; 
		font-family: Verdana, Arial, Helvetica, sans-serif; 
		font-size: 9px; 
		color: #999999; 
		padding-top: 5px; 
		padding-left: 5px; 
		} 

a.td.footer:link { 
		background-color: #ffffff; 
		font-family: Verdana, Arial, Helvetica, sans-serif; 
		font-size: 9px; 
		font-weight: normal;
		color: #eeeeee; 
		padding-top: 5px; 
		padding-left: 5px; 
		} 

a.td.footer:visited { 
		background-color: #ffffff; 
		font-family: Verdana, Arial, Helvetica, sans-serif; 
		font-size: 9px; 
		font-weight: normal;
		color: #eeeeee; 
		padding-top: 5px; 
		padding-left: 5px; 
		}

a.td.footer:active { 
		background-color: #ffffff; 
		font-family: Verdana, Arial, Helvetica, sans-serif; 
		font-size: 9px; 
		font-weight: normal;
		color: #eeeeee; 
		padding-top: 5px; 
		padding-left: 5px; 
		}

a.td.footer:hover { 
		background-color: #ffffff; 
		font-family: Verdana, Arial, Helvetica, sans-serif; 
		font-size: 9px; 
		font-weight: normal;
		color: #ff0000; 
		padding-top: 5px; 
		padding-left: 5px; 
		} 

td.menuheader {
		background-image: url(../../../img/h3.jpg); 
		background-color: #ffffff; 
		background-repeat: no-repeat; 
		background-position: left bottom; 
		}

td.content { 
		background-color: #cccccc; 
		font-family: Verdana, Arial, Helvetica, sans-serif; 
		font-size: 9px; 
		color: #000000; 
		padding-top: 10px; 
		padding-left: 5px; 
		}

td.contentright { 
		background-image: url(../../../img/b2.gif); 
		background-repeat : repeat-y;
		background-position: left top; 
		background-color: #ffffff; 
		} 

td.teaserline { 
		font-family: Verdana, Arial, Helvetica, sans-serif; 
		font-size: 9px; 
		font-color: #000000; 
		} 
		
.teaserline, td.contentline { 
		font-family: Verdana, Arial, Helvetica, sans-serif; 
		font-size: 9px; 
		font-color: #000000; 
		} 

td.righttext { 
		font-family: Verdana, Arial, Helvetica, sans-serif; 
		font-size: 9px; 
		color: #000000; 
		background-color: #cccccc; 
		} 
	
.text	{ 
		font-family: Verdana, Arial, Helvetica, sans-serif; 
		font-size: 9px; 
		color: #000000;
		line-height:12px;
		text-align:justify; 
		}
		
.title000	{ 
		font-family: verdana, arial; 
		font-size:10px;
		font-weight:bold; 
		color: #666666;
		}
		
.menu	{ 
		font-family: verdana, arial;
		font-size:10px; 
		color: #666666;
		line-height:18px;
		}		
				
.comments_title	{ 
		font-family: georgia, times, verdana; 
		font-size:12px;
		font-weight:bold; 
		color: #664433;
		text-transform:uppercase; 
		}
		
/* image shadow */		
		
.img-shadow {
  float:left;
  background: url(../images/shadowalpha.png) no-repeat bottom right !important;
  background: url(../images/shadow.gif) no-repeat bottom right;
  margin: 10px 0 0 10px !important;
  margin: 10px 0 0 5px;
  }

.img-shadow img {
  display: block;
  position: relative;
  background-color: #fff;
  border: 1px solid #a9a9a9;
  margin: -6px 6px 6px -6px;
  padding: 4px;
 } 		
		
/* error text */		
		
.good	{ 
		font-family: verdana, arial;
		font-size:10px; 
		color: #999999;
		line-height:18px;
		text-align:justify; 
		}		
		
.bad 	{ 
		font-family: verdana, arial;
		font-size:10px; 
		color: #ff0000;
		line-height:18px;
		text-align:justify; 
		}				
		
img.thumbnail-left, img.thumbnail-right { border-left:2px solid #222;
                                         border-top:2px solid #222;
                                         border-bottom:2px solid #666;
                                         border-right:2px solid #666; }

a.info{
    position:relative; /*this is the key*/
    z-index:24; background-color:#ccc;
    color:#000;
    text-decoration:none}

a.info:hover{z-index:25; background-color:#ff0}

a.info span{display: none}

a.info:hover span{ /*the span will display just on :hover state*/
    display:block;
    position:absolute;
    top:2em; left:2em; width:15em;
    border:1px solid #0cf;
    background-color:#cff; color:#000;
    text-align: center}