/*  
Theme Name: Karnanda
Description: Theme wordpress sederhana 
Version: 1.0
Author: Karnanda Prakoso
*/

ul, li {margin: 0; padding: 0;}
h1, h2, h3, h4 {color: #F7941D;}
#wrap {width: 1000px; margin-right: auto; margin-left: auto; margin-bottom: 5px; padding: 5px;}
body {font-family: verdana, helvetica, sans-serif; font-size: 12px; line-height: 24px;}
a {text-decoration: none; color: #F7941D;}
h2 {font-size: 14px; margin: 0;}
#header {padding-left: 10px; margin-bottom: 10px;}
.title {font-size: 24px; font-weight: bold; margin-top: 15px; margin-bottom: 10px;}
.desc {font-size: 12px;}
#nav {padding-left: 10px; margin-bottom: 10px;}

#content {float: left; width: 670px; padding-top: 10px; padding-bottom: 10px; margin-bottom: 5px; margin-top: 5px;}
.post {padding-left: 10px; padding-right: 10px; margin-bottom: 10px;}
.post blockquote {background-image: url(images/quote.gif); background-repeat: no-repeat; padding-left: 30px; font-style: italic; margin: 0px 0px 0px 0px;}
.post-content {float: left;}
.ads-content {text-align: right; width: auto; float: right; padding-left: 10px;}

.wp-pagenavi {width: 100%; clear: both; padding-top: 5px; padding-right: 0px; padding-bottom: 5px; padding-left: 0px; height: auto; text-align: center; margin-top: 10px; margin-right: auto; margin-bottom: 10px; margin-left: auto;}
.pages {color: #000; width: auto; height: auto; margin-top: 0px; margin-right: 3px; margin-bottom: 0px; margin-left: 0px; border: 1px solid #E9E9E9; padding: 5px; font-weight: bold;}
.current {color: #333333; width: auto; height: auto; margin: 0px; border: 1px solid #E9E9E9; padding: 8px;}
.wp-pagenavi a {color: #666666; text-decoration: none; height: auto; width: auto; margin: 0px; display: inline; border: 1px solid #E9E9E9; padding: 5px;}
.wp-pagenavi a:hover {border: 1px solid #E9E9E9; font-weight: bold;}

.featured-title {text-align: center; background-color: #e7f7d2; padding: 8px 10px 8px 10px;}
#sidebar {float: right; width: 320px; padding-top: 10px; padding-bottom: 10px; margin-bottom: 5px; margin-top: 5px;}
.box {padding: 8px; margin-bottom: 5px;}
.box h4 {margin-top: 0px;}
ul {list-style-type: none;}
#footer {text-align: center; padding-top: 3px; padding-bottom: 3px; color: #666666; border-top-width: 1px; border-top-style: solid; border-top-color: #dbdbdb;}
#footer a {color: #666666;}

#back-top {position: fixed; top: 100%; margin-top: -120px; right: 0; margin-right: 5px;}
#back-top a {width: 50px; display: block; text-align: center; text-transform: uppercase; text-decoration: none; color: #bbb;}
#back-top a:hover {color: #000;}
#back-top span {width: 52px; height: 52px; display: block; background-image: url(images/top.png); background-repeat: no-repeat; background-position: center center; opacity: 0.7;}
#back-top a:hover span {opacity: 1;}

.menubutton {padding: 4px 8px 4px 8px; margin-top: 4px; line-height: 18px; background: #FBAF5D; display: inline-block; color: white;}
.menubutton:hover {background: #A7A7A7;}

.tombol-link {padding: 4px 8px 6px 8px; color: white; font-size: 12px; font-weight: bold; line-height: 18px; border-radius: 2px; margin-right: 2px; cursor: pointer; -moz-background-clip: padding; -webkit-background-clip: padding-box; box-shadow: inset 0 -3px 0 rgba(0,0,0,.2); -moz-box-shadow: inset 0 -3px 0 rgba(0,0,0,.2); -webkit-box-shadow: inset 0 -3px 0 rgba(0,0,0,.2); margin-top: 2px; display: inline-block;}
.tombol-link:hover,.tombol-link:active {color: ffffff;}
.tombol-twitter {background: #1B97C4;}
.tombol-twitter:hover,.tombol-twitter:active {background: #0084b4;}
.tombol-facebook {background: #3B5997;}
.tombol-facebook:hover,.tombol-facebook:active {background: #2d4372;}
.tombol-googleplus {background: #D64937;}
.tombol-googleplus:hover,.tombol-googleplus:active {background: #b53525;}
.tombol-header {background: #006600;}
.tombol-header:hover,.tombol-header:active {background: #13980B;}
.tombol-social {margin: 20px 0px 25px 0px; -webkit-font-smoothing: antialiased; font-size: 12px;}