*{
  margin: 0;
  padding: 0;
}
body{
  background: #131313 url(img/bg.jpg) top no-repeat;
  font: 11px Arial, sans-serif;
  color: #C4C4C4;
}
a{
  color: #fff;
}
a img{
  border: 0;
}
ul{
  list-style-type: none;
  list-style-position: outside;
}
.clear{
  clear: both;
  font-size: 0;
  line-height: 0;
  height: 0;
}
#basis{
  width: 1000px;
  margin: 0 auto;
  background: url(img/borders.jpg) left repeat-y;
  margin-top: 19px;
}
#botcorns{
  background: url(img/botcorns_4.jpg) bottom no-repeat;
  padding-bottom: 19px;
}
#wrap{
	background: url(img/topcorns.jpg) top no-repeat;
  padding: 5px 8px 0 8px;
}
#headline{
  background: url(img/headline.jpg) top left no-repeat;
  height: 107px;
}
#headline span{
  color: #8E9092;
  font: 10px Arial, sans-serif;
  display: block;
  line-height: 80%;
  margin-left: 117px;
}
#headline img{
  display: block;
  margin: 2px 0px 0px 115px;
  border: 1px solid #000;
  border-style: solid solid solid none;
}
#topmenu{
  background: url(img/topmenubg.jpg) top left no-repeat;
  height: 18px;
  padding-left: 123px;
}
#topmenu a{
  float: left;
  display: block;
  background-position: top;
  height: 18px;
}
#homeLink{
  width: 76px;
  background-image: url(img/home.jpg);
}
#archivesLink{
  width: 89px;
  background-image: url(img/archives.jpg);
}
#codexLink{
  width: 73px;
  background-image: url(img/codex.jpg);
}
#forumLink{
  width: 72px;
  background-image: url(img/forum.jpg);
}
#animationLink{
  width: 92px;
  background-image: url(img/animation.jpg);
}
#extrasLink{
  width: 79px;
  background-image: url(img/extras.jpg);
}
#shopLink{
  width: 72px;
  background-image: url(img/shop.jpg);
}
#topmenu a:hover{
  background-position: bottom;
}
#leftColumn{
  float: left;
  width: 667px;
  background: url(img/leftcol.jpg) top left no-repeat;
  padding: 18px 0px 0px 0px;
}
#topItemBlock{
  padding-left: 2px;
  height: 224px;
  position: relative;
}
#topItemBlock .comics{
  display: block;
  float: left;
}
.frame{
  width: 64px;
  height: 54px;
  display: block;
  position: absolute;
  top: 147px;
	left: 11px;
  background: url(img/frame.gif) no-repeat;
  text-decoration: none;
}
.frame img{
  margin: 4px 0px 0px 4px;
}
.frame#secondFrame{
	left: 81px;
}
.frame#thirdFrame{
	left: 150px;
}
.page{
  display: block;
  position: absolute;
  letter-spacing: -0.09em;
  right:5px;
  bottom:5px;
  background: url(img/pagebg.gif) no-repeat;
  height: 15px;
  width: 30px;
  padding: 0px 0px 0px 4px;
  color: #FFCE00;
  font: 9px Arial, sans-serif;
}
#horizontMenu{
  float: left;
  display: inline;
	height: 19px;
  margin: 1px 0 0 218px;
  text-align: right;
  font-size: 10px;
  color: #929292;
  width: 435px;
}
#horizontMenu a{
  display: block;
  float: left;
}
#leftPlate{
  float: left;
  width: 170px;
  padding: 3px 0 0 3px;
}
#nowReadingWrap{
  background: url(img/bg2.jpg) top repeat-y;
}
#nowReadingBg{
	background: url(img/nowreading.jpg) top no-repeat;
}
#nowReading{
  background: url(img/botcorns_2.jpg) bottom no-repeat;
  font-size: 11px;
  color: #919191;
  padding: 41px 0px 54px 9px;
}
#nowReading li{
  padding: 1px 0px 0px 22px;
  line-height: 100%;
  height: 1%;
}
#nowReading li.withMarker{
  color: #fff;
  background: url(img/marker.gif) 0px 2px no-repeat;
}
#nowReading li.subTitle{
  font-weight: 600;
  color: #DCC33D;
  padding: 13px 0px 0px 22px;
}
.subTitle span{
  color: #C4C4C4;
}
#middlePart{
  float: right;
  width: 483px;
  margin: 3px 6px 0 0;
  display: inline;
}
#blogpost{
  background: url(img/botcorns_3.gif) bottom no-repeat;
  padding-bottom: 9px;
}
#blogpostWrap{
  background: #000 url(img/bg3.gif) left repeat-y;
}
#post{
  background: url(img/postbg.jpg) top left no-repeat;
  margin: 0px 6px 0 3px;
  padding: 0px 10px 0px 13px;
  color: #C4C4C4;
  font-size: 11px;
}
h2{
  font-size: 14px;
  font-weight: 600;
  text-transform: uppercase;
  color: #000;
  padding: 1px 0px 32px 13px;
}
#post p{
  padding: 11px 0px 1px 2px;
	line-height: 110%;
}
#post p#postedBy{
  text-transform: uppercase;
  font-size: 10px;
  padding: 0 0 11px 0;
	line-height: 130%;
}
#postedBy a{
  color: #AA8C03;
  text-decoration: none;
}
.avatar{
  float: left;
  width: 74px;
  padding-right: 13px;
}
.avatar a{
  background: url(img/namebg.jpg) top left no-repeat;
  text-align: center;
  display: block;
  line-height: 100%;
  height: 12px;
  color: #fff;
  text-decoration: none;
}
#firstParagraph{
  color: #ABABAB;
}
#post #firstParagraph p{
  padding: 5px 0px 11px 0px;
	line-height: 129%;
}
#botstat{
  background: url(img/botstat.gif) top left no-repeat;
  height: 27px;
  color: #fff;
  margin: 21px 0 32px 0;
}
#botstat a{
  text-decoration: none;
  font-weight: 600;
  color: #C69616;
}
#leftspan{
  background: url(img/leftcorns.gif) top right no-repeat;
  float: left;
  display: inline;
  margin: 6px 0px 0px 14px;
  padding-right: 21px;
}
#leftspan span{
  padding-right: 12px;
}
#rightspan{
  background: url(img/rightcorns.gif) top left no-repeat;
  float: right;
  display: inline;
  margin: 6px 21px 0 0;
  padding-left: 12px;
  padding-right: 3px;
}
#rightspan a{
  padding: 0 0px 0 9px;
}
#friendsBlock{
  background: url(img/friends.jpg) top left no-repeat;
  padding: 32px 0px 0px 0px;
}
#friendsBlock a{
  float: left;
  padding: 0px 2px 0px 3px;
}
#rightColumn{
  float: right;
  width: 317px;
  padding-bottom: 2px;
  background: url(img/bg4.gif) left repeat-y;
}
.rightColImage{
  margin: 3px 0px 1px 7px;
  display: block;
}
#lfgVideo {
	background-image: url(img/lfgvideo.jpg);
	width: 310px;
	height: 296px;
	background-repeat: no-repeat;
}
#lfgVideoPlayer {
	padding-top: 56px;
	padding-left: 8px;
}
#footer{
  background: url(img/footer.jpg) top left no-repeat;
  color: #555555;
  height: 90px;
}
#footer a{
  color: #555555;
  text-decoration: none;
  padding: 0px 9px 0px 13px;
}
#footer div{
  text-align: center;
  width: 511px;
  margin-left: 156px;
  padding-top: 10px;
}
#footer div p{
  font-weight: 600;
  padding-top: 10px;
}