body {
	padding:0;
	margin:0;
	background-color: #f9fafb;
    font-family: "PT Serif",Georgia,"Times New Roman",Times,serif;
    font-size: 14px;
}
h1
{
	font-size: 28px;
}
.block {
	width:1000px;
	margin:auto;
}
#top {
	width:100%;
    background: url("/i/bg_header.jpg") no-repeat scroll center top rgb(9, 10, 44);
    height: 160px;
}
#logo {
    position: absolute;
    top: 20px;
    left: 500px;
}
.char_barlink {
	padding-right:40px;
}
#page {
	width:1000px;
	margin:auto;
	border-width:1px;
	border-style:solid;
	border-color:#cccccc;
	background-color:#ffffff;
}
.page_content {
	width:1000px;
	float:left;
}
.news_header {
	padding-top:30px;
	padding-left:30px;
	padding-right:30px;
	font-size:22px;
	font-family:Arial, Helvetica, sans-serif;
	color:#232323;
	line-height:22px;
}
.news_date {
	padding-top:5px;
	padding-left:30px;
	padding-right:30px;
	font-size:12px;
	font-family:Arial, Helvetica, sans-serif;
	color:#777777;
	line-height:12px;
}
.news_img {
	padding-top:15px;
	padding-left:30px;
}
.news_text {
	padding-top:15px;
	padding-left:30px;
	padding-right:30px;
	font-size:14px;
	font-family:Arial, Helvetica, sans-serif;
	color:#666666;
	line-height:20px;
}
.news_tags {
	padding-top:15px;
	padding-left:30px;
	padding-right:30px;
	padding-bottom:20px;
	font-size:12px;
	font-family:Arial, Helvetica, sans-serif;
	color:#666666;
	line-height:12px;
}
.news_hr {
	margin-left:30px;
	margin-right:30px;
	border-top-width:1px;
	border-top-style:dotted;
	border-top-color:#cccccc;
	height:1px;
}
.listing {
	padding-top:15px;
	padding-left:30px;
	padding-right:30px;
	padding-bottom:20px;
	font-size:16px;
	font-family:Arial, Helvetica, sans-serif;
	color:#666666;
	line-height:16px;
}
.page_right {
	width:300px;
	float:left;
}
.block_week {
	margin-top:30px;
	border-width:1px;
	border-style:solid;
	border-color:#cccccc;
}
.block_popular {
	margin-top:20px;
	border-width:1px;
	border-style:solid;
	border-color:#cccccc;
}
.block_popular_header {
	padding-top:10px;
	padding-left:15px;
	padding-right:15px;
	font-size:18px;
	color:#232323;
	line-height:18px;
}
.block_popular_week {
	padding-top:10px;
	padding-right:15px;
	padding-left:15px;
	font-size:14px;
	color:#666666;
	line-height:16px;
}
.block_popular_img {
	padding-top:10px;
	padding-left:15px;
	padding-right:15px;
}
.block_popular_text {
	padding-top:10px;
	padding-right:15px;
	padding-left:15px;
	color:#666666;
	line-height:18px;
    font-size: 14px;
}
.block_popular_button {
	padding-top:10px;
	padding-right:15px;
	padding-left:15px;
	padding-bottom:15px;
}
.block_popular_icon {
	width:50px;
	padding-top:10px;
	padding-left:15px;
	padding-right:10px;
	float:left;
}
.block_popular_name {
	width:180px;
	padding-top:10px;
	padding-right:15px;
	font-size:14px;
	color:#666666;
	line-height:16px;
	float:left;
}
.block_popular_type {
	font-size:12px;
	font-family:Arial, Helvetica, sans-serif;
	color:#999999;
	line-height:12px;
}
.block_popular_icon_last {
	width:50px;
	padding-top:10px;
	padding-left:15px;
	padding-right:10px;
	padding-bottom:15px;
	float:left;
}
.block_ad {
	width:270px;
	margin-top:20px;
}
#footer {
	width:100%;
	background-color:#242424;
	margin-top:20px;
}
.footer_copyright {
	width:700px;
	padding-top:20px;
	padding-bottom:20px;
	font-size:14px;
	font-family:Arial, Helvetica, sans-serif;
	color:#888888;
	line-height:18px;
	float:left;
}
.clear {
	clear:both
}
a {
	color:#3b5998;
	text-decoration:none;
}
a:hover {
	color:#3b5998;
	text-decoration:underline;
}
a.gray {
	color:#aaaaaa;
	text-decoration:none;
}
a.gray:hover {
	color:#ffffff;
	text-decoration:none;
}
ul.ul
{
    margin: 0.5em 0;
    padding: 0 0 0 5px;
}
ul.ul li
{
    margin: 0.5em 0; padding: 0 0 0 20px;
    list-style-type: none;
    background: url('/i/li.gif') no-repeat 0 0.6em;
}
.navbar {
    border-radius: 0px;
}
.navbar-inverse .navbar-brand
{
    color: #fff;
}
/*
.navbar-nav{
    margin: 0 auto;
    display: table;
    table-layout: fixed;
    float:none;
}
*/
.autocomplete-suggestions { border: 1px solid #66afe9; background: #FFF; overflow: auto;}
.autocomplete-suggestion { padding: 2px 5px; white-space: nowrap; overflow: hidden;}
.autocomplete-selected { background: #F0F0F0; }
.autocomplete-suggestions strong { font-weight: normal; color: #3399FF; }
.alert-info a
{
    text-decoration: underline;
}
.text-soft
{
	color: #0000ff;
}
.text-neutral
{
	color:#008000;
}
.text-hard
{
	color:#ff0000;
}
.text-shiny
{
    color: green;
}

.text-none
{
    color: #CCCCCC;
    background-color: #fff;
}

.text-mix
{
    color: #000000;
    background-color: #fff;
    border: 1px solid #E3E3E3
}

.text-mix2
{
    color: #000000;
}