body { background: #5A0000; color: #333; }

hr { display: none; }

a { text-decoration: none; color: #7B0000; }
a:hover { color: #5A0000; }

.shadow { text-shadow: #000 1px 2px 2px; }

.rounded-corner { -moz-border-radius: 3px; -webkit-border-radius: 3px; }

.panel_8 { background: url(../images/panel_8.png) repeat-y top center; }
.top_8 { background: url(../images/top_8.png) no-repeat top center; height: 20px; }
.bottom_8 { background: url(../images/bottom_8.png) no-repeat bottom center; height: 20px; }

.container { background: #5A0000; }
.content_container { background: #7B0000 url(../images/container_bg.png) repeat-y center top; }
.footer_container { background: #5A0000 url(../images/footer_bg.png) repeat-x top left; }

.naked { margin: 0; padding: 0; list-style: none; }
.naked li { margin: 0; padding: 0; }

#header_wrap { background: #5A0000; }
#header_wrap #header { background: url(../images/header_1.png) no-repeat center top; height: 130px; }
#header_wrap #header #logo {  }
#header_wrap #header #logo h1 { margin: 0; padding: 0; text-indent: -9999px; }
#header_wrap #header #logo h1 a { display: block; height: 130px; width: 350px;  }
#header_wrap #header #aboutblog { text-align: center;  }
#header_wrap #header #aboutblog .p { color: #fff; margin: 10% 30px 0 0; line-height: 22px; vertical-align: middle; padding: 0; font-size: 18px; font-family: Georgia, Times New Roman; }

#navigasi_wrap { background: #5A0000 url(../images/header_2.png) no-repeat center top; }
#navigasi_wrap #navigasi { height: 60px; }
#navigasi_wrap #navigasi #menu { }
#navigasi_wrap #navigasi #menu ul { margin-top: 15px; }
#navigasi_wrap #navigasi #menu ul li { text-transform: uppercase; margin-right: 15px; height: 25px; padding-left: 5px; }
#navigasi_wrap #navigasi #menu ul li.panah { background: url(../images/panah.png) no-repeat right center; padding-right: 10px; }
#navigasi_wrap #navigasi #menu ul li.rss { float: right; padding-left: 0; margin-right: 5px; font-weight: bold; }
#navigasi_wrap #navigasi #menu ul li a { color: #fff;  }
#navigasi_wrap #navigasi #menu ul li.rss a { background: url(../images/feed.png) no-repeat right center; padding-right: 20px; }
#navigasi_wrap #navigasi #menu ul ul { margin: 0; padding: 0; list-style: none; }
#navigasi_wrap #navigasi #menu ul ul li.panahsamping { background: #454545 url(../images/panah-samping.png) no-repeat right center; }

#topcontent_wrap {  }
#topcontent_wrap #topcontent { }
#topcontent_wrap #topcontent .rubrik_title { font-size: 18px; font-family: georgia, times new roman; color: #000; text-transform: uppercase; margin: 0; padding: 0; }
#topcontent_wrap #topcontent #cover_headline { }
#topcontent_wrap #topcontent #front_gallery { }

#middlecontent_wrap { padding-top: 30px;  }
#middlecontent_wrap #middlecontent { color: #eee; padding-top: 20px; background: #C32C21 url(../images/middle_bg2.png) repeat-x bottom left; padding-bottom: 50px; }
#middlecontent_wrap #middlecontent .rubrik_title { font-size: 18px; font-family: georgia, times new roman; color: #fff; text-transform: uppercase; margin: 0; padding: 0; }
#middlecontent_wrap #middlecontent #cover_headline { }
#middlecontent_wrap #middlecontent #front_gallery { }
#middlecontent_wrap #middlecontent a { color: #fff; /*color: #570000;*/ }
#middlecontent_wrap #middlecontent a:hover { border-bottom: 1px dotted #fff; /*color: #7B0000;*/ }
#middlecontent_wrap #middlecontent a img { border: 2px solid transparent; }
#middlecontent_wrap #middlecontent a:hover img { border: 2px solid #fff; }
#middlecontent_wrap #middlecontent .galeri a:hover { border: 0; }

.rubrik_title { display: block; }

#footer_wrap { background: url(../images/footer3.png) no-repeat top center; }
#footer_wrap #footer { padding-top: 40px; padding-bottom: 50px; color: #666; }
#footer_wrap #footer #copy { }
#footer_wrap #footer #totop { text-align: left; }
#footer_wrap #footer p { margin: 0; padding: 0; }
#footer_wrap #footer p a { color: #666; border-bottom: dotted 1px #666; }
#footer_wrap #footer p a:hover { color: #fff; border-bottom: 0px; }
#footer_wrap #footer #totop a { color: #fff; }

#single_wrap {  }
#single_wrap #single { }

.first-post { }
.first-post h2 { margin: 0; padding: 0; font-size: 24px;  }
.first-post p { margin: 0 10px 0 5px; padding: 0; }
.first-post .readmore { margin: 10px; text-align: right; border-top: 1px dotted #A64C4C; clear: both; }
.first-post .readmore a { font-size: 10px; text-transform: uppercase; background: #A64C4C; color: #fff; padding: 2px 5px; }
.first-post .readmore a:hover { background: #540000; }

.post-news { padding: 5px 0; border-bottom: 1px dotted #666; clear: both; }
.post-news h3 { margin: 0; padding: 0; font-size: 14px; margin-left: 40px;  }
.post-news .date { margin: 0; padding: 0; font-size: 11px; margin-left: 40px; display: block }
.post-news img.avatar { float: left; margin: 3px 0px 0 0; border: 1px solid #ccc;  }

.post-reviews { padding: 5px 0; border-bottom: 1px dotted #ccc; clear: both; }
.post-reviews h3 { margin: 0; padding: 0; font-size: 14px; }
.post-reviews .date { margin: 0; padding: 0; font-size: 11px; display: block }

.middle-news { border-color: #ddd; }

.post-guest { padding: 5px 0; }
.post-guest h3 { margin: 0; padding: 0; font-size: 14px; }
.post-guest img.img-thumb { margin: 10px 10px 0 0; width: 80px; }
.post-guest p { font-size: 11px; border-bottom: 1px dotted #666; padding: 5px 0; margin: 0; }
.post-guest .readmore { text-align: right; margin: 0; padding: 0; border: 0; margin-bottom: 10px; }
.post-guest .readmore a { font-size: 9px; text-transform: uppercase; color: #000; }
.middle-news p { border-color: #ddd; }

.middle-tengah { margin-bottom: 25px;  }

.galeri { padding: 10px 0; margin-bottom: 20px; }
.galeri img { display: inline; height: 50px; width: 50px; margin: 0px; }
.galeri a img { border: transparent 2px solid; }
.galeri a:hover img { border: #7B0000 2px solid; }

.img-thumb { float: left; margin: 10px; padding: 0px; }

#searchform { margin-bottom: 0px; margin-top: 15px; }
#searchform #searchsubmit { background: url(../images/button_bg.png) repeat-x center center; border: 1px solid #A64C4C; -moz-border-radius: 5px; padding: 3px 5px; color: #fff; font-weight: bold; font-size: 11px; text-shadow: #000 1px 2px 2px; }

.avatars { padding: 10px 0; }
.avatars img { display: inline; margin: 0px; }
.avatars a img { border: #fff 2px solid; }
.avatars a:hover img { border: #7B0000 2px solid; }

#butt_reg { text-align: center; }
#butt_reg a { display: block; padding: 5px; color: #fff; font-weight: bold; background: url(../images/button_bg.png) repeat-x center center; text-shadow: #000 1px 2px 2px; -moz-border-radius: 5px; }

#latest_comment-lists { padding-top: 5px; }
#latest_comment-lists ul { }
#latest_comment-lists ul li { padding: 5px 0; border-bottom: 1px dotted #ccc; clear: both; }
#latest_comment-lists ul li img { float: left; margin-top: 5px; }
#latest_comment-lists ul li p { margin: 0; padding: 0; margin-left: 35px; font-size: 11px; }
#latest_comment-lists ul li strong { margin-left: 35px; display: block; }

.breadcrumb { text-transform: uppercase; }
.breadcrumb a {  }

.post, .page { margin: 10px 5px; }

.samping { padding: 10px; margin-right: 10px; border: 1px solid #7B0000; -moz-border-radius: 5px; background: transparent; margin-bottom: 30px; }
.samping .post-author { }
.samping .post-author h3 { margin: 0; padding: 0; font-size: 16px; font-weight: normal; text-transform: uppercase; }
.samping .post-author img  { float: left; margin: 2px 10px 10px 0; }
.samping .post-author strong { display: block; }
.samping .post-author em { display: block; }
.samping .post-author p { margin: 0; padding: 0; clear: both; margin-top: 5px; }
.samping .post-meta { margin-top: 10px; padding-top: 10px; border-top: 1px solid #ccc; clear: both; } 
.samping .post-meta p { margin: 0; padding: 0; margin-bottom: 10px; }

h3.responses { font-size: 20px; text-transform: uppercase; font-weight: normal; }

input.text {  }
textarea { width: 300px; font-size: 12px;  }
.invis { visibility: hidden; font-size: 12px; }
label { font-weight: normal; text-transform: uppercase; font-size: 14px;  }
.label { padding: 12px 0; text-align: right; }
.loggedin p { margin: 0; padding: 20px 0; }
input.button { border: 1px solid #ccc; display: block; padding: 5px; color: #fff; font-weight: bold; background: url(../images/button_bg.png) repeat-x center center; text-shadow: #000 1px 2px 2px; -moz-border-radius: 5px; }

ol.commentlist { margin: 0; padding: 0; list-style: none; }
ol.commentlist li { margin: 0; padding: 5px 0; border-bottom: 1px solid #aaa; }
ol.commentlist li .avatar { float: right; margin: 0 0 0 10px; }
ol.commentlist li .says { visibility: hidden; }
ol.commentlist li .fn { color: #fff; font-size: 14px; }
ol.commentlist li .fn a.url { color: #fff !important; font-weight: bold; }
ol.commentlist li .comment-meta { font-size: 10px; text-transform: uppercase; margin-bottom: 15px; }
ol.commentlist li .comment-meta a { color: #eee !important; }
ol.commentlist li p { margin-left: 15px; margin-right: 15px; }

ul#catlist { margin: 30px 0px; }
ul#catlist li { padding: 5px 0; border-bottom: 1px solid #ccc; }
ul#catlist li a { font-weight: normal; font-size: 14px; }
ul#catlist li .time { display: block; float: right; padding: 3px 2px; font-size: 10px; color: #000; text-transform: uppercase; }

.justified { text-align: justify; }

.thesidebar { margin: 0px 10px 15px 0px; }
.thesidebar h3 { font-size: 18px; font-family: georgia, times new roman; color: #fff; font-weight: normal; text-transform: uppercase; margin: 0; padding: 0; color: #000; }

ul.side-list { margin-bottom: 30px; }
ul.side-list li { padding: 5px; border-bottom: 1px solid #ccc; }

ul.arsiplist { }
ul.arsiplist li { margin-bottom: 30px; }
ul.arsiplist li strong { font-size: 16px; font-weight: normal; text-transform: uppercase; border-bottom: 0px solid #666; }
ul.arsiplist li ul { margin: 0; padding: 0; list-style: none; }
ul.arsiplist li ul li { padding: 5px 0; margin: 0; border-bottom: 1px solid #ccc; }
ul.arsiplist li ul li a { font-weight: normal; font-size: 14px; }
ul.arsiplist li ul li .time { display: block; float: right; padding: 3px 2px; font-size: 10px; color: #000; text-transform: uppercase; }