/*------------------- body --------------------*/
body {
	background-color: #000;
	background-image: url("http://www.jia-art.com/img/bground.gif");
	background-repeat: no-repeat;
	background-position: top center;
	padding: 0px;
	margin: 0px;
	color: #000;
	font-family: Courier New;
	font-size: 10pt;
	text-align: center;
	width: 100%;
	height: 100%;
	scrollbar-face-color: #222;
	scrollbar-highlight-color: #222;
	scrollbar-shadow-color: #222;
	scrollbar-3dlight-color: #fff;
	scrollbar-arrow-color:  #fff;
	scrollbar-track-color: #fff;
	scrollbar-darkshadow-color: #fff;
}

/*------------------- links --------------------*/
a{
	font-family: Courier New;
	font-size: 10 pt;
	text-decoration: none;
}
a:link {color: #729b4e;}
a:visited {color: #597601;}
a:active {color: #004400;}
a:hover {color: #004400;
	text-decoration: underline;}

/*------------------- id elements --------------------*/
#lighttxt {color: #666666;}
#darktxt {color: #333333;}

/*------------------- default div --------------------*/
div {
	padding: 0px;
	margin: 0px;
	border: 0px;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	}

/*------------------- div mainbody (content from menu to bottom image display) --------------------*/
div.mainbody{
	background-color: #222;
	width: 600px;
	height: 100%;
	border-top: 0px;
	border-left: 1px solid #666;
	border-right: 1px solid #666;
	border-bottom: 1px solid #666;
	margin: auto;
	padding: 5px 0px;
	text-align: center;
	overflow: visible;
	box-sizing: content-box;
	-moz-box-sizing: content-box;
}

/*------------------- News section --------------------*/
div.news {
	padding: 10px;
	text-align: left;
	}

/*------------------- menu --------------------*/
div.menu {
	width: 600px;
	background-color: #222;
	background-image: url("../img/topbar.jpg");
	background-repeat: no-repeat;
	background-position: bottom;
	height: 35px;
	overflow: auto;
	padding: 0px;
	margin: 0px;
	border: 0px;
	}
/*------------------- Menu List --------------------*/
ul.menuitem {
	width: 600px;
	margin: 0px;
	padding: 0px;
	padding-top: 0px;
	text-align: center;
	}
ul.menuitem li {
	margin: 5px;
	padding: 0px;
	text-align: center;
	display: inline;
	}
ul.menuitem li a {
	color: #999;
	text-decoration: none;
	}
ul.menuitem li a:hover {
	color: #fff;
	}

ul.menuitem li.current {
	color: #ccc;
	}
ul.menuitem li.current a {
	padding: 0px 5px;
	color: #fff;
	background: #444;
	}

/*------------------- the white area div (news, etc) --------------------*/
div.middle {
	background-color: #fff;
	color: #333;
	text-align: left;
	padding: 5px;
	vertical-align: top;	
	}
div.middle img{border: 0px;}
div.middle img.cata{
	height: 300px;
	width: 100px;
	margin: 0px 5px;
	padding: 0px;
	border: 0px;
	display: inline;
	}
div.middle img.thumb{
	margin: 10px;
	height: 100px;
	width: 100px;
	border: 1px solid #ccc;	
	}

/*------------------- copyright --------------------*/
div.copyright {
	font-size: 9pt;
	width: 600px;
	text-align: center;
	clear:both;
	padding: 0px;
	margin: 0px;
	margin: 5px 0px 20px 0px;
	}
div.copyright a {
	color: #999;
	text-decoration: none;
	}
div.copyright a:hover {color: #ccc;}

/*------------------- mostly thumbnail display area --------------------*/
div.down {
	color: #999;
	margin: 0px;
	padding: 0px;
	padding-top: 15px;
	background: #222;
	background-image: url("../img/bottombar.jpg");
	background-repeat: no-repeat;
	background-position: top;
	overflow: auto;
	border: 0px;
	text-align: center;	
}
div.down div.padded{
	margin: 5px;
	padding: 0px 10px;
}
/*------------------- thumbnail --------------------*/
div.down img.thumb{
	margin: 10px;
	height: 100px;
	width: 100px;
	border: 1px solid #ccc;
	filter:alpha(opacity=50);
	opacity: 0.5;
	-moz-opacity: 0.5;
	}
div.down img.thumb:active{
	filter:alpha(opacity=50);
	opacity: 0.5;
	-moz-opacity: 0.5;
	}
div.down img.thumb:hover{
	filter:alpha(opacity=100);
	opacity: 1.0;
	-moz-opacity: 1.0;
	}
	
/*------------------- shop item blocks --------------------*/
div.shop{
	height: 180px;
	width: 190px;
	margin: 5px;
	float: left;
	text-align: center;	
}
div.shop img{
	border: 1px solid #666;
}
/*------------------- wallpaper blocks --------------------*/
div.wallpaper {
	margin: 14px; 
	float: left; 
	height: 100px; 
	width: 270px; 
	border: 0px;
	font-size: 8pt;
}
/*------------------- input --------------------*/
input {
	background-color: #fff;
	border: 1px solid #ccc;
	color: #666;
	}
input.submit {
	background-color: #fff;
	border-top: 1px solid #ccc;
	border-left: 1px solid #ccc;
	border-right: 1px solid #666;
	border-bottom: 1px solid #666;
	color: #333;
	}
input.inputimage {border: 0px;}
input[type="text"]{
	background-color: #fff;
	border: 1px solid #ccc;
	color: #666;
	}

/*------------------- lists --------------------*/
ul	{
	list-style: none;
	}
ul.space	{
	list-style: disc;
	}
ul.space li {
	margin-bottom: 5px;
	}

ul li.banners{
	display: inline;
	margin: 2px;
	vertical-align: middle;
}

ul li.banners img{
	border: 0px;
}