/*  
Theme Name: Writing Contest Pesta Blogger 2009
Theme URI: http://lombamenulis.pestablogger.com
Description: Writing Contest Pesta Blogger 2009 WordPress theme build by <a href="http://lombamenulis.pestablogger.com" title="Free WordPress Themes">Ipul Anwar</a>
Version: 1.0
Author: Ipul Anwar
Author URI: http://ipulanwar.blogspot.com
*/

/* Other information:

- Themes ini khusus dibuat untuk Writing Contest Pesta Blogger 2009
- Silahkan untuk yang ingin menggunakan themes ini untuk personal maupun komersil

*/

/* General styles */

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

body {
	font:11px Verdana, Arial, Helvetica, sans-serif;
	background: #eeeeee;
	margin: 0;
	padding: 0;
	color: #333333;
	background: #F5F5F5 url(images/bg.jpg) repeat-x;
}
/* general style */
h1 { font:18px "Trebuchet MS", sans-serif; color:#383838; font-weight:bold; }
h2 { font:16px Arial, Helvetica, sans-serif; color:#383838;	font-weight:bold; }
a {	text-decoration: none; color: #000000; }
a:hover { color: #C17D00}

/* page configuration */
#page {
	margin-top:10px;
	width: 100%;
}
/* header style */
#header {
	width:100%;
	margin:0 auto;
	z-index:10;
	float:left;
}
.header {
	width: 900px;
	margin: 0 auto;
	border:8px solid #FFFFFF;
	border-bottom: none;
	background:#4A3100;
}
/* footer style */
#footer {
	width:100%;
	margin: 0 auto;
	z-index:1;
	background:#333333;
}
.footer {
	width:870px;
	font:10px Verdana, Arial, Helvetica, sans-serif;
	color:#999999;
	margin: 0 auto;
	padding: 10px 15px 50px 15px;
	background:#333333;
}
.footer a {
	color:#999999;
	text-decoration:underline;
}
/* main style */
#main {
	margin: 0 auto;
	z-index:1;
}
.main {
	width: 900px;
	margin: 0 auto;
	padding-bottom:15px;
	border-left:8px solid #FFFFFF;
	border-right:8px solid #FFFFFF;
	background: #FFFFFF url(images/bg_main.jpg) top repeat-x;
}
/* mainContent style */
#mainTop {
 	width:880px;
	margin: 0 auto;
	word-wrap: break-word;
	overflow: hidden;
	background: #ffffff;
	
}
.mainTop {
	width: 860px;
	margin: 0 auto;
	margin-top: 2px;
	background: #ffffff;
}
/* mainContent style */
#mainContent {
 	width:500px;
	float:left;
	padding:0 5px 0 20px;
	word-wrap: break-word;
	overflow: hidden;
}
/* mainContent style */
#mainManage {
 	width:880px;
	margin: 0 auto;
	word-wrap: break-word;
	overflow: hidden;
	background: #ffffff;
	
}
.mainManage {
	width: 860px;
	margin: 0 auto;
	margin-top: 2px;
	background: #ffffff;
}
/* sidebar style */
#sidebar {
	width: 345px;
	float: left;
	word-wrap: break-word;
	overflow: hidden;
	margin-left:15px;
	background:#ffffff;
}
.sidebar {
	padding:15px 0;
}
#sidebar #sidebartop{
	width: 345px;
	float: left;
}
.sidebartop {
	padding:15px 0;
}
#sidebar #sidebar1{
	width: 180px;
	float: left;
}
.sidebar1 {
	padding:10px;
}
#sidebar #sidebar2{
	width: 165px;
	float: left;
}
.sidebar2 {
	padding:10px 0px 10px 10px;
}
/* clear float */
.clearfloat {
	clear: both;
}
/* nav style */
#nav {
	width:100%;
	height: 55px;
	margin:0 auto;
	z-index:10;
	float:left;
}
#nav .nav {
	width: 870px;
	height: 30px;
	margin: 0 auto;
	font-family: "Trebuchet MS", sans-serif 11px;
	color: #333;
	padding:0 15px;
	border-left:8px solid #FFFFFF;
	border-right:8px solid #FFFFFF;
	background:#cccccc url(images/bg_bar.jpg) top repeat-x;
}
.nav ul {
	list-style: none;
	margin:0;
	padding:0;
}
.nav li {
	float: left;
}
.nav a {
	color: #000;
	text-decoration: none;
	font-weight:bold;
	display: block;
	margin-right:1px;
	padding: 8px 7px;
}
.nav a:hover {
	color: #fff;
	text-decoration: none;
	font-weight:bold;
	display: block;
	margin-right:1px;
	padding: 8px 7px;
	background: #B97800;
}
#nav .nav2 {
	width: 870px;
	height: 25px;
	margin: 0 auto;
	font-family: "Trebuchet MS", sans-serif 11px;
	color: #fff;
	padding:0 15px;
	border-left:8px solid #FFFFFF;
	border-right:8px solid #FFFFFF;
	background:#000000;
}
.nav2 ul {
	list-style: none;
	margin:0;
	padding:0;
}
.nav2 li {
	float: left;
}
.nav2 a {
	color: #fff;
	font-weight:bold;
	text-decoration: none;
	display: block;
	margin-right:1px;
	padding: 5px 7px;
}
.nav2 a:hover {
	color: #eeeeee;
	font-weight:bold;
	text-decoration: none;
	display: block;
	margin-right:1px;
	padding: 5px 7px;
	background: #666666;
}
/* Logo Styles */

#cssLogo {
	width: 900px;
	float:left;
}

#cssLogo h1 {
	text-indent: -10000px;
	font: 24px "Trebuchet MS", sans-serif;
	color:#FFFFFF;
	margin:0;
	padding:0;
}

#cssLogo h1 a{
	display:block;
	background: url(images/header.jpg) left bottom no-repeat;
	outline:none;
	height:200px;
}

.cssFrame {
	border: 1px solid #CCCCCC;
}