/*  
Theme Name: INDOKREASI
Theme URI: http://indokreasi.com/
Description: A Wordpress Theme For INDOKREASI. Dropdown menu. Sidebar widget. <br> - Designed by <a href="http://utchanovsky.com">Uchan</a> 
Author: Uchan
Author URI: http://utchanovsky.com/
*/

.aligncenter {
	margin: 0 auto;
	}
.alignleft {
	float: left;
	}
.alignright {
	float: right;
	}

cite a:link, cite a:visited
{
color:#0099FF;
}

.commentlist a, .commentlist a:hover
{
background: none;
}

body {
font-family:Arial;
font-size:12px;
color:#000000;
text-align: center;
background: #ffffff;
margin: 0px auto;
padding: 0px;
}
   
a {
   color:#006600;
}
   
a:hover {
   color:#333333;
   text-decoration:underline;}
   
img {
   border:0;}

 
div#container {
margin-left: auto;
margin-right: auto;
   width:800px;
   background:#ffffff url(images/main.jpg) repeat-y;
text-align: justify;
}

   
   
#header {
   width:800px;
   height:200px;
   background:#fff url(images/header.jpg) no-repeat;
   float:right;}

.header-title {
	font-family: Tahoma, Verdana, Arial;
	color:#000099;
	font-size:33px;
	padding:80px 0 0 610px;
	text-align:left;
	}
.header-title a{
	color:#000099;
	text-decoration:none;
	border-bottom:none;
	}
.header-title a:hover{
	color:#000099;
	text-decoration:none;
	border-bottom:none;
	}
.header-description {
	color:#333;
	padding:0 0 0 610px;
	text-align:left;
	}
   
/* Start Navigation Page Header*/

#utchpage {
margin: 5px 0 0px 0;
padding: 5px 0;
clear: both;
height: 22px;
background-image:url(images/utch_navi.jpg);
background-repeat:repeat-x;
}

#nav {
list-style: none;
margin: 0;
padding: 0;
width:800px;
}
	
#nav ul {
margin: 0;
padding: 0;
}

li:hover ul, li.sfhover ul { display: block }
#nav li {
float: left;
margin: 0;
padding: 0;
}

#nav a {
	display: block;
	line-height: 22px;
	margin: 0;
	padding: 0 20px 0 15px;
	font-size: 12px;
	color: #FFFFFF;
	font-weight: bold;
	font-family: Arial;
}

#nav li a:hover {
color: #00CC00;
text-decoration: none;
display: block;
background:#333333;
}

#nav li ul {
list-style: none;
position: absolute;
width: 150px;
left: -999em;
}

#nav li:hover ul, #nav li.sfhover ul {
left: auto;
}
	
#nav li li {
float: left;
margin: 0;
padding: 0;
width: 150px;
}
	
#nav li li a {
	height: 22px;
	line-height: 22px;
	color:#000000;
	margin: 0;
	padding: 5px 20px 5px 15px;
	background:#fff;
	background-color: #FFE0C1;
}
	
#nav li li a:hover {
	color:#fff;
	padding: 5px 20px 5px 15px;
	background:#fff;
	background-color: #339933;
}

#nav li:hover, #nav li.sfhover { /* prevents IE7 drop-down menu bug (focus on a page element prevents nested menus from disappearing) */
position: static;
}

/* End Navigation Page Header*/
   
div#content {
   width:800px;
   padding:0 18px 0 20px;
   clear:both;}
   
div#left {
	width:480px;
	padding:0 37px 50px 23px;
	background:url(images/content_left.gif) repeat-y;
	float:left;
	list-style-type: disc;
	list-style-position: inside;
}
   
div#right {
   width:245px;
   float:right;}

#comment
{
width: 470px;  
border:1px solid #cccccc;
}  
   
.content_post {
	width:475px;
	float:right;
	margin:0 0 30px 0;
   }
   
.content_title {
   font-size:24px;
   border-bottom:1px dotted #afa18f;}
   
.content_title a:link, .content_title a:visited {
      text-decoration: none;
      color:#3e4d24;}
   
.post_info {
   height:20px;}

.content_post_cat {
   color:#333333;
   float:left;}
   
.content_post_comments {
   color:#333333;
   float:right;}
   
.content_post hr {
   height:2px;
   width:100%;
   clear:both;
   margin:0; padding:0;
   border-top:1px solid #fff;
   border-bottom:1px dashed #fff;
   border-left:1px dashed #fff;
   border-right:1px dashed #fff;
}
   
.widget h2 {
   color:#333333;
   font-weight:bold;
   font-size:18px;
   text-align: center;
   width:214px;
   margin:0px 0 0 0;
   background: #FF6600;
}
   
.widget {
   font-size:12px;
   width:214px;
   background: #F8DDC2;
   padding:5px;
   margin-bottom: 10px;
   margin-top: 5px;
   margin-left:-17px;
}

.widget ul {
	padding : 0;
	list-style-image: none;
	list-style-type: disc;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 15px;
}

.widget ul li { 
margin-right : 10px;
padding-bottom : 5px;
}    
   
li a {
   color:#333333;
   padding:0 0 0 0px;}
   
li a:hover {
   color:#0099FF;
   padding:0 0 0 5px;}
   
div#footer {
   height:37px;
   clear:both;
   text-align:center;
   background:url(images/footer.jpg) no-repeat;}
   
div#footer_sponsors {
   width:800px;
   padding-top:10px;
   height:40px;
   text-align:center;
   background:#FF6600;
}
   
 
/* forms
----------------------------------------------- */
form {
   margin:0; padding:0;}
   
.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

.clearfix {display: inline-block;}


/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */