/*



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-columns, green, fixed-width, right-sidebar, threaded-comments



*/

*{

margin: 0;

padding: 0

}

body{

background: #eee;

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

}

a{

color: #21450C;

text-decoration: none

}

a:hover{

text-decoration: underline

}

#container{

width: 960px;

margin: 20px auto;

padding: 0;

background: #fff;

color: #333;

overflow: hidden;

box-shadow: 2px 2px 10px #000;

-moz-box-shadow: 2px 2px 10px #000;

-webkit-box-shadow: 2px 2px 10px #000

}

#header{

background: #77c022;background-image:url('http://sendaljepit.net/wp-content/themes/esempe/images/bg.png');

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: #4e7400;

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

}

#menu{

background: #000;

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

font-size: 14pt;

padding-bottom: 0px;

width: 960px;

overflow: hidden

}

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

display: block;

padding: 0 5px;

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 a {

margin: 0;

padding: 0;

text-decoration: underline;

color: #dfd

}

#menu ul .current-cat a{

color: #77c022;

background-color: #fff;

}

#menu ul li{

top: auto;

list-style-type: none;

float: left;

margin: 0;

padding: 0 5px;

position: relative

}

#menu ul li a{

padding: 4px 10px;

margin: 0;

color: #fff;

float: left

}

#menu ul li .current_page_item a {

margin: 0;

padding: 0;

text-decoration: underline;

color: #dfd

}

#menu ul li .current-cat a{

color: #77c022;

background-color: #fff;

}

#menu ul li a:hover{

background: #fff;

color: #000

}

#content{

float: left;

width: 600px;

overflow: hidden;

margin: 14px

}

#nosidebar{

float: left;

width: 900px;

overflow: hidden;

margin: 14px

}

#hx1, #hx2{

font-size: 20pt;

margin: 15px;

text-align: center;

border-bottom: 2px solid #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: #ACD030;

text-decoration: underline

}

.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-size: 12pt;

width: 100%;

float: left;

margin: 0;

padding: 0;

overflow: hidden

}

.cumb{

font-size: 12pt;

width: 100%;

float: left;

margin: 0 10px 10px 10px;

overflow: hidden

}

#top-sidebar{

width: 600px;

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

font-size: 11pt;

margin: 5px 5px 5px 5px;

padding: 10px;

border-top: 5px solid #ddd;

border-bottom: 10px solid #ddd;

overflow: hidden

}

#top-isi{

width: 570px;

float: left

}

#sidebar{

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

font-size: 11pt;

width: 300px;

float: right;

margin: 0;

padding: 0 0 0 5px;

border-left: 1px solid #ddd

}

#sidebar h2{

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

color: #000;

border-bottom: 2px solid #ddd;

margin: 0;

padding: 10

}

#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: 0 0 0 5px;

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

}

#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

}

#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

}

.aligncenter,

div.aligncenter {

display: block;

margin-left: auto;

margin-right: auto;

}



.alignleft {

float: left;

}



.alignright {

float: right;

}





.wp-caption{

border: 1px solid #ddd;

text-align: center;

background-color: #f3f3f3;

padding-top: 4px;

margin: 10px

}

.wp-caption img{

margin: 3px;

padding: 0;

border: 0 none

}

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

font-size: 15px;

line-height: 15px;

padding: 3px;

margin: 0

}

#footer{

background: #77c022;

clear: both;

width: 960px;

border-top: 5px solid #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

}

#span {

text-decoration: line-through

}

/*social bookmark button*/

#bookmark {

list-style: none;

margin: 20px 0 10px 50px;

padding: 0px;

background:

}

#bookmark li {

display: inline-block;

margin: 0px 1px;

padding: 0px;

width: 48px;

height: 48px

}

#bookmark li a img {

position: relative;

border: none

}

#bookmark li a img.large {

display: none

}

#bookmark li a:hover img.small {

display: none;

z-index: 0

}

#bookmark li a:hover img.large {

display: block;

margin-top: -17px;

margin-left: -17px;

z-index: 1000

}