@charset "utf-8";
/* CSS Document */

div.box-top {
	background:url(../img/box-community-top.png) 0px 0px no-repeat; width:664px; height:13px; overflow:hidden;
}
div.box-body {
	background:url(../img/box-community-body.png) 0px 0px repeat-y; width:660px; overflow:hidden;
	padding-left:1px; padding-right:3px; border-bottom:solid 1px #ddd;
}
div.box-body2 {
	background:url(../img/box-community-body2.png) 0px 0px repeat-y; width:660px; overflow:hidden;
	padding-left:1px; padding-right:3px; position:relative;
}
div.box-gradient {
	position:absolute; top:0px; left:1px; z-index:0;
	background:url(../img/gray-gradient.png) 0px 0px repeat-x; width:660px; height:57px;
}
table.community {position:relative; z-index:1}
div.box-bottom {
	background:url(../img/box-community-bottom.png) 0px 0px no-repeat; width:664px; height:14px; overflow:hidden;
}

div.community h2.title {margin:36px 12px 12px 12px; font-size:18px;}

table.community {width:100%;}
table.community td.filters {width:135px; border-right:solid 1px #ddd; padding:24px 12px 12px 12px;}
table.community td.filters h3 {font-size:12px; margin:0px 0px 12px 0px;}
table.community input.search {padding:2px; border:solid 1px #ddd; width:120px; margin-bottom:18px;padding:5px;color:#777;}
table.community div.browse-by a {display:block; color:#888; text-decoration:none;line-height:200%;}
table.community div.browse-by a.active {color:#444; font-weight:bold;line-height:200%;}

table.community td.browse {padding:24px 0px 12px 0px;}
table.community td.browse div.page {float:left; margin-left:12px; position:relative; z-index:1;}
table.community td.browse div.show {float:right; margin-right:12px; position:relative; z-index:1; font-size:11px, color:#888;}

table.news {width:100%;}
table.news td {padding:24px 12px; border-bottom:solid 1px #ddd;}
table.news h3 {margin:0px;font-family:Arial; font-size:11px; color:#555;}
table.news h3 span.author {font-family:Arial; font-size:10px; color:#777;}

table.news p.content {
	font-family:Arial; font-size:11px; color:#888; margin-top:15px;margin-bottom:10px; width:330px;
	word-wrap: break-word;
}
table.news a.more {color:#888;}
table.news div.date {float:left; color:#888;}
table.news div.share {float:left; font-size:11px;}

table.item td {padding:0px; border:none;}
table.item div.thumb-wrapper {border:solid 1px #ddd; padding:3px; margin-right:12px;}

table.community td.browse div.navi {padding-top:24px; position:relative;}
table.community td.browse div.navi div.gradient {
	width:100%; height:57px; background:url(../img/gray-gradient.png) 0px 0px repeat-x;
	position:absolute; top:0px; left:0px; z-index:0;
}

div.tune-in {float:right;}
div.tune-in div.wrapper {padding:0px 12px;}
div.tune-in h2 {margin:24px 0px 0px 3px;}
div.tune-in p.sign-up {font-family:Arial, Helvetica; font-size:11px; color:#888;}
div.tune-in .newsletter input {float:left; border:solid 1px #ddd; width:140px; height:16px; padding:4px;} 
div.tune-in .newsletter input.empty {color:#888;}
div.tune-in .newsletter a {float:left; display:block; background:url(../img/btn-signup.png) left 0px no-repeat; width:77px; height:24px; margin-left:12px; outline:none;}
div.tune-in .newsletter a:hover {background-position:left -25px;}
div.tune-in .newsletter a:active {background-position:left -50px;}

div.tune-in div.links {margin-top:12px;}
div.tune-in div.links a {display:block; border-top:solid 1px #ddd; color:#777; font-size:11px; padding:12px 0px 12px 28px;}
div.tune-in div.links a:first-child {border-top:none;}
div.tune-in a.facebook {background:url(../img/icon/facebook.png) 0px center no-repeat;}
div.tune-in a.twitter2 {background:url(../img/icon/twitter.png) 0px center no-repeat;}

div.box280.bottom {margin-bottom:24px;}
div.ads-280 {float:right; width:276px; padding:0px 3px 0px 1px; margin-bottom:24px;}