.clr{clear:both;}
.hint_list{width:80%;border:#cccccc solid 1px;list-style:none;padding:0;margin:0;padding:5px;border-radius:10px;}
.hint_list a{display:block;padding:0;margin:0;}
.hint_list a:hover{background:#cccccc;}
.hint_list li{border-bottom:#ddd dotted 1px;line-height:2.1em;font-size:17px;}

#subcats{padding:10px;background:#f4f4f4;border:#cccccc 1px solid;border-radius: 10px;overflow:auto;margin-bottom:20px;padding-bottom:30px;}
#subcats ul {list-style: none;padding:0;margin:0;}
#subcats li{list-style: none;float:left;padding-right:30px;width:45%;padding-bottom:15px;}
#subcats .cat_title{font-size:15px;padding-bottom:5px;font-weight: bold;}

#search-wrapper{padding:5px;background:#f4f4f4;border-radius: 10px;border:solid #ccc 1px;overflow:auto;margin-bottom: 20px;}
#search-wrapper .search-form{margin:15px;}
#search-wrapper .search-form .search{width:80%;height:35px;font-size:18px;padding:3px 5px 0px 5px;}
#search-wrapper .search-form input[type="submit"]{width:15%;height:40px;vertical-align: top}

#categories{padding:10px;border:#cccccc 1px solid;border-radius: 10px;overflow:auto;margin-bottom:20px;padding-bottom:30px;}
#categories ul {list-style: none;padding:0;margin:0;}
#categories li{list-style: none;float:left;padding-right:30px;width:45%;min-height:130px;}
#categories .cat_title{font-size:16px;}
#categories .sub span{font-weight:bold;}
#categories .sub{display:block;font-style:italic;line-height:2.2em;font-size:12px;}

#latest_articles{padding:10px;border:#cccccc 1px solid;border-radius: 10px;overflow:auto;margin-bottom:20px;padding-bottom:30px;}
#latest_articles ul {list-style: none;padding:0;margin:0;}
#latest_articles li{padding:5px 0 5px 0;border-bottom:#ccc dotted 1px;}
#latest_articles .readmore{float:right;}
#latest_articles .art_title{font-size:15px;padding-bottom:5px;font-weight: bold;}
#latest_articles .meta_intro{font-size:13px;}

#breadcrumb{padding:10px;background:#f4f4f4;border:#cccccc 1px solid;border-radius: 10px;overflow:auto;margin-bottom:20px;padding-bottom:10px;}

#art_meta{padding:10px;background:#f4f4f4;border:#cccccc 1px solid;border-radius: 10px;overflow:auto;margin-bottom:20px;margin-top:20px;padding-bottom:30px;}

@media screen and (max-width: 960px) {
	#categories li{width:90%;}
	#subcats li{width:90%;}
}

@media screen and (max-width: 500px) {
	#search-wrapper .search-form .search{width:70%;}
	#search-wrapper .search-form input[type="submit"]{width:25%;}
}