<data:blog.pageName/> | <data:blog.title/> <data:blog.pageTitle/> | Your Blog Description <data:blog.pageName/> | <data:blog.title/> a{color:#ff2f19} .menu ul{position:absolute;top:40px;left:0;opacity:0;background:#1b1b1b url(http://3.bp.blogspot.com/-IeHXc7J7dZs/URLRwVeKocI/AAAAAAAACFA/OepYPORtIII/s1600/menuh.png) repeat-x top;-webkit-border-radius:0 0 5px 5px;-moz-border-radius:0 0 5px 5px;border-radius:0 0 5px 5px;border:1px solid #040404;border-top:none;-webkit-transition:opacity .25s ease .1s;-moz-transition:opacity .25s ease .1s;-o-transition:opacity .25s ease .1s;-ms-transition:opacity .25s ease .1s;transition:opacity .25s ease .1s} .menu li:hover > ul{opacity:1} .menu ul li{height:0;overflow:hidden;-webkit-transition:height .25s ease .1s;-moz-transition:height .25s ease .1s;-o-transition:height .25s ease .1s;-ms-transition:height .25s ease .1s;transition:height .25s ease .1s;padding:0} .menu li:hover > ul li{height:36px;overflow:visible;padding:0} .menu ul li a{color:#ccc;font-weight:400;width:100px;margin:0;padding:6px 0 6px 30px;text-shadow:none} .menu ul li:first-child a{padding:6px 14px 6px 30px} .menu ul li:last-child a{border:none} .menu a.trigger{background:url(http://1.bp.blogspot.com/-gZeAq088yso/URLQIekivZI/AAAAAAAACEw/ddkS4dh4ueI/s1600/arrow.png) no-repeat 6px center} #outerpic-wrapper {background:url(http://3.bp.blogspot.com/-AIW512aa4Ms/URJ2uXZh45I/AAAAAAAAB9c/QMul0JdxpNs/s1600/outerpic.png) repeat-x top left; width:100%;width:100%;margin:0 auto;padding-top:20px;} #outer-wrapper{width:970px;text-align:left;font:12px Arial;margin:0 auto;padding:0} #content-wrapper{background:url(http://1.bp.blogspot.com/-SVWRw06Y6UE/URLY5tAnjYI/AAAAAAAACFo/5FDTDhy13CA/s1600/page_bg.jpg) repeat-y right;} #main-wrapper{width:650px;float:left;word-wrap:break-word;overflow:hidden} #sidebar-wrapper,#sidebar1-wrapper{width:300px;float:right;word-wrap:break-word;overflow:hidden;padding:10px 10px 0 0} h2{line-height:1.4em;text-transform:none;color:#333;margin:.5em 0 .25em} h3.date-header{text-transform:none;font:normal 12px Arial;color:#999;line-height:1.2em;margin:.1em 0} .post{margin:10px 0;padding:10px 15px;} .post h1,.post h2{font:22px Oswald;line-height:1.4em;color:#999;margin:0;padding:0;height:70px} .post h1 a, .post h1 a:visited, .post h1 strong,.post h2 a, .post h2 a:visited, .post h2 strong{display:block;text-decoration:none;color:#999} .post h1 strong,.post h1 a:hover,.post h2 strong,.post h2 a:hover{color:#ff2f19} .post-body{margin:0;padding-bottom:10px;text-align:justify;font:16px PT Sans Narrow;line-height:1.3em;border-bottom:1px dashed #333} .post-body blockquote{line-height:1.3em} .post-footer{color:#666;text-transform:none;letter-spacing:.01em;font:12px Arial;line-height:1.4em;margin:0em 0} .comment-link{margin-left:.1em} .post blockquote{margin: 10px 10px 10px 20px;padding: 10px 15px 10px 15px;line-height: 1.6em;color: #aaa;background: #111;border-left: 20px solid #333} .post blockquote p{margin:.75em 0} .clear{clear:both} #blog-pager-older-link a,#blog-pager-newer-link a,a.home-link{width:80px;text-align:center;display:inline-block;color:#999;background: rgba(0,0,0,.4);-moz-border-radius:4px;-webkit-border-radius:4px;border-radius:4px; -moz-box-shadow: 0 1px 0 rgba(255,255,255,.2), 0 2px 1px rgba(0,0,0,.9) inset;-webkit-box-shadow: 0 1px 0 rgba(255,255,255,.2), 0 2px 1px rgba(0,0,0,.9) inset;box-shadow: 0 1px 0 rgba(255,255,255,.2), 0 2px 1px rgba(0,0,0,.9) inset;font:bold 12px Arial;text-transform:none;margin:0 0px;padding:8px 5px;} .feed-links{clear:both;line-height:2.5em} .sidebar h2{background:url(http://2.bp.blogspot.com/-dgVu9b__hgI/URLbeXpM6EI/AAAAAAAACFw/3vGr4n3yVK8/s1600/sidebar+h2.jpg) no-repeat left;font:18px Oswald;color:#333;margin:0;padding:5px 0 5px 10px;} .sidebar{color:#aaa;line-height:1.3em;border-top:none;font:11px Tahoma;} .sidebar li{line-height:1.3em;margin:0;padding:5px 0 4px;border-bottom:1px dashed #404544} .sidebar .widget{margin:2px 0 10px;padding:0} .sidebar .widget-content{margin:0 auto;padding:0 10px 0 8px;} .sidebar a:link,.sidebar a:visited{font:12px Oswald;color:#ff2f19;text-decoration:none} .sidebar li a:hover{color:#eee} .sidebar ul{list-style:none;margin:0;padding:5px 0} .sidebar1 ul{list-style:none;padding:0;margin:0;} .sidebar1 .widget {margin:0px 0px 0px;padding:0} #Label1 li {float:left; width:50%} /* Comments ----------------------------------------------- */ .comments {margin:10px 0;padding:10px 15px;line-height:1em; } .comments .comments-content { font-size:12px; margin-bottom:16px; font-weight:normal; text-align:left; line-height:1.4em; } .comments .comment .comment-actions a { display:inline-block; margin:0; padding:1px 6px;text-decoration:none;background: rgba(0,0,0,.2);-moz-border-radius:4px;-webkit-border-radius:4px;border-radius:4px; -moz-box-shadow: 0 1px 0 rgba(255,255,255,.2), 0 2px 1px rgba(0,0,0,.8) inset;-webkit-box-shadow: 0 1px 0 rgba(255,255,255,.2), 0 2px 1px rgba(0,0,0,.8) inset;box-shadow: 0 1px 0 rgba(255,255,255,.2), 0 2px 1px rgba(0,0,0,.8) inset; font:11px/18px sans-serif; padding:2px 8px; margin-right:10px; } .comments .comment .comment-actions a:hover { text-decoration:none;color:#fff } .comments .comments-content .comment-thread ol { list-style-type:none; padding:0; text-align:none; } .comments .comments-content .inline-thread { padding:0.5em 1em; } .comments .comments-content .comment-thread { margin:8px 0; } .comments .comments-content .comment-thread:empty { display:none; } .comments .comments-content .comment-replies { margin-top:1em; margin-left:40px; font-size:12px; background: rgba(0,0,0,.2);-moz-border-radius:4px;-webkit-border-radius:4px;border-radius:4px; -moz-box-shadow: 0 1px 0 rgba(255,255,255,.2), 0 2px 1px rgba(0,0,0,.8) inset;-webkit-box-shadow: 0 1px 0 rgba(255,255,255,.2), 0 2px 1px rgba(0,0,0,.8) inset;box-shadow: 0 1px 0 rgba(255,255,255,.2), 0 2px 1px rgba(0,0,0,.8) inset; } .comments .comments-content .comment { margin-bottom:16px; padding-bottom:8px; } .comments .comments-content .comment:first-child { padding-top:16px; } .comments .comments-content .comment:last-child { border-bottom:0; padding-bottom:0; } .comments .comments-content .comment-body { position:relative; } .comments .comments-content .user { font-style:normal; font-weight:bold; } .comments .comments-content .user a { color:#666; font-size:14px; font-weight:bold; text-decoration:none; } .comments .comments-content .icon.blog-author { width:18px; height:18px; display:inline-block; margin:0 0 -4px 6px; } .comments .comments-content .datetime { color:#999999; float:right; font-size:11px; text-decoration:none; } .comments .comments-content,.comments .comments-content .comment-content { margin:0 0 8px; } .comment-header {background: rgba(0,0,0,.2);-moz-border-radius:4px;-webkit-border-radius:4px;border-radius:4px; -moz-box-shadow: 0 1px 0 rgba(255,255,255,.2), 0 2px 1px rgba(0,0,0,.8) inset;-webkit-box-shadow: 0 1px 0 rgba(255,255,255,.2), 0 2px 1px rgba(0,0,0,.8) inset;box-shadow: 0 1px 0 rgba(255,255,255,.2), 0 2px 1px rgba(0,0,0,.8) inset; margin:0 0 5px 5px; padding:7px; } .comments .comments-content .comment-content { text-align:none; } .comments .comments-content .owner-actions { position:absolute; right:0; top:0; } .comments .comments-replybox { border:none; height:250px; width:100%; } .comments .comment-replybox-single { margin-top:5px; margin-left:48px; } .comments .comment-replybox-thread { margin-top:5px; } .comments .comments-content .loadmore a { display:block; padding:10px 16px; text-align:center; } .comments .thread-toggle { cursor:pointer; display:inline-block; } .comments .continue { cursor:pointer; } .comments .continue a { display:inline-block; margin:0; padding:1px 6px; text-decoration:none; background: rgba(0,0,0,.2);-moz-border-radius:4px;-webkit-border-radius:4px;border-radius:4px; -moz-box-shadow: 0 1px 0 rgba(255,255,255,.2), 0 2px 1px rgba(0,0,0,.8) inset;-webkit-box-shadow: 0 1px 0 rgba(255,255,255,.2), 0 2px 1px rgba(0,0,0,.8) inset;box-shadow: 0 1px 0 rgba(255,255,255,.2), 0 2px 1px rgba(0,0,0,.8) inset; font:11px/18px sans-serif; padding:2px 8px; margin-right:10px; } .comments .comments-content .loadmore { cursor:pointer; max-height:3em; margin-top:3em; } .comments .comments-content .loadmore.loaded { max-height:0; opacity:0; overflow:hidden; } .comments .thread-chrome.thread-collapsed { display:none; } .comments .thread-toggle { display:inline-block; } .comments .thread-toggle .thread-arrow { display:inline-block; height:6px; width:7px; overflow:visible; margin:0.3em; padding-right:4px; } .comments .thread-expanded .thread-arrow { background:url(http://4.bp.blogspot.com/-fhTZlJkFnPc/UQezZ0aM1ZI/AAAAAAAABcY/v1vUibnXaKc/s1600/arrow-down.png) no-repeat scroll 0 0 transparent; } .comments .thread-collapsed .thread-arrow { background:url(http://4.bp.blogspot.com/-WwOfybPl9ig/UQezafv_uNI/AAAAAAAABcg/uLkQHEqKKBM/s1600/arrow-right.png) no-repeat scroll 0 0 transparent; } .comments .avatar-image-container { background-image:url(http://4.bp.blogspot.com/-MXCdgmCfwRc/UQezaV_MLdI/AAAAAAAABck/N-dsAOjgvtk/s1600/avatar.jpg); background-position:center center; background-repeat:no-repeat;float:left; width:36px; max-height:36px; margin:0; padding:0px; vertical-align:middle; overflow:hidden;border:3px solid #666 } .comments .avatar-image-container img { width:36px; } .comments .comment-block { margin-left:48px; position:relative; } @media screen and (max-device-width:480px) { .comments .comments-content .comment-replies { margin-left:0; }} #comment-editor {background: rgba(0,0,0,.2);-moz-border-radius:4px;-webkit-border-radius:4px;border-radius:4px; -moz-box-shadow: 0 1px 0 rgba(255,255,255,.2), 0 2px 1px rgba(0,0,0,1) inset;-webkit-box-shadow: 0 1px 0 rgba(255,255,255,.2), 0 2px 1px rgba(0,0,0,1) inset;box-shadow: 0 1px 0 rgba(255,255,255,.2), 0 2px 1px rgba(0,0,0,1) inset;padding:15px;} #comment-editor{width:95% !important;max-width:95% !important;} #comment-editor{opacity:0.4;} #comment-editor:hover{opacity:2.2;} #comment-editor{transition:all .3s ease-in-out;-moz-transition:all .3s ease-in-out;-webkit-transition:all .3s ease-in-out;} .footer h2{font:14px Oswald;padding-bottom:5px;margin-bottom:5px;line-height:1.3em;text-transform:uppercase;color:#ff2f19;letter-spacing:1px} .footer{color:#aaa;line-height:1.4em;font:normal 11px Tahoma;} .footer ul{list-style:none;color:#ddd;margin:0;padding:0} .footer li{background:url(http://2.bp.blogspot.com/-6p_AqXL70hQ/UQWPHMObw9I/AAAAAAAABZ0/f2UWIvjFkSQ/s1600/footerli.png) no-repeat 1px 6px;font:normal 11px Tahoma;color:#626262;text-indent:0;line-height:1.2em;margin:0;padding:2px 0 3px 12px} .footer a:link,.footer li a:visited{color:#ddd;text-decoration:none} .footer li a:hover{color:#ff2f19} .footer .widget{margin:0 0 8px;padding:6px 0} .footer .widget-content{padding:0} .picfooter{background: rgba(0,0,0,.4);border-top:2px solid #ff2f19;width:100%x;margin-left:auto;margin-right:auto;text-align:center;font:normal normal 11px Arial} #footer-wrapper{width:970px;text-align:left;font:normal normal 11px Arial;margin:0 auto;padding:0 10px 10px} #footer1-wrapper{width:180px;float:left;word-wrap:break-word;overflow:hidden} #footer2-wrapper{margin-left:5px;width:180px;float:left;word-wrap:break-word;overflow:hidden;padding:0 5px} #footer3-wrapper{margin-left:5px;width:190px;float:left;word-wrap:break-word;overflow:hidden;padding:0 5px} #footer4-wrapper{margin-left:5px;width:180px;float:left;word-wrap:break-word;overflow:hidden;padding:0 5px} #footer5-wrapper{margin-left:5px;width:180px;float:left;word-wrap:break-word;overflow:hidden} .creditpic{background:#ff2f19;width:100%;border-top:1px solid #000;margin:0 auto;padding:0} .credit{width:970px;line-height:1.6em;text-align:center;font-family:Arial;font-size:11px;color:#000;overflow:hidden;clear:both;margin:0 auto;padding:10px} .credit a:link,.credit a:visited{color:#000;text-decoration:none} .credit a:hover{color:#fff;text-decoration:none} #related-posts{float:left;width:auto;padding-left:15px;} #related-posts h3{background:none;font:16px Oswald;padding:3px;text-shadow:1px 1px 1px #000;color:#ff2f19;font-weight:400} #related-posts .maskolis_img {border:4px solid #111;padding:0px 0px;width:125px;height:155px;transition:all 400ms ease-in-out;-webkit-transition:all 400ms ease-in-out;-moz-transition:all 400ms ease-in-out;-o-transition:all 400ms ease-in-out;-ms-transition:all 400ms ease-in-out;margin:10px 7px 5px} #related-posts .maskolis_img:hover{border:4px solid #666;opacity:.7;filter:alpha(opacity=70);-moz-opacity:.7;-khtml-opacity:.7} #viewers{float:left;width:100%;font:bold 12px Arial;margin-left:-5px;padding:7px 0} .readmorecontent{float:right;margin-right:-5px;padding:7px 0px;0} .readmorecontent a{color:#999;text-decoration:none;font-size:11px;padding:4px 8px;background: rgba(0,0,0,.2);-moz-border-radius:4px;-webkit-border-radius:4px;border-radius:4px; -moz-box-shadow: 0 1px 0 rgba(255,255,255,.2), 0 2px 1px rgba(0,0,0,.8) inset;-webkit-box-shadow: 0 1px 0 rgba(255,255,255,.2), 0 2px 1px rgba(0,0,0,.8) inset;box-shadow: 0 1px 0 rgba(255,255,255,.2), 0 2px 1px rgba(0,0,0,.8) inset;} .readmorecontent a:hover{text-decoration:none;color:#ff2f19} #judul-post{border-bottom:1px solid #333;margin-bottom:10px;padding-left:0} .bungkus-tanggal{background:#ff2f19;float:left;margin-right:10px} .setiap-hari{width:auto;height:auto;text-align:left;text-transform:uppercase;padding:5px 10px 10px} .nama-hari{color:#fff;font:20px Oswald} .nama-bulan{font:11px Tahoma;color:#000} .sompret-image{text-align:left;width:160px;height:215px;position:relative;line-height:1.6em;overflow:hidden;margin:0} .sompret-image img{position:absolute;min-height:215px;max-width:160px} .sompret-image a{display:block;position:relative;overflow:hidden;height:215px;width:160px;color:#ff2f19} .sompret-image a:hover{text-decoration:none} .summary{font:11px Tahoma;color:#666;margin:0 10px;padding:3px 0} .sompret-header{font:12px Oswald;text-transform:uppercase;margin:10px} .sompret-footer{font:10px Tahoma;margin:10px;color:#eee} .menusearch{width:220px;float:right;margin:0 auto;padding:0 auto} .searchform {margin-top:0px;display: inline-block;zoom: 1;*display: inline;padding:0;width:200px;height:26px; overflow:hidden;background: rgba(0,0,0,.4);-moz-border-radius:4px;-webkit-border-radius:4px;border-radius:4px; -moz-box-shadow: 0 1px 0 rgba(255,255,255,.2), 0 2px 1px rgba(0,0,0,.9) inset;-webkit-box-shadow: 0 1px 0 rgba(255,255,255,.2), 0 2px 1px rgba(0,0,0,.9) inset;box-shadow: 0 1px 0 rgba(255,255,255,.2), 0 2px 1px rgba(0,0,0,.9) inset} .searchform input {font:italic 12px Arial;color:#aaa;line-height:26px;height:26px;padding:0;margin:0;text-shadow:1px 1px 1px #000} .searchform .searchfield {background:transparent;padding:0 0 0 6px;margin:0;width: 160px;height:26px;border:0px;outline: none;line-height:26px;} /* Slide Content ----------------------------------------------- */ .slide-wrapper {padding:0 auto;margin:0 auto;width:auto;float: left; word-wrap: break-word; overflow: hidden;} .slide ul {list-style:none;margin:0;padding:0;} .slide .widget {margin:0} /* Lofslidernews */ #slider{background:url(http://1.bp.blogspot.com/-qJET1HGpUDc/URJ3PJ91EtI/AAAAAAAAB9k/6-zUQ4CKbmg/s1600/slider-holder.png);padding:10px;margin-left:10px;position:relative;overflow:hidden;width:920px;height:340px;} .slider-main-outer{position:relative;height:100%;width:610px;z-index:3;overflow:hidden} ul.slider-main-wapper li h3{z-index:10;position:absolute;top:0;width:180px;height:300px;background:url(http://4.bp.blogspot.com/-bp2HK6MdDXg/T5aB6vI5GPI/AAAAAAAAF98/gwCsmb8Fcks/s1600/transparant.png);padding:10px;margin:10px 0 0 10px} ul.slider-main-wapper li h3 p{color:#fff;font-size:12px;padding:5px 10px;margin:5px 0;background:#ff2f19;width:150px} ul.slider-main-wapper li h3 a{color:#ddd;font-size:20px;line-height:26px;margin:0} ul.slider-main-wapper li h3 .title{color:#eee;font:12px Arial;margin:0;padding-top:5px} ul.slider-main-wapper li .imgauto{width:590px;height:320px;overflow:hidden;margin:0;padding:0;border:10px solid #111} ul.slider-main-wapper{height:340px;width:610px;position:absolute;overflow:hidden;margin:0;padding:0} ul.slider-main-wapper li{overflow:hidden;list-style:none;height:100%;width:610px;float:left;margin:0;padding:0} .slider-opacity li{position:absolute;top:0;left:0;float:inherit} ul.slider-main-wapper li img{list-style:none;width:610px;height:auto;padding:0;margin-top:-30%} ul.slider-navigator{top:0;position:absolute;width:100%;margin:0;padding:0} ul.slider-navigator li{cursor:pointer;list-style:none;width:100%;overflow:hidden;margin:0;padding:0} .slider-navigator-outer{background:#111;position:absolute;right:10px;top:10px;z-index:10;height:340px;width:310px;overflow:hidden;color:#333;} .slider-navigator li h5{color:#ccc;font:bold 12px Arial;margin:0;padding:5px 10px 0} .slider-navigator li .title{color:#eee;font:11px Tahoma;margin:0;padding-top:5px} .slider-navigator li div{height:84px;position:relative;margin:0;padding:0 5px;border-bottom:1px dashed #222} .slider-navigator li.active div,.slider-navigator li:hover div{color:#999;} .slider-navigator li img{border:#444 solid 2px;height:70px;width:90px;float:left;margin:5px 10px 5px 0} .slider-navigator li.active img{border:#ccc solid 2px} .slider-navigator li.active h5,.slider-navigator li h5:hover{color:#fd513f} /* Slider */ .sompret-wrapper {float:right; position: relative;padding-right:10px} .sompret { overflow: hidden; position: relative; width:300px; height:400px;} .image_reel { position: absolute; top: 0; left: 0; } .image_reel img {overflow: hidden;float: left;width:300px; height:auto;} .paging {background:#1a1a1a; padding: 4px 0 2px; text-align:center;z-index: 100; } .paging a { text-indent:-9999px; background:url(http://4.bp.blogspot.com/-b9OEmVdL6Q4/URA_BL7OXWI/AAAAAAAAB2k/c9exOQaNu2U/s1600/slider_item_active.png) no-repeat center; width:10px; height:10px; display:inline-block;margin:3px; border:none; outline:none; } .paging a.active { background:url(http://3.bp.blogspot.com/-eEgZtLbyI5A/URLe2rdcXjI/AAAAAAAACGA/Bzcm_LnSpk4/s1600/slider_item.png) no-repeat center; border:none; outline:none;} .paging a:hover {font-weight: bold; border:none; outline:none;} .crott { width:280px; display: none; position:absolute;bottom: 0; left: 0; z-index: 101; background: url(http://4.bp.blogspot.com/-SMVDkVsdj0I/URLTaa0lVII/AAAAAAAACFQ/STj40Z_py0Q/s1600/overlay_feature.png)repeat-x top;padding:5px 10px; } .crott a{color: #fff;font: 16px Oswald } .crott p{color: #fff;font: 12px Arial;} .PopularPosts .item-thumbnail img{float:right;width:80px;height:105px;background:#cabc73;padding:3px;margin-right:6px;} .quickedit{display:none} .shadow{width:970px; height:37px; background:url(http://2.bp.blogspot.com/-EZyIk5avkHk/URJ9koETxtI/AAAAAAAAB9s/NNAmTygwDLo/s1600/slider-shadow.png) no-repeat center;margin:0 auto} .blog-pager,#blog-pager{clear:both;font:bold 12px Arial;text-align:center;padding:5px 10px} .showpageNum a,.showpage a{text-decoration:none;white-space:nowrap;color:#fff;margin:0 3px;padding:5px 10px} .showpageNum a:hover,.showpage a:hover{color:#ff2f19;text-decoration:none;background-color:#fff} .showpageOf{display:none;margin:0} .showpagePoint{color:#fff;text-decoration:none;background-color:#ff2f19;font-size:12px;padding:5px 10px} ]]>