@CHARSET "UTF-8";
@IMPORT url("reset.css");

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

.rel { position: relative }
.clear { clear: both }
.wrapper { padding: 0; width: 960px; margin:0 auto }

#top { padding: 15px 0 0 0 }
#top .banner { width: 750px; margin: 0 auto } 

#header { height: 100px; padding: 10px 20px }
#header .banner { position: absolute; right: 33px; top: 40px; width: 468px; height: 60px }
#header h1 { display: inline }

.mid { background-color: #EEEEEE; padding: 8px }

.top_menu { text-align: right; background-color: #444444; font-size: 10px; padding: 6px 180px 5px 0; color: #EEEEEE; position: relative }
.top_menu .login { position: absolute; left: 20px; top: 6px; font-size: 11px }
.top_menu .login a.name { color: # }
.top_menu .login a.name { text-decoration: none; color: #00C0FF }
.top_menu .login a.name:hover { color: #00A0EE }
.top_menu a { color: #EEEEEE; text-decoration: none; margin: 0 5px }
.top_menu a:hover { color: #00C0FF }
.top_menu a.shop { background-color: #c82121; font-weight: bold; border-radius: 4px; -moz-border-radius: 4px; -o-border-radius: 4px; -webkit-border-radius: 4px; display: inline-block; padding: 1px 6px 3px 6px }
.top_menu img { vertical-align: middle; margin-bottom: 3px }

.top_menu .search { position: absolute; right: 10px; top: 5px; margin: 0; padding: 0 }
.top_menu .search fieldset { margin: 0; padding: 0; border: 0 }
.top_menu .search input { vertical-align: middle; border: 0; padding: 2px 5px 3px 5px; height: 10px; font-size: 11px }
.top_menu .search img { margin: 0; cursor: pointer }

.left_col { width: 160px; float: left }
.center_col { width: 468px; float: left; background-color: #FFFFFF; margin: 0 0 0 8px; padding: 10px 0 0 0 }
.right_col { width: 300px; float: left; margin: 0 0 0 8px; background: transparent url('../img/stripe_right_col.jpg') 0 0 no-repeat; padding-top: 10px }

.left_col .cat { margin: 0 0 7px 0; background-color: #D7D0C4; padding: 10px 8px 10px 8px; font-size: 18px; font-weight: bold; color: #3C4F5B }
.left_col ul.subcats { padding: 10px 0 0 0  }
.left_col ul.subcats {}
.left_col ul.subcats li { font-weight: normal; margin: 0 0 5px 0; font-size: 12px; display: block }
.left_col ul.subcats li a { color: #3C4F5B; display: block }
.left_col ul.subcats li a:hover { color: #00C0FF }
.left_col ul.subcats li span { float: right; color: #777777; font-size: 11px; cursor: pointer }
.left_col ul.subcats li:hover span { color: #00C0FF }
.left_col .advert { width: 160px }


.center_col .article { padding: 0 19px }
.center_col .article .photo_float { margin-right: 15px; margin-bottom: 10px; float: left }
.center_col .article .heading { padding: 2px 7px 3px 7px ; background-color: #323232 }
.center_col .article .heading a { text-decoration: none; color: #00C0FF }
.center_col .article .heading a:hover { color: #00A0EE }
.center_col .article .heading h3 { font-size: 18px; color: #FFFFFF; margin: 0; font-weight: normal  }
.center_col .article .heading h3 a { color: #FFFFFF }
.center_col .article .heading h3 a:hover { color: #00C0FF }
.center_col .article .heading p { font-size: 10px; color: #999999; margin: 5px 0 0 0 }
.center_col .article .heading p strong { font-weight: normal; color: #00C0FF }
.center_col .article .heading img { vertical-align: middle; margin: 0 10px 0 3px }
.center_col .article .contents { padding: 20px 0 20px 0; background-color: #FFFFFF; font-size: 12px; line-height: 140%; color: #444444 }
.center_col .article .contents p { font-size: 12px; color: #444444; margin: 0 0 10px 0; line-height: 130% }
.center_col .article .contents .small_photo { float: right; font-size: 11px; color: #555555; width: 230px; margin-left: 20px }
.center_col .article .contents .more { font-size: 12px; font-weight: bold; display: inline-block; margin-top: 7px; margin-right: 20px }
.center_col .article .contents .more a { font-size: 11px; text-decoration: none; padding: 3px 8px 5px 8px; color: #FFFFFF; display: inline-block; background-color: #323232 }
.center_col .article .contents .more a:hover { color: #00C0FF }
.center_col .article .contents .share { display: inline-block; vertical-align: bottom } 
.center_col .article .contents .tags { font-size: 10px; margin-top: 20px }
.center_col .article .contents .tags a { text-decoration: none; color: #00C0FF }
.center_col .article .contents .tags a:hover { color: #444444  }
.center_col .article .contents .gallery { padding: 0 0 10px 0 }
.center_col .article .contents .gallery img { float: left; margin: 0 6px 5px 0}

.center_col .article .similar { padding: 20px 0 0 0 }
.center_col .article .similar .title { font-size: 12px; font-weight: bold; padding: 0 0 15px 0 }
.center_col .article .similar a { display: block; overflow: hidden; padding: 0 0 10px 0; color: #444444; font-size: 12px; line-height: 130% }
.center_col .article .similar a:hover { color: #00C0FF }
.center_col .article .similar a img { float: left; margin: 0 10px 5px 0 }
.center_col .article .similar a strong { display: block; padding-bottom: 4px }



.center_col .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 }
.center_col .comments { padding: 10px 19px 10px 19px }
.center_col .comments .comment { margin: 0 0 20px 0; position: relative; overflow: auto; }
.center_col .comments .comment .avatar { border: 1px solid #AAAAAA; margin: 0 8px 3px 0; float: left; width: 40px; height: 40px }
.center_col .comments .comment div.inner { padding: 5px 0 0 0; font-size: 12px; line-height: 130%; overflow: auto }
.center_col .comments .comment div.label { background-color: #D7D0C4; color: #3C4F5B; padding: 4px 5px 4px 8px; font-size: 10px }
.center_col .comments .comment div.label strong { font-size: 12px }
.center_col .comments .comment div.label strong span { color: #0081ab }
.center_col .comments .comment div.label .options { float: right; font-size: 12px }
.center_col .comments .comment div.label .options a { vertical-align: middle; display: inline-block; width: 13px; height: 13px; margin: -2px 5px 0 0 }
.center_col .comments .comment div.label .options .plus { background: transparent url(../img/ico_comments.jpg) 0 0 no-repeat }
.center_col .comments .comment div.label .options .minus { background: transparent url(../img/ico_comments.jpg) -13px 0 no-repeat }
.center_col .comments .comment div.label .options .report { background: transparent url(../img/ico_comments.jpg) -26px 0 no-repeat }
.center_col .comments #comment_form { margin: 20px 0 0 0 }
.center_col .comments #comment_form label { font-size: 12px; display: block; margin: 0 0 3px 0 }
.center_col .comments #comment_form input { font-size: 12px }
.center_col .comments #comment_form .author { width: 425px; margin: 0 0 10px 0 }
.center_col .comments #comment_form .content { width: 425px; height: 100px; margin: 0 0 10px 0; font-size: 12px }

.center_col .advert { margin: 0 0 20px 0}

.right_col .subpages { 	padding-bottom: 20px }
.right_col .subpages a { color: #FFFFFF; text-decoration: none; font-size: 12px; margin-right: 10px }
.right_col .subpages a:hover { color: #DDDDDD }

.right_col .title { font-size: 18px; font-weight: bold; color: #3C4F5B; margin-bottom: 5px }
.right_col .title img { vertical-align: middle}

.right_col .blogs { padding: 5px 0 15px 0 ; margin: 0 0 20px 0; background: transparent url('../img/stripe_right_col.jpg') 0 100% no-repeat; }
.right_col .blogs a { display: inline-block; margin: 0 2px 0 0; width: 69px; height: 69px; background: transparent url('../img/icons_l.png') }
.right_col .blogs a.facebook { background-position: 0 -70px }
.right_col .blogs a.facebook:hover { background-position: -70px -70px }
.right_col .blogs a.blip { background-position: 0 0 }
.right_col .blogs a.blip:hover { background-position: -70px 0 }
.right_col .blogs a.twitter { background-position: 0 -140px }
.right_col .blogs a.twitter:hover { background-position: -70px -140px }
.right_col .blogs a.youtube { background-position: 0 -210px }
.right_col .blogs a.youtube:hover { background-position: -70px -210px }

.right_col .commented { margin-bottom: 20px; padding-bottom: 20px; background: transparent url('../img/stripe_right_col.jpg') 0 100% no-repeat; line-height: 140% }
.right_col .commented a { margin: 2px 0; text-decoration: none; color: #323232; font-size: 12px; display: block; padding: 5px 0 }
.right_col .commented a:hover { color: #00C0FF }
.right_col .commented a strong span { color: #0081ab }

.right_col .posts { line-height: 140%; padding-top: 3px; margin-bottom: 10px; padding-bottom: 20px; background: transparent url('../img/stripe_right_col.jpg') 0 100% no-repeat; }
.right_col .posts img { float: left; margin: 0 10px 10px 0 }
.right_col .posts a { text-decoration: none; display: block; color: #323232; font-size: 12px; margin-bottom: 10px; }
.right_col .posts a:hover { color: #00C0FF }
.right_col .posts strong { font-size: 13px; display: block; margin: 0 }

.right_col .star { line-height: 140%; padding-top: 5px; margin-bottom: 10px; padding-bottom: 20px; background: transparent url('../img/stripe_right_col.jpg') 0 100% no-repeat; }
.right_col .star a { text-decoration: none; display: block; color: #323232; font-size: 12px; margin-bottom: 5px }
.right_col .star a:hover { color: #00C0FF }
.right_col .star strong { font-size: 17px; display: block; margin: 7px 0 10px 0 }


.right_col .recommend { padding-top: 2px; line-height: 140% }
.right_col .recommend a { color: #444444; font-size: 14px; text-decoration: none; font-weight: bold; margin-bottom: 8px; display: block }
.right_col .recommend a:hover { color: #00C0FF }

.right_col .advert_name { text-align: right; color: #FFFFFF; font-size: 10px }
.right_col .advert { margin-bottom: 10px; padding-bottom: 20px; background: transparent url('../img/stripe_right_col.jpg') 0 100% no-repeat; }

.carousel { position: relative; height: 350px; margin-bottom: 20px; padding: 0 19px }
.carousel .thumbs { padding: 0 19px }

.scroll { position: relative; height: 30px }
.scroll a { font-weight: bold; color: #FFFFFF; padding: 3px 8px 5px 8px; text-decoration: none; font-size: 11px; display: inline-block; background-color: #323232 }
.scroll a.prev { position: absolute; left: 160px; top: 5px }
.scroll a.next { position: absolute; right: 315px; top: 5px }
.scroll a:hover { color: #00C0FF }

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

#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: left;
	font-size: 12px;
	padding: 5px 10px 12px 15px;
	width: 430px;
	text-decoration: none;
	opacity: 0.8; filter: alpha(opacity=80);	
}

#box6>span strong {
	font-size: 18px;
	line-height: 130%;
	font-weight: bold;
	display: block;
	padding: 0 0 3px 0
} 

#box6>span a:hover span { color: #00A0EE }

#handles6_1{
	position: absolute;
	left: 4px;
	top: 290px;
}
#handles6_1 img {
	float: left;
	margin-right: 9px;
	border: 1px solid #444444;
	cursor: pointer
}

.mask6{
	position: absolute;
	top: 0;
	width:430px;
	height:270px;
	overflow:hidden;
}


.bottom { padding: 0 0 20px 0 }
.bottom .advert { margin: 0; padding: 0 0 0 116px; height: 90px; background: #EEEEEE }
.bottom .stripe { background-color: #444444; height: 28px; color: #DDDDDD; padding: 2px 10px }

.bottom_menu { position: relative; text-align: right; background-color: #444444; font-size: 11px; padding: 7px 5px 7px 0; color: #EEEEEE; position: relative }
.bottom_menu a { color: #EEEEEE; text-decoration: none; margin: 0 5px }
.bottom_menu a:hover { color: #00C0FF }


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

#loginform { padding: 20px 0; font-size: 13px }
#loginform div { padding: 10px 0; font-size: 12px }
#loginform div span { color: #FF0000 }
#loginform .left { width: 100px; float: left }
#loginform .right { width: 215px; float: left;padding-right: 100px }
#loginform .center { text-align: center; clear:both; }

#registerform { padding: 20px 0; font-size: 13px }
#registerform div { padding: 10px 0; font-size: 12px }
#registerform div span { color: #FF0000 }
#registerform .left { width: 200px; float: left; text-align: right; padding-right: 15px }
#registerform .right { width: 215px; float: left }
#registerform .center { text-align: center; clear:both; }

#pollform { margin: 0 0 20px 0; font-size: 12px; line-height: 20px }
#pollform input[type="radio"] { vertical-align: middle }
#pollform input[type="submit"] { margin: 20px 0 0 0 }