/*
Theme Name: Bandungkeun 5
Theme URI: http://bloggingly.com/
Description: Theme Untuk Bandungkeun.
Version: 1.0
Author: Fikri Rasyid
Author URI: http://fikrirasyid.com/
Tags: blue, fixed width, three columns, widgets


*/

body{
font-family:Lucida Sans,Helvetica,Arial,'Liberation Sans',FreeSans,sans-serif;
font-size:12px;
line-height:1.42em;
vertical-align:baseline;
color:#333;
margin:0;
padding:0;
background:#fff;
}



h1, h2, h3, h4, h5{
font-family:helvetica, arial;
}

a, a:visited{
text-decoration:none;
color:#2061AF;
}

a:hover{
text-decoration:underline;
}

blockquote{
background:#EBEBE6;
border-left:3px solid #D7D7CF;
padding:10px;
font-size: 11px;
}

.align-right{
float:right;
}



/* THE CONTAINER */

.firstcontainer{
float:left;
width:100%;
margin:0 0 0 0;
}



.secondcontainer{
width:900px;
margin:0 auto 0 auto;
}









/* THE MAIN MENU  */

.firstcontainer-menu{
float:left;
width:100%;
margin:0 0 0 0;
border-bottom:1px solid #C3D1DF;

}

#main-menu{
float:left;
width:900px;
margin:0;
}

#main-menu ul{
list-style:none;
margin:0;
padding:0;
float:left;
}

#main-menu ul li{
float:left;
padding:5px 0 4px 0;
}

#main-menu ul li a{
padding:5px 10px;
text-decoration:none;
}

#main-menu ul li a:hover{
color:#fff;
background:#003A73;
}




/* THE HEAD */

#head{
float:left;
margin:10px 0 0 0 !important;
margin:10px 0;
width:900px;
}

#head-left{
float:left;
width:339px;
margin:0 11px 0 0;
padding:0;
}

#main-icon h1{
position:relative;
width:339px;
height:96px;
margin:0;
overflow:hidden;
}

#main-icon h1 span{
position:absolute;
width:100%;
height:100%;
background: url(images/bandungkeun.gif) no-repeat;
}

#head-right-outside{
float:left;
padding:0;
width:550px;
background:url(images/cornerhead2.gif) no-repeat top left;
margin:10px 0 0 0;
}

#head-right{
float:left;
padding:0 10px !important;
padding:10px;
width:510px !important;
width:500px;
background:#fff000;
margin:10px 10px 0 20px !important;
margin:10px 10px 0 10px;
}

#home-video{
float:right;
width:320px;
height:265px;
background:#fff;
margin:10px 0;
}

#search-box{
float:left;
width:510px !important;
width:500px;
background:#EFEFEF;
margin:10px 0 10px 20px !important;
margin:10px 0 10px 10px;
padding:0 10px !important;
padding:10px;
}













/* THE BODY */

.firstcontainer-body{
float:left;
width:100%;
margin:0 0 0 0;
border-top:1px solid #e2e2e2;
padding:10px 0 0 0;
}

#bodyside{
float:left;
width:530px !important;
width:520px;
margin:0;
padding:0 0 10px 0;
}

#archivetitle{
float:left;
width:100%;
border-bottom:3px solid #333333;
}

#archivetitle h2{
margin:15px 0 5px 0 !important;
margin:15px 0 10px 0;
}

.post{
float:left;
width:530px !important;
width:520px;
margin:15px 0;
}

.posttitle{
float:left;
width:530px !important;
width:520px;
}

.posttitle h2, .posttitle h1{
line-height:1.4;
margin:0 0 10px 0;
}

.stmetadata{
float:left;
width:520px !important;
width:510px;
font-size:11px;
padding:5px;
margin:0 0 10px 0;
background:#efefef;
}


/* THE CONTENT */

.kontenpost p{
font-family:Arial,Helvetica,sans-serif;
line-height:1.67;
font-size:12px;
}

.kontenpost h2, .kontenpost h3{
font-family:Arial,Helvetica,sans-serif;
margin:40px 0 0 0;
line-height:1.5;
}

.kontenpost a{
background:#EFF6FF;
border-bottom:1px solid #B3CEEF;
}
.kontenpost a:hover{
color:#fff;
background:#003A73;
text-decoration:none;
}

.thenavigation{
float:left;
width:520px !important;
width:510px;
border-top:1px solid #e2e2e2;
border-bottom:1px solid #e2e2e2;
padding:5px;
margin:10px 0 40px 0;
}

