html,body,li,ul,img,form,h1,h2,h3,h4,h5,h6,hr{
margin:0px;
padding:0px;
}

body{
	background: #323537 url(images/bg.jpg) repeat-x top left;
	font:normal 12px Arial;
}

/*   NEW STYLE   */

.content{
	position:relative;
	width:1000px;
	height:auto;
	margin-left:auto;
	margin-right:auto;
	padding-bottom:289px;
}

.header{
	position:absolute;
	top:0px;
	left:0px;
	width:1000px;
	height:204px;
	background: url(images/bg_header.jpg) no-repeat 120px 0px;
}

.content_top{
	position:absolute;
	top:0px;
	left:0px;
}

.inner{
	position:relative;
	width:985px;
	top:204px;
	padding-left:15px;
	height:auto;
	background: #252e35 url(images/bg_content.jpg) repeat-x 0px 0px;
}

.main{
	position:relative;
	float:left;
	width:515px;
	z-index:10;
	margin-top:15px;
	/*margin:15px 6px 6px 15px;*/
	padding:10px 6px 6px 15px;
	background-color:#ffffff;

}

.side{
	position:relative;
	float:left;
	width:230px;
	z-index:11;
	padding:15px 5px 6px 5px;
	
	/*margin:15px 6px 6px 0px;*/

}

.nav{
	position:relative;
	float:left;
	width:190px;
	z-index:12;
	padding:15px 0px 6px 5px;
	/*margin:15px 0px 6px 0px;*/
}

.sub{
	position:relative;
	width:190px;
	list-style:none;
}

.sub li{
	position:relative;
	width:190px;
	height: 30px;
	margin-bottom:2px;
	background-color: #2f373c;
}

.sub li a{
	position:relative;
	display:block;
	padding-left:10px;
	width:180px;
	height: 30px;
	background-color: #2f373c;
	color:#00e4ff;
	font:normal 14px Tahoma;
	text-decoration:none;
	line-height:30px;
}

.sub li a:hover{
	background-color: #202528;
	color:#b9d0e4;
}



.clean{
	clear:both;
}

.logo{
	position:relative;
	margin:43px 0px 0px 7px;
}

.slogan{
	position:absolute;
	margin:53px 0px 0px 20px;
}

.menu{
	position:absolute;
	list-style:none;
	top:164px;
	left:10px;
	width:490px;
}

.menu li{
	position:relative;
	float:left;
	width:91px;
	height:36px;
	margin-right:5px;
	line-height:36px;
	color:#fff;
}

.menu li a{
	display:block;
	width:91px;
	height:36px;
	color:#e1e0e0;
	text-decoration:none;
	font:normal 17px Tahoma;
	text-align:center;
	background: url(images/button.jpg) no-repeat 0px 0px;
	line-height:36px;
}

.menu li a:hover{ background: url(images/button.jpg) no-repeat -91px 0px; }

.search{
	position:absolute;
	top:0px;
	right:0px;
	width:415px;
	height:204px;
	background: url(images/bg_search.jpg) no-repeat bottom right;
}

.input_search{
	position:absolute;
	top:69px;
	left:0px;
	height:28px;
	width:284px;
	padding:8px 8px 0px 8px; 
	background: #e0e2e4 url(images/search_input_right.gif) no-repeat top right;
	border:0;
	margin:0;
	font:normal 18px Tahoma;
}

.button_search{
	position:absolute;
	right:3px;
	top:69px;
}

.search_left{
	position:absolute;
	top:69px;
	left:0px;
}

.footer{
	position:absolute;
	left:0px;
	bottom:0px;
	height:85px;
	width:100%;
	color:#ccc;
	text-indent:15px;
	background: url(images/bg_footer.gif) repeat-x top left;
	line-height:30px;
}

.back{
	background-color:#252e37;
}


.listimage{
	position:relative;
	/*
	width:105px;
	height:105px;
	*/
	display:block;
	float:left;
	padding:5px;
	border:none;
	border-right:solid 15px #fff;
	background: url(images/image_back.gif) no-repeat top left;
}

.tutorial{
	position:relative;
	width:505px;
	padding-top:10px;
	font:normal 13px Arial;
	color:#5b5858;
}

.title_link{
	position:relative;
	display:block;
	font:bold 16px Arial;
	color:#454444;
	text-decoration:none;
	margin-bottom:10px;
}

.group{
	font:normal 10px Arial;
	color:#898888;
}

.author{
	font:normal 10px Arial;
	color:#47587e;
}

.seperate{
	position:relative;
	clear:both;
	display:block;
	height:30px;
	background:url(images/seperate.gif) no-repeat left;
}

.preview{
	position:absolute;
	width:535px;
	height:200px;
	background-color:#e8e5d2;
	left:0px;
	top:0px;
}

.corner{
	position:relative;
	z-index:100;
}

.preview_image{
	position:relative;
	top:-13px;
}

.rss{
	position:relative;
	clear:left;
	padding-top:10px;
	color:#b7babc;
}

.rss_icon{
	position:relative;
	float:left;
	padding-right:10px;
}

.rss_title{
	color:#fa7e12;
}

.random{
	position:relative;
	padding-top:10px;
	list-style:none;
}

.random li{
	position:relative;
	float:left;
	padding:5px 0px 5px 8px;
}

.enlarge{
position:relative;
display:block;
top:10px;
clear: both;
width: 480px;
height: 30px;
border-bottom: solid 1px #cccccc;
margin:0 0 10px 0;
}


ul#sublinks
{
	position: relative;
	display: block;
	float: left;
	margin: 0 0 30px 0;
}

ul#sublinks li
{
	/*width: 200px;*/
	display: block;
	float: left;
	text-indent: 0px;
	clear:left;
	
}

ul#sublinks li a
{
	/*width: 200px;*/
	display: block;
	float: left;
	text-decoration: none;
	font: normal 12px Arial, sans-serif;
	color: #ffd800;
	white-space: nowrap;
	clear:left;
}

ul#sublinks li a:hover
{
	font: normal 12px Arial, sans-serif;
	color: #ffd800;
	text-decoration: underline;
	clear:left;
}

ul#sublinks li a.active
{
	color: #fff;
	font-weight: bold;
	clear:left;
}

.submenufr{
position:relative;
/*left:10px;*/
/*width: 160px;*/
height:20px;
padding-top:10px;
font: normal 11px Arial,sans-serif;
color: #ccc;
border-bottom: solid 1px #464646;
line-height:20px;
clear:left;
}