/*
Theme Name: Enciety - Home
Theme URI: http://mu.wordpress.org/
Description: Enciety - Home theme based on the famous <a href="http://binarybonsai.com/kubrick/">Kubrick</a>.
Version: 1.6
Author: Cak Edy
Author URI: http://binarybonsai.com/
Tags: blue, custom header, fixed width, two columns, widgets

The CSS, XHTML and design is released under GPL:
http://www.opensource.org/licenses/gpl-license.php

*/


/* layout */
body{
	text-align:center;	
	margin:0;
	padding:0;
}
#wrapper{
	width:1000px;
	text-align:left;
	margin:auto;
	font-family:Verdana;
	font-size:11px;
	line-height:15px;
	
}
#topmenu{
	width:1000px;
	height:30px;
	padding-top:10px;
	text-align:right;
	color:rgb(0,0,0);	
	font-weight:bold;
	/* background: url(images/logo.jpg) no-repeat left top*/
}

.tmleft{
  float:left;
}

.tmright{
  padding-top:10px;
  float:right;
  width:775px;
}


#mainwrapper, #contentwrapper{
 
  padding-top:40px;
  padding-left:80px;
  padding-bottom:10px; 
  
}

#content{  
  width:600px;
  float:left;    
}

#main1{
  width:293px;  
  float:left;
}

#main2{
  margin-left:10px;  
  width:208px;
  float:left; 
}

#main3{
  width:325px;
  margin-left:10px;   
  float:left;    
}

#bottomwrapper{
   padding-left:80px; 
   padding-bottom:5px; 
   
}

#bottom1{
  width:293px;  
  float:left;
}

#bottom2{
  margin-left:10px;
  width:208px;
  float:left;
}

#bottom3{
  margin-left:10px;
  width:325px;
  float:left;
  
}

/* font and color */

h3{
  font-size:12px;
}

a:link, a:visited{
  color:rgb(0,106,255);
  text-decoration:none;
}

a:hover{
  color:rgb(255,0,0);
  text-decoration:none;
}

#topmenu a:link, #topmenu a:visited{
  font-family:arial;
  font-size:14px;
  font-weight:bold;
  text-transform:uppercase;
  text-decoration:none;
  color:rgb(0,0,0);  
}

#topmenu a:hover{
  font-family:arial;
  font-size:14px;
  text-transform:uppercase;
  text-decoration:none;
  font-weight:bold;
  color:rgb(0,0,153);
}

#mainwrapper h2{
  color:rgb(255,128,0);
  padding:0 0 4px 0;
  margin:0 0 4px 0;
  font-family:Arial;
  font-size:16px;
  display: block;
  border-bottom:1px solid rgb(0,111,255);
}

#contentwrapper h2{
  font-family:Arial;
  font-size:16px;
}

.postinfo{
  padding:0 0 0 5px;
  border-left:5px solid #ccc;
  margin:0;
  color :rgb(80,80,80);
}

#main1 .thumbnail{  
  float:left;
  margin-right:5px;
}

#main1 h3, #bottom1 h3{
  margin:0;
  padding:0;  
}

#main1 .post{  
  margin-top:20px;
} 

#main3 .post{
  margin-bottom:4px;
}

#main3 h3{ 
  margin:0;
  padding:0;
  
}

#main3 .thumbnail{   
  margin: 4px;
  border:1px solid #ccc;
  padding:3px;
  
}

#bottomwrapper .h2, #bottomwrapper h2{
  color:rgb(80,80,80);
  padding:4px 0 0 0;
  margin:4px 0 6px 0;
  font-family:Arial;
  font-weight: bold;
  font-size:16px;
  display: block;
  border-top:1px solid rgb(0,111,255);
 
}

#bottom1 .item{
  margin-bottom:10px;
}

#bottom3 .tbn{
   float:left;
   padding:3px;
   margin:2px;   
   border:1px solid #ccc;
}

#bottom3 .tbn img{
  width:95px;
  height:95px;
}

#bottom3 .tbn a:link img, #bottom3 .tbn a:visited img, #bottom3 .tbn a:hover img{
  text-decoration:none;
  border:0px;
}

#bottom3 .favicons{
  text-decoration:none;
  
}

#bottom3 .favicons a:link, #bottom3 .favicons a:visite{
  border:0px;
  text-decoration:none;  
}


#footer1{
  float:left;
  margin-left:80px;
  margin-top:20px;  
}

#footer2{
  float:right;
  margin-right:80px;
  margin-top:20px;
}

#footer2 li{
  display:inline;
  padding-left:5px;
}

#footer2 ul{
  padding:0;
  margin:0;
}

#footer a:link, #footer a:visited{
  color:#FFF;
  text-decoration:none;
}

#footer a:hover{
  color:rgb(255,204,0);
}

