/*======================================
Theme Name: Beoco themes
Theme URI: http://www.beoco.or.id/
Description: Themes Keren untuk Blog yang pingin banyak lokasi penempatan Iklan Adsense atau Barner di kembangkan oleh CV. Beoco Development
Version:1.1.2
Author: Aan Farianto, S.Kom
======================================*/
*{
margin:0;
padding:0;
}
body{
background: #3f3f3f url(images/bg.jpg) fixed top center;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
color:#FFFFFF;
}
#wrapper{
margin:0 auto;
padding:0;
width:940px;
background:#000000;
}
.clear{
clear:both;
}
a{
text-decoration:none;
outline:none;
color : #FF6600;
}
blockquote{
margin-bottom:10px;
margin-top:5px;
background:url(images/quote.gif) left top no-repeat;
padding:5px 5px 5px 45px;
font: italic normal 100% verdana;
color: #999999;
}
code {
background : #cccccc;
border-bottom : 1px solid;
border-bottom-color : #999999;
padding-left:3px;
padding-right:3px;
text-align:left;
}
img a{
border:none;
}
ul{
list-style:none;
}
#navigation{
display:block;
float:left;
width:940px;
height:150px;
margin-bottom:20px;
background:#c0c0c0 url(images/logo.gif);
}
#navigation ul {
margin:110px 5px 0 0;
float:right;
}
#navigation li {
display:inline;
}
#navigation ul li.current_page_item a {
background:#333333;
height:20px;
font-weight:bold;
color:#FFFFFF;
border:0px;
padding:5px 10px 5px 10px;
}
#navigation ul li.current_page_item a:hover{
color:#FF6600;}
#navigation a {
background:#FF6600;
color:#000000;
height:20px;
font-weight:bold;
float:left;
margin:0pt 1px 0 0;
padding:5px 7px 5px 7px;
border-left:3px solid #FF6600;
border-right:3px solid #FF6600;
}
#navigation a:hover{
color:#FFFFFF;}
#header-c{
float:left;
}
#header{
padding:0px 0px 0px 0px;/*TUTUP */
height:0px;
float:left;
background:#333333;

}
#navigation h1 {
padding:110px 0px 10px 20px;
font-size:10px;
font: normal 100% verdana;
float:left;
color:#000000;
}
#hsearch{
float:right;
margin-top:14px;
}
#s{
border:none;
padding:4px;
font-size:11px;
width:230px;
background:#CCCCCC;}
#s:active,#s:focus{
background:#FFF;
}
.alignleft{
float:left;}
.alignright{
float:right;
}
/******************************date***************/
/*date*/
.month {
width:40px;
padding:7px 3px 0px;
text-align:center;
color:white;
background:url(images/date.jpg) no-repeat top;
display:block;
font-size:11px;
float:left;
margin-right:10px;
height:40px;}
.date {
display:block;
color:#9b241b;
padding:1px 1pt 0px 1px;
font-size:15px;
font-weight:bold;
}
/******************************contentttttttttttt***************/
#content-container{
margin-top:20px;
width:inherit;
 /*MASALAH ----------------*/
padding-bottom:20px;
float:left;
}


.content{
width:516px;
text-align:justify;
margin-right:9px;
border-right: 1px solid #CCC;
padding-left:15px;
float:left;
}

