/***************************************************************************
* General Settings
***************************************************************************/

* {
  margin: 0px;
  padding: 0px;
}

body {
  background-color: #fff;
  color: #000;
  font: 12px Verdana;
}

.clearAfter:after {
  clear: both;
  content: ".";
  display: block;
  height: 0;
  visibility: hidden;
}

/* Holly Hack Targets IE Win only \*/
* html .clearAfter {height: 1%;}
/* End Holly Hack */

#headerContainer {
  background: url(../images/up.jpg) repeat-x top left;
  height: 171px;
}

#mainContainer {
  background: #fff;
}

#footerContainer {
  background: url(../images/bot.jpg) repeat-x bottom left;
  height: 163px;
}

a {
  color: #000;
  text-decoration: none;
}

a:hover {
  color: #900;
  text-decoration: underline;
}

h2 {
  font-size: 14px;
}


/***************************************************************************
* Header
***************************************************************************/

#header {
  margin: 0 auto;
  width: 944px;
}

#headerBg1 {
  background: url(../images/headerBg1.jpg) no-repeat;
  float: left;
  height: 171px;
  width: 151px;
}

#headerBg2 {
  background: url(../images/headerBg2.jpg) no-repeat;
  float: left;
  height: 171px;
  width: 157px;
}

#headerBg3 {
  background: url(../images/headerBg3.jpg) no-repeat;
  float: left;
  height: 171px;
  width: 145px;
}

#headerCoop {
  float: left;
  height: 171px;
  width: 351px;
}


#headerBg4 {
  background: url(../images/headerBg4.jpg) no-repeat;
  font-size: 10px;
  height: 76px;
  padding: 10px 5px 0 0;
  text-align: right;
  width: 346px;
}

#headerBg5 {
  float: left;
  height: 85px;
  width: 177px;
}

#headerBg6 {
  background: url(../images/headerBg7.jpg) no-repeat;
  float: left;
  height: 85px;
  width: 174px;
}

#headerBg7 {
  background: url(../images/headerBg5.jpg) no-repeat;
  float: left;
  height: 171px;
  width: 140px;
}

/***************************************************************************
* Main
***************************************************************************/

#mainContainer {
  margin: 0 auto;
  width: 944px;
}

.newsstory div img {
  max-width: 450px;
}


#mainContainer ul {
  list-style: none;
}

/* Sidebar
************************************/

#sidebar {
  float: left;
  margin-top: 10px;
  width: 312px;
}

#sidebar .leftColBlock {
  background: url(../images/leftCol_blockBg.jpg) top left repeat-y;
  min-height: 50px;
  width: 312px;
}

#sidebar .leftColTopCat {
  background: url(../images/leftCol_catTop.jpg) top left no-repeat;
  height: 60px;
  width: 312px;
}

#sidebar .leftColTopBody {
  padding: 5px 10px;
  width: 292px;
}

#sidebar .leftColTopBottom {
  background: url(../images/leftCol_blockBottom.jpg) bottom left no-repeat;
  height: 10px;
  padding-bottom: 10px;
  width: 312px;
}

#sidebar .leftColTopLog {
  background: url(../images/leftCol_logTop.jpg) top left no-repeat;
  height: 60px;
  width: 312px;
}

#sidebar .leftColTopFriends {
  background: url(../images/leftCol_FriendsTop.jpg) top left no-repeat;
  height: 60px;
  width: 312px;
}

#sidebar .leftColTopNews {
  background: url(../images/leftCol_newstTop.jpg) top left no-repeat;
  height: 60px;
  width: 312px;
}

#sidebar .leftColTopAdv {
  background: url(../images/leftCol_advTop.jpg) top left no-repeat;
  height: 60px;
  width: 312px;
}

#sidebar .leftColTopTags {
  background: url(../images/leftCol_tagsTop.jpg) top left no-repeat;
  height: 60px;
  width: 312px;
}

#sidebar .leftColTopSearch {
  background: url(../images/leftCol_searchTop.jpg) top left no-repeat;
  height: 60px;
  width: 312px;
}

#sidebar .leftColTopStats {
  background: url(../images/leftCol_statsTop.jpg) top left no-repeat;
  height: 60px;
  width: 312px;
}

#sidebar .leftColBlock ul li a {
  font-size: 16px;
  padding-left: 5px;
}

/* Search
************************************/

input.srchinp {
  background: #fffbef;
  border: 1px solid #c70707;
  height: 16px;
  margin-left: 10px;
  padding: 2px;
  width: 150px;
}

input.srchButton {
  background: url(../images/srchButton.jpg) top left no-repeat;
  border: none;
  height: 20px;
  width: 82px;
}

/* Login
************************************/

input.l_field {
  background: #fffbef;
  border: 1px solid #c70707;
  height: 16px;
  margin-left: 10px;
  padding: 2px;
  width: 150px;
}

.links {
  padding: 10px 0 0 10px;
}


/* Content
************************************/

#content {
  background: url(../images/contentBg.jpg) top left repeat-y;
  float: left;
  min-height: 150px;
  width: 632px;
}

#content img {
  border: none;
}

#contentTop {
  background: url(../images/contentTopLine.jpg) top left no-repeat;
  height: 60px;
  width: 632px;
}

#contentBody {
  padding: 5px 10px;
  width: 612px;
}

#contentBottom {
  background: url(../images/contentBottom.jpg) bottom left no-repeat;
  height: 15px;
  padding-bottom: 10px;
  width: 632px;
}

/* Short Story
************************************/

