@charset "utf-8";
/*--------------------------------------------------------
CSA Default Theme

version: 1.0
author:  Bayu Wibawa, S.Kom
email:   bayu.wibawa@gmail.com
website: www.wibawadesign.com
----------------------------------------------------------*/
@import "reset.css";@import "text.css";@import "960.css";


body {
	font: 14px "Trebuchet MS", Arial, Helvetica, sans-serif;
	background: #ffffff;
	margin: 0;
	padding: 0;
	color: #666869;
	line-height: 20px;
}

a {
	color: #196da8;
	text-decoration: none;
}

a:hover {
	/* none applied yet */
	color: #036;
}

h1 {
	font-weight: normal;
	margin-bottom: 0px;
	margin-top: 20px;
}

h2 {}

h3 {}
p {
	overflow: hidden;
	padding: 0px 0 10px;
}



.container_16 {
	background: #FFFFFF;
	width: 915px;
}

/* header */
#header {
	padding: 0;
	margin: 0;
}
.visit_csa_2 {
	display: block;
	width: 100px;
	height: 28px;
	background: url(../images/arrow_blue.gif) left no-repeat;
	padding: 10px 0 0 35px;
	font-size: 15px;
	font-weight: bold;
}
.visit_csa_2:hover {
	text-decoration: none;
}

/* main content */
#main_content {
	margin: 20px 0 0 0;
	padding: 0;
	width: 600px;
}

.content_header {
	display: block;
	width: 600px;
	
}
	.content_header .content_bg {
		display: block;
		float: left;
		width: 569px;
		height: 49px;
		background: url(../images/content_header.gif) repeat-x;
	}
	.content_header .content_bg h3.winner_ideas {
		color: #FFF;
		font-size: 18px;
		font-weight: bold;
		background: url(../images/icon_winner.png) left no-repeat;
		padding: 30px 0 20px 70px;
		margin-top: -10px;
	}
	.content_header .content_bg h3.news {
		color: #FFF;
		font-size: 18px;
		font-weight: bold;
		background: url(../images/icon_tv.png) left no-repeat;
		padding: 30px 0 20px 70px;
		margin-top: -10px;
	}
	.content_header .content_left {
		display: block;
		float: left;
		width: 12px;
		height: 49px;
		background: url(../images/content_header_left.gif) left no-repeat;
	}
	.content_header .content_right {
		display: block;
		float: right;
		width: 19px;
		height: 49px;
		background: url(../images/content_header_right.gif) left no-repeat;
	}
	
/* widget */
#widget {
	margin: 20px 0 0 15px; /*15*/
	width: 295px;
}

.widget_header {
	display: block;
	width: 295px;
}
	/* widget tw */
	.widget_header .tw_bg {
		display: block;
		float: left;
		width: 272px;
		height: 49px;
		background: url(../images/widget_tw.gif) repeat-x;
	}
	.widget_header .tw_bg h3 {
		color: #FFF;
		font-size: 18px;
		font-weight: bold;
		background: url(../images/icon_tw.png) left no-repeat;
		padding: 30px 0 20px 70px;
		margin-top: -13px;
	}
	.widget_header .tw_left {
		display: block;
		float: left;
		width: 13px;
		height: 49px;
		background: url(../images/widget_tw_left.gif) left no-repeat;
	}
	.widget_header .tw_right {
		display: block;
		float: right;
		width: 10px;
		height: 49px;
		background: url(../images/widget_tw_right.gif) left no-repeat;
	}
	
	/* widget fb */
	.widget_header .fb_bg {
		display: block;
		float: left;
		width: 272px;
		height: 49px;
		background: url(../images/widget_tw.gif) repeat-x;
	}
	.widget_header .fb_bg h3 {
		color: #FFF;
		font-size: 18px;
		font-weight: bold;
		background: url(../images/icon_fb.png) left no-repeat;
		padding: 20px 0 20px 50px;
		margin-top: -5px;
	}
	.widget_header .fb_left {
		display: block;
		float: left;
		width: 13px;
		height: 49px;
		background: url(../images/widget_tw_left.gif) left no-repeat;
	}
	.widget_header .fb_right {
		display: block;
		float: right;
		width: 10px;
		height: 49px;
		background: url(../images/widget_tw_right.gif) left no-repeat;
	}

/* widget box */
.widget_box {
	display: block;
	width: 293px;
	border: 1px solid #dad9d9;
	border-top: none;
	margin-bottom: 20px;
	padding-bottom: 20px;
}
.widget_box_noborder {
	display: block;
	width: 295px;
	border-top: none;
	margin-bottom: 20px;
	padding-bottom: 20px;
}
.tw_list {
	display: block;
	padding: 10px 0;
	margin: 0 10px;
	border-bottom: 1px solid #bec1c3;
}
.tw_list_bottom {
	display: block;
	padding: 10px 0;
	margin: 0 10px;
}
	.tw_spoiler {
		display: block;
		padding: 5px 0 0;
	}
	.tw_timestamp {
		font-size: 11px;
	}
	.tw_followme {
		background: url(../images/tw_followme.jpg) no-repeat left;
		width: 116px;
		height: 53px;
		text-indent: -999px;
		display: block;
		margin: 30px 10px 0px;
	}

