html {height: 100%;}
body {
  height: 100%;
  margin: 0;
  padding: 0;
  font-size: 11pt;
  font-family: Verdana, sans-serif;
}

a {text-decoration: underline; color: #80a9d7;}
a:hover {text-decoration: none;}

a img {border: 0;}

#page {width: 700px; margin: 0 auto;}
.header {height: 110px; padding: 33px 0 0;}
.content {}
.footer {}

/* Header */
.logo {
  margin: 0;
  color: #303030;
  font-size: 30pt;
  font-weight: normal;
  float: left;
  position: relative;
  left: -3px;
}
.logo a {
  width: 177px; height: 36px;
  background: url('http://panig.ru/panig.png');
  margin: 13px 0 0;
  display: block;
}
.logo span {display: none;}
.nav {margin: 22px 0 0; padding: 0; position: relative; left: 33px; list-style: none;}
.nav li {float: left; margin: 0; padding: 0 13px 0 0;}
.nav a {text-decoration: none; border-bottom: 1px solid; color: #80a9d7; font-size: 12pt;}
.nav a:hover {border: 0;}
.active {
  height: 24px;
  background: #f7f7f7;
  margin: -5px 0 0;
  padding: 5px 11px 0;
  color: #303030;
  font-size: 12pt;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
}

/* Main */
.note {margin: 0 0 20px;}
.title {
  margin: 0 0 3px -1px;
  font-weight: normal;
  color: #303030;
  font-size: 17pt;
  font-family: Arial, sans-serif;
}
.title a {color: #303030; font-size: 17pt; font-family: Arial, sans-serif;}
.message {line-height: 140%;}
.note .comments {
  margin: 8px 0 0;
  color: #303030;
  font-size: 14px;
  font-family: 'Trebuchet MS', Helvetica, sans-serif;
}
.note .comments a {color: #303030;}

.comments-title {margin: 0; font-weight: normal; color: #303030; font-size: 14pt;}
.comments {margin: 10px 0 10px 1px; padding: 0; list-style: none;}
.comment {margin: 0 0 10px; padding: 0 0 10px;}
.comment ul {margin: 0; padding: 0; list-style: none;}
.comment-username {
  background: #f7f7f7;
  padding: 3px 5px 5px;
  color: #303030;
  font-size: 11pt;
  font-weight: bold;
}
.comment-username span {font-size: 7pt; font-weight: normal;}
.comment-message {font-size: 11pt; margin: 2px 0 0; line-height: 140%;}
.comForm {margin: 0 0 5px 5px;}
.cnamefield {
  width: 98%; height: 25px;
  background: url('/f/input-bg.png') repeat-x;
  margin: 0 0 3px; padding: 0 3px;
  color: #303030;
  font-size: 11pt;
  font-family: Verdana;
  font-weight: bold;
  border: 1px solid #d3d3d3;
  outline: none;
}
.messagefield {
  width: 98%; height: 134px;
  max-width: 98%;
  margin: 0 0 3px; padding: 3px; 
  font-size: 11pt; 
  font-family: Verdana;
  line-height: 140%;
  display: block; 
  border: 1px solid #d3d3d3;
  outline: none;
}
.mf_captcha_field {
  width: 40px; height: 23px;
  margin: 0 3px 0 0;
  padding: 0 5px 0; 
  border: 1px solid #d3d3d3; 
  outline: none;
  float: left;
}
.button-submit {width: 80px;}

.b-term {margin: 20px 0 0; padding: 0 0 20px; border-bottom: 1px dashed #f3f3f3;}
.term-title {
  color: #b5b5b5;
  font-size: 18pt;
  font-family: Arial;
  font-style: italic;
  text-shadow: 0 0 1px;
}
.term-title a {text-decoration: none; color: #b5b5b5;}
.term-description {color: #d3d3d3; font-size: 18pt; font-family: Arial; text-shadow: 0 0 1px;}
.term-category {color: #b3b3b3; font-size: 9pt; font-family: Arial;}

.note-img {text-align: center;}
.note-img img {padding: 5px; border: 1px solid #303030;}
.img-text {}
.code {
  background: #f3f3f3;
  margin: 0 0 0 20px;
  padding: 5px;
  font-size: 10pt;
  font-family: Verdana, sans-serif;
  line-height: 140%;
  border-left: 1px solid #e3e3e3;
}
.class {padding: 0 0 0 8px; display: block;}

/* Footer */
.copy {font-size: 10pt; font-family: Verdana; padding: 7px 0;}