/*
Theme Name: Contest Beat
Theme URI: http://www.contestbeat.com
Description: Contest Beat Theme
Version: 1.0
Author: Pupung Budi Purnama
*/

* {
	margin: 0;
	padding: 0;
}
body {
	background: #F9F9F9 url(images/bg-main.jpg) repeat-x top;
	text-align: center;
	font: normal 15px Tahoma, Arial, Verdana, Sans-Serif;
	color: #4A4339;
}
#container {
	width: 974px;
	text-align: left;
	margin: 0 auto;
}
.clearfix {
	clear: both;
}
#line-border{
	width: 940px;
	border-bottom: 1px solid #E3E2E2;
	height: 5px;
	clear: both;
	margin: 0 auto;
}
a img {
	border: 0;
}
h2, h3, h4, h5, h6 {
	font-size: 16px;
	margin-top: 10px;
}
blockquote {
	background: #EFEEEE;
	padding: 10px;
	margin-top: 10px;
	margin-bottom: 10px;
}
blockquote blockquote {
	border-left: 4px solid #E3E2E2;
}

/* HEADER STYLING */
#header {
	width: 966px;
	height: 61px;
	padding-left: 8px;
}
#header h1 {
	text-indent: -7777px;
	width: 302px;
	height: 61px;
}
#header h1 a {
	width: 302px;
	height: 61px;
	
	display: block;
}
#logo {
	width: 302px;
	height: 61px;	
	background: url(images/logo.png) no-repeat top left;
	float: left;
}
/* HEADER STYLING */


/* MENU STYLING */
#menu {
	width: 966px;
	height: 20px;
	font: bold 16px Arial, Verdana, Helvetica, Sans-Serif;
	color: #fff;
	padding-left: 8px;
	padding-top: 10px;
	padding-bottom: 10px;
}
#menu ul {
	list-style: none;
	text-align: left;
	padding-top: 1px;
}
#menu ul li {
	display: inline;
}
#menu ul li a {
	color: #fff;
	text-decoration: none;
	
	padding-top: 10px;
	padding-bottom: 10px;
	padding-left: 10px;
	padding-right: 10px;

}
#menu ul li a:hover {
	background: url(images/menu-hover.png) repeat-x top left;
}
#menu ul li.current_page_item a {
	background: url(images/menu-hover.png) repeat-x top left;
	padding-top: 10px;
	padding-bottom: 10px;
	padding-left: 10px;
	padding-right: 10px;
}

/* MENU STYLING */

/*CONTENT STYLING */
#wrap-content {
	background: url(images/bg-content.png) no-repeat top center;
	width: 974px;
}
#content {
	padding: 8px 0px;
	width: 958px;
	margin-top: 0px;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 0px;
	background-color: #fff;
}
#content a {
	color: #1B4D8C;
}
#content a:hover {
	/*color: #DBBD18;*/
	color: #E37621;
}
#content #featured {
	background: url(images/bg-featured.png) repeat-y center;
	width: 100%;
}
#content #featured .box {
	width: 295px;
	float: left;
	padding: 9px 0px 9px 17px;
}
#content #featured .left {
	
}
#content #featured .center {
	margin-left: 0px;
}
#content #featured .right {
	margin-left: 7px;
}
#content #featured .box ul {
	list-style: none;
	padding: 10px;
}
#content #featured .box ul ul {
	padding: 0;
}
#content #featured .box h2 {
	font: bold 18px Arial, Verdana, Helvetica, Sans-Serif;
}
#content #featured .box ul li li {
	font-size: 14px;
	font-weight: bold;
	background: url(images/bullet.png) no-repeat left 1px;
	padding-left: 20px;
	margin-top: 5px;
}
#content #featured .box ul li a {
	text-decoration: none;
}
#content .content-post ul {
	padding-left: 25px;
	list-style-position: outside;
	padding-bottom: 20px;
	line-height: 20px;
}
#content .content-post ol {
	padding-left: 30px;
	padding-bottom: 20px;
	list-style-position: outside;
	line-height: 20px;
}
#content .content-post ul li, #content .content-post ol li{
	padding-left: 5px;
}
#content .content-post p {
	margin-bottom: 10px;
}
#content .content-post img {
	border: 0;
	background: #efefef;
}

/*POST WRAP*/
#post-wrap {
	background: #fff url(images/bg-post.png) repeat-y;
	padding-right: 10px;
}
#post-wrap #main-post {
	width: 616px;
	float: left;
	
}
#post-wrap #sidebar {
	width: 302px;
	float: right;
	background: url(images/bg-right-bottom.png) repeat-x;
	margin-top: 6px;
}
.post {
	padding-left: 16px;
	padding-bottom: 20px;
	font-size: 16px;
	line-height: 20px;
	width: 580px;
}
.post h2 {
	font: bold 22px Arial, Helvetica, sans-serif;
	padding-top: 15px;
}
.post h2 a {
	text-decoration: none;
}
.date-post {
	font-size: 12px;
	padding: 5px 0px;
}
.date-post a {
	color: #2879B4;
	text-decoration: none;
	font-weight: bold;
}
.date-post .time {
	background: url(images/icon-time.png) no-repeat left;
	height: 23px;
	padding-left: 25px;
	padding-top: 5px;
	padding-bottom: 5px;
	margin-right: 10px;
}
.date-post .category {
	background: url(images/icon-category.png) no-repeat left top;
	height: 23px;
	padding-left: 25px;
	padding-top: 5px;
	padding-bottom: 5px;
	margin-right: 10px;
}
.date-post .comment {
	background: url(images/icon-comment.png) no-repeat left;
	height: 23px;
	padding-left: 25px;
	padding-top: 5px;
	padding-bottom: 5px;
	margin-right: 10px;
}

