<data:blog.pageName/> | <data:blog.title/> <data:blog.pageTitle/> | Your Blog Description <data:blog.pageName/> | <data:blog.title/> a,#menu li a:hover{background:#111} #menu input{display:none;margin:0 0;padding:0 0;width:80px;height:35px;opacity:0;cursor:pointer} #menu label{font:bold 30px Arial;display:none;width:35px;height:36px;line-height:36px;text-align:center} #menu label span{font-size:12px;position:absolute;left:35px} #menu ul.menus{height:auto;overflow:hidden;width:180px;background:#111;position:absolute;z-index:99;display:none;border:0;} #menu ul.menus li{display:block;width:100%;font:12px Arial;text-transform:none;} #menu li:hover ul.menus{display:block} #menu a.prett{padding:0 27px 0 14px} #menu a.prett::after{content:"";width:0;height:0;border-width:6px 5px;border-style:solid;border-color:#eee transparent transparent transparent;position:absolute;top:15px;right:9px} #menu ul.menus a:hover{background:#333;} .page-menu{background:#f9f9f9;width:100%;margin:0 auto;padding:0;border-bottom:1px solid #ddd} .page-menu ul{list-style:none;color:#555;width:960px;margin:0 auto;padding:0} .page-menu ul li{list-style:none;line-height:34px;display:inline-block} .page-menu li a{color:#555;font-size:13px;font-family:Arial,Helvetica,Tahoma,sans-serif;text-decoration:none;text-transform:capitalize;padding:0 10px;border-right:1px solid #ddd} .page-menu li a:hover{color:#000;} .outerpic-wrapper{background:#f4f3f3;width:100%;box-shadow:0 10px 10px #666;-moz-box-shadow:0 10px 10px #666;overflow:hidden;-webkit-box-shadow:0 10px 10px #666;filter:progid:DXImageTransform.Microsoft.Shadow(color='#999999',Direction=125,Strength=6);padding:10px;margin:15px auto} .content-wrapper{position:relative;max-width:960px;margin:0 auto} .outer-wrapper{position:relative;width:100%;padding:0} .main-wrapper{width:630px;margin:0;float:left;word-wrap:break-word;overflow:hidden;} .clr{clear:both;float:none} 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 0px;padding:0 10px;border:1px solid #ddd;background:#fff} .post h1,.post h2{font:24px Oswald;line-height:1.2em;color:#444;margin:.0em 0 0;padding:4px 0} .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:#444;} .post h1 strong,.post h1 a:hover,.post h2 strong,.post h2 a:hover{color:#0a2e56} .post-body{border-top:2px solid #ddd;padding-top:10px;font:normal 14px 'Arial', serif;margin:1.0em 0 .75em;line-height:1.3em;} .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:.75em 0} .comment-link{margin-left:.1em} .post blockquote{line-height:1.6em;color:#333;background:#eee;border-left:20px solid #ccc;margin:10px 10px 10px 20px;padding:10px 15px} .post blockquote p{margin:.75em 0} .post img,#header2 img,.sidebar1 img,.sidebar img{max-width:100%;width:auto;-ms-interpolation-mode:bicubic;border:0;} .video-container { position:relative; margin:0 0 15px 0;padding-bottom:51%; padding-top:30px; height:0; overflow:hidden; border:1px solid #ccc; } .video-container iframe,.video-container object, .video-container embed { position:absolute; top:0; left:0; width:100%; height:100%; } #related-posts{float:left;width:100%;border-bottom:1px solid #aaa;border-top:3px solid #bbb;margin:5px 0 10px;padding:15px 0 10px} #related-posts .widget h2,#related-posts h2{font:16px Oswald;color:#111;text-transform:none;margin:0 0 10px;padding:0} #related-posts a{color:#333;font:12px Tahoma} #related-posts li{background:url(http://2.bp.blogspot.com/-EcBIblBtYTQ/TqALuRS_IzI/AAAAAAAAAx0/E-vzWTTOgXs/s1600/bullet-list.gif) no-repeat 0 10px;text-indent:0;line-height:1.2em;border-bottom:1px dashed #ddd;margin:0;padding:3px 0 3px 12px} #related-posts a:hover{color:#2482d6;text-decoration:none} #related-posts .widget{margin:0;padding:0} #related-posts ul{list-style:none;margin:0;padding:0} #blog-pager-older-link a,#blog-pager-newer-link a,a.home-link{width:80px;text-align:center;display:inline-block;color:#fff;font:bold 12px Arial;text-transform:none;margin:0;padding:5px 5px;background:#555;border:1px solid #111} .blog-pager,#blog-pager{clear:both;font:bold 12px Arial;text-align:center;padding:15px 10px} .showpageNum a,.showpage a{background:#fff;text-decoration:none;white-space:nowrap;color:#222;margin:10px 3px;padding:5px 10px;border:1px solid #999} .showpageNum a:hover,.showpage a:hover{color:#fff;text-decoration:none;background-color:#444;border:1px solid #000} .showpageOf{display:none;margin:0} .showpagePoint{color:#fff;text-decoration:none;background-color:#444;font-size:12px;margin:10px 3px;padding:5px 10px;border:1px solid #000} .feed-links{clear:both;line-height:2.5em} .readmorecontent{float:right;margin:5px 5px 0 0;padding:2px 0} .readmorecontent a{color: #ccc;background: #444; text-decoration:none;font-size:11px;padding:5px 7px} .readmorecontent a:hover{background:#ccc;text-decoration:none;color:#222} .menusearch{width:200px;float:right;margin:0 auto;padding:4px 10px 0 0} .searchform {margin-top:0px;display: inline-block;*display: inline;padding:0;background:#fff;width:200px;height:23px; overflow:hidden;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;border:1px solid #ddd} .searchform input {font:italic 12px Arial;color:#222;line-height:23px;height:23px;padding:0;margin:0;} .searchform .searchfield {background:transparent;padding:0 0 0 6px;margin:0;width: 160px;height:23px;border:0px;outline: none;line-height:23px;} .searchform .searchbutton{border:none;font-size:12px;height:23px;width:23px;margin:0;padding:0} .sidebar-wrapper,.sidebar1-wrapper{width:320px;float:right;word-wrap:break-word;overflow:hidden;} .sidebar h2{color:#222;font:16px Oswald;margin:0 10px;padding:5px 0;text-transform:uppercase;border-bottom:3px solid #ddd} .sidebar{color:#666;line-height:1.3em;border-top:none;font:11px Arial} .sidebar li{line-height:1.3em;margin:0;padding:5px 0 4px;border-bottom:1px dashed #ddd} .sidebar .widget,.sidebar1 .widget{background:#fff;margin:10px 0;padding:0;border:1px solid #ddd} .sidebar .widget-content{margin:0 auto;padding:0 10px;} .sidebar a:link,.sidebar a:visited{font:bold 12px Arial;color:#555;text-decoration:none} .sidebar li a:hover{color:#015bb3} .sidebar ul{list-style:none;margin:0;padding:5px 0} .sidebar1 ul{list-style:none;padding:0;margin:0;} .sidebar1 .widget-content{margin:0 auto;padding:10px 10px 5px;} #footer{background:#222;border-bottom:1px solid #000;border-top:4px solid #111;width:100%;padding:0;} .footer-wrapper{color:#aaa;font:12px Arial;height:100%;line-height:16px;overflow:hidden;padding:0} .footer{float:left;width:31%;margin:10px} .footer .widget{margin-bottom:30px} .footer h2{background:url(http://4.bp.blogspot.com/-tk5hQcNMq6M/T8zPEwjH-RI/AAAAAAAAGm0/t8xkrJitkxg/s1600/batas.gif) repeat-x scroll bottom;font:bold 14px Arial;padding-bottom:8px;margin-bottom:8px;line-height:1.3em;text-transform:uppercase;color:#ddd} .footer .widget-content{line-height:17px} .footer ul{list-style:none;color:#EAE9E8;margin:0;padding:0} .footer li{background:url(http://4.bp.blogspot.com/-Bt0JYGRHfpk/T7ZpN5RNSQI/AAAAAAAAGJQ/zQtrWVZwgHA/s1600/bullet.png) no-repeat 1px 4px;font:normal 12px Arial;color:#626262;text-indent:0;line-height:1.2em;margin:0;padding:2px 0 3px 17px} .footer a:link,.footer li a:visited{color:#aaa;text-decoration:none} .footer li a:hover{color:#fff} #credit{background:#333;border-top:1px solid #000;font:11px Tahoma;color:#999;width:100%;overflow:hidden;clear:both;padding:10px 0;line-height:18px} #credit .left{float:left;text-align:left;margin-left:10px} #credit .right{float:right;text-align:right;margin-right:10px} #credit a{color:#eee;text-decoration:none} #credit a:hover{color:#fc0;text-decoration:none} .comments {margin:5px 0;padding:10px 15px; line-height:1em;background:#fff;border:1px solid #ddd } .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; border:1px solid #C4C4C4; border-top-color:#E4E4E4; border-left-color:#E4E4E4; color:#424242 !important; text-align:center; text-shadow:0 -1px 0 white; text-decoration:none; -webkit-border-radius:2px; -moz-border-radius:2px; border-radius:2px; background:#EDEDED; background:-webkit-gradient( linear,left top,left bottom,color-stop(.2,white),color-stop(1,#E5E5E5) ); background:-moz-linear-gradient( center top,white 20%,#E5E5E5 100% ); font:11px/18px sans-serif; padding:2px 8px; margin-right:10px; } .comments .comment .comment-actions a:hover { text-decoration:none; background:#fff; border:1px solid #5AB1E2; } .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:#f6f6f6; } .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:#2D5E7B; 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-color:#F4F4F4; border:thin solid #E6E6E6; margin-bottom:5px; padding:5px; } .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; border:1px solid #C4C4C4; border-top-color:#E4E4E4; border-left-color:#E4E4E4; color:#424242 !important; text-align:center; text-shadow:0 -1px 0 white; text-decoration:none; -webkit-border-radius:2px; -moz-border-radius:2px; border-radius:2px; background:#EDEDED; background:-webkit-gradient( linear,left top,left bottom,color-stop(.2,white),color-stop(1,#E5E5E5) ); background:-moz-linear-gradient( center top,white 20%,#E5E5E5 100% ); 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; outline:1px solid #FFFFFF; padding:3px; vertical-align:middle; overflow:hidden; border:1px solid #DDDDDD; } .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; }} .postmeta{font:11px Tahoma;text-transform:uppercase;font-weight:400;padding:5px 0;line-height:16px} .author{color:#666;background:url(http://1.bp.blogspot.com/-BHRCsN73acQ/UPKxKFtk-mI/AAAAAAAACcI/Vc9nAuUh7F8/s1600/user.png) left center no-repeat;padding:2px 5px 2px 17px} .clock{color:#666;background:url(http://2.bp.blogspot.com/-GEuHpjA0MF8/UPKxKPNlBwI/AAAAAAAACcE/aCzen2hdPS4/s1600/time.png) left center no-repeat;padding:2px 5px 2px 17px} .clock a{color:#666} .clock a:hover{color:#48d} @media screen and (max-width: 960px) { #header{float:none;max-width:none;text-align:center;margin-top:10px} #header-inner{margin-bottom:0} #header h1,#header p{margin-right:0} #header .description{margin:0} .menusearch{float:none;padding:5px 0 10px} .main-wrapper{margin-right:0;width:55%;} .sidebar-wrapper,.sidebar1-wrapper{border:none;margin:0 auto 5px;padding:0 10px;} .credit{padding:20px!important} #credit .left,#credit .right{float:none;text-align:center;margin:0} .outerpic-wrapper,.content-wrapper{padding:0} #header2,.page-menu ul{text-align:center;width:100%} } @media screen and (max-width: 768px){ .header-wrapper{margin-right:0;min-height:0;width:100%} #header{text-align:center;width:100%;max-width:none} #header-inner{margin:10px 0} #menu{position:relative} #menu ul{background:#111;position:absolute;top:100%;right:0;left:0;z-index:3;height:auto;display:none} #menu ul.menus{width:100%;position:static;padding-left:20px} #menu li{display:block;float:none;width:auto} #menu input,#menu label{position:absolute;top:0;left:0;display:block} #menu input{z-index:4} #menu input:checked + label{color:white} #menu input:checked ~ ul{display:block} .page-menu li a{border-right:0} } @media screen and (max-width: 760px){ .page-menu{margin:0} .outer-wrapper{padding:0} #content{clear:both;border:none;padding:0} .main-wrapper{margin-right:0;width:100%;min-height:0} .sidebar-wrapper,.sidebar1-wrapper{position:relative;top:auto;right:auto;clear:both;left:auto;width:auto;background:none;} #comment-editor{margin:10px} .footer{width:auto;margin:15px} } @media screen and (max-width: 480px){ #header img{width:100%} .post-comment-link{display:none} } @media screen and (max-width: 320px){ .comments .comments-content .datetime{display:block;float:none} .comments .comments-content .comment-header{height:70px} } @media screen and (max-width: 240px){ .header-wrapper{margin-right:0;min-height:0;width:100%} #header{text-align:center;width:100%;max-width:none;} #header-inner{margin:10px 0} #header img{border:0 none;background:none;width:auto;height:auto;margin:0 auto} .comments .comments-content .comment-replies{margin-left:0} } .post-thumbnail{width:72px;height:72px;float:left;margin-right:10px;} .post-snippet:before{content:attr(data-snippet);} ]]>

:

 

Home » , »
thumbnail thumbnail

Written By on |

,

1