/* THE WRITER*/

#about-author{
float:left;
width:518px !important;
width:508px;
padding:10px;
margin:10px 0;
background:#EFF6FF;
border:1px solid #BFDCFF;
}

#about-author h3{
margin:0 0 10px 0;
}

#about-author .avatar{
float:left;
margin:0 10px 10px 0;
}


/* THE SIDEBAR ONE */

#sidebar-one{
float:left;
width:150px;
background:#EFF6FF;
margin:0 10px 0 0;
padding:0 10px 10px 10px;
}

.widgettitle{
font-size:18px;
padding:0 !important;
padding:0 0 0 -40px;
line-height:1.2;
font-size:18px !important;
font-size:17.9px;
}


#sidebar-one li, #sidebar-two li, #foot-first li, #foot-second li, #foot-third li{
list-style:none;
padding:0;
margin:0 0 40px 0;
}

#sidebar-one ul li, #sidebar-two ul li, #foot-first ul li, #foot-second ul li, #foot-third ul li{
list-style:none;
padding:0;
margin:0;
}

#sidebar-one li ul, #sidebar-two li ul, #foot-first li ul, #foot-second li ul, #foot-third li ul{
padding:0;
margin:0;
}

#sidebar-one li.widget_categories ul li{
padding:0 0 10px 0;
}

#sidebar-one li.widget_categories ul li ul{
padding:0 0 0 20px;
}

#sidebar-one li.widget_categories ul li ul li{
padding:0;
}








/* THE SIDEBAR TWO */

#sidebar-two{
float:left;
width:180px;
margin:0 10px 0 0;
}


#sidebar-two li.widget_tag_cloud a{
line-height:1.2;
}





/*  THE FOOTER  */

#the-footer{
float:left;
width:898px !important;
width:897px;
background:#EFF6FF;
border-left:1px solid #D1DFEF;
border-right:1px solid #D1DFEF;
border-top:1px solid #D1DFEF;
padding:10px 0;
margin:10px 0 0 0;
}

#foot-first{
float:left;
width:329px;
margin:0 10px !important;
margin:0 10px 0 5px;
padding:0 10px;
background:#fff;
}

#foot-first li.widget_get_recent_comments ul li, #foot-first li.widget_recent_entries ul li{
margin:5px 0 10px 0;
}

#foot-second{
float:left;
width:200px;
margin:0 10px 0 0;
padding:0 10px 10px 10px;
}

#foot-third{
float:left;
width:278px !important;
width:277px;
margin:0 10px 0 0;
padding:0 0 0 10px;
border-left:1px dotted #D1DFEF;
}











/*THE THREADED COMMENTS*/

#commentarea{
float:left;
width:480px;
}

.commentlist{
padding:0;
margin:0;
}

.comment, .pingback {
background: #fff url(images/shadow_top.gif) repeat-x top;
border-bottom: #BFDCFF 1px solid;
list-style: none;
margin: 0;
padding: 1em 0.5em;
}

.alt {
background: #EFF6FF;
}

.MyAvatars {
border: 1px solid #ccc;
border-bottom: 1px solid #999;
border-right: 1px solid #999;
float: right;
margin-left: 5px;
margin-right: 10px;
padding: 3px;
}

.children {
margin-left: 30px;
}

.trackbacklist {
margin-left: 20px;
}

.trackbacklist span {
}

h3#respond, h3#comments {
font: bold 1.2em Georgia, "Times New Roman", Times, serif;
color: #333;
}

#comment {
width: 98%;
}


/* Captions */

.aligncenter, div.aligncenter {
display: block;
margin-left: auto;
margin-right: auto;
}

.wp-caption {
background-color:#EAE9E9;
border:1px solid #cfcfcf;
text-align: center;
padding-top: 4px;
margin: 10px;
}

.wp-caption img {
border:0;
margin: 0;
padding: 0;
}

.wp-caption p.wp-caption-text {
font-size: 11px;
line-height: 17px;
padding: 0 4px 5px;
margin: 0;
}



/*  Begin Images */

p img {
padding: 0;
max-width: 100%;
}

img.centered {
display: block;
margin-left: auto;
margin-right: auto;
}

img.alignright {
padding: 4px;
margin: 0 0 2px 7px;
display: inline;
}

img.alignleft {
padding: 4px;
margin: 0 7px 2px 0;
display: inline;
}

.alignright {
float: right;
}

.alignleft {
float: left
}