/*SIDEBAR*/
#sidebar ul {
	list-style: none;
	padding: 10px;
}
#sidebar ul ul {
	padding: 0;
}
#sidebar ul h2 {
	font: bold 18px Arial, Verdana, Helvetica, Sans-Serif;
}
#sidebar ul li li {
	font-size: 14px;
	font-weight: bold;
	background: url(images/icon-star.png) no-repeat left top;
	padding-left: 25px;
	margin-top: 5px;
}
#sidebar ul li a {
	text-decoration: none;
}


/*FOOTER*/
#footer {
	background-color: #E9E8E8;
	margin: 0px 10px;
}
#footer p {
	padding: 10px;
}

/*NAVIGATION*/
.navigation {
	margin: 0 10px 10px;
	padding: 10px;
	}
.alignleft {
	width: 250px;
	float: left;
}
.alignright {
	width: 250px;
	float: right;
	text-align: right;
}

/*MAIL NOTIFY */
.mail-notify {
	width: 293px;
	height: 115px;
	background: url(images/bg-subscribe.png) no-repeat top center;
	margin-top: 15px;
}
.mail-notify form {
	padding-left: 25px;
	padding-top: 20px;
	width: 255px;
}
.mail-notify input {
	border: 1px solid #A8A8A8;
	padding: 5px;
	margin-top: 5px;
	float: left;
}
.mail-notify .submit-but {
	margin-right: 20px;
	margin-top: 0px;
	padding: 5px;
	border: none;
	float: right;
}

/*COMMENTS */
#comments-wrap {
	padding: 20px;
}

#comments-wrap #comment-header {
	width: 561px;
	height: 64px;
	background: url(images/bg-comment.png) no-repeat top left;
}
#comments-wrap #comment-header h3 {
	color: #fff;
	margin: 0;
	padding: 10px 10px 5px 10px;
	text-align: center;
	font-weight: normal;
	font-size: 18px;
}
#comments-wrap #feedtrack {
	color: #fff;
	text-align: center;
	font-size: 13px;
	padding-top: 5px;
}
#comments-wrap #feedtrack a {
	color: #fff;
	text-decoration: none;
}
#comments-wrap #feedtrack .rss-comment {
	background: url(images/rss-comment.gif) no-repeat left center;
	padding-left: 22px;
	margin-right: 20px;
	padding-top: 5px;
	padding-bottom: 5px;
}
#comments-wrap #feedtrack .leave-comment {
	background: url(images/leavecomment.gif) no-repeat left center;
	padding-left: 22px;
	margin-right: 20px;
	padding-top: 5px;
	padding-bottom: 5px;
}
#comments-wrap #feedtrack .track-comment {
	background: url(images/track-comment.gif) no-repeat left center;
	padding-left: 24px;
	padding-top: 5px;
	padding-bottom: 5px;
}

ol.commentlist {
	list-style: none;
	width: 561px;
}
ol.commentlist li {
	background: #EAECEF;
	margin-top: 20px;
	padding: 10px;
}
ol.commentlist li.alt {
	background: #C7D3D7;
}
.lightmeta {
	background: url(images/bg-metadata-top.gif) no-repeat center top;
	padding-top: 10px;
	padding-left: 10px;
	width: 532px;
	color: #93C9FF;
	margin-bottom: 15px;
}
.meta-bottom {
	background: url(images/bg-metadata-bot.gif) no-repeat center top;
	width: 542px;
	height: 7px;
	clear: both;
	margin: 0px;
	position: absolute;
	margin-left: -10px;
	padding: 0;
	/*margin-bottom: 15px;*/
}
.lightmeta a {
	color: #fff !important;
	text-decoration: none;
}
.lightmeta .author {
	padding-left: 25px;
	background: url(images/meta-author.gif) no-repeat left top;
	padding-bottom: 5px;
	margin-right: 20px;
}
.lightmeta .commentmetadata {
	padding-left: 25px;
	background: url(images/meta-date.gif) no-repeat left top;
	padding-bottom: 5px;
}
form#commentform {
	width: 541px;
	background: #EAECEF;
	padding: 10px;
}
form#commentform p {
	padding: 5px 0;
}
form#commentform input {
padding: 5px;
}
h3#respond {
	width: 541px;
	padding: 10px;
	font-size: 20px;
	font-weight: normal;
}
ol.commentlist li ol, ol.commentlist li ul {
	padding: 10px;
	margin: 10px;
}
ol.commentlist li ol li,ol.commentlist li ul li {
	padding: 0;
	margin: 0;
}

/*search form*/
#search {
	width: 216px;
	height: 41px;
	background: url(images/bg-search.png) no-repeat top left;
	float: right;
	padding-left: 65px;
	padding-top: 20px;
}
#searchsubmit {
	display: none;
}
#search input {
	background: #fff;
	border: none;
	width: 150px;
	outline: 0;
}