html, body {  background: #000000 url('../img/bg_main.jpg') 50% 0 repeat-y; font-family: Arial, Helvetica, sans-serif; padding: 0; margin:0  }

img { border: 0 }

.rel { position: relative }
.clear { clear: both }
.container { width: 960px; margin-left: auto; margin-right: auto }

#top { padding: 15px 0 10px 0; background-color: #000000 }
#top .main_banner { width: 750px; margin: 0 auto }

#wrapper { padding: 0 0 50px 0; background: transparent url('../img/bg_main_top.jpg') 50% 0 no-repeat }

.cat_1 { background-color: #921863 }
.subcat_1 { background-color: #4F0F36 }

.cat_2 { background-color: #7FA62B }
.subcat_2 { background-color: #455919 }

.cat_3 { background-color: #078CD0 }
.subcat_3 { background-color: #064b6F }

.cat_4 { background-color: #BA5D12 }
.subcat_4 { background-color: #63330C }

.cat_5 { background-color: #444444 }
.subcat_5 { background-color: #222222 }

.left_col { width: 600px; float: left }
.left_col .header { position: relative; height: 216px }
.left_col .header .logo { position: absolute; top: 0; z-index: 2 }
.left_col .header .info { position: absolute; z-index: 1; padding: 20px 0 0 15px; height: 30px; bottom: 0; width: 585px }
.left_col .header .info a { color: #FFFFFF; text-decoration: none; font-size: 12px; margin-right: 20px }
.left_col .header .info a:hover { color: #DDDDDD }
.left_col .footer { height: 30px; padding: 20px 0 0 15px }
.left_col .footer a { color: #FFFFFF; text-decoration: none; font-size: 12px; margin-right: 20px }
.left_col .footer a:hover { color: #DDDDDD }


.left_col .t_advert { background-color: #E7E7E7; padding: 15px 50px }
.left_col .t_advert2 { background-color: #E7E7E7; padding: 15px 30px }

.left_col .article {}
.left_col .article .heading { padding: 15px }
.left_col .article .heading a { text-decoration: none; color: #FFFFFF }
.left_col .article .heading a:hover { color: #DDDDDD }
.left_col .article .heading h3 { font-size: 22px; color: #FFFFFF; margin: 0; font-weight: normal  }
.left_col .article .heading p { font-size: 12px; color: #E7E7E7; margin: 12px 0 0 0 }
.left_col .article .heading img { vertical-align: middle; margin: 0 10px 2px 4px }
.left_col .article .contents { padding: 30px 30px 25px 30px; background-color: #FFFFFF; font-size: 13px; line-height: 140% }
.left_col .article .contents p { font-size: 13px}
.left_col .article .contents .small_photo { float: right; font-size: 11px; color: #555555; width: 230px; margin-left: 20px }
.left_col .article .contents .more { font-size: 12px; font-weight: bold; display: inline-block; margin-top: 7px; margin-right: 20px }
.left_col .article .contents .more a { text-decoration: none; padding: 3px 8px 3px 8px; color: #FFFFFF; display: inline-block }
.left_col .article .contents .more a:hover { color: #DDDDDD }
.left_col .article .contents .share { display: inline-block; vertical-align: bottom } 
.left_col .article .contents .tags { margin-top: 20px; color: #008ABC; margin-bottom: 15px }
.left_col .article .contents .tags strong { color: #000000 }
.left_col .article .contents .tags a { text-decoration: none; color: #008ABC }
.left_col .article .contents .tags a:hover { color: #00ACEC  }
.left_col .article .contents .gallery { padding: 0 0 10px 0 }
.left_col .article .contents .gallery img { float: left; margin: 0 6px 5px 0} 

.left_col .article .contents .comments_label { margin: 30px 0 0 30px; background-color: #DDDDDD; display: inline-block; padding: 5px 20px; font-size: 12px; font-weight: bold; letter-spacing: 1px }
.left_col .article .contents .comments { border: 1px solid #DDDDDD; padding: 10px 30px 10px 30px }
.left_col .article .contents .comments>div { background-color: #DDDDDD; margin-bottom: 15px; padding: 8px 5px 8px 20px }

.right_col { width: 320px; float: right; margin-top: 170px }
.right_col .subpages { 	padding-bottom: 15px; text-align: right }
.right_col .subpages a { color: #FFFFFF; text-decoration: none; font-size: 12px; margin-right: 10px; font-weight: bold }
.right_col .subpages a:hover { color: #DDDDDD }

.right_col .search { margin-bottom: 5px }
.right_col .search form { margin: 0; padding: 0 }
.right_col .search #s_text { margin: 0; width: 240px; padding: 10px 10px 9px 10px; background-color: #FFFFFF; font-size: 13px; color: #555555; border: none }
.right_col .search input { vertical-align: middle }
.right_col .search img { cursor: pointer; vertical-align: middle }

.right_col .title { font-size: 32px; font-weight: bold; color: #E7E7E7; margin-bottom: 10px }
.right_col .title img { vertical-align: middle}
.right_col .cat { margin: 3px 0 }
.right_col .cat .name a { color: #FFFFFF; text-decoration: none }
.right_col .cat .name a:hover { color: #DDDDDD }
.right_col .cat .name { position: relative; padding: 10px 10px 10px 10px; font-size: 24px; color: #FFFFFF; font-weight: bold; }
.right_col .cat .name span { font-size: 11px }
.right_col .cat .name .rss { position: absolute; width: 65px; height: 20px; right: 20px; top: -13px; text-align: right; padding: 5px 10px; -moz-border-radius:8px; -webkit-border-radius:8px; }
.right_col .subcats { padding: 10px 0 30px 0  }
.right_col .subcats ul.left{ float: left; width: 138px}
.right_col .subcats ul.right{ float: left; width: 138px}
.right_col .subcats ul { margin: 0; padding: 0; padding-left: 22px; list-style-image: url('/img/list_1.gif') }
.right_col .subcats ul li { margin: 5px 0; padding: 0; color: #FFFFFF; font-size: 12px; font-weight: bold }
.right_col .subcats ul li a { color: #FFFFFF; text-decoration: none }
.right_col .subcats ul li a:hover { color: #DDDDDD }
.right_col .subcats ul li span { opacity: 0.6; filter: alpha(opacity=60); font-size: 9px; font-weight: normal }

.right_col .blogs { background-color: #E7E7E7; padding: 10px 2px 6px 11px; margin-bottom: 20px }
.right_col .blogs img { margin-right: 3px }

.right_col .posts { background-color: #E7E7E7; padding: 10px 10px 8px 10px; margin-bottom: 20px }
.right_col .posts a { text-decoration: none; display: block; color: #FFFFFF; font-size: 12px; margin-bottom: 2px; font-weight: bold }
.right_col .posts a.line { padding: 15px 7px }
.right_col .posts a.line2 { padding: 9px 7px }
.right_col .posts a:hover { color: #DDDDDD }

.right_col .recommend a { color: #FFFFFF; text-decoration: none }
.right_col .recommend a:hover { color: #DDDDDD }
.right_col .recommend { position: relative; padding: 10px 10px 8px 10px; font-size: 12px; font-weight: bold; color: #FFFFFF; margin: 2px 0 }
.right_col .recommend .rounded { position: absolute; width: 65px; height: 20px; right: 16px; top: -13px; text-align: right; padding: 5px 10px; -moz-border-radius:8px; -webkit-border-radius:8px; }
.right_col .rec1 { background-color: #5E7A95 }
.right_col .rec2 { background-color: #7291A9 }

.advert_name { text-align: right; color: #FFFFFF; font-size: 10px }
.advert { background-color: #E7E7E7; padding: 10px; margin-bottom: 20px }
.advert img,object,embed { display: block }
.carousel { background-color: #E7E7E7; position: relative; height: 250px; margin-bottom: 20px }

#box6{
	position: absolute;
	width:300px;
}

#box6 span{
	display: block;
	float: left;

}

#box6 span a {
	text-decoration: none;
	position: relative	
}

#box6 span span {
	display: block;
	position: absolute;
	bottom: 0;
	left: 0;
	background-color: #000000;
	color: #FFFFFF;
	text-align: center;
	font-weight: bold;
	font-size: 14px;
	padding: 6px 10px 9px 10px;
	width: 280px;
	text-decoration: none;
	opacity: 0.8; filter: alpha(opacity=80);	
}

#handles6_1{
	position: absolute;
	top: 190px;
	left: 10px;
}
#handles6_1 img {
	float: left;
	margin-right: 12px
}
.mask6{
	position: absolute;
	left: 10px;
	top: 10px;
	width:300px;
	height:170px;
	overflow:hidden;
}





.bottom { padding: 20px 0 }
.bottom .title { font-size: 36px; font-weight: bold; color: #E7E7E7; padding-bottom: 15px }
.bottom .cat { width: 192px; float: left }
.bottom .cat_2 { width: 384px }
.bottom .cat .name { padding: 10px 20px 10px 15px; font-size: 18px; color: #FFFFFF; font-weight: bold; }
.bottom .cat .name a { color: #FFFFFF; text-decoration: none }
.bottom .cat .name a:hover { color: #DDDDDD }
.bottom .subcats { padding: 10px 0 30px 0; overflow: hidden; height: 315px }
.bottom .subcats ul { margin: 0; padding: 0; padding-left: 17px; list-style-type: none }
.bottom .subcats ul.left{ float: left; width: 160px}
.bottom .subcats ul.right{ float: left; width: 160px}
.bottom .subcats ul li { margin: 5px 0; padding: 0; color: #FFFFFF; font-size: 12px; font-weight: bold; line-height: 130% }
.bottom .subcats ul li span { opacity: 0.6; font-size: 9px; font-weight: normal }
.bottom .subcats ul li a { color: #FFFFFF; text-decoration: none }
.bottom .subcats ul li a:hover { color: #DDDDDD }

.bottom .copyrights { font-size: 12px; font-weight: normal; color: #DDDDDD; text-align: right; padding: 10px 5px }