/*

Theme Name: Esempe

Theme URI: http://sendaljepit.net/wordpress-themes/esempe

Description: esempe (pronounced as S-M-P),means SiMPle. It based from Refueled Blank Theme with a little tweaks including additional top page sidebar amd footer sidebar, breadcrumb navigation (doesn't require plugin) , and additional code make it lightweight and loaded faster.

Author: Bambang Catur

Author URI: http://sendaljepit.net/

version: 1.0

Tags: two-column, green, widget-ready,minimalist

*/







/* basics */



*{margin:0; padding:0;}



body {

    background:#fff;

    font-family: Lucida Grande,Calibri,Helvetica,Arial,sans-serif;

    font-size: 10pt;

    margin:20px;

    }



    

h1 {font-size: 24pt;}

h2 {font-size: 20pt;}

h3 {font-size: 15pt;}

h4 {font-size: 10pt;}





img{ border: none; padding:0; }

img a{border:none;}



img.left{ float: left; border: none; padding: 6px 0 0 0; }

img.right{ float: right; border: none; padding: 0 0 0 6px; }

img.center{ margin-left:auto; margin-right:auto; border: none; padding: 0 0 0 6px; }



blockquote{

    font:normal 11pt Lucida Grande,Calibri,Helvetica,Arial,sans-serif;

    border-left:2px solid #A5ABAB;

    margin:15px;

    padding:0 12px 0 12px;

    }



code{

    font-family:"Courier New", Courier, monospace;

    }





/* links */



a{

    color:#21450C;

    text-decoration:none;

    }



a:hover{text-decoration: none;color:#4E7400;}



/* container */





#container {

    width: 960px;

    margin: 40px auto;

    padding:0;

    background:#fff;

    color:#333;

    overflow: hidden;

    }

/* header */



#header {

    background:#717400;

    width: 960px; 

    height: 120px;

    color: #fff; 

    }



#header h1{

    font:normal 30pt Lucida Grande,Calibri,Helvetica,Arial,sans-serif;

    padding:20px 0 0 16px;

    margin:0;   

    font-weight: bold;

    }

    

#header h1 a{color: #fff; text-decoration: none;}

#header h1 a:hover{color: #dfd; text-decoration: none;}





#header h2{

    font:normal 20pt Lucida Grande,Calibri,Helvetica,Arial,sans-serif;

    color:#333;

    padding: 0 0 0 18px;

    margin:0;   

    font-weight: bold;

    }



/* main menu */



#menu {

    background:#000;

    font-family: Lucida Grande,Calibri,Helvetica,Arial,sans-serif;

    font-size: 13pt;

    padding-bottom: 5px;

    width:960px; 

    overflow:hidden;

}

#menu a:link, #menu a:active, #menu a:visited{

    display:block;

    padding:0px 5px;

    border:1px solid #000;

    color:#fff;

    text-decoration:none;

    background-color:#000;

}



#menu a:hover{

    background-color:#fff;

    color:#333;

}



#menu ul {

    margin:0;

    padding:0;

}



#menu ul .current_page_item{

    margin:0;

    padding:0;

	background-color:#770;

}



#menu ul li {

    top:auto;

    list-style-type: none;

    float:left;

    margin: 0;

    padding: 0;

    position:relative;

}



#menu ul li a {

    padding:4px 10px;

    margin: 0;

    color: #fff;

    float:left;

}



#menu ul li a:hover {

    background: #fff;

    color:#000;

}

/* content */





#content {

    float:left;

    width:600px;

    overflow: hidden;

    margin:14px;

    font:Lucida Grande,Calibri,Helvetica,Arial,sans-serif;

    }
#nosidebar{

    float:left;

    width:900px;

    overflow: hidden;

    margin:14px;

    font:Lucida Grande,Calibri,Helvetica,Arial,sans-serif;

    }

#hx {font-size: 20pt; margin:15px; text-align:center; border-bottom: solid 2px #ddd;}

.post {

    margin:0;

    padding:0;

    line-height: 14pt;

    }

    

.post h2{

    font:normal 15pt Lucida Grande,Calibri,Helvetica,Arial,sans-serif;

    }

    

.post h2 a{

    color: #000;

    text-decoration: none;

    }

    

.post h2 a:hover{

    color: #777;

    text-decoration: none;

    }



.post ul {margin:0 12px 0; font:normal 12pt Lucida Grande,Calibri,Helvetica,Arial,sans-serif;}



.post li {margin:0 12px 0; font:normal 12pt Lucida Grande,Calibri,Helvetica,Arial,sans-serif;}



.entry p{margin:12px 0; font:normal 12pt Lucida Grande,Calibri,Helvetica,Arial,sans-serif;}



.postmetadata{

    clear: both;

    font:normal 12pt Lucida Grande,Calibri,Helvetica,Arial,sans-serif;

    background:#eee;

    padding:6px;

    margin: 20px 0;

    }

    



.navigation {

    font:Lucida Grande,Calibri,Helvetica,Arial,sans-serif;

    font-size:12pt;

    width:100%;

    float:left;

    margin:0;

    padding:0;

    overflow:hidden;

    }

    

.cumb {

    font:Lucida Grande,Calibri,Helvetica,Arial,sans-serif;

    font-size:12pt;

    width:100%;

    float:left;

    margin:0 10px 10px 10px;

    overflow:hidden;

    }



    

.alignleft a{float:left; margin:25px 0;}

