html, body {
  height: 100%;
  margin:0;
  color:#fff;
  font-family:helvetica, arial, sans-serif;
  font-size:12px;
  /*background-color:#488fcc;*/
  background-image:url(img/bg.png);
  background-color:#000;
  background-repeat:repeat-y;
  background-position:center;
}

a{color:#fff;}
a:hover{text-decoration:none;}
a img{border:0;}



#page
{
  height:100%;
  margin:0 auto; 
}

#page_shell
{
  width:785px;
  margin:0 auto;
  position: relative;
  min-height: 100%;
}
* html #page_shell
{
  height:100%;
}

#header
{
  height:60px;
  overflow:hidden;
  margin-bottom:10px;
}

#header_bar
{
  display:block;
  height:60px;
  text-indent:-9999em;
}
#header_bar a
{
  background-image:url(img/header.png);
  background-repeat:no-repeat;
  float:left;
  width:363px;
  height:60px;
}
#navbar
{
  float:right;
  clear:left;
  font-size:18px;
  font-variant:small-caps;
  margin-top:-30px;
}
#navbar ul {
	list-style:none;
	margin:0;
	padding:0;
}
#navbar li {
	display:inline;
	margin:0;
	padding:0;
}
#navbar a {
	float:left;
	text-decoration:none;
	float:left;
	padding:3px 8px 5px;
	margin-left:1px;
}
#navbar a:hover{
	border-bottom:#600 2px solid;
}
#navend
{
  background-image:url(img/nav_end.png);
  background-repeat:no-repeat;
  width:28px;
  height:28px;
  float:right;
}

#main
{
  margin:5px auto 5px;
  width:785px;
  float:left;
}

.content_top
{
  float:left;
  overflow:hidden;
  width:580px;
  min-height:10px;
  max-height:10px;
  margin-bottom:0;
  background-image:url(img/content_top.png);
  background-repeat:no-repeat;
}
#page_shell h2
{
  margin:0 auto;
  padding:2px 7px 2px 5px;
  font-size:28px;
  font-weight:bold;
  font-variant:small-caps;
  font-family:verdana;
  text-align:center;
}
.content
{
  float:left;
  padding:0 5px;
  width:570px; 
  background-image:url(img/shell_bg.png);
  overflow:hidden;
}
.content_bottom
{
  float:left;
  width:580px;
  height:10px;
  background-image:url(img/content_bottom.png);
  margin-bottom:10px; 
  overflow:hidden;
}

#main .left
{
  float:left;
  width:579px; 
  overflow:hidden;
  display:table;
}
#main .right
{
  float:right;
  width:200px;
  overflow:hidden;
  display:table;
}

.right h3
{
  background-image:url(img/sidebar_head.png);
  background-repeat:no-repeat;
  margin:0;
  text-align:center;
  padding-top:4px;
  font-weight:normal;
  font-size:12px;
  border-bottom:#666 1px dotted;
  font-variant:small-caps;
  width:200px;
  height:14px;
  float:right;
}
.sidebar
{
  float:right;
  width:199px; 
  background-image:url(img/shell_bg.png);
  text-align:center;
  padding-top:5px;
}
.sidebar img{margin:2px;}
.sidebar_bottom
{
  width:199px;
  float:right;
  height:10px;
  margin-bottom:5px;
  background-image:url(img/sidebar_bottom.png);
}
.sidebar p
{
  text-align:left;
  padding:0 10px;
}
.sidebar ul
{
	list-style:none;
	margin:1px;
	padding-left:0;
}
.sidebar .leftcol
{
	float:left;
	width:99px;
}
.sidebar .rightcol
{
	float:right;
	width:99px;
}


#bottom_ad
{
  padding:5px;
  width:730px;
  margin:10px auto;
  background-image:url(img/shell_bg.png);
  clear:both;
}

span.ad
{
  float:right;
  font-size:10px;
  margin-top:3px; 
}

