* {
  margin: 0;
  padding: 0; 
}

hr {
  display: none;
}

a {
  text-decoration: underline;
  font-weight: bold;
  color: #002d56;
}

a:hover {
  text-decoration: none;
}

#accessibility {
  position: absolute;
  left: -100em;
}

html, body {
  height: 100%;
}

body {
  text-align: center;
  font: 80%/1.4 Tahoma, Arial, sans-serif;  
}

#header-area {
  height: 203px;
  overflow: hidden;
  background: url('../images/header-bg.gif');  
}

#header {
  width: 750px;
  margin: 0 auto;
  text-align: left;
  border: 3px solid white;
  margin-top: 35px;
  background: #bfe1ff url('../images/header-dec.jpg') top right no-repeat;
  height: 165px;
  position: relative;
}

#header a:hover, #footer a:hover {
  color: #c00;
}

h1, h1 span, h1 a {
  position: absolute;
  top: 0;
  left: 0;
  height: 87px;
  width: 427px;
  overflow: hidden;  
}

h1 {
  top: 34px;
}

h1 span {
  background: url('../images/logo.jpg') top left no-repeat;
  cursor: pointer;
}

#pruh {
  position: absolute;
  top: 90px;
  left: 188px;  
  border-top: 1px solid white;
  height: 30px;
  line-height: 30px;
  width: 562px;
  background: #80c2ff;  
}

#header-rss {
  float: right;
  height: 30px;
  margin-right: 12px;
  padding-left: 20px;
  background: url('../images/header-rss.gif') left center no-repeat;
}

#header menu {
  position: absolute;
  top: 120px;
  left: 0;
  width: 564px;
  height: 45px;
  background: url('../images/menu.gif') top left no-repeat;
  padding-left: 186px;
  list-style: none;
}

#header menu li {
  float: left;  
  margin: 1px 0 0 1px;  
  background: #444;  
}

#header menu li a, #header menu li a span {
  display: block;
  height: 44px;
  width: 140px;
  text-indent: 10px;
  color: white;
  line-height: 44px;
  overflow: hidden;
  position: relative;
}

#header menu li a span {
  cursor: pointer;
  position: absolute;
  top: 0;
  left: 0;
}

#menu_mainpage span {
  background: url('../images/menu_mainpage.jpg') 0 0 no-repeat;
}

#menu_discussion span {
  background: url('../images/menu_discussion.jpg') 0 0 no-repeat;
}

#menu_articles span {
  background: url('../images/menu_articles.jpg') 0 0 no-repeat;
}

#menu_form span {
  background: url('../images/menu_form.jpg') 0 0 no-repeat;
}

#header menu a:hover span, #header menu li.actual span {
  background-position: 0 -44px; 
}


#page {
  width: 750px;
  margin: 0 auto;
  text-align: left;  
  padding-bottom: 60px;
}

#side {
  width: 186px;
}

#content {
  float: right;
  width: 550px;  
}

#side h2 {
  height: 38px;
  color: white;
  line-height: 38px;
  font-weight: bold;
  font-size: 110%;  
  text-indent: 47px;
  margin-top: 7px;
}

#side-newarticles h2 {
  background: #ff871f url('../images/side-newarticles.gif') top left no-repeat;
}

#side-categories h2 {
  background: #ff871f url('../images/side-categories.gif') top left no-repeat;
}

#side-newdiscuss h2 {
  background: #ff871f url('../images/side-newdiscuss.gif') top left no-repeat;
  margin-top: 12px;
}

#side-tags h2 {
  background: #ff871f url('../images/side-tags.gif') top left no-repeat;
  margin-top: 12px;
}

#side-email, #side-login {
  background: #cae2f8;
  color: #1e5b94;   
  border-bottom: 1px solid #4989c4;
}

#side-email form, #side-login form {
  padding: 8px 8px 12px 8px;
}

#side-email #email {
  border: 1px solid #4e8fcb;
  padding: 1px;
  width: 135px;
}

#side-email #newsletterSub {
  background: #4e8fcb;
  color: white;
  border: none;
}

#side-email h2, #side-login h2 {
  background: #4e8fcb url('../images/side-email.gif') top left no-repeat;
  border-bottom: 1px solid white;
  margin-top: 12px;  
}

#side-login h2 {
  background-image: url('../images/side-login.gif');
}

#side ul li {
  list-style: none;
}

#side ul li a {
  display: block;    
  background: #dfeefb url('../images/bullet.gif') 10px 14px no-repeat;
  margin-top: 1px;
  border-bottom: 1px solid #92b8dc;
  padding: 6px 7px;
  color: #1e5b94;
  font-weight: normal;    
  padding-left: 20px;
  text-decoration: none;
}

#side ul li a:hover {
  color: white;
  background: #2f689d;
}

#content {
  margin: 12px 0;
}

#content h2, #content h3 {
  font: 180% Georgia, "Palatino Linotype", serif;
  margin-bottom: 8px;
}

#content h3 {
  font-size: 140%;
}

#content p {
  margin: 12px 0;
}

#content ul {
  list-style: square outside;
  margin: 12px 8px 12px 35px;
}

#footer {
  width: 730px;
  border: 3px solid white;
  border-top-width: 0px;
  padding: 5px 10px;
  margin: 0 auto;
  background: #dfeefb;  
}

#footer-area {  
  background: url('../images/header-bg.gif');
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 50px;
}

#breadcrumb, #prevnext {
  background: #eee;
  margin: -6px 0 12px 0;
  padding: 5px;
}

#prevnext_prev {
  float: left;
}

#prevnext_next {
  float: right;
}

#prevnext {
  margin: 12px 0;
}

.clear {
  font-size: 0;
  height: 0;
  clear: both;
}

#wrap {
  height: auto;
  min-height: 100%;
  position: relative;  
}

.formStyle label {
  display: block;
  padding-bottom: 2px;
}

.formStyle .textForm {
  border: 1px solid #4e8fcb;
  padding: 1px;
  width: 157px;
  margin-bottom: 5px;
}

table.forums, table.forumsmb {
  width: 100%;
}

table.forums, table.forumsmb {
  background: #dfeefb;
}

table.forums .caption4, table.forumsmb .caption4, .caption2 {
  background: #4e8fcb;
  color: white;
  padding: 5px;  
}

.caption2 a {
  color: white;
}

.tbCel2 {
  background: #f2f8fd;
}

.tbCel1 td, .tbCel2 td {
  padding: 5px;
}

#comments {
  background: #ffecc3;
  border: 1px solid #ff871f;
  padding: 10px;
  margin: 10px 0;
}
