BODY { 	margin-left: 0px; margin-top: 0px; margin-right: 0px; margin-bottom: 0px; font-family:Arial, Helvetica, sans-serif;	font-size: 12px;}
H1 {font-size: 28px; color: #7c9400; font-family: Arial, Helvetica, sans-serif; padding: 8px 0 9px 0; margin: 0; font-weight: normal; line-height: 30px }
H2 {font-size: 24px; color: #7c9400; font-family: Arial, Helvetica, sans-serif; padding: 7px 0 10px 0; margin: 0; font-weight: normal; line-height: 27px }
H3, H4 { font-size: 18px; color: #7c9400; font-family: Arial, Helvetica, sans-serif; padding: 10px 0 10px 0; margin: 0; font-weight: normal; line-height: 20px }
A				{ color: #228dd4; text-decoration:underline; }
A:hover			{ color: #57b3f1; text-decoration:none }
IMG, FORM, TD, TABLE		{ border: 0; margin: 0; padding: 0 }
TABLE				{ border-collapse: collapse; width: 100% }
TD				{ vertical-align: top; padding: 0 }
P				{ padding: 0 0 0 0; margin: 0 0 8px 0; line-height: 18px; } 
LI		{ padding: 0 0 4px 0; margin: 0; }
UL 			{ list-style-type: disc }

/* quote inner text */
.quote { color:#666666; font-size:16px; font-weight:bold; padding: 8px 0 8px 48px ;} 

/* file path on top, autor bottom publish */
.workpath {font-size:11px; padding: 6px 0}
.workpath a {color:#666666; text-decoration:underline;}
.workpath a:hover {color:#666666; text-decoration:none}

/* tables on content */
.table {margin:4px 0 16px 0;}
.table th { background:#525867 none repeat scroll 0 0; font-weight:normal; color:#FFF; padding:4px 6px; text-align:left; vertical-align:top; }
.table td { color:#000; padding:4px 6px; text-align:left; vertical-align:top; border-bottom:1px solid #CCC;}

/* attach file on content */
.file_link .file_name {background: url(../img/file_dwn.gif) no-repeat scroll 16px 1px; display:block; padding-left:62px; height:48px; }
.file_alt { color:#999; display:block; padding: 4px 0 0 0; font-size: 11px }


/* block on main page, list */
.block {font-size:11px; color: #222632; padding:12px 0 8px;}
.block a {color:#222632; text-decoration:none;}
.block a:hover {color:#999999; text-decoration:underline;}
.block ul {margin:0; padding:0;}
.block ul li {background: url(../img/uller.gif) no-repeat scroll 0 5px; list-style-image:none; list-style-position:outside; list-style-type:none; margin:0 12px; padding-left:12px; line-height:14px;}

.blockmore {font-size:12px; color:#000000; padding:0 0 18px 26px;}
.blockmore a {color:#228dd4; text-decoration:underline}
.blockmore a:hover {color:#57b3f1; text-decoration:none}

/* block on right, forum-consulting-advertisment  */
.advcon {padding:18px 0 18px 0;}
.blockcon {font-size:11px; color: #222632; padding:10px 0 8px;}
.blockcon a { color:#222632; text-decoration:none;}
.blockcon a:hover {color:#999; text-decoration:underline;}
.blockcon ul {margin:0; padding:0;}
.blockcon ul li { background: url(../img/ullercon.gif) no-repeat scroll 0 5px; list-style-image:none; list-style-position:outside; list-style-type:none; margin:0 12px 0 0; padding-left:15px; line-height:14px; }
.conright { font-size:22px; color:#000000; padding:8px 0 0 0;}
.conright a { color:#228dd4; text-decoration:underline}
.conright a:hover {color:#57b3f1; text-decoration:none}

/* block on inner page */
.blockcategory {font-size:16px; font-weight:bold; color: #222632; padding:8px 0 12px;}
.blockcategory ul {margin:0; padding:0;}
.blockcategory ul li {background: url(../img/ullerb.gif) no-repeat scroll 0 7px; list-style-image:none; list-style-position:outside; list-style-type:none; margin:0 12px 4px 12px; padding-left:12px; padding: 0 14px 6px 14px; line-height:20px;}

/* orange link on top */
.line {margin :4px 20px; text-align: center; color:#333333; font: bold 12px Arial; color: #54AE32; }
.line a {color:#FF7A01; text-decoration: underline; margin: 0 2px;}
.line a:hover {text-decoration: none}


/* div on logo */
.headlogo {	margin:4px 0 0 20px; position:absolute; z-index: 1;}

/* adv on top */
.adv {text-align:right; padding-left:300px; width:600; padding-right:20px; position:relative; margin: 10px 0; height:90px;}
.adv img {border:5px solid #BDBDBD; padding:0px;}

/* div on top animal */
.hdimg {padding: 10px 0 2px 0; }

/* central container & footer */
.contain {margin: 0 20px}
.footer {margin: 40px 20px}

/* green line & head link */
.greendark {margin: 2px 0; padding:1px 10px; background-color:#7c9400; font-size: 18px; color:#FFFFFF; }
.greenmedium {margin: 2px 0; padding:1px 10px; background-color:#91b300; font-size: 18px; color:#FFFFFF; }
.greenlight {margin: 2px 0; padding:1px 10px; background-color:#a0c408; font-size: 18px; color:#FFFFFF; }
.greendark a, .greenmedium a, .greenlight a { color:#FFFFFF; text-decoration:none}

/* search & button style */
.search { width:80%; }
.search input { font-size:12px; padding:2px 10px; width:85%;}
.button { padding:0 0 0 10px ; width:20%; text-align:right }
.button input { background:#ff8100; border-color:#ffb66c #a15100 #6b3600 #ff9c36; border-style:solid; border-width:1px; color:#FFF; font-size:11px; padding: 3px 10px 2px 12px; width: 70px; }

/* news, line, date, letterhead, content */
.darkline { padding:1px 10px; background-color:#525867; font-family:Arial, Helvetica, sans-serif; font-size: 15px; color:#FFFFFF;}
.newsdate {font-size: 11px; color:#000000; padding: 20px 0 0 10px;}
.newshead {font-size:16px; font-weight:bold; color:#000000; padding: 4px 0 4px 10px;}
.newstext {font-size: 12px; line-height: 18px; color:#000000; padding: 0 0 8px 10px;}

.newsdate a,
.newshead a {color:#228dd4; text-decoration:underline;}
.newstext a {color:#000; text-decoration:none;}

.newsdate a:hover,
.newshead a:hover {color:#57b3f1; text-decoration:none;}
.newstext a:hover {color:#999; text-decoration:underline;}

/* footer - link, copyright & neverhood */
.footerline { border-top:6px solid #525867; }

.footerlink { font-size:11px; padding:12px 0 16px 0; color:#000 } 
.footerlink a {color:#228dd4; text-decoration: underline}
.footerlink a:hover {color:#57b3f1; text-decoration:none}

.footercpr, .footercpr a {font-size:11px; color:#000; margin: 6px 0 0px 0;}

.footerlink a {color:#228dd4; text-decoration: underline}
.footerlink a:hover {color:#57b3f1; text-decoration:none}

.footeradv  {font-size: 11px; color:#999999; padding: 20px 0 12px 0;}
.footeradv a {color:#999900; textdecoration:underline;}

/* adv bottom inner page  */
.advcontent {font-size: 11px; color:#333333; margin: 32px 0 12px 0;}



/* -------------- new design elements ------------ */

.lline
{
  width: 242px;
  background: url(lline.png) left center no-repeat;

  font: normal 15px Arial;
  overflow: hidden;
  display: block;
  color: #fff;
}

.ll_big
{
  height: 33px;
  padding: 14px 0 0 0;
  margin: 2px 0;
}

.ll_sm
{
  height: 26px;
  padding: 7px 0 0 0;
  margin: 2px 0;
}

.lline a
{
  color: #fff;
  text-shadow: 1px 1px #849022;
  text-decoration: none;

  width: 220px;
}

.ll_big span
{
  display: block;
  position: relative;
  top: -16px;

  float: left;
  height: 47px;
  width: 47px;
  margin: 0 5px 0 5px;
}

.ll_sm span
{
  display: block;
  position: relative;
  top: -8px;

  float: left;
  height: 34px;
  width: 32px;
  margin: 0 5px 0 5px;

}

.ll_big { background: url(btns.png) -0px 0px; } 
.ll_sm { background: url(btns.png) -0px -7px; } 


 .ll_big span.dogs { background: url(btns.png) -0px -46px; } 
 .ll_big span.cats { background: url(btns.png) -47px -46px; } 
 .ll_big span.birds { background: url(btns.png) -94px -46px; } 
 .ll_big span.aqua { background: url(btns.png) -141px -46px; } 
 .ll_big span.rept { background: url(btns.png) -188px -46px; } 
 .ll_big span.amfib { background: url(btns.png) -235px -46px; } 
 .ll_big span.bezp { background: url(btns.png) -0px -93px; } 
 .ll_big span.wild { background: url(btns.png) -47px -93px; } 
 .ll_big span.horses { background: url(btns.png) -94px -93px; } 
 .ll_big span.mouse { background: url(btns.png) -141px -93px; } 
 .ll_big span.flora { background: url(btns.png) -188px -93px; } 
 .ll_big span.zanim { background: url(btns.png) -235px -93px; } 
 .ll_big span.zoogeografia { background: url(btns.png) -0px -140px; } 
 .ll_big span.faq { background: url(btns.png) -47px -140px; } 
 .ll_big span.book { background: url(btns.png) -94px -140px; } 
 .ll_big span.planet { background: url(btns.png) -141px -140px; } 
 .ll_big span.old { background: url(btns.png) -188px -140px; } 
 .ll_sm span.dogs { background: url(btns.png) -0px -187px; } 
 .ll_sm span.cats { background: url(btns.png) -32px -187px; } 
 .ll_sm span.birds { background: url(btns.png) -64px -187px; } 
 .ll_sm span.aqua { background: url(btns.png) -96px -187px; } 
 .ll_sm span.rept { background: url(btns.png) -128px -187px; } 
 .ll_sm span.amfib { background: url(btns.png) -160px -187px; } 
 .ll_sm span.bezp { background: url(btns.png) -192px -187px; } 
 .ll_sm span.wild { background: url(btns.png) -224px -187px; } 
 .ll_sm span.horses { background: url(btns.png) -256px -187px; } 
 .ll_sm span.mouse { background: url(btns.png) -0px -221px; } 
 .ll_sm span.flora { background: url(btns.png) -32px -221px; } 
 .ll_sm span.zanim { background: url(btns.png) -64px -221px; } 
 .ll_sm span.zoogeografia { background: url(btns.png) -96px -221px; } 
 .ll_sm span.faq { background: url(btns.png) -128px -221px; } 
 .ll_sm span.book { background: url(btns.png) -160px -221px; } 
 .ll_sm span.planet { background: url(btns.png) -192px -221px; } 
 .ll_sm span.old { background: url(btns.png) -224px -221px; }

.clear
{
  clear: both;
}

.main_col_h1
{
  height: 215px;
}

.main_col
{
  width: 33%;
  min-with: 255px;
  overflow: hidden;
  float: left;
}


.darkline { background: url(hline_c.png) top repeat-x; height: 22px; overflow: hidden; }
.darkline .r { background: url(hline2.png) -736px 0; width: 18px; height: 22px; float: right; position: relative; top:-1px; left: 10px; }


.close { float: right; margin: 10px; }

#comments
{
  /*border: 1px solid #ccc;*/
  margin: 0px 10px 20px 10px;

  /*width: 100%;*/
}

#comments .ctrl
{
  margin: 5px 0;
  /*height: 18px;*/
  border-bottom: 1px dotted #ccc;
  /*background: url(gray_1.jpg) repeat-x bottom left;*/
}

#comments .ctrl a
{
  font: normal 11px Arial;
  color: #5E627B;
  margin: 5px 10px 0 0px;
}

#comments .long_line
{
  width: 200px;
}

#comments .long_text
{
  width: 95%;
  width: 350px;
  height: 100px;
}

#comments .err
{
  font: normal 12px Tahoma;
  color: #f00;
  margin: 0 0 0 10px;
}

#comments .article_comment
{
  margin-top: 10px;
  margin-bottom: 10px;
}

#comments .lpad
{
  margin: 0 0 0 20px;
}

#comments .article_comment .author,
#comments .article_comment .author a
{
  font: bold 11px Tahoma;
  color: 0;
}

#comments .article_comment .timestamp
{
  font: bold 11px Tahoma;
  color: #666;
  display: inline;
}

#comments .article_comment .text
{
  font: normal 12px Tahoma;
  text-align: justify;
}

#comments .article_comment .answer
{
  font: normal 12px Tahoma;
  text-align: justify;

  color: #2B5A13;
  background: #DDF0D3;
  padding: 5px 10px;
  margin: 5px 0 0 0;
}

#comments .edit_comment_form
{
  *width: 90%;
  padding: 0;
  margin: 10px 0 10px 0;
  border: 1px solid #ccc;
}

#comments .edit_comment_form table
{
  margin: 10px;
}
#comments .edit_comment_form table td
{
  padding: 2px 0 2px 0;
  text-align: left;
}

#comments .edit_comment_form .form_title
{
  width: 140px;
  font: normal 12px Arial;
}

/* ------------------- */

.read_more
{

}

.read_more a
{
  display: block;
  margin: 0 0 10px 0;
  font: normal 12px Arial;
  overflow: hidden;
}

.read_more img
{
  float: left;
  margin: 0 10px 10px 0;
}