.newspost
{
  width:560px;
  margin:0px auto 15px;
  text-align:left;
}
.newspost h1
{
  margin:0;
  padding:5px 0;
  background-image:url(img/newspost_head.png);
  background-repeat:no-repeat;
  font-size:16px;
  text-align:center;
  width:560px;
  overflow:hidden;
}
.newspost h1 a
{
  color:#eee;
  text-decoration:none; 
}
.newspost .post_body
{
  background-image:url(img/newspost_body.png);
  background-repeat:repeat-y;
  float:left;
  width:540px;
  padding:5px 10px 0;
}
.newspost .post_content
{
  color:#000;
  padding:5px;
  font-size:12px;
  float:right;
  width:455px;
  padding:5px;
  background-color:#fff;
}
.newspost .post_content p
{
  margin:0; 
}
.newspost .post_info
{
  float:left;
  width:70px;
  color:#000;
  font-size:9px;
  padding-left:5px;
  background-image:url(img/comment_arrow.png);
  background-repeat:no-repeat;
  background-position:top right; 
}
.newspost .post_info img
{
  width:50px;
  height:50px;
  margin-bottom:5px;
  padding:1px;
  border:#000 1px solid;
}
.newspost .post_info span
{
  display:block; 
}
.newspost a
{
  color:#33c; 
}
.newspost .post_foot
{
  clear:both;
  background-image:url(img/newspost_foot.png);
  background-repeat:repeat-y; 
  width:560px;
  height:10px;
}


.itempost
{
  width:560px;
  margin:2px 5px;
  float:left;
  background-color:#fff;
  color:#000;
}
.itempost:hover
{
	background-color:#eee;	
}
.itempost h1
{
  margin:0 0 0 60px;
  padding:10px 0 0 0;
  font-size:20px;
  color:#000;
  width:440px;
}
.itempost h1 a
{
  color:#069;
  text-decoration:none;
}
.itempost h1 a:hover
{
  text-decoration:underline; 
}
.itempost .post_content
{
  padding:5px 0;
  font-size:12px;
  width:498px;
  float:right;
}
.itempost img
{
  width:48px;
  height:48px;
  border:#000 1px solid;
  padding:1px;
  margin:5px 5px 5px;
  float:left;
}

.infobox .post_head, .animpost .post_head
{
  background-image:url(img/post_head.png);
  background-repeat:no-repeat;
  float:left;
  width:560px;
  height:14px;
}
.infobox .post_body, .animpost .post_body
{
  background-image:url(img/post_body.png);
  background-repeat:repeat-y;
  float:left;
  width:540px;
  padding:0 10px;
}
.infobox .post_foot, .animpost .post_foot
{
  background-image:url(img/post_foot.png);
  background-repeat:no-repeat;
  float:left;
  width:560px;
  height:11px;
}

.infobox
{
  width:560px;
  margin:0 5px;
  float:left; 
}


.pages
{
  text-align:center; 
  width:560px;
  float:left;
  margin:10px 5px 0;
}
.pages .prev
{
  float:left;
  width:60px;  
  padding:5px;
  border:#fff 1px solid;
}
.pages .next
{
  float:right;
  width:60px;  
  padding:5px;
  border:#fff 1px solid;
}
2px solid;
  margin:5px;
  float:left;
}

.pages
{
  text-align:center; 
  width:560px;
  float:left;
  margin:10px 5px 0;
}
.pages .prev
{
  float:left;
  width:60px;  
  padding:5px;
  border:#fff 1px solid;
}
.pages .next
{
  float:right;
  width:60px;  
  padding:5px;
  border:#fff 1px solid;
}

.downloads
{
  text-align:center;
  max-width:550px;
  overflow:hidden;
  margin:0 auto 10px;
}
.downloads h4
{
  max-width:550px;
  margin:0;
  font-size:14px;
}
.downloads table
{
  width:500px;
  max-width:500px;
  margin:0 auto;
} 
.downloads td
{
  border:#000 1px solid;
  font-size:10px;
  padding:2px;
}
.downloads a
{
  max-width:500px;
  overflow:hidden;
}
.downloads img
{
  max-width:500px;
  overflow:hidden;
}