/*
Theme Name: Recoded
Theme URI: http://www.kasperkrogh.com
Description: Reformasi 1.0 by Blogger Template recoded for www.kasperkrogh.com
Author: designed by Blogger Template - coded by Lisa Risager
Author URI: http://lisarisager.dk
Version: 2.1 
Released under <a href="http://www.opensource.org/licenses/gpl-license.php">GPL license</a>.
*/

body,td,th {
font-family: Arial;
font-size: 12px;
color: #363636;
}
body {
margin: 0;
background: #666 url(images/reformasi-00.jpg) repeat-x;
}
a:link {color: #333333;}
a:visited {color: #333333;}
a:hover {color: #990000;}
a:active {color: #333333;}
blockquote p {
font-family:'Georgia'; 
color:#999999;
font-size:14px;
font-style:italic;
line-height:19px;
}
blockquote {
padding: 0px 25px;
background-color: #f8f8f8;
border-top: 1px solid #f2f2f2;
border-bottom: 1px solid #f2f2f2;
margin: 5px;
background-image: url(images/openquote.gif);
background-position: top left;
background-repeat: no-repeat;
}
blockquote span {
display: block;
background-image: url(images/closequote.gif);
background-repeat: no-repeat;
background-position: bottom right;
}
hr {height: 1px; border: 0px; color: #CECFCE; background-color: #CECFCE;}
a img {border: none;}
#wrapper {
margin:0 auto;
width:991px;
}

/* CONTENT */
#content {
margin: 0;
padding: 0;
background: #F7F7F7 url(images/reformasi-03.jpg) repeat-y; 
width:994px;
clear:both;
}
#inner {
background: #F7F7F7; 
background: #F7F7F7 url(images/reformasi-20.jpg) repeat-y; 
margin: 0;
padding: 0;
overflow:hidden;
}
#posts, #page {
background: #F7F7F7; 
background: #F7F7F7 url(images/reformasi-07a.jpg) no-repeat; 
padding: 12px 12px 12px 24px;
margin: 0;
width: 600px;
float:left;
height: 100%;
border: none;
}
#page h5, #posts h5 {
background: #363636 url(images/reformasi-11a.jpg) repeat-y; 
height:14px;
width: 244px;
padding: 8px 12px; 
margin: 0 0 12px 0; 
text-decoration: none; 
color:#e5ff00; 
font-weight:bold; 
text-transform:uppercase; 
font-size:13px; 
}
#main {
background: #FFF; 
border: 1px solid #ccc;
padding: 12px;
margin: 0 12px 12px 0;
width: 574px;
float:left;
height: 100%;
}
#photos {
background: #FFF; 
border: 1px solid #ccc;
padding: 12px;
margin: 0 12px 0 0;
width: 268px;
float:left;
height: 100%;
}
#news {
background: #FFF; 
border: 1px solid #ccc;
padding: 12px;
margin: 0;
width: 268px;
float:left;
height: 100%;
}
#news .post {
border: none;
padding: 12px 0;
margin: 0;
}
#news h3 {
color: #990000;
padding: 0;
margin: 0;
}
#news h3 a {
color: #990000;
text-decoration:none;
}
#news p {
padding: 4px 0;
margin: 0;
}
.post {
border: 1px solid #CCC;
padding: 20px;
margin: 0 0 12px 0;
background: #FFF;
overflow:hidden;
}
.post h2 {
color:#333; 
text-decoration: none; 
font-size:18px; 
margin: 0;
border-bottom: 1px solid #CCC;
}
.post h2 a {
color:#333; 
text-decoration: none;
}
.post h2 a:visited {
color:#333; 
text-decoration: none;
}
.post h2 a:hover {
color:#990000; 
text-decoration: none;
}
ul.post-meta {
list-style: none;
}
ul.post-meta span.post-meta-key {
font-weight: bold;
}
.meta {
font-size: .75em;
}
.meta li, ul.post-meta li {
display: inline;
}
.meta ul {
display: inline;
list-style: none;
margin: 0;
padding: 0;
}
.meta, .meta a {
font-weight: normal;
letter-spacing: 0;
}
.meta a{
text-decoration: underline;
}
.meta a:hover, .meta a:active{
text-decoration: none;
}

/* SIDEBAR */
#menu {
padding: 0;
margin: 0 0 0 20px;
width: 140px;
}
#menu form {
margin: 0;
}
input#mce-EMAIL {
padding: 4px 12px 4px 4px;
}
input#mailchimp {
margin: 0 0 0 12px;
padding: 4px;
}
#menu ul {
list-style-type: none;
margin: 0;
padding: 0;
}
#menu ul li {
margin: 0;
padding: 0 0 5px 0;
font-size:14px;
font-weight:bold;
}
#menu ul ul {
list-style-type: none;
margin: 0;
padding: 0 0 20px 0;
}
#menu ul ul li {
font-size:12px;
font-weight:normal;
list-style-type: none;
margin: 0 0 0 2px;
padding: 0 0 0 15px;
background: url(images/li-small.gif) no-repeat left top;
}
#menu ul ul li a {
list-style-type: none; 
padding: 0; 
margin:0;
}
#menu ul ul li a:active {
list-style-type: none;
}
#menu ul ul li a:hover {
color:#FF0000; 
list-style-type: none; 
text-decoration: none;
}
#menu ul ul ul {
list-style-type: none;
margin: 0;
padding: 5px 0 0 5px;
}
#menu ul ul ul li{
font-size:10px;
list-style-type: none;
border-bottom: none;
margin: 0px 0px 0px 2px;
padding: 5px 0px 5px 15px;
background: url(images/li-small.gif) no-repeat left top;
}
#menu ul ul ul.children {
list-style-type: none;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 4px;
}
#menu ul ul ul li a {list-style-type: none; padding: 0px 0px 0px 0px; margin:0px;}
#menu ul ul ul li a:active {list-style-type: none;}
#menu ul ul ul li a:hover {color:#FF0000; list-style-type: none; text-decoration: none;}

/* CALENDAR */
#wp-calendar {
border: none;
empty-cells: show;
font-size: 14px;
margin: 0;
width: 95%;
}
#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;
color: #D70606;
font-weight: bold;
}
#wp-calendar a:hover {
background: #e0e6e0;
color: #333;
}
#wp-calendar caption {
font: normal italic Georgia, serif;
font-size: 120%;
margin-bottom: 5px;
text-align: left;
}
#wp-calendar td {
color: #999;
font: normal 100% Arial, Verdana, sans-serif;
letter-spacing: normal;
padding: 2px 0;
text-align: center;
}
#wp-calendar td.pad:hover {
background: #fff;
}
#wp-calendar td:hover, #wp-calendar #today {
background: #eee;
color: #bbb;
}
#wp-calendar th {
font-style: normal;
text-transform: capitalize;
}

/* COMMENTS */
.alt {
margin: 0;
padding: 10px;
}
.alt {
background-color: #f8f8f8;
border-top: 1px solid #ddd;
border-bottom: 1px solid #ddd;
}	
.commentlist {
padding: 0;
text-align: justify;
}
.commentlist li {
margin: 15px 0 3px;
padding: 5px 10px 3px;
list-style: none;
}
.commentlist p {
margin: 10px 5px 10px 0;
}
#commentform p {
margin: 5px 0;
}
.nocomments {
text-align: center;
margin: 0;
padding: 0;
}
.commentmetadata {
margin: 0;
display: block;
}
.commentlist li, #commentform textarea {
font: 0.9em 'Lucida Grande', Verdana, Arial, Sans-Serif;
}
#commentform input {
font: 0.9em 'Lucida Grande', Verdana, Arial, Sans-Serif;
}
.commentlist li {
font-weight: bold;
}
.commentlist li .avatar { 
float: right;
border: 1px solid #eee;
padding: 2px;
background: #fff;
}
.commentlist cite, .commentlist cite a {
font-weight: bold;
font-style: normal;
font-size: 1.1em;
}
.commentlist p {
font-weight: normal;
line-height: 1.5em;
text-transform: none;
}
#commentform p {
font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif;
}
.commentmetadata {
font-weight: normal;
}
h3.comments {
padding: 0;
margin: 40px auto 20px ;
}	
#commentform input {
width: 170px;
padding: 2px;
margin: 5px 5px 1px 0;
}
#commentform textarea {
padding: 2px;
width: 75%;
}
#commentform #submit {
margin: 0;
float: left;
}
#menu li.recentcomments { padding: 0px 5px 5px 15px; margin:0px;}
/* RSS WIDGET */
.rsswidget { padding: 20px 0px 0px 0px; margin:0px; }
			
/* -- Images & Caption Alignment -- */
.aligncenter, div.aligncenter {
display: block;
margin-left: auto;
margin-right: auto;
}
.alignleft {
float: left;
margin: 4px 10px 6px 0;
}
.alignright {
float: right;
margin: 4px 0 6px 10px;
}
.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;
}
acronym, abbr {
border-bottom: 1px dashed #333;
}
acronym, abbr, span.caps {
font-size: 90%;
letter-spacing: .07em;
}
acronym, abbr {
cursor: help;
}
cite {
font-size: 100%;
font-style: normal;
}
.textwidget {
font-size:12px;
font-weight:normal;
}
.widget img {
padding: 6px 0 12px 0;
margin: 0;
}

/* TOP */
#top {
float:left;
width:990px;
height:67px;
margin: 0;
background-image: url(images/reformasi-01.jpg); 
background-repeat: no-repeat;
}
#top ul {
padding: 26px 0px 0px 45px; 
margin: 0px;
width: 600px;
float:left;
} 
#top li {
padding: 0px 0px 5px 0px; 
margin: 0px; 
list-style-type: none; 
text-decoration: none; 
font-size:11px; 
color:#FFFFFF; 
font-weight:bold; 
line-height:14px;
}
#top li a {
color:#FFFFFF; 
text-decoration: none;
}
#top li a:visited {
color:#FFFFFF; 
text-decoration: none;
}
#top li a:hover {
color:#000000; 
text-decoration: none;
}
#searchform {
float:right;
margin: 30px 30px 0 0;
}

/* HEADER */
#header {
clear:both;
width:990px;
height:106px;
margin: 0;
padding:0;
background-image: url(images/reformasi-02.jpg); 
background-repeat: no-repeat;
}
h1 {
float:left;
font-size:50px; 
padding: 10px 0 0 30px;
margin:0;
display:inline; 
}
h1 a {
color:#FFFFFF; 
text-decoration: none; 
}
h1 a:visited {
color:#FFFFFF; 
}
h1 a:hover {
color:#e5ff00; 
text-decoration: none;
}
h6 {
padding: 0; 
margin: 20px 0 0 150px; 
color:#FFFFFF; 
font-size: 15px;
clear:both;
}
input#s {
background: #f8f8f8;
border: 1px solid #cccccc;
color: #000000;
}

/* NAVIGATION */
#navigation {
width:990px;
height:34px;
margin: 0;
background-image: url(images/reformasi-03.jpg); 
background-repeat: no-repeat;
}
#navigation ul {
padding: 0 0 0 10px; 
margin: 0px;
clear:both;
} 
#navigation li {
padding: 8px 25px 7px 25px; 
margin: 0; 
list-style-type: none; 
float:left;
display:inline;
text-decoration: none; 
text-transform:uppercase; 
font-size:15px; 
font-weight:bold; 
border-right: 1px solid #4d5255;
}
#navigation li a {
color:#e5ff00; 
text-decoration: none;
}
#navigation li a:visited {
color:#e5ff00;
}
#navigation li a:hover {
color:#000000; 
text-decoration: none; 
background-color:#e5ff00;
}
.pagenav {
padding: 0;
margin: 0;
height: 30px;
}

#sidebar {
width:322px;
height: 100%;
background: #F7F7F7 url(images/reformasi-07b.jpg) top right no-repeat; 
padding: 12px 30px 12px 6px;
margin: 0px;
float:left;
border: none;
}
#sidebar h5 {
background: #363636 url(images/reformasi-11a.jpg) no-repeat; 
width: 276px;
height:14px;
padding: 8px 12px; 
margin: 0 0 12px 0; 
text-decoration: none; 
color:#e5ff00; 
font-weight:bold; 
text-transform:uppercase; 
font-size:13px; 
}
#sidebar h6 {
font-size: 8px;
padding: 0;
margin: 0;
}
#sidebar ul {
list-style: none;
padding: 0 0 12px 0;
margin: 0;
}
#sidebar li {
border: 1px solid #CCC;
background: #FFF;
padding: 12px 8px;
margin: 0 0 12px 0;
}
#sidebar li li {
border: none;
padding: 12px 0 0 12px;
margin: 0;
}
.widget ul  {
list-style: none;
padding: 0;
margin: 0;
}
.subscribe {
padding: 12px 0 0 0;
margin: 12px 0 0 0;
}

/* SUBSCRIBE FORM */
.form {
width:209px;
margin: 0px 0px 0px 0px;
border:none;
}

/* BOTTOM */
.tablediv-bottom {
width:990px;
background-image: url(images/reformasi-04b.jpg); 

/* FOOTER */
#credits p {
margin: 20px;
text-align:center;
}