/*
Theme Name: LiaPramuka
Theme URI: http://liapramuka.com/
Description: LBPP LIA Pramuka blog theme.
Version: 1.0
Author: Muhammad Zamroni
Author URI: http://jengjeng.mariphe.com/
Tags: lia, pramuka
*/

body { background: url(images/bg.png) repeat-x top left; font-size: 12px; color: #222; font-family: "Helvetica Neue", Arial, Helvetica, sans-serif; }

.wrapper { margin: 0; padding: 0; }

#topmenu_wrap { background: #00234F; }
#topmenu { padding: 0px 0; font-size: 12px; text-decoration: capitalize; display: block; }
#topmenu ul, #footer ul#bottommenu { margin: 0; padding: 0; list-style: none; }
#topmenu #menutab ul li, #footer ul#bottommenu li { display: inline-block; padding: 0px; margin: 0 }
#topmenu ul li a { text-decoration: none; color: #fff; margin: 0px; padding: 10px; display: block; }
#topmenu ul li:hover  { background: #256893; }

#topmenu ul ul { visibility: hidden; }

#header_wrap {  }
#logo { height: 80px; background: url(images/logo_lia.png) no-repeat top left; }
#logo h1 { text-indent: 0px; font-weight: bold; font-size: 26px; padding-top: 25px; padding-left: 70px; }
#logo h1 a { color: #256893; text-decoration: none;  /*display: block; width: 300px; height: 70px;*/ }
#search { text-align: right; padding: 15px 0; }

#content_wrap { background: url(images/bg_content.png) no-repeat top center; }
#content { padding-top: 20px; }

#footer_wrap { background: url(images/bg_footer.png) no-repeat top center; height: 100px; padding-bottom: 50px; margin-top: 50px; }
#footer { }
#footer #copy { padding-top: 0px; background: url(images/logo_footer.gif) no-repeat left center; /*background: url(images/logo_footer.png) no-repeat left center;*/ height: 90px; }
#footer #copy h4, #footer #copy h5 { margin: 0; padding: 0; padding-left: 65px; font-size: 11px; font-weight: normal; }
#footer #copy h4 { /*padding-left: 50px;*/ font-size: 18px; padding-top: 20px; color: #256893 }
#footer #copy h5 { /*padding-left: 50px;*/ padding-top: 0px; color: #256893 }
#footer #bottom_nav { text-align: right; }
#footer #bottom_nav #menuwrapper { padding-top: 30px; padding-right: 10px; }
#footer #bottom_nav #menuwrapper ul { margin: 0; padding: 0; list-style: none; }
#footer #bottom_nav #menuwrapper ul li { display: inline; margin: 0 10px; }
#footer #bottom_nav #menuwrapper ul li a { text-decoration: none; color: #777; }
#footer #bottom_nav #menuwrapper ul li a:hover { color: #444; border-bottom: 2px solid #444; padding-bottom: 2px; }
#footer #bottom_nav #menuwrapper ul li#rss a { background: url(images/rss.png) no-repeat right center; padding-right: 20px; line-height: 20px; color: #FFA200; }
#footer #bottom_nav #menuwrapper ul li#rss a:hover {  border: 0; padding-bottom: 0; }
#footer #bottom_nav #menuwrapper ul li#totop a { background: url(images/up.png) no-repeat right center; padding-right: 20px; line-height: 20px; color: #0139A6; }
#footer #bottom_nav #menuwrapper ul li#totop a:hover {  border: 0; padding-bottom: 0; }
#footer #bottom_nav #menuwrapper ul li#yayasanlia a { background: #f00; height: 50px; width: 100px; }

#footer ul#bottommenu li {  }
#footer ul#bottommenu li a { text-decoration: none; color: #00234F; font-weight: bold; border-bottom: 2px solid #00234F; padding-bottom: 2px; }
#footer ul#bottommenu li a:hover { color: #0139A6; border-bottom: 2px solid #0139A6; }

#wp_footer { clear: both; display: none; }

.slice_wrap { padding: 5px; }
.slice_wrap h2 { margin: 0; margin-bottom: 15px; padding: 0; padding-left: 35px; line-height: 30px; font-size: 24px; font-family: georgia, times new roman; font-weight: normal; }
.slice_wrap h3 { font-size: 16px; text-transform: uppercase; font-weight: bold; margin: 0; padding: 0; }
.slice_wrap h3 a { color: #FF350A; text-decoration: none; }
.slice_wrap h3 a:hover { color: #FFB515; }
.slice_wrap .entry-front { margin: 0; padding: 0; padding-top: 10px; padding-bottom: 50px; }
.slice_wrap .entry-front ul { margin: 0; padding: 0; list-style: none; border-top: 1px solid #ccc; }
.slice_wrap .entry-front ul li { margin: 0; padding: 3px 5px 3px 20px; border-bottom: 1px solid #ccc; display: block; font-size: 11px; }
.slice_wrap .entry-front ul li.when { background: url(images/calendar_date.png) no-repeat 0 3px; }
.slice_wrap .entry-front ul li.place { background: url(images/home.png) no-repeat 0 3px;  }
.slice_wrap .entry-front .more { text-align: left; padding: 15px 0; margin: 0; }
.slice_wrap .entry-front .more a { padding: 3px 5px; margin: 0; background: #256893; font-size: 9px; text-transform: uppercase; color: #fff; text-decoration: none; }
.slice_wrap .entry-front .more a:hover { background: #00234F; }
.slice_wrap .entry-front p { margin: 0; padding: 0; }
.slice_wrap .entry-front img { margin: 0 0 10px 0; border: 3px solid #ddd; max-width: 270px; }

.slice_wrap .entry { margin: 0; padding: 0; padding-top: 10px; padding-bottom: 20px; }
.slice_wrap .entry .more { text-align: left; padding: 0px 0; margin: 0; }
.slice_wrap .entry .more a { padding: 3px 5px; margin: 0; background: #256893; font-size: 9px; text-transform: uppercase; color: #fff; text-decoration: none; }
.slice_wrap .entry .more a:hover { background: #00234F; }

.slice_wrap h2#tit_events { background: url(images/tit_events.jpg) no-repeat left center; }
.slice_wrap h2#tit_news { background: url(images/tit_news.jpg) no-repeat left center; }
.slice_wrap h2#tit_photos { background: url(images/tit_photo.jpg) no-repeat left center; }
.slice_wrap h2#tit_comments { background: url(images/tit_comments.jpg) no-repeat left center; margin-top: 30px; }
.slice_wrap h2#tit_tests { background: url(images/tit_test.jpg) no-repeat left center; margin-top: 30px; }
.slice_wrap h2#tit_testimonials { background: url(images/tit_testimonial.jpg) no-repeat left center; margin-top: 30px; }
.slice_wrap h2#tit_profiles { background: url(images/tit_profile.jpg) no-repeat left center; margin-top: 30px; }
.slice_wrap h2#tit_profiles_single { background: url(images/tit_profile.jpg) no-repeat left center; }
.slice_wrap h2#tit_comment { background: url(images/tit_comments.jpg) no-repeat left center; }
.slice_wrap h2.tit_page { background: url(images/tit_page.jpg) no-repeat left center; }
.slice_wrap h2.tit_folder { background: url(images/tit_folder.jpg) no-repeat left center; }
.slice_wrap h2#tit_headline { background: url(images/tit_headline.jpg) no-repeat left center; }
.slice_wrap h2#tit_career_single { background: url(images/tit_career.jpg) no-repeat left center; }
.slice_wrap h2#tit_tests_single { background: url(images/tit_test.jpg) no-repeat left center; }

#news h3 { font-weight: normal; font-size: 14px; }
#news .entry-front { padding-bottom: 20px; padding-top: 5px; }
#news .entry-front a.more { color: #256893; text-decoration: none; font-weight: bold; text-transform: lowercase; }
#news .entry-front a.more:hover { color: #00234F; }
#news .entry-front small { font-size: 11px; text-transform: uppercase; color: #0139A6 }

#photo img { width: 60px; height: 60px; margin: 5px; }
#photo a img { border: 1px solid #fff; }
#photo a:hover img { border: 1px solid #FF350A; }

#comments { }
#comments ul { margin: 0; padding: 0; list-style: none; }
#comments ul li { margin: 0; padding: 5px 0; border-bottom: 1px solid #aaa; clear: both; }
#comments ul li img { margin: 5px 0 5px 10px; float: right; border: 1px solid #3D88FF; }
#comments ul li p {  margin: 0; padding: 0; }
#comments ul li strong a { text-decoration: none; color: #0139A6; }
#comments ul li strong a:hover { color: #3D88FF; }
#comments ul li a.urlnya { text-decoration: none; color: #FF350A; font-size: 11px; }

#test_info { padding: 10px; background: #FFDA8A; border: 1px solid #FFB515; }
#test_info .entry-front { margin: 0; padding: 0; }
#test_info .entry-front p { }

#testimonial { }
#testimonial .katanya { font-size: 18px; font-family: georgia, times new roman; font-style: italic; color: #666; }
#testimonial .katanya:before { content: "\201c \0020"; }
#testimonial .katanya:after { content: "\0020 \201d"; }
#testimonial .testimonialinfo { color: #444; }
#testimonial .testimonialinfo strong { color: #256893; }

#profile { }
img.fotoprofile { float: right; width: 120px; margin:5px 0 10px 15px; border: 2px solid #ddd; }

.invisible { visibility: hidden; }

#banners, .banners { text-align: center; margin-top: 30px; }
.banners img { margin-bottom: 15px; border: 1px solid #ccc; }
.banner a { border: 0; }

.first { border-bottom: 1px solid #ddd; padding-bottom: 10px !important; }
.first p, .first small { padding-bottom: 0 !important; }
h3.little { padding: 5px 0; border-bottom: 1px solid #ddd; }
h3.little small { float: right; font-size: 11px; text-transform: uppercase; color: #0139A6; }

#supporter { }
#supporter #support { text-align: right; padding-top: 20px; }
#supporter #support img { border: 0; margin-left: 10px; }
#supporter #support a { border: 0; }

.slice h3 { font-size: 28px; padding: 15px 0; }
.slice .entry h1, .slice .entry h2, .slice .entry h3, .slice .entry h4, .slice .entry h5, .slice .entry h6 { font-family: arial; margin: 0; padding: 0; margin-top: 10px; text-transform: capitalize !important; font-weight: bold; }
.slice .entry h1 { font-size: 18px; }
.slice .entry h2 { font-size: 17px; }
.slice .entry h3 { font-size: 16px; }
.slice .entry h4 { font-size: 15px; }
.slice .entry h5 { font-size: 14px; }
.slice .entry h6 { font-size: 13px; }


.alignleft { float: left; margin-right: 15px; }
.alignright { float: right; margin-left: 15px; }

.wp-caption { border: 1px solid #ccc; background: #eee; text-align: center; padding-top: 5px; padding-bottom: 5px; }
.wp-caption .wp-caption-text { margin: 0; padding: 0; font-size: 11px; margin-top: 5px; }

.postmeta { background: #FFF0D0; border: 1px solid #FFB515; padding: 5px 10px; margin-bottom: 15px; }
.postmeta ul { margin: 0; padding: 0; list-style: none; border-top: 0px solid #FFB515; }
.postmeta ul li { padding: 5px 0; margin: 0; border-bottom: 0px solid #FFB515; padding-left: 30px; }
.postmeta ul li.when { background: url(images/calendar_date_.png) no-repeat left center; }
.postmeta ul li.place { background: url(images/home_.png) no-repeat left center; }
.postmeta ul li.topics { background: url(images/comment.png) no-repeat left center; font-weight: normal; font-style: italic;font-size: 14px; }
.postmeta ul li.contact { background: url(images/help.png) no-repeat left center; }
.postmeta ul li.fee { background: url(images/attachment.png) no-repeat left center; }

.authorinfo { font-size: 13px; font-weight: normal; text-align: left; }
.authorinfo em { color: #0139A6; font-weight: bold; font-style: normal; }
.authorinfo strong { color: #0139A6; font-weight: normal; }
.authorinfo a { color: #fff; background: #FF350A; padding: 2px 3px; margin: 0; text-decoration: none; font-size: 12px; }
.authorinfo a:hover { background: #FFB515; }

.postinfo { padding: 5px 10px; margin: 0; border: 1px solid #ccc; background: #f0f0f0; }
.postinfo .sendcomment { float: right; padding-right: 20px; background: url(images/comment_add.png) no-repeat right center; line-height: 20px; }
.postinfo .sendcomment a { text-decoration: none; color: #0139A6; font-weight: bold; }
.postinfo .tags { padding-left: 20px; background: url(images/favorite.png) no-repeat left center; }
.postinfo .tags a { text-decoration: none; color: #FF350A; }
.postinfo .tags a:hover { color: #FFB515; }

.notify { padding: 5px 10px; background: #C4DBFF; border: 1px solid #007FFF; color: #0139A6; margin-bottom: 15px;  }

ol.commentlist { margin: 0; padding: 0; list-style: none; }
ol.commentlist li { margin: 0; padding: 5px 10px; clear: both; }
ol.commentlist li.alt { background: #EBF3FF; }
ol.commentlist li img.avatar { float: right; margin: 5px 0 5px 10px; border: 0px; width: 50px; height: 50px; }
ol.commentlist li cite { font-weight: bold; font-style: normal; font-size: 12px; }
ol.commentlist li cite a { text-decoration: none; color: #0139A6; }
ol.commentlist li cite a:hover { color: #3D88FF; }
ol.commentlist li .says { display: none; }
ol.commentlist li .commentmetadata { font-size: 11px; }
ol.commentlist li .commentmetadata a { color: #999; text-decoration: none; }
ol.commentlist li .commentmetadata a.comment-edit-link { color: #fff; background: #FF350A; padding: 2px 3px; margin: 0; text-decoration: none; }

#commentform { margin-top: 50px; padding: 20px; }
#commentform label { display: none; }
#commentform textarea { width: 325px; }
#commentform input { padding-left: 25px; }
#commentform input#author { background: url(images/preppy.png) no-repeat left center; }
#commentform input#email { background: url(images/mail.png) no-repeat left center; }
#commentform input#url { background: url(images/network.png) no-repeat left center; }
#commentform input#kunciGue { background: url(images/barcode.png) no-repeat left center; }
#commentform a { text-decoration: none; font-weight: bold; color: #0139A6; }
#commentform a:hover { color: #3D88FF; }

ul.cat { margin: 0; padding: 0; list-style: none; }
ul.cat li { border-bottom: 1px solid #ccc; padding: 10px 0; margin: 0 10px; }
ul.cat li h3 { font-size: 14px; font-weight: normal; }
ul.cat li p { margin: 0; padding: 0; margin-top: 5px; }
ul.cat li small { font-size: 11px; text-transform: uppercase; color: #0139A6 }
ul.cat li a { text-decoration: none; color: #FF350A; }
ul.cat li a:hover { color: #FFB515; }

#headlines { }
#headlines ul, #headlines ul li ul { margin: 0; padding: 0; list-style: none; }
#headlines ul li { margin: 5px 0; padding: 0; padding-left: 25px; }
#headlines ul li h3 { font-size: 20px; font-family: georgia, times new roman; font-weight: normal; text-transform: capitalize; padding: 5px 0; }
#headlines ul li ul li { margin: 0; padding: 5px 0; border-bottom: 1px solid #ccc; }
#headlines ul li ul li h4 { font-size: 14px; font-weight: normal; margin: 0; padding: 0; }
#headlines ul li ul li h4 a { text-decoration: none; color: #0139A6; }
#headlines ul li ul li h4 a:hover { color: #0139A6; }

#kuncinya { display: block; padding: 5px 10px; margin: 0; border: 1px solid #444; width: 290px; text-align: center; letter-spacing: 5px; font-size: 14px; margin-top: 5px; background: url(images/keycode.png); color: #fff; }
#commentform #kuncinya { width: 310px; }