/*
Theme Name: Gunungkidul
Theme URI: http://wpgpl.com/themes/gunungkidul/
Description: Gunungkidul is Grid Based Layout, 2 Colums enhanced Auto Grabbed Image, Recent Twitt and Recent Flickr, Custom Header and many more
Version: 1.3
Author: Nurudin Jauhari
Author URI: http://wpgpl.com/
Tags: fixed-width, red, white,custom-header,two-columns,right-sidebar,threaded-comments,theme-options
 Crafted on 26 January 2009
 Last Edit: 21 February 21.53 +7 GMT
 This theme was designed and built by Nurudin Jauhari
 The CSS, XHTML and design is released under GPL:
 http://www.opensource.org/licenses/gpl-license.php
 
*/
/* 1. ++++++++++++++++ RESET ++ */
css_html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{font-size:100%;vertical-align:baseline;border:0;outline:0;background:transparent;margin:0;padding:0}ol,ul{list-style:none}blockquote,q{quotes:none}:focus{outline:0}table{border-collapse:collapse;border-spacing:0}br.clear{clear:both}.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden}.clearfix{display:inline-block}* html .clearfix{height:1%}img#wpstats{width:0;height:0;overflow:hidden}.hide,hr{display:none}
/* 2. ++++++++++++++++ TEXT ++ */
body{font:13px/1.5 'Helvetica Neue',Arial,'Liberation Sans',FreeSans,sans-serif;background: #fff; color: #000;}
h1 {
 font-size: 30px;
}
h2 {
 font-size: 26px; font-family: Georgia, "Times New Roman", Times, serif; font-weight: normal;
}
h3 {
 font-size: 22px;
}
h4 {
 font-size: 18px;
}
h5 {
 font-size: 14px; 
}
h6 {
 font-size: 12px; 
}
.texe p, .entry p, .entry ol, .entry ul {
 margin-bottom: 1.3em;
}
.entry ol {
 list-style: decimal;
}
.entry ul {
 list-style: disc;
}
.entry li {
 margin-left: 30px;
}
a {
 color: #000;
}
a:hover {
 color: #007CA5;
}
/* 3. ++++++++++++++++ GRID ++ */
.container_24{margin-left:auto;margin-right:auto;width:960px}.grid_1,.grid_2,.grid_3,.grid_4,.grid_5,.grid_6,.grid_7,.grid_8,.grid_9,.grid_10,.grid_11,.grid_12,.grid_13,.grid_14,.grid_15,.grid_16,.grid_17,.grid_18,.grid_19,.grid_20,.grid_21,.grid_22,.grid_23,.grid_24{display:inline;float:left;position:relative;margin-left:10px;margin-right:10px}.alpha{margin-left:0}.omega{margin-right:0}.container_24 .grid_1{width:20px}.container_24 .grid_2{width:60px}.container_24 .grid_3{width:100px}.container_24 .grid_4{width:140px}.container_24 .grid_5{width:180px}.container_24 .grid_6{width:220px}.container_24 .grid_7{width:260px}.container_24 .grid_8{width:300px}.container_24 .grid_9{width:340px}.container_24 .grid_10{width:380px}.container_24 .grid_11{width:420px}.container_24 .grid_12{width:460px}.container_24 .grid_13{width:500px}.container_24 .grid_14{width:540px}.container_24 .grid_15{width:580px}.container_24 .grid_16{width:620px}.container_24 .grid_17{width:660px}.container_24 .grid_18{width:700px}.container_24 .grid_19{width:740px}.container_24 .grid_20{width:780px}.container_24 .grid_21{width:820px}.container_24 .grid_22{width:860px}.container_24 .grid_23{width:900px}.container_24 .grid_24{width:940px}.container_24 .prefix_1{padding-left:40px}.container_24 .prefix_2{padding-left:80px}.container_24 .prefix_3{padding-left:120px}.container_24 .prefix_4{padding-left:160px}.container_24 .prefix_5{padding-left:200px}.container_24 .prefix_6{padding-left:240px}.container_24 .prefix_7{padding-left:280px}.container_24 .prefix_8{padding-left:320px}.container_24 .prefix_9{padding-left:360px}.container_24 .prefix_10{padding-left:400px}.container_24 .prefix_11{padding-left:440px}.container_24 .prefix_12{padding-left:480px}.container_24 .prefix_13{padding-left:520px}.container_24 .prefix_14{padding-left:560px}.container_24 .prefix_15{padding-left:600px}.container_24 .prefix_16{padding-left:640px}.container_24 .prefix_17{padding-left:680px}.container_24 .prefix_18{padding-left:720px}.container_24 .prefix_19{padding-left:760px}.container_24 .prefix_20{padding-left:800px}.container_24 .prefix_21{padding-left:840px}.container_24 .prefix_22{padding-left:880px}.container_24 .prefix_23{padding-left:920px}.container_24 .suffix_1{padding-right:40px}.container_24 .suffix_2{padding-right:80px}.container_24 .suffix_3{padding-right:120px}.container_24 .suffix_4{padding-right:160px}.container_24 .suffix_5{padding-right:200px}.container_24 .suffix_6{padding-right:240px}.container_24 .suffix_7{padding-right:280px}.container_24 .suffix_8{padding-right:320px}.container_24 .suffix_9{padding-right:360px}.container_24 .suffix_10{padding-right:400px}.container_24 .suffix_11{padding-right:440px}.container_24 .suffix_12{padding-right:480px}.container_24 .suffix_13{padding-right:520px}.container_24 .suffix_14{padding-right:560px}.container_24 .suffix_15{padding-right:600px}.container_24 .suffix_16{padding-right:640px}.container_24 .suffix_17{padding-right:680px}.container_24 .suffix_18{padding-right:720px}.container_24 .suffix_19{padding-right:760px}.container_24 .suffix_20{padding-right:800px}.container_24 .suffix_21{padding-right:840px}.container_24 .suffix_22{padding-right:880px}.container_24 .suffix_23{padding-right:920px}.container_24 .push_1{left:40px}.container_24 .push_2{left:80px}.container_24 .push_3{left:120px}.container_24 .push_4{left:160px}.container_24 .push_5{left:200px}.container_24 .push_6{left:240px}.container_24 .push_7{left:280px}.container_24 .push_8{left:320px}.container_24 .push_9{left:360px}.container_24 .push_10{left:400px}.container_24 .push_11{left:440px}.container_24 .push_12{left:480px}.container_24 .push_13{left:520px}.container_24 .push_14{left:560px}.container_24 .push_15{left:600px}.container_24 .push_16{left:640px}.container_24 .push_17{left:680px}.container_24 .push_18{left:720px}.container_24 .push_19{left:760px}.container_24 .push_20{left:800px}.container_24 .push_21{left:840px}.container_24 .push_22{left:880px}.container_24 .push_23{left:920px}.container_24 .pull_1{right:40px}.container_24 .pull_2{right:80px}.container_24 .pull_3{right:120px}.container_24 .pull_4{right:160px}.container_24 .pull_5{right:200px}.container_24 .pull_6{right:240px}.container_24 .pull_7{right:280px}.container_24 .pull_8{right:320px}.container_24 .pull_9{right:360px}.container_24 .pull_10{right:400px}.container_24 .pull_11{right:440px}.container_24 .pull_12{right:480px}.container_24 .pull_13{right:520px}.container_24 .pull_14{right:560px}.container_24 .pull_15{right:600px}.container_24 .pull_16{right:640px}.container_24 .pull_17{right:680px}.container_24 .pull_18{right:720px}.container_24 .pull_19{right:760px}.container_24 .pull_20{right:800px}.container_24 .pull_21{right:840px}.container_24 .pull_22{right:880px}.container_24 .pull_23{right:920px}.clear{clear:both;display:block;overflow:hidden;visibility:hidden;width:0;height:0}.clearfix:after{clear:both;content:' ';display:block;font-size:0;line-height:0;visibility:hidden;width:0;height:0}.clearfix{display:block}* html .clearfix{height:1%}
/* 4. ++++++++++++++++ Top ++ */
#pagemenu a, #categories a {
 text-decoration: none;
}
#pagemenu {
 float:left;
 text-transform: uppercase;
 font-weight: bold;
 margin:5px 0 0;
 width: 940px;
 border-top: 4px solid #000;
 border-bottom: 4px solid #000;
}
#pagemenu ul {
margin: 0px;
padding: 0px;
list-style-type: none; 
list-style-image: none; 
float: left;
}
#pagemenu ul li {
float: left; 
display: block; 
padding-left: 0px; 
margin: 0px;
}
#pagemenu ul li a:link,#pagemenu ul li a:visited, #pagemenu ul li a:active {
display: block;
color: #111;
font-size: 13px;
padding: 8px 10px;
float: left;
margin: 0px;
}
#pagemenu .current_page_item a:link, #pagemenu .current_page_item a:visited {
}
#pagemenu ul li a:hover {
text-decoration: none;
background: #EFEFEF;
}
/*Dropdown Navigation*/
.nav, .nav * {margin:0;padding:0;list-style:none;}
.nav ul {position:absolute;top:-999em; padding-bottom: 9px;}
.nav li {float:left;position:relative;z-index:199; border: none !important;}
.nav a {display:block;}
.nav ul li{width: 100%;}
.nav li:hover ul,ul.nav li.sfHover ul {left: 0px;top:33px;}
.nav li:hover li ul,.nav li.sfHover li ul {top:-999em;}
.nav li li:hover ul,ul.nav li li.sfHover ul {left:100px;top:0px;}
.nav li:hover ul,.nav li li:hover ul {top: -999em;}
.nav li li {
display: block;
padding: 0px;
}
.nav li ul li ul li {
left: 60px;
}
.nav li:hover {
background-color: #111;
padding: 0px !important;
margin: 0px;
border: none;
}
.nav li li a:link, .nav li li a:visited {
width: 180px;
display: block;
padding: 8px 10px!important;
margin: 0!important;
border: none;
font-weight: normal;
background: #CCC;
}
.nav li li a:hover {
text-decoration: none;
border: none;
}
.syindicate {
text-align:right;
}
.ad728 {
 display: block;
 padding: 5px 0;
 border-bottom: 1px dotted #ccc;
 background: #ccc;
}
/*End Dropdown Navigation*/
/* 5. ++++++++++++++++ POSTS ++ */
.post {
 margin-bottom: 25px;
 padding-bottom: 10px;
}
.post h2 a {
 text-decoration: none;
}
.entry a {
 text-decoration: none;
 color: #007CA5;
}
.entry a:hover {
 text-decoration: underline;
 color: #007CA5;
}
.jame {
 font-size: 13px;
 margin-bottom: 10px;
 display: block;
 position: relative;
 padding-bottom: 5px;
 color: #f00;
}
.post:hover .count a,.post:focus .count a {
 color: #007CA5;
}
.postmetadata {
 color: #888;
 font-size: 11px;
 margin-bottom: 10px;
}
.count {
 float: right;
}
.advertisement {
 margin: 15px 0;
 border-top: 1px dotted #E77600;
 border-bottom: 1px dotted #E77600;
 padding: 10px 0;
}
.advertisement h2 {
 color: #FFA84E;
 font-weight: normal;
 text-transform: uppercase;
 text-shadow: none;
}
.lefty {
 float: left;
 margin-right: 10px;
}
blockquote {
 margin-left: 20px;
 margin-right: 20;
 padding-left: 10px;
 background-color: #;
 border-left: 2px solid #cacaca;
 color: #666666;
}
.entry h2,
.entry h3,
.entry h4,
.entry h5,
.entry h6 {
 font-weight: normal;
 border-bottom: 1px solid #ccc;
 padding-bottom: 5px;
 margin-bottom: 10px;
}
.cinter img {
text-align: center;
margin: 0 auto;
}
.insmall {
 font-size: 14px;
 margin-top: 20px;
}
/* 6. ++++++++++++++++ COMMENT ++ */
.commentlist p, .trackbacklist {
 line-height: 20px;
}
.trackbacklist {
 margin-left: 20px;
 list-style: decimal;
 margin-bottom: 20px;
}
#respond h3,h3#comments,h3#pings, .lite, .boxr h3, .boxr h2, .widget .widgettitle, .pagetitle {
 text-shadow: none;
 padding-bottom: 6px;
 border-bottom: 4px solid #000;
 margin-bottom: 10px;
 color: #333;
 font-weight: normal;
 font-size: 20px !important;
}
.lite:hover, .boxr:hover h3, .boxr:hover h2, .widget:hover .widgettitle {
}
#respond h3 span,h3#comments span,h3#pings span {
}
.comment {
 border-bottom:1px solid #ccc;
 position:relative;
 min-height:70px;
 padding:20px;
}
.even {
 border-top:1px solid #efefef;
}
.byuser {
 background:#ededed;
}
.commentlist .children .depth-2 {
 padding-left:40px !important;
 background:url(../images/reply.png) 15px 20px no-repeat;
}
.commentlist .children .depth-3 {
 padding-left:60px !important;
 background:url(../images/reply.png) 35px 20px no-repeat;
}
.commentlist .children .depth-4 {
 padding-left:80px !important;
 background:url(../images/reply.png) 55px 20px no-repeat;
}
.commentlist .children .depth-5 {
 padding-left:100px !important;
 background:url(../images/reply.png) 75px 20px no-repeat;
}
.commentlist .children .depth-2.comment-author-admin {
 padding-left:40px !important;
 background: #efefef url(../images/reply.png) 15px 20px no-repeat;
}
.commentlist .children .depth-3.comment-author-admin {
 padding-left:60px !important;
 background: #efefef url(../images/reply.png) 35px 20px no-repeat;
}
.commentlist .children .depth-4.comment-author-admin {
 padding-left:80px !important;
 background: #efefef url(../images/reply.png) 55px 20px no-repeat;
}
.commentlist .children .depth-5.comment-author-admin {
 padding-left:100px !important;
 background: #efefef url(../images/reply.png) 75px 20px no-repeat;
}
.comment .avatar {
 padding: 3px;
 background: #fff;
 border: 1px solid #ccc;
 float: right;
}
.comment-author {
 font-size: 18px;
}
.texe {
 z-index:400;
 position:relative;
}
.texe abbr {
 font-size: 11px;
}
.cancel-comment-reply {
 font-size: 11px;
 margin-bottom: 10px;
}
.cancel-comment-reply a:link,.cancel-comment-reply a:visited {
 color: #007ca5;
}
.comment .avatar:hover {
 background:#fff;
 border:1px solid #999;
}
.comment-meta {
 font-size:11px;
 line-height:14px;
 margin-bottom:10px;
 color: #999;
}
.comment-meta a:link,.comment-meta a:visited {
 color: #007CA5;
}
.reply {
 white-space: nowrap;
 margin-top: 15px;
}
.reply a:link, .reply a:visited {
 color: #117711;
}
#respond textarea {
 border:1px solid #111;
 border-bottom:1px solid #ccc;
 border-right:1px solid #ccc;
 width:100%;
 background:#fff;
 margin:10px 0;
}
#respond input#author,#respond input#email,#respond input#url {
 border:1px solid #111;
 border-bottom:1px solid #ccc;
 border-right:1px solid #ccc;
 width:100%;
 background:#fff;
 padding:5px 0;
}
.comform {
 background:#f1f1f1;
 margin-bottom:10px;
 border:1px solid #ccc;
 padding:15px;
}
.com-info {
 border-top: 1px solid #E4CA44;
 border-bottom: 1px solid #E4CA44;
 padding: 15px;
 margin: 20px 0 10px !important;
 display: block;
 background: #F1E39D;
 color: #B54F06;
}
.nocomments {
 border-top: 1px solid #FA695A;
 border-bottom: 1px solid #FA695A;
 padding: 15px;
 margin: 20px 0 10px !important;
 display: block;
 background: #FB968B;
 color: #761409;
}
#submit {
 background:#000 url(../images/bg-top.gif) 0 0 repeat-x;
 color:#fff;
 border:none;
 margin-bottom: 10px;
 padding:10px;
}
/* 7. ++++++++++++++++ WORDPRESS ++ */
acronym,abbr,span.caps {
 cursor:help;
}
acronym,abbr {
 border-bottom:1px dashed #999;
}
img.wp-smiley {
 vertical-align:-25%;
}
#wp-calendar {
 empty-cells:show;
 width:155px;
 margin:10px auto 0;
}
#wp-calendar #next a {
 padding-right:10px;
 text-align:right;
}
#wp-calendar #prev a {
 padding-left:10px;
 text-align:left;
}
#wp-calendar a {
 display:block;
 text-decoration:none;
}
#wp-calendar caption {
 width:100%;
 font:bold 1.3em 'Lucida Grande', Verdana, Arial, Sans-Serif;
 text-align:center;
}
#wp-calendar td {
 text-align:center;
 padding:3px 0;
}
#wp-calendar td.pad:hover {
 background-color:#fff;
}
#wp-calendar #prev a,#wp-calendar #next a {
 font-size:9pt;
}
#wp-calendar th {
 font-style:normal;
 text-transform:capitalize;
}
p img {
 max-width:100%;
 padding:0;
}
.navigation {
 display:block;
 text-align:center;
 margin-top:10px;
 margin-bottom:60px;
}
.navigation .alignleft {
 float:left;
 width:50%;
 text-align:left;
}
.navigation .alignright {
 float:right;
 width:50%;
 text-align:right;
}
.navigation span.block {
 display: block;
 font-weight: normal;
 font-size: 20px;
 color: #666;
}
/* 8. ++++++++++++++++ Sidebar ++ */
#side h1,#side h2,#side h3,#side h4,#side h5,#side h6,#sidebar h1,#sidebar h2,#sidebar h3,#sidebar h4,#sidebar h5,#sidebar h6 {
 font-size: 16px;
}
#sidebar {
 margin-top: 10px;
}
.infos {
 margin-top: 20px;
 border-bottom: 1px solid #ccc;
 border-top: 1px solid #ccc;
 background: #efefef;
 padding: 15px;
}
.byfb {
 float: right;
}
.boxr, .ad300 {
 margin-bottom: 20px;
}
.subscribe {
 background: #740410 url(images/bg-sub.png) 0 0 no-repeat;
 color: #E44C2D;
 padding: 10px;
 margin-bottom: 20px;
}
.subscribe a {
 color: #EA735A;
}
.subscribe .bighead {
 font-size: 35px !important;
}
.subscribe #emaile {
 width: 260px;
 padding: 5px;
 font-size: 20px;
 border: 3px solid #B10618;
 margin: 5px 0;
}
#submiten {
 background: #D4071C;
 font-weight: bolder;
 padding: 5px 10px;
 border: 3px solid #F8162E;
 border-right: 3px solid #7E0411;
 border-bottom: 3px solid #7E0411 
}
 