/* comment box */
.comment_box {
	display: block;
	width: 598px;
	border: none;
	margin: 20px 0;
	padding-bottom: 20px;
	padding-left: 10px;
	padding-top: 10px;
	color: #666869;
	font-size: 14px;
}
.comment_list {
	display: block;
	padding: 20px 0;
	margin: 0;
	border-bottom: 1px solid #bec1c3;
}
.comment_list_bottom {
	display: block;
	padding: 20px 0;
	margin: 0;
}
	.comment_pic {
		float: left;
		width: 50px;
	}
	.comment_desc {
		float: left;
		display: block;
		margin: -5px 0 0px 20px;
		width: 485px;
	}
		.comment_name a {
			font-weight: bold;
			color: #19aefd;
			font-size: 13px;
		}
		.comment_name {
			font-size: 11px;
			color: #757575;
		}
		.comment_detail {
			display: block;
			margin: 20px 0 10px;
		}
		.btn_reply {
			background: url(../images/btn_reply.jpg) no-repeat;
			width: 65px;
			height: 17px;
			display: inline-block;
			border: none;
		}


/* winner ideas box */
.winner_ideas_box {
	display: block;
	width: 598px;
	border: 1px solid #dad9d9;
	border-top: none;
	margin-bottom: 20px;
	padding-bottom: 20px;
}
.winner_list {
	display: block;
	padding: 20px 0;
	margin: 0 20px;
	border-bottom: 1px solid #bec1c3;
}
.winner_list_bottom {
	display: block;
	padding: 20px 0;
	margin: 0 20px;
}
	.winner_pic {
		float: left;
		width: 50px;
	}
	.winner_desc {
		float: left;
		display: block;
		margin: 10px 0 0px 20px;
		width: 485px;
	}
		.winner_name a {
			display: block;
			color: #f15c22;
			font-size: 13px;
			padding-bottom: 5px;
		}
		.winner_detail {
			display: block;
			font-weight: bold;
			color: #196da8;
		}

.news_list {
	display: block;
	padding: 20px 0;
	margin: 0 20px;
	border-bottom: 1px solid #bec1c3;
}
.news_list_bottom {
	display: block;
	padding: 20px 0;
	margin: 0 20px;
}
	.news_author {
		background: url(../images/icon_news.gif) left no-repeat;
		display: block;
		font-size: 10px;
		color: #8a8b8b;
		padding-left: 25px;
		margin-bottom: 15px
	}
		.news_author a {
			color: #f00335;
		}
	.news_spoiler {
		display: block;
		padding: 5px 0 0;
		font-size: 14px;
	}
	.news_title {
		display: block;
		font-weight: bold;
		font-size: 16px;
	}
	.news_subtitle {
		display: block;
		font-weight: bold;
		font-size: 14px;
		color: #196da8;
	}
	.news_readmore {
		font-size: 14px;
		font-weight: bold;
		color: #f15c22;
	}

.news_detail {
	display: block;
	padding: 20px 0;
	margin: 0 20px;
}

.btn {
	font-size: 16px;
	color: #FFF;
	font-weight: bold;
	background: url(../images/btn_bg.gif) left repeat-x;
	height: 30px;
	padding: 11px 20px 0;
	width: 65px;
	text-align: center;
	display: inline-block;
	margin: 20px 20px 0;
	border: none;
}
.btn:hover {
	color: #333;
}
.btn_submit_position {
	float: right;
}
.btn_submit {
	font-size: 16px;
	color: #FFF;
	font-weight: bold;
	background: url(../images/btn_bg.gif) left repeat-x;
	height: 30px;
	padding: 11px 20px 0;
	width: 65px;
	text-align: center;
	display: inline-block;
	margin: 0px;
	border: none;
}
h3.comment_header {
	color: #196da8;
	font-weight: bold;
	font-size: 18px;
	margin-top: 40px;
	display: block;
}
textarea.comment_box {
	border: 1px solid #b9b7b7;
	width: 598px;
}
.push_to_tw_box {
	display: inline-block;
	margin-top: 10px;
	float: left;
}
.push_to_tw {
	font-size: 12px;
	color: #19aefd;
}
.push_to_tw_em {
	font-size: 11px;
	color: #8b8a8a;
	font-style: italic;
}

/* paging news */
.paging_box {
	display:block;
	text-align: center;
	margin-top: 30px;
}
ul.paging {
	list-style: none;
	display: block;
	text-align: center;
	padding: 0;
	margin: 0;
}
	ul.paging li {
		display: inline;
		padding: 0;
		margin: 0;
	}
	ul.paging li a {
		display: inline-block;
		padding: 5px 0 0 0;
		margin: 0;
		width: 26px;
		height: 20px;
		border: 1px solid #d3d1d1;
		color: #414242;
		font-weight: bold;
	}
	ul.paging li a.page_active, ul.paging li a:hover {
		background: url(../images/paging_active.gif) center no-repeat;
	}
	ul.paging li a.page_next, ul.paging li a.page_next:hover {
		margin-left: 10px;
		background: none;
		border: none;
	}
	
/* footer */
#footer {
	margin: 0;
	color: #8b8b8b;
	font-size: 12px;
	padding: 10px 20px 50px;
	border-top: 1px solid #b6b8b9;
}