#content .shortStory {
  border-bottom: 2px dotted #900;
  padding: 5px 0;
  margin-bottom: 10px;
}

.shortStoryTitle h2 {
  background: none;
  font: normal 14px Verdana, sans-serif;
  padding: 2px 2px 2px 0;
}

.shortStoryTitle h2 a {
  border: none;
  color: #000;
  text-decoration: none;
}

.shortStoryTitle h2 a:hover {
  color: #900;
}

.shortStoryAudate {
  border-bottom: 1px dotted #333024;
  padding-bottom: 5px;
}

.shortStoryTags {
  border-bottom: 1px dotted #333024;
  border-top: 1px dotted #333024;
  font-size: 11px;
  padding: 5px 0;
}

.shortStoryTags img {
  height: 14px;
  width: 37px;
}

.readmore {
  color: #900;
  font-size: 11px;
  line-height: normal;
  margin: 0;
  padding: 10px 0 0 0;
  text-align: right;
}

/*
.advContent {
  background: url(../images/contentBg.jpg) top left repeat-y;
  min-height: 100px;
  margin: 10px 0;
  padding-left: -10px;
  width: 632px;
}

.advContentTop {
  background: url(../images/advContentTop.jpg) top left no-repeat;
  height: 79px;
  width: 632px;
}

.advContentBody {
  margin: 0;
  padding: 0;
  text-align: center;
}

.advContentBottom {
  background: url(../images/advContentbottom.jpg) bottom left no-repeat;
  height: 75px;
  padding-bottom: 5px;
  width: 632px;
} */


/* Full Story
************************************/

.newsbg {
  padding:0 5px;
  margin:10px 0 10px 0;
  line-height:18px;
}

/* Comment
*****************************/

.com {
  margin:10px 0 0 0;
  padding:0;
  background:#fff;
  border:1px solid #e0cc74;
}

.commenttext {
  padding:10px;
}

.commenttext a {
  border-bottom:1px dashed #f00;
  background:#ccc;
  padding:0 2px;
  color:#000;
  text-decoration:none;
}

.com p {
  font-size:11px;
  line-height:12px;
}

.comdate{
  margin:0;
  padding:4px 7px;
  font-size:12px;
  color:#555;
  border-bottom:1px solid #ddd;
  background:#e0cc74;
}

.author {
  padding:7px;
  border-right:1px solid #e0cc74;
  font-size:10px;
}

.comed {
  text-align:right;
  padding:3px;
  margin:-20px 5px 10px 0;
  font-size:10px;
}

.ch4 {
  text-align:right;
  font-size:12px;
  margin:5px 0 5px 0;
  padding:5px 0 0 0;
  border-bottom:1px solid #ddd;
}

.ch4 a {
  text-decoration:none;
  color:#222;
}

.comed {
  text-align:right;
  padding:3px;
  margin:0 0 10px 0;
  font-size:10px;
}

.menubg {
  background:#e0cc74;
  padding:5px;
  margin:0 0 10px 0;
  border: solid #e0cc74;
  border-width:2px 0 1px 0;
  line-height:20px;
}

/* формы */
.login_button,
.bbcodes,
.bbcodes_poll {
  margin:1px;
  font-size:11px;
  border:1px solid #777;
  color:#fff;
  padding:2px;
}

.logininp:focus,
.f_textarea:focus,
.f_input:focus,
.f_select:focus {
  color:#000;
  border-color:#777;
  background:#fff;
}

.f_textarea,
.f_input,
.f_select {
  color: #555;
  font-size: 11px;
  font-family: tahoma;
  background:#fcfcfc;
  border: 1px solid #ccc;
}

.f_textarea {
  width: 459px;
  height: 156px;
}
.f_input {
  width: 300px;
  height: 14px;
}

.f_select {
  height: 14px;
}



/* Navi
************************************/

.navigation {
  text-align:center;
  color:#666;
  border:0px;
  margin:10px;
  line-height:20px;
}

.navigation a:link,
.navigation a:visited,
.navigation a:active {
  text-decoration:none;
  color: #636363;
  background:#fff1c1;
  border:1px solid #ccc;
  padding:2px 6px;
  font-size:12px;
  margin:8px 0;
}

.navigation a:hover {
  background:#ccc;
  color:#000;
  border-color:#fff;
}

.navigation span {
  text-decoration:none;
  background:#fff;
  padding:2px 6px;
  margin:8px 0;
  border:1px solid #E6E6E6;
  color:#ccc;
  font-size:12px;
}



/***************************************************************************
* Footer
***************************************************************************/

#footer {
  margin: 0 auto;
  width: 944px;
}


#footerBg1 {
  background: url(../images/footerBg1.jpg) no-repeat;
  float: left;
  height: 163px;
  width: 151px;
}

#footerBg2 {
  background: url(../images/footerBg2.jpg) no-repeat;
  float: left;
  height: 163px;
  width: 177px;
}

#footerBg3 {
  background: url(../images/footerBg3.jpg) no-repeat;
  float: left;
  height: 163px;
  width: 112px;
}

#footerCoop {
  float: left;
  height: 171px;
  width: 339px;
}


#footerBg4 {
  background: url(../images/footerBg4.jpg) no-repeat;
  font-size: 10px;
  height: 5px;
  padding: 60px 50px 0 0;
  text-align: right;
  width: 289px;
}

#footerBg5 {
  background: url(../images/footerBg5.jpg) no-repeat;
  float: left;
  height: 98px;
  width: 339px;
}

#footerBg6 {
  background: url(../images/footerBg6.jpg) no-repeat;
  float: left;
  height: 163px;
  width: 165px;
}