.alignright a{float:right; margin:25px 0;}







/* sidebar */



#top-sidebar {

    width: 550px;

    font-family: Lucida Grande,Calibri,Helvetica,Arial,sans-serif;

    font-size:11pt;

    margin: 5px 5px 5px 5px;

    padding:10px;

    border-top:solid 5px #ddd;

    border-bottom:solid 10px #ddd;

    overflow: hidden;

    }

#sidebar {

    font-family: Lucida Grande,Calibri,Helvetica,Arial,sans-serif;

    font-size:11pt;

    width:300px;

    float:right;

    margin:0;

    padding: 0 0 0 10px;

    border-left: 1px solid #ddd;

    }



#sidebar h2{

    font:normal 15pt Lucida Grande,Calibri,Helvetica,Arial,sans-serif;

    color: #000;

    border-bottom:solid 2px #ddd;

    margin: 0;

    padding: 0;

}



#sidebar label{

    font:normal 15pt Lucida Grande,Calibri,Helvetica,Arial,sans-serifs;

    color: #000;    

    margin: 0;

    padding: 0;

}



#sidebar p {margin:0; padding: 0 6px 0 12px;}



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



#sidebar ul {

    margin:12px;

    padding:0;

    }



#sidebar ul li {

    margin: 0;

    padding: 0;

    line-height: 14pt;

    list-style-type: none;

    }



#sidebar ul ul {

    margin:14px 0;

    padding:0;

}



#sidebar ul ul li {

    list-style-type: none;

    }



#sidebar ul ul ul{

    margin: 0;

    padding: 0;

}



#sidebar ul ul ul li{

    padding: 0 0 0 15px;

    list-style-type: none;

    color: #898989;

}







/* comments */





#commentform{

    background:#fff;

    margin:0;

    padding:0;

    }

    

#commentform p{

    color: #000;

    }

    

#commentform a{color: #000; text-decoration: none; border-bottom: 1px dotted #465D71;line-height: 14pt;}

    

#commentform h3{

    font-family: Lucida Grande,Calibri,Helvetica,Arial,sans-serif;

    font-size: 10pt;

    font-weight: 300;

    color: #000;

    margin:0;

    padding:0;

    }

    

#comment{

    width:80%;

    }



#author, #email, #url, #comment, #submit{

    background: #fff;

    font-family: Lucida Grande,Calibri,Helvetica,Arial,sans-serif;

    font-size: 11pt;

    margin:5px 5px 0 0;

    padding:0;

    border: 1px solid #000;

    }

    

#submit{margin:5px 5px 0 0;}



#comments{margin:0; padding:0}

    

ol.commentlist {list-style-type: none; margin:0; padding:0;}



.avatar{float:left; margin:0 12px 0 0;}



ol.commentlist li {

    background: #fff;

    margin:10px 0;

    padding:5px 0 5px 10px;

    list-style-type:none;

    }



ol.commentlist li.alt {background: #eee;}

ol.commentlist li p {margin: 6px 0 6px 0; padding: 0 12px 0 0; line-height: 14pt; font-size: 14px}



ol.commentlist a {color:#000;}



cite {

    font-family: Lucida Grande,Calibri,Helvetica,Arial,sans-serif;

    font-size: 12pt;

    font-weight: bold;

    font-style: normal;

    }

    

cite a{color: #000; text-decoration: none; border-bottom: 1px dotted #465D71;}

.bypostauthor{padding:5px !important; background-color:#EFE !important}









/* search */



#searchform{

    padding:0;

    margin:14px 0;

    }



#searchform input#s{

    margin:0;

    padding:2px;

    border:1px solid #000;

    }



#searchform input#searchsubmit{

    border:none;

    background:#333;

    color:#fff;

    text-transform:lowercase;

    }





    

/* misc */
img.centered {

    display: block;

    margin-left: auto;

    margin-right: auto;

    }

    

img.aligncenter {

    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

    }

    

.aligncenter {

    margin-left: auto;

    margin-right: auto;

    }

    

.wp-caption {

   border: 1px solid #ddd;

   text-align: center;

   background-color: #f3f3f3;

   padding-top: 4px;

   margin: 10px;

   /* optional rounded corners for browsers that support it */

   -moz-border-radius: 3px;

   -khtml-border-radius: 3px;

   -webkit-border-radius: 3px;

   border-radius: 3px;

}



.wp-caption img {

   margin: 0;

   padding: 0;

   border: 0 none;

}

.wp-caption p.wp-caption-text {

   font-size: 11px;

   line-height: 17px;

   padding: 0 4px 5px;

   margin: 0;

}





/* footer */



#footer {

    background:#717400;

    clear: both;

    width: 960px;

    border-top:solid 5px #000;

    font-family: Lucida Grande,Calibri,Helvetica,Arial,sans-serif;

    font-size: 12pt;

    font-style: normal;

	padding-left:20px;

	padding-right:20px;

	overflow:hidden;

    }

    

#footer p{;padding:15px 50px 15px 15px;margin: 0; color: #000; text-align:right;}

#footer a{color: #fff;text-decoration: none;}

#footer a:hover{color: #dfd;text-decoration: none;}



.footer-item {

float: left;
height:300px;
overflow:hidden;
width: 32%;
margin:5px;
}

.footer-item ul {

padding-left: 15px;

}

/* ---------------------------------------SEPARATOR -----------------------------------*/