.alignleft{
  float:left;
}

.alignright{
  float:right;
}

.entry{
  margin-top:10px;
}

#content h2{
  
  font-size:18px;
}

#sidebar{
  float:left;   
  margin-left:20px;
  width:225px;
  margin-top:30px;
  padding-left:0;
}

#sidebar ul{
    margin:0; 
    padding:0;
}

#sidebar ul li{
  margin:5px 0 0 0;
  list-style-type: none;  
}

#sidebar h2{
  font-size:14px;
  text-transform: uppercase;
  font-weight:bold;
  font-family:arial;
  margin:15px 0 5px 0;
}

.data{
	 /* background: url(../../images/quote.gif) no-repeat left top;	 */
	 color: #6A6A6A; 
	 font-size:8px;
}

.data blockquote{    
	 font-weight: normal;
	 color:#000;
	 margin:0 0 5px 0;
	 padding:0;
	 font-size:11px;	
}

/* 
Style Sheet code for Image Caption Easy Plugin for WordPress
Copy and Paste this code into your WordPress theme style sheet file (style.css) then upload to its location.
You can edit any of these to suit your needs.
*/
.imagecaptioneasy {
  padding: 5px;
  font-family: arial,helvetica,sans-serif;
  font-size: 10px;
  line-height: 1.15em;
  text-align: center;
  border: 1px solid #808080;
  background: #EAEAEA;
  color: #333;
}
.imagecaptioneasy img { border: 0px solid #fff; margin-bottom:5px; }
.imagecaptioneasy span { text-align: center; }
.imagecaptioneasy_top_left { margin: 0 11px 11px 0; float: left; }
.imagecaptioneasy_top_right { margin: 0 0 11px 11px; float: right; }
.imagecaptioneasy_top_nowrap { margin: 0 0 11px 0; float: none; }
.imagecaptioneasy_left { margin: 11px 11px 11px 0; float: left; }
.imagecaptioneasy_right { margin: 11px 0 11px 11px; float: right; }
.imagecaptioneasy_nowrap { margin: 11px 0 11px 0; float: none; }


/* navigasi */
.navigation{
  padding-bottom:20px;  
  padding-top:20px;  
  
}

.lastfocus li{
  margin-left:-20px;
}


/* Comment */

.commentlist li, #commentform input, #commentform textarea {
	font: 0.9em 'Lucida Grande', Verdana, Arial, Sans-Serif;
	}
.commentlist li ul li {
	font-size: 1em;
}

.commentlist li {
	font-weight: bold;
}

.commentlist li .avatar { 
	float: right;
	border: 1px solid #eee;
	padding: 2px;
	background: #fff;
	}

.commentlist cite, .commentlist cite a {
	font-weight: bold;
	font-style: normal;
	font-size: 1.1em;
	}

.commentlist p {
	font-weight: normal;
	line-height: 1.5em;
	text-transform: none;
	}

#commentform p {
	font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif;
	}

.commentmetadata {
	font-weight: normal;
	}

/* tambahan */

.textboxleft{
	width:250px;
	margin-right:8px;
	font-family:georgia;
	font-size:15px;
	font-weight:bold;
	line-height:22px;
	float:left;
	color:#0080C0;
	background:#DEEDF8;
	padding:5px 5px 5px 10px;
}

.textboxright{
	width:250px;
	margin-left:8px;
	font-family:georgia;
	font-size:15px;
	font-weight:bold;
	line-height:22px;
	float:right;
}

#ritel,{
  margin-top:15px;
}

#ritel .sideheader{
  background: url(images/menu-ritel.gif) no-repeat left top; 
  width:220px;
  height:54px;
}


#ritel .sidecontent{
  border:2px solid #FFE87E;
  padding:4px;
  width:208px;   
}

#ritel h3{
   margin:0 0 5px 0;
}

#focus .sideheader{
  background: url(images/menu-focus.gif) no-repeat left top; 
  width:220px;
  height:48px;
}

#focus .sidecontent{
  border:2px solid #14275F;
  padding:4px;
  width:208px;   
}

#focus h3{
   margin:0 0 5px 0;
}

/* Contact */

.contact fieldset{
	padding:5px;
	background-color:#D8E4F1; border:1px solid #ccc;
}

.contact legend{
	font-weight:bold;background-color:#FFF; border:1px solid #ccc;	
}

/* TOPIC OF THE WEEK */

ul#community  {
	float: left; 
   text-align: left;
   margin: 0px auto;
   margin-top: 8px;
   margin-bottom: 6px;
   padding: 0px auto;       
}

ul#community li{     	
	margin-left:-40px;        
  list-style: none;  
}

.slides1_wrap {
	position: relative;
	padding: 20px 0 37px 49px;
	width:746px;
}