/* 9. ++++++++++++++++ EXTRA ++ */
.adad {
 margin-bottom: 20px;
}
.whosearch h3 {
 text-shadow: none;
 padding-bottom: 6px;
 border-bottom: 1px solid #999;
 margin-bottom: 10px;
 color: #777;
}
.tagtag {
 line-height: 23px;
 margin-bottom: 20px;
}
.recentrecent ul {
 display: block;
 overflow: hidden;
}
.recentrecent li {
 float: left;
 margin-right: 10px;
}
#footer p {
 margin: 0 0 10px;
 padding: 0;
 font-size: 11px;
 color: #999;
}
#footer .grid_24 {
 position: relative;
}
#footer .right {
 float: right;
 text-align: right;
}
.blackis h4, .blackis h3, .blackis h2 {
 text-shadow: none;
 padding-bottom: 6px;
 border-bottom: 1px solid #ccc;
 margin-bottom: 10px;
 color: #333;
 font-size: 20px;
}
.blackis a, .blacki a {
}
.blackis a:hover, #footer a:hover {
}
.blackist {
 padding-top: 10px;
 overflow: hidden;
 display: block;
 border-top: 1px solid #ccc;
}
.futy {
 margin-top: 20px;
}
.blackis {
 border-top: 1px solid #ccc;
 padding: 20px 0;
 margin-top: 20px;
}
.blackis:hover, .blackis:focus, .blackist:hover, .blackist:focus {
 border-top: 1px solid #d10000;
}
.bymonth {
 display: block;
 overflow: hidden;
}
.widget_categories {
 overflow: hidden;
 display: block;
}
.widget_categories li, .categories li, .bymonth li {
 float: left;
 width: 140px;
 margin-right: 10px;
}
#content-area {
 padding: 10px 0;
}
.breadcrumb {
 padding-bottom: 5px;
}
.righty {
text-align: right;
}
.cari {
 overflow: hidden;
 display: block;
}
.cari #s {
 padding: 6px 10px; background: #fff; border: 1px solid #000;
 width: 278px;
 margin-bottom: 10px;
}
#searchsubmit {
 float: right;
 background: #999; border: 1px solid #000;padding: 2px 5px; color: #fff;
}
#top {
 margin-bottom: 2px;
 padding: 10px 0;
}
.now {
 border-top: 5px solid #f00;
 padding-top: 10px;
 color: #999;
}
.now span{
 font-size: 11px;
}
h1.logo {
}
h1.logo a {
text-decoration: none;
font-weight: bolder;
font-size: 40px;
display: block;
}
.description {
 text-shadow: none;
 font-size: 18px;
 font-weight: normal;
 color: #444;
}
/* Captions */
.aligncenter,
div.aligncenter {
 display: block;
 margin-left: auto;
 margin-right: auto;
}
/* End captions */
img.alignright {
 display:inline;
 margin:0 0 2px 7px;
 padding:0px;
}
img.alignleft {
 display:inline;
 margin:0 7px 2px 0;
 padding:0px;
}
.alignright {
 float:right;
}
.alignleft {
 float:left;
}
.wp-caption.alignleft {
 margin-right: 10px;
}
.wp-caption.alignright {
 margin-left: 10px;
}
.wp-caption {
 border:1px solid #333;
 text-align:center;
 position: relative;
 margin-bottom: 15px;
}
.wp-caption img {
 border:0 none;
 margin:0;
 padding:0;
}
.wp-caption p.wp-caption-text {
 font-size:11px;
 line-height:17px;
 margin:0;
 position: absolute;
 right: 0;
 bottom: 15px;
 background: #000;
 color: #fff;
 padding: 4px;
 filter:alpha(opacity=80);
 -moz-opacity:0.8;
 -khtml-opacity: 0.8;
 opacity: 0.8;
}
img.centered,.aligncenter,div.aligncenter {
 display:block;
 margin-left:auto;
 margin-right:auto;
}
img.wp-smiley { 
 vertical-align: -25%; 
}
.boxshadow { -moz-box-shadow: 5px 5px 8px #999; -webkit-box-shadow: 5px 5px 8px #999; -webkit-transition: all 0.1s ease-out; border: 1px solid #888; }
.pagi-comments a {
 text-decoration: none;
}
.pagi-comments a:hover {
 text-decoration: none;
 background: #000;
 color: #fff; 
}
.page-numbers {
 background: #444;
 color: #ccc;
 padding: 5px 10px;
}
.current {
 background: #111;
 color: #fff;
 padding: 5px 10px;
}
.next,.prev {
 background: #777;
 color: #efefef;
 padding: 5px 10px;
}
.recent-comment li, .aggregrate {
 display: block;
 border-bottom: 1px dotted #ccc;
 padding: 8px 0;
}
.recent-comment .avatar-45, .cripimage {
 float: right;
 margin-left: 10px;
}
.ihead {
 float: left;
 margin-right: 10px;
}
.twit h3 {
 color: #32CCFF;
}
.twit {
 color: #1D5296;
}
.twit a {
 color: #32CCFF;
}
#followme {
 float: right;
 font-size: 11px;
}
#photos img {
 border: 1px solid #ccc;
 padding: 5px;
 background: #efefef;
 margin-right: 10px;
 margin-bottom: 10px;
}
#photos img:hover {
 border: 1px solid #999;
 padding: 5px;
 background: #efefef;
 margin-right: 10px;
 margin-bottom: 10px;
}
.flick {
 color: #0063DC !important;
}
.r {
 color: #FF0084 !important
}
/* Change Log ****
1.0 : First Public Released
1.1 : Fix Minnor Error
1.2 : Fix Minnor Problem
1.3 : Fix Recent Comment Widget and Blockquote
*** */