.title{
padding-bottom:10px;

}
.title h2{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:14px;
font-weight:bold;
padding-left:50px;
}
.title h2 a{
color:#FF6600; /*JUDUL CONTENT*/
text-align:left;
}
p.details{
font-size:11px;
padding-left:50px;}
h2.pagetitle{
font-size:12px;
color:#FFFFFF;
padding:5px;
margin-bottom:20px;
}
h2.page{
font-size:16px;
font-weight:bold;
padding:5px 0;
}
.post{
padding:0px 0px 10px 0px;
border-bottom:1px dotted #FF6600;
width:490px;
margin-bottom:45px;
}
.post img{
}
.post a img{
border:0px solid;
}
.post img.wp-smiley{
border:none;
padding:0px;
background:none;
}
.postmeta{
height:17px;
font-size:10px;
margin-bottom:4px;
text-align:right;
}
.postmeta a{
color:#0066CC;
}
.postmeta a:hover{
color:#003366;
}
.entry {
line-height:16px;
}
.entry p{
margin-bottom:10px;
}
.entry a{
color:#FF6600;
text-decoration:underline;
}
.entry a:hover{
color:#FFFFFF;
}
.entry ol{
margin:0px 0 10px 28px;
}
.entry ul{
margin:0px 0 10px 20px;
list-style-type:disc;
}
.entry h2{
font-size:13px;
color:#008000;
border-bottom:1px solid;
margin-top:33px;
margin-bottom:7px;
}
p.postinfo{
background:#FF6600;
border-bottom:1px solid #FF9933;
padding:4px 10px;
border-top:1px solid #FF9933;
font-size:10px;
margin-bottom:20px;
margin-right:10px;
}
#sidebar2 p.postinfo{
margin-right:15px;
}
p.postinfo a{
color: #000000;
}
span.viewing{
padding:0 0  3px 1px;
line-height:15px;
}
span.tag{
background: url(images/tag.png) no-repeat top left;
padding:0 0  3px 19px;
line-height:17px;
}
span.comment{
background: url(images/comment.png) no-repeat top left;
padding:0 0  3px 19px;line-height:21px;
}
span.calendar{
background: url(images/calendar.png) no-repeat top left;
padding:1px 0  3px 19px;line-height:23px;
}
span.rss{
background: url(images/rss.png) no-repeat top left;
padding:1px 0  3px 19px;
line-height:21px;
}
/******************************sidebar***************/
#leftbar,#rightbar{
width:180px;
float:left;
}
#rightbar{
float:right;
width:180px;
margin-right:10px;
}
#sidebar_single{
float:left;
width:399px;
}
#leftbarwidget ul , ul#sidebarwidget{
list-style:none;
margin-bottom:20px;
}
#leftbar ul{
margin-bottom:0px;}
#leftbar ul li h2, #rightbar ul li h2{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
color:#FFFFFF;
margin-top:20px;
background:#FF6600 url(images/sidebarline.jpg);/*HEADER SIDEBAR*/
padding:7px 0;
text-indent: 10px;
margin:20px 0px 5px 0px;
}
#leftbar ul li ul li, #rightbar ul li ul li{
line-height:19px;
padding:1px;
border-bottom:1px solid #CCCCCC;
}
#leftbar a, #rightbar a{
color:#FF6600;
}
#leftbar a:hover, #rightbar a:hover{
color:#FFFFFF;
}
.browse a {
font-size : 14px;
color : #FF6600;
font-weight : bold;
}
.browse a:hover {
color : #FFFFFF;
}
.browse {
padding:0pt 0pt 20px 0;
text-align:center;
}
/********************************** comments template ***********************************/
#comments {
width:510px;
text-align:left;
float :left;
padding-bottom:10px;
}
.dlf a{
color:#666666;
}
.dlf a:hover{
background:#999999;
color:#FFFFFF;
}
.ann {
text-align:left;
}
.ann a{
color:#FF6600;
text-decoration:underline;
}
#comments h2 {
margin-top : 30px;
font-size : 14px;
}
.commentlist {
list-style-type : none;
padding : 0;
}
.commentlist li {
color : #000000;
}
.tx {
margin-bottom:5px;
margin-top:5px;
background:url(images/quote.gif) left top no-repeat;
padding:5px 5px 5px 45px;
font: italic normal 100% verdana;
color:#999999;
}
.tx p {
margin-right:64px;
margin-bottom:10px;
}
.tx blockquote{
font-size:11px;
width:279px;
background-color:#999999;
border-left : 2px solid #A9E28D;
}
.tx code {
border-bottom : 1px solid #999999;
border-left : 1px solid #999999;
background-color:#EFEFEF;
}
.top-border {
height:5px;
padding:5px 5px 5px 5px;
font-size:10px;
color:#FFFFFF;
}
.top-border a:hover{
color:#FFFFFF;
}
.eachcomment{
border:1px solid #FF6600;
width:490px;
background:#000000;
}
.c_info {
padding-left : 40px;
margin-bottom:20px;
}
.c_name {
float:left;
font-size:10px;
}
#formsection{
padding: 24px 10px 10px 24px;
margin:40px 0 0 -19px;
height:194px;
}
.kiri{
float:left;
margin-right:10px;
}

#author, #email, #url {
width:205px;
margin-bottom:4px;
padding:3px 0;
font-family:Verdana, Arial, Helvetica, sans-serif;
}

#commenttext{
width:450px;
height:150px;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
padding:3px;
}

#submit {
height:29px;
margin:14px 0pt 0pt;
width:208px;
}
/******************************footer***************/
#footer{
background:#232323;

padding:10px 10px 12px;
color:#FFFFFF;
}
#footer a{
color:##FF6600;
text-decoration:underline;
}
/****************Form*************/
textarea, input, select, option, button {
	font-family: Verdana, Arial;
	background-color : #FFFFFF;
	color : #000000;
	font-size : 10px;
}
/*******************************/