/*  
Theme Name: MDTL
Theme URI: http://museumdantanahliat.com
Description: Tema resmi Museum dan Tanah Liat
Version: 3.0
Author: Zamani Karmana
Author URI: http://twitter.com/zmni
*/
 
/*
 * ---- GENERAL
 * */
body {background-color: #333; color: #333; font-family: Arial, Helvetica, sans-serif; font-size: 12px; margin: 0 auto; padding: 0;}

a, a:focus {outline: none;}
.clear {clear: both;}
* html .clear {height: 1%;}
img {border: 0 none;}
input {font-family: Arial, Helvetica; padding: 0 2px;}
input#searchsubmit {width:52px;}
input#s {background-color: #fff; color: #666666; font-family: Helvetica, Arial, Sans-Serif; font-size: 12px; font-style: normal; font-weight: normal; margin: 0 3px 0 0; padding: 5px 4px 3px; text-transform: none; width: 220px;}
* + html input#s {background-color: #fff; color: #666666; font-family: Helvetica, Arial, Sans-Serif; font-size: 12px; font-style: normal; font-weight: normal; display: inline; text-transform: none; width: 203px; margin: 0 3px 0 0; padding: 5px 4px 3px;}
ol, ul {list-style-image: none; list-style-position: outside; list-style-type: none; padding: 0; margin:5px 0;}
small {font-style: italic;}

/*
 * ---- MAIN LAYOUT
 * */
#box {background-color: #fff; margin: 0; padding: 20px; text-align: left; width: 960px;}
#top {margin: 0 auto; height: 110px; overflow: visible;}
#bgbox {margin: 0; padding: 0; width: 960px;}
#sidebar {float: right; font-size: 12px; padding: 0px; width: 300px; clear: right!important;}
/* Footer */
#footer ul.bookmark {color: #eee; margin: 0 0 0 20px; overflow: hidden; padding: 20px 0; text-align: right; text-transform: uppercase; width: 980px;}
#footer ul.bookmark a, #footer .lastbar a:visited {background-color: #111; color: #d0d0d0; display: inline-block; font-weight: bold; padding: 5px 10px; text-decoration: none;}
#footer ul.bookmark a:hover {background-color: #d0d0d0; color: #111;}
#footer ul.bookmark li {float: left; margin: 0 5px 0 0;}
#footer ul.bookmark li.backtop {float: right;}
#footer ul.bookmark li.backtop a {background-color: transparent; color: #d0d0d0;}

#headbar {margin: 0 0 0 20px; color: #000; font: 12px Arial; text-decoration: none; overflow: hidden; position: relative; text-align: left; width: 960px;}
#loginform {color: #888; display: inline; font-family: Arial, Helvetica; font-size: 11px; font-weight: bold; line-height: 23px; margin: 0; padding: 0;}
#loginform label { display: inline; font-size: 1em; padding-right: 10px; font-weight: normal;}
form#loginform input {display: inline; font-size: 11px;}

/*
 * ---- HEADER
 * *
Headbar & Logo */
#headbar h1, #headbar h1 span {width: 280px; height: 90px;}
#headbar h1 {color: #333; font-size: 3.5em; font-weight: bold; left: 0; margin: 0; overflow: hidden; padding: 0; position: absolute; top: 10px;}
#headbar h1 a {color: #333; text-decoration: none;}
#headbar h1 span {background: transparent url('http://static.museumdantanahliat.com/logo.png') no-repeat; display: block; position: absolute; top: 0; left: 0; z-index: 1;}
#headbar h1 a span {cursor: pointer;}

/* Signup Form */
#headbar #signin {float: right; position: absolute; top: 0; right: 30px;}
#signin ul {border-left: none !important;}
#signin form fieldset {border: none; padding: 0; margin: 0;}
#signin form fieldset h4 {color: #fff; font-family: Arial, Helvetica, sans-serif; font-size: 14px; font-weight: bold; line-height: 30px; margin: 0; padding: 0;}
#signin form .form-text, #signin form .form-text-active {background-color: #ededed; border: 1px solid #cacaca; color: #B7B7B7; font-size: 12px; padding: 4px 4px 3px; width: 117px;}
#signin form .form-text-active {color: #3a6496; border: 1px solid #3a6496;}
#signin form .form-item {display: block; height: 25px; position: relative;}
#signin form .submit-line {margin-top: 2px;}
#signin form .submit-line a {color: #3a6597; font-size: 10px; left: 0; position: absolute; text-decoration: none; top: 3px;}
#signin form .submit-line .form-submit {position: absolute; top: 0; right: 0;}

/* Sign Up Block */
#headbar #signup {color: #fff; background: transparent url('http://static.museumdantanahliat.com/subscribe.gif') repeat-x top center; height: 109px; padding: 0 10px; position: absolute; right: 165px; width: 115px; top: 0;}
#signup fieldset {border: none; padding: 0; margin: 0;}
#signup fieldset h4 {font-size: 14px; font-family: Arial, Helvetica, sans-serif; font-weight: bold; line-height: 35px; padding: 0; margin: 0;}
#signup fieldset p {font-size: 11px; padding: 0; margin: 0;}
#signup fieldset a {display: block; text-align: center; margin: 5px 0 0;}

/* Navigations */
#global_nav {padding-left: 300px !important; float: left; font-size: 12px;}
ul.topnav {border-left: 1px solid #666; padding: 0 0 0 10px; height: 110px; margin: 0;}
ul.topnav h4 {color: #fff; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold; line-height: 35px; margin: 0; padding: 0 5px; width: 120px;}
ul.topnav li {border: medium none; float: left; margin: 0 0 0 -5px; padding: 0;}
ul.topnav li a {color: #ccc; display: block; font-size: 10px; font-weight: bold; height: 18px; line-height: 18px; padding: 0 4px; text-decoration: none; width: 100px; text-transform: uppercase;}
ul.topnav li a:hover {border: medium none; color: #666; text-decoration: underline;}
ul.topnav li ul {background-color: #444; position: absolute; display: none; margin: -20px 0 0 60px; padding: 2px 0;}
ul.topnav li ul li {display: block; float: none; padding: 0 10px;}
ul.topnav li:hover ul, #menu li.over ul {display: block;}
ul.topnav li:hover ul ul, #menu li.over ul ul {display: none;}
ul.topnav {z-index: 1;}
ul.topnav ul {z-index: 2;}

.twoCols {width: 210px; float: left;}
.oneCol {width: 120px; float: left;}

#global_nav {display: inline; font-size: 14px; overflow: visible;}
#global_nav ul.nav {float: left; height: 29px; margin: 0; overflow: hidden;}
#global_nav ul.nav li {float: left !important; line-height: 29px; list-style-image: none; list-style-type: none; margin: 0 0 0 5px; background-color: #90b6bb;}
#global_nav ul.nav li a {background-color: transparent; color: #4a585a; font-size: 13px; display: block; font-weight: bold; padding: 0 6px; text-decoration: none; text-transform: uppercase;}
#global_nav ul.nav li a:hover {text-decoration: none; color: #3a6c9b; background-color: #fff;}
#global_nav ul.nav li:hover {background-color: #fff;}
#global_nav ul.nav li.current_page_item {background-color: transparent; float: left !important; line-height: 29px; list-style-image: none; list-style-type: none; margin: 0 0 0 5px; background-color: #fff;}
#global_nav ul.nav li.current_page_item a {background-color: #fff; color: #3A6C9B; font-size: 13px; display: block; font-weight: bold; padding: 0 10px; text-decoration: none; text-transform: uppercase;}

.topdate {font-family: Arial, Helvetica; font-size: 12px; font-weight: bold; text-transform: uppercase; color: #fff;}
.topday {background-color: #464646; color: #fff; display: block; font-family: Arial, Verdana, Geneva, Helvetica, sans-serif; font-size: 12px; font-weight: bold; margin: -11px -21px 0; padding: 10px 0 0 20px; text-transform: uppercase;}
.entry h6 {color: #000000; font:16px Geneva, Arial; font-weight: normal; margin: 0; padding: 0; text-transform: uppercase; float: right; line-height: 14px;}
#sidebar ul li.search {background-color: #dddddd; margin: 0 0 10px; padding: 5px; width: 290px; border: none;}

/*
 * ---- MAIN INDEX
 * */
#topentry {background: #efefef; border: 1px solid #ddd; border-top-color: #999; float: left; font-family: Verdana, "Helvetica Neue", Helvetica, Arial; font-size: 12px; margin: 0 0 15px; padding: 10px 20px 20px; width: 598px;}
#topentry p {text-align: justify;}
#topentry p img, #topentry p img a {float: right; display: block; padding: 2px 0px 4px 6px; max-width: 400px;}
#topentry a, #topentry a:hover {border: 0; text-decoration: none;}
#topentry p a {color: #3a6c9b; text-decoration: none; border-bottom: 1px solid #c5c5c5;}
#topentry p a:hover {color: #333; border-bottom: 1px solid #333;}
#topentry p a.more-link, #topentry p a:visited.more-link {background-color: #ddd; color: #333; font-weight: bold; padding: 5px 10px;}
#topentry p a:hover.more-link {background-color: #333; color: #eee; border-bottom: none;}

#topentry h2 {color: #464646; font-family: Georgia, "Times New Roman", Times, serif; font-size: 16px; font-weight: normal; margin: 10px 0 20px; line-height: 28px; display: block; border-bottom: 1px solid #cacaca; text-transform: none;}
#topentry h2 a:link, #topentry h2 a:visited {color: #000; font-weight: normal; font-size: 28px; text-decoration: none; border: none; display: block; padding: 5px 0; text-align: center; text-shadow: 1px 1px 2px #666;}
#topentry h2 a:hover {background-color: #ddd;}
#topentry h5 {color: #464646; font-family: Arial, Geneva; font-size: 16px; font-weight: normal; margin: 0; padding: 0; text-transform: uppercase; float: right; line-height: 14px;}

.featuredpostbox {font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; padding: 10px 20px 5px; float: left; border: 1px solid #ddd; margin: 0; width: 598px;}
.featuredpostbox .categorybar {margin: -11px -21px 10px; padding: 10px 20px 0;}
.featuredpostbox h2, .entry .categorylink {font-size: 10px; margin: 0 0 5px 0; padding: 0; line-height: 13px; height: 13px; overflow: hidden;}
.featuredpostbox h2 a, .featuredpostbox h2 a:visited, .entry .categorylink a, .entry .categorylink a:visited {text-transform: uppercase; color: #438989; margin: 0 0 10px; padding: 0px; border-bottom: 1px solid #ddd; font-weight: bold;}
.featuredpostbox h2 a:hover, .featuredpostbox h2 a:hover, .entry .categorylink a:hover {color: #438989; border-bottom: 1px solid #438989;}
.featuredpostbox p img {float: left; display: block; padding: 3px 3px 0; margin: 0px; width: 75px; height: 75px; overflow: hidden;}
.featuredpostbox h3, .featuredpostbox h3 a {color: #000; font-size: 16px; font-weight: normal; margin: 0; text-decoration: none;}
.featuredpostbox h3 a:hover, .categorytop h3 a:hover {background: #ddd;}
.featuredpostbox ul li.tt {font-size: 16px; font-weight: bold; display: block; border-bottom: 1px dashed #ccc; margin: 0 -20px 15px; padding: 0 20px;}
.featuredpostbox ul li {margin: 0 0 10px;}
.featuredpostbox ul li a.pt {color: #000; font-weight: bold; text-decoration: none; display: inline-block;}
.featuredpostbox ul li a:hover.pt {text-decoration: underline;}
.featuredpostbox ul li span.contentrssbox {display: block; text-align: justify;}

.continuebox a, .continuebox a:visited, .archivebox .continuebox a, .archivebox .continuebox a:visited, span.contentrssbox a, span.contentrssbox a:visited {background-color: #E4E4E4; color: #777; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 9px; font-weight: bold; margin: 0; padding: 0 3px 1px 2px; text-decoration: none;}
.continuebox a:hover, .archivebox .continuebox a:hover, span.contentrssbox a:hover {background-color: #fff; color: #3B5E8E; border: 0; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 9px; margin: 0; padding: 0 3px 1px 2px; text-decoration: none;}

#eventrow table tr td {padding: 5px 0;}
#eventrow td.tagline {color: #666; font-family: Georgia, "Times New Roman", Times, serif; font-size: 16px; letter-spacing: 1px; padding:  10px 5px; text-align: center;}
#eventrow td.tagline span {color: #000;}
#eventrow td.label, #single #eventrow td.label {color: #999;}
#topentry #eventrow td.label {width: 80px;}
.eventbox-entry #eventrow table tr td {padding: 1px 0;}
#single #eventrow {border-bottom: 1px solid #ccc; border-top: 1px solid #ccc; font-family: Verdana, "Helvetica Neue", Helvetica, Arial, sans-serif; padding: 10px 0;}
#single #eventrow td.label {width: 100px;}

/* 
 * ---- CONTENT
 * */
h2 {color: #438989; font-family: Arial, Helvetica; font-size: 10px; font-weight: bold; margin: 0; padding: 0; text-transform: uppercase;}
.archivebox h2 {border-bottom: 1px solid #cacaca; font-size:12px; letter-spacing: 5px;}
h2 a, h2 a:visited {border-bottom: 1px solid #ddd; color: #438989; padding: 0 0 1px; text-decoration: none;}
h2 a:hover {color: #000;}

.entry {float: left; width: 100%;}
.entry p {font-family: Verdana, "Helvetica Neue", Helvetica, Arial; font-size: 12px; line-height: 20px; text-align: justify;}
.entry a, .entry a:visited, ol.commentlist a, ol.commentlist a:visited, .archivebox a, .archivebox a:visited, .authorbox a, .authorbox a:visited {color: #3B5998; text-decoration: none;}
.entry a:hover, ol.commentlist a:hover, .archivebox a:hover, .authorbox a:hover {color: #3a6c9b; text-decoration: underline;}
.entry h2 {color: #333; font-family: Geneva, Arial, "Times New Roman", Times, serif; font-size: 18px; font-weight: normal; letter-spacing: 0; line-height: 100%; text-transform: none; margin: 0; padding: 20px 0 10px; clear: both;}
.entry h5 {color: #438989; font-size: 12px; letter-spacing: 5px; margin: 0; border-bottom: 1px solid #cacaca; font-weight: bold; font-family: Arial, Verdana, Helvetica, sans-serif; text-transform: uppercase;}
.entry .postinfo {background-color: #efefef; border-bottom: 1px solid #ccc; border-top: 2px solid #333; font-style: italic; margin: 10px 0 20px; padding: 2px 10px;}

#single h5 {color: #000; font-family: Georgia, "Times New Roman", Times, serif; font-size: 28px; line-height: 100%; font-weight: normal; letter-spacing: 0; border-bottom: none; text-shadow: 1px 1px 2px #666; text-transform: none;}

#content {float: left; line-height: 18px; margin: 0pt auto; padding: 0; width: 640px;}
#content small {font-size: 10px;}

img.centered {display: block; margin-left: auto; margin-right: auto;}
img.alignright {display: inline; padding: 0px;}
img.alignleft {float:left; display: inline; padding: 0;}
img.poster {background-color: #fff; border: 1px solid #ccc; float: left; margin: 0 20px 0 0; max-width: 200px; padding: 5px; width: 200px; box-shadow: 0 0 5px #999; -moz-box-shadow: 0 0 5px #999; -webkit-box-shadow: 0 0 5px #999;}
#single img.poster {display: block; float: none; margin: 0 auto 20px; text-align: center;}

blockquote {background-color: #efefef; border-left: 5px solid #cfcfcf; margin: 15px 30px 0 10px; padding: 5px 10px 5px 20px;}
blockquote cite {display: block; margin: 5px 0 0;}
.navigation {display: block; padding: 10px 0 0;}

/* Photo Gallery */
.post-photo {background-color: #efefef; margin: 20px 0 0; padding: 10px; text-align: center;}
.post-photo li {background-color: #ddd; display: inline-table; height: 240px; margin: 0 4px 10px 0; padding: 10px 20px 0; width: 140px;}
.post-photo li.ppt {background-color: transparent; display: inline-block; height: 100%; margin: 0; padding: 0; width: 100%;}
.post-photo h3 {background-color: #464646; color: #fff; font-family: Georgia,"Times New Roman",Times,serif; font-size: 16px; font-weight: normal; margin: -10px -10px 10px; padding: 5px 10px; text-align: left;}
.post-photo h3 span {float: right; font-size: 10px; font-weight: bold; font-style: italic;}
.post-photo li span.cboxWrapper {background-color: #fff; border: 1px solid #ccc; display: inline-block; padding: 5px; box-shadow: 0 0 2px #999; -moz-box-shadow: 0 0 2px #999; -webkit-box-shadow: 0 0 2px #999;}
.post-photo li span.cboxWrapper:hover {border: 1px solid #3b5988; box-shadow: 0 0 5px #999; -moz-box-shadow: 0 0 5px #999; -webkit-box-shadow: 0 0 5px #999;}
.post-photo a {display: inline-block; min-height: 140px; min-width: 140px; max-height: 140px; max-width: 140px; overflow: hidden; text-align: center; width: 140px;}


/*
 * ---- CAPTION
 * */ 
.aligncenter, div.aligncenter {display: block; margin-left: auto; margin-right: auto;}
.alignleft {float: left; margin: 0 10px 0 0;}
.alignleft img {border: 0px solid #fff; margin-bottom: 5px;}
.alignright {float: right; margin: 0 0 0 10px;}
.alignright img {border: 0px solid #fff; margin-bottom: 5px;}
.wp-caption {border: 1px solid #ddd; text-align: center; background-color: #f3f3f3; padding-top: 4px; margin: 10px;}
.wp-caption img {margin-bottom: 5px; padding: 0; border: 0 none;}
/* END CAPTIONS */

/*
 * ---- SIDEBAR
 * */
#sidebar {color: #666;}
#sidebar h2 {background-color: #ECEFF5; border-bottom: 1px solid #D8DFEA; color: #45566D; font-family: Tahoma, Verdana, "Helvetica", Arial; font-size: 14px; font-weight: bold; margin: -10px -10px 10px; padding: 5px 10px; text-transform: none;}
#sidebar h2 a, #sidebar h2 a:visited {font-size: 14px;}
#sidebar ul {margin: 15px 0 0; padding: 0;}
#sidebar ul li {border: 1px solid #bbb; margin: 0 0 10px; padding: 10px;}
#sidebar ul li ul {list-style-type: none; margin: 0;}
#sidebar ul li ul li {border: none; border-bottom: 1px solid #cacaca; list-style-type: none; margin: 0; padding: 5px 0;}
#sidebar ul li ul li span {font-style: italic;}
#sidebar ul li a, #sidebar ul li a:visited,
#sidebar ul li ul li a, #sidebar ul li ul li a:visited {color: #3a6c9b; font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; font-size: 10px; font-weight: bold; text-decoration: none;}
#sidebar ul li ul li a:hover {text-decoration: underline;}
#sidebar p {margin: 0; padding: 0 0 5px;}


/*
 * ---- COMMENTS
 * */
#respond {background: #efefef; margin: 20px 0 0; padding: 10px;}
h3#comments, #respond h3 {background-color: #464646; color: #fff; font-family: Georgia, "Times New Roman", Times, serif; font-size: 16px; font-weight: normal; margin: 20px 0 0; padding: 5px 10px;}
#respond h3 {margin: -10px -10px 10px;}

ol.commentlist {margin: 0; padding: 0;}
ol.commentlist li {background: #efefef; margin: 0 0 10px; padding: 10px;}
ol.commentlist p {font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; font-size: 12px; margin: 0 0 10px; padding: 0;}

.comment-body {padding: 0 0 20px; position: relative;}
.comment-author cite.fn {color: #3b5998; font-size: 14px; font-style: normal; letter-spacing: 1px; text-transform: capitalize;}
.comment-author img.avatar {background-color: #fff; display: inline-block; float: left; margin: 0 10px 0 0; padding: 5px;}
.comment-author span.says {display: none;}
.comment-meta {bottom: 0; left: 0; position: absolute;}
.comment-meta a {color: #777 !important; font-style: italic;}
.comment-meta a.comment-edit-link {color: #3b5998 !important; font-style: normal;}

#commentform {font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; margin: 0;}
#commentform label {margin: 0;}
#commentform label small {font-size: 12px; font-style: normal;}
#commentform input {font-size: 13px; letter-spacing: 1px; padding: 5px;}
#commentform textarea {font-size: 13px; margin: 5px 0 10px; padding: 5px; width: 97%;}
#commentform input#url, input#author, input#email {padding: 3px 5px; width: 50%;}
#commentform a {color: #000;}
#commentform a:hover {text-decoration: none;}

.nocomments {background-color: #333; color: #fff; display: inline-block; padding: 4px 10px; text-transform: uppercase;}

/*
 * ---- ARCHIVES/CATEGORY
 * */
.archivebox {background-color: #fff; float: left; font-family: "Helvetica Neue", Helvetica, Arial; color: #555; width: 640px;}
.archivebox .thumblist {padding: 5px; width: 75px; height: 75px; margin: 0 5px 5px 0; background-color: #ebebeb; float: left; display: block; overflow: hidden;}
.archivebox li {font-size: 12px; color: #555; line-height: 14px; font-family: "Helvetica Neue", Helvetica, Arial;}
.archivebox li a, .archivebox li a:visited {color: #3a6c9b; text-decoration: none; font-size: 12px; font-weight: bold; border: 0;}
.archivebox li a:hover {font-size: 12px; color: #3a6c9b; text-decoration: none; border-bottom: 1px solid #3a6c9b;}

/*
 * ---- NEW STYLE
 * */
a.arsp {color: #3b5998; font-family: Tahoma, "Lucida Grande", Verdana, Arial, Sans-serif; font-size: 20px; font-weight: normal; text-decoration: none;}
a:hover.arsp {color: #000; text-decoration: underline;}

h7#respond { background-color: #666; color: #fff; display: block; font-family: Georgia, "Times New Roman", Times, serif; font-size: 18px; margin: -10px -10px 10px; padding: 5px 10px;}

.eventbox {float: left; width: 640px;}
.eventbox-entry {border: 1px solid #bbb; border-top: none; margin: 0 0 10px; padding: 10px;}
.eventbox-entry h3 {margin: 0; padding: 0;}
.eventbox-entry p {font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; font-size: 11px;}
.noevents {background-color: #f7f7f7; border: 1px solid #bbb; padding: 10px 0; text-align: center;}
.categorybar {background-color: #464646; color: #fff; display: block; font-family: Arial, Verdana, Geneva, Helvetica, sans-serif; font-size: 14px; font-weight: bold; padding: 5px 10px; text-transform: uppercase;}
.categorybar a {color: #fff; text-decoration: none;}
.categorybar a:hover {text-decoration: underline;}
.datebar {background-color: #f0f0f0; border: 1px solid #bbb; border-bottom: none; display: block; font-family: Verdana, "Lucida Grande", Tahoma, Arial, Sans-serif; font-size: 10px; padding: 5px 10px;}

.linkpage {float: left; font-size: 11px; font-weight: bold; margin: 20px 0;}
.linkpage span span {padding: 0 3px;}
.linkpage a, .linkpage a:visited {background-color: #fff; border: 1px solid #bbb; color: #3B5998; margin: 0 5px 0 0; padding: 2px 6px;}
.linkpage a:hover, .linkpage a:focus {background-color: #3b5998; border: 1px solid #3B5998; color: #fff; text-decoration: none;}

/* WP Comment Form */
#wpcf {margin-top: 10px;}
#wpcf, #wpcf input, #wpcf textarea {font-family: Verdana, Arial, "Helvetica Neue", Helvetica, sans-serif;}
#wpcf label {display: inline-block; width: 200px; margin: 5px 0;}
#wpcf input[type="text"] {margin: 5px 0; padding: 2px; width: 300px;}
#wpcf textarea#wpcf_msg {font-size: 12px; width: 304px;}
#wpcf input[type="submit"] {cursor: pointer; margin-top: 20px;}

/* Lightbox Plus */
div#cboxTitle { background-color: #fff; bottom: 0; color: #000; font-weight: bold; padding: 5px; text-align: left; width: auto;}