<data:blog.pageTitle/> <data:blog.pageName/> */ /* Use this with templates/template-twocol.html */ body { -moz-background-clip:border; -moz-background-inline-policy:continuous; -moz-background-origin:padding; background:#ececec url(http://1.bp.blogspot.com/_rLYhkzmU7RY/TD5owJ2wFOI/AAAAAAAAAAo/Mdv207vRp9k/s1600/kertas.gif) repeat-y center; color:#333333; font:15px 'Segoe UI', Calibri, 'Myriad Pro', Myriad, 'Trebuchet MS', Helvetica, sans-serif; font-size-adjust:none; font-stretch:normal; font-style:normal; font-variant:normal; font-weight:normal; line-height:normal; margin:0; text-align:center; } a:link { color:#007ACC; text-decoration:none; } a:visited { color:#007ACC; text-decoration:none; } a:hover { color:#5588AA; text-decoration:underline; } a img { border-width:0; } #header-wrapper { -moz-background-clip:border; -moz-background-inline-policy:continuous; -moz-background-origin:padding; background:transparent url(http://3.bp.blogspot.com/_rLYhkzmU7RY/TDvdaQEQJhI/AAAAAAAAAAM/tQr4P8Rb7AQ/s1600/line.gif) repeat-x scroll left bottom; height:119px; width:900px; } #header-inner { background-position:center center; margin-left:auto; margin-right:auto; } #header { color:#000000; text-align:left; } #header h1 { font-family:'Segoe UI', Calibri, 'Myriad Pro', Myriad, 'Trebuchet MS', Helvetica, sans-serif; font-size:26px; font-size-adjust:none; font-stretch:normal; font-style:normal; font-variant:normal; font-weight:bold; letter-spacing:-1px; line-height:normal; margin:5px 5px 0; padding:15px 20px 3px 0; text-transform:none; } #header a { color:#000000; text-decoration:none; } #header a:hover { color:#000000; } #header .description { color:#999999; font-family:georgia; font-size:12px; font-size-adjust:none; font-stretch:normal; font-style:italic; font-variant:normal; font-weight:normal; letter-spacing:0; line-height:normal; margin:0 5px 5px; max-width:700px; padding:0 20px 15px 0; text-transform:none; } #header img { margin-left:auto; margin-right:auto; } #outer-wrapper { -moz-background-clip:border; -moz-background-inline-policy:continuous; -moz-background-origin:padding; background:#FFFFFF none repeat scroll 0 0; border:1px solid #fff; font-family:'Segoe UI', Calibri, 'Myriad Pro', Myriad, 'Trebuchet MS', Helvetica, sans-serif; font-size:12px; font-size-adjust:none; font-stretch:normal; font-style:normal; font-variant:normal; font-weight:normal; line-height:normal; margin:20px auto; padding:0 10px; text-align:left; width:900px; } #main-wrapper { float:left; margin-right:10px; overflow:hidden; width:507px; word-wrap:break-word; } #sidebar-top { border-left: 1px solid #dddddd; border-bottom: 1px solid #dddddd; background:#F5F5F5; width:362px; float:right; padding:10px; } #sidebar-wrapper { background:transparent url(http://2.bp.blogspot.com/_rLYhkzmU7RY/TDvfgoOK5uI/AAAAAAAAAAU/kOXGkdBkMT4/s1600/sidebg.gif) repeat-y scroll left top; float:right; overflow:hidden; padding-left:8px; margin-right:13px; width:362px; word-wrap:break-word; } h2 { color:#000000; font-family:'Segoe UI', Calibri, 'Myriad Pro', Myriad, 'Trebuchet MS', Helvetica, sans-serif; font-size:16px; font-size-adjust:none; font-stretch:normal; font-style:normal; font-variant:normal; font-weight:normal; letter-spacing:0; line-height:1.5em; margin-bottom:7px; margin-top:5px; } .post { margin:0.5em 0 1.5em; } .post h1, .post h2 { color:#007ACC; font-family:'Segoe UI', Calibri, 'Myriad Pro', Myriad, 'Trebuchet MS', Helvetica, sans-serif; font-size:20px; font-weight:normal; line-height:1em; margin:0; padding:0 0 5px; } .post h1 a, .post h1 a:visited, .post h1 strong, .post h2 a, .post h2 a:visited, .post h2 strong { color:#333; display:block; font-weight:normal; text-decoration:none; } .post h1 strong, .post h1 a:hover, .post h2 strong, .post h2 a:hover { color:#007ACC; } .post-body { font-family:'Segoe UI', Calibri, 'Myriad Pro', Myriad, 'Trebuchet MS', Helvetica, sans-serif; font-size:14px; line-height:1.4em; margin:0 0 0.75em; } .post-body blockquote { line-height:1.3em; } .post-footer { border-bottom:1px solid #EEEEEE; color:#999999; font-style:normal; letter-spacing:0; margin:0.3em 0; padding:2px; text-transform:none; } .comment-link { margin-left:0em; } .post img { border:4px solid #DDDDDD; } .post blockquote { color:#666666; font-family:'Segoe UI', Calibri, 'Myriad Pro', Myriad, 'Trebuchet MS', Helvetica, sans-serif; font-style:italic; margin:1em 20px; } .post blockquote p { margin:0.75em 0; } #comments h4 { color:#666666; font-weight:normal; letter-spacing:0.2em; line-height:1.4em; margin:1em 0; font-size:medium; text-transform:none; } #comments-block{border:0px dotted #ccc;width:507px;margin:1.3em 0 1.5em;line-height:1.6em}#comments-block .comment-author{background:#f6f6f6;border-top:1px solid #ddd;margin:.5em 0;padding-left:0px;color:#111}#comments-block .comment-author a:link,a:visited{color:#346ba4}#comments-block .comment-body{padding-left:0px;color:#333}#comments-block .comment-footer{padding-left:0px;margin:.25em 0 2em;line-height:1.5em;font-size:9px;border-top:1px solid #ddd}#comments-block .comment-footer a:link,a:visited{color:#444}#comments-block .comment-body p{text-align:justify;margin:0 1em .75em;padding-left:5px;border-left:3px solid #f0f0f0}#comments-block a:link{color:#c13a10}.deleted-comment{font-style:italic; color:gray}.owner-Body{padding-left:0px;color:#333}.owner-Body p{text-align:justify;margin:0 1em .75em;padding-left:5px;background:#f5f5f5;border-left:3px solid #ddd} #blog-pager-newer-link { float:left; } #blog-pager-older-link { float:right; } #blog-pager { text-align:center; } .feed-links { clear:both; line-height:2.5em; } .sidebar { color:#666666; line-height:1.5em; } .sidebar ul { list-style-image:none; list-style-position:outside; list-style-type:none; margin:0; padding:0; } .sidebar li { -moz-background-clip:border; -moz-background-inline-policy:continuous; -moz-background-origin:padding; background:transparent url(http://4.bp.blogspot.com/_qJFbsMHBJNg/SoaUE7XY4hI/AAAAAAAAAJY/fQ02np_6CiY/s1600/libg300.png) no-repeat scroll left -1px; line-height:1.5em; margin:0; padding:0 0 0.25em 15px; } .sidebar .widget, .main .widget { margin:0 0 0.2em; padding:0 0 0.2em; } .main .Blog { border-bottom-width:0; } .profile-img { border:1px solid #CCCCCC; float:left; margin:0 5px 5px 0; padding:4px; } .profile-data { color:#999999; font-family:''Segoe UI', Calibri, 'Myriad Pro', Myriad, 'Trebuchet MS', Helvetica, sans-serif; font-size:78%; font-size-adjust:none; font-stretch:normal; font-style:normal; font-variant:normal; font-weight:bold; letter-spacing:0.1em; line-height:1.6em; margin:0; text-transform:uppercase; } .profile-datablock { margin:0.5em 0; } .profile-textblock { line-height:1.6em; margin:0.5em 0; } .profile-link { font-family:'Segoe UI', Calibri, 'Myriad Pro', Myriad, 'Trebuchet MS', Helvetica, sans-serif; font-size:78%; font-size-adjust:none; font-stretch:normal; font-style:normal; font-variant:normal; font-weight:normal; letter-spacing:0.1em; line-height:normal; text-transform:uppercase; } #menu { background-color:#F5F5F5; border-bottom:1px solid #DDDDDD; border-right:1px solid #DDDDDD; border-top:1px solid #DDDDDD; height:29px; margin:3px auto 0; width:900px; } #menu ul { border-left:1px solid #DDDDDD; float:left; font-family:'Segoe UI', Calibri, 'Myriad Pro', Myriad, 'Trebuchet MS', Helvetica, sans-serif; list-style-type:none; margin:0; padding:0; width:630px; } #menu ul li { border-right:1px solid #DDDDDD; display:block; float:left; font-size:12px; font-weight:lighter; height:29px; letter-spacing:1px; line-height:18px; margin-right:0; padding:0; text-transform:uppercase; } #menu ul li:hover { background-color:#DDDDDD; } #menu ul li a:link, #menu ul li a:visited, #menu ul li a:active { color:#666666; display:block; float:left; height:19px; margin:0; padding:5px 20px 0; text-transform:uppercase; } #menu .home, #menu .current_page_item { background-color:#FFFFFF; } #menu .home a:link, #menu .home a:visited, #menu .current_page_item a:link, #menu .current_page_item a:visited { background-position:right center; background-repeat:no-repeat; color:#000000; } #menu ul li a:hover { background-position:right center; background-repeat:no-repeat; color:#111111; height:29px; text-decoration:none; } #menu ul li ul { width:180px; } #menu .rss { border:medium none; float:right; font-family:'Segoe UI', Calibri, 'Myriad Pro', Myriad, 'Trebuchet MS', Helvetica, sans-serif; list-style-image:none; list-style-position:outside; list-style-type:none; margin:0; overflow:hidden; width:300px; } #menu .rss li { background-color:#FFFBFA; border-left:1px solid #DDDDDD; border-right:medium none; float:right; height:24px; padding-left:10px; } #menu .rss li:hover { background-color:#FFF7F5; } #menu .rss li a { -moz-background-clip:border; -moz-background-inline-policy:continuous; -moz-background-origin:padding; background:transparent url(http://1.bp.blogspot.com/_qJFbsMHBJNg/SoaUQ21lsyI/AAAAAAAAAJg/oRu5AVR0i-M/s1600/rss.png) no-repeat scroll left top; display:block; height:19px; padding:5px 20px 0; } #menu .rss li a:hover { -moz-background-clip:border; -moz-background-inline-policy:continuous; -moz-background-origin:padding; background:transparent url(http://1.bp.blogspot.com/_qJFbsMHBJNg/SoaUQ21lsyI/AAAAAAAAAJg/oRu5AVR0i-M/s1600/rss.png) no-repeat scroll left top; color:#111111; height:21px; } .menunav li:hover ul, ul.menunav li.sfHover ul { left:-1px; top:25px; } .menunav li:hover li ul, .menunav li.sfHover li ul { top:-9999px; } .menunav li li:hover ul, ul.menunav li li.sfHover ul { border-top:1px solid #DDDDDD; left:180px; top:-1px; } .menunav li:hover ul, .menunav li li:hover ul { top:-9999px; } .menunav li ul { border-right:1px solid #DDDDDD; position:absolute; top:-9999px; } .menunav li { border-bottom:1px solid #DDDDDD; float:left; position:relative; } .menunav ul li { width:100%; } .menunav li li { -moz-background-clip:border; -moz-background-inline-policy:continuous; -moz-background-origin:padding; background:transparent url(images/libgt.png) repeat scroll 0 0; height:auto !important; padding:0; } .menunav li ul { z-index:100; } .menunav li:hover a:link, .menunav li:hover a:visited { color:#111111 !important; text-decoration:none; } .menunav li li:hover, .menunav li .current_page_item { -moz-background-clip:border !important; -moz-background-inline-policy:continuous !important; -moz-background-origin:padding !important; background:transparent url(images/libgth.png) repeat scroll 0 0 !important; } .menunav li li a:link, .menunav li li a:visited { background-image:none !important; float:left; height:auto !important; margin:0 !important; padding:5px 20px !important; } #content-wrapper { margin:0 auto 10px; overflow:hidden; padding:0; width:900px; } #comments { font-family:'Segoe UI', Calibri, 'Myriad Pro', Myriad, 'Trebuchet MS', Helvetica, sans-serif; } #footer { -moz-background-clip:border; -moz-background-inline-policy:continuous; -moz-background-origin:padding; background:transparent url(http://3.bp.blogspot.com/_rLYhkzmU7RY/TDvdaQEQJhI/AAAAAAAAAAM/tQr4P8Rb7AQ/s1600/line.gif) repeat-x scroll left top; margin:0 auto; overflow:hidden; width:900px; } #footer .copyright { float:right; } #footer .link { float:left; } #footer p { font-size:12px; margin:0; padding:12px 0 7px; text-align:center; } .post-comment-link { -moz-background-clip:border; -moz-background-inline-policy:continuous; -moz-background-origin:padding; margin-left:0px; padding-left:0px; font-size: large; } .breadcrumbs { padding:5px 5px 5px 0px; margin: 0px 0px 15px 0px; font-size:95%; line-height: 1.4em; border-bottom:3px double #e6e4e3; }#menu input{display:none;margin:0 0;padding:0 0;width:80px;height:30px;opacity:0;cursor:pointer} #menu label{display:none;width:35px;height:30px;line-height:30px;text-align:center;border-left:1px solid #ddd} #menu label span{font-size:16px;position:absolute;left:35px} @media screen and (max-width:768px) {body{background:none} #outer-wrapper{width:90%} #header-wrapper,#crosscol-wrapper,#content-wrapper,#main-wrapper,#sidebar-top,#sidebar-wrapper,#footer,#menu{width:100%} #sidebar-wrapper{background:none} #sidebar-wrapper,#sidebar-top{margin:0;padding:0;} .sidebar .widget{padding:0 10px 0 10px} @media screen and (max-width:768px) and (min-width:761px) {#header-wrapper{height:120px}} @media screen and (max-width:736px) and (min-width:670px) {#header-wrapper{height:130px}} @media screen and (max-width:667px) and (min-width:605px) {#header-wrapper{height:140px}} @media screen and (max-width:600px) and (min-width:570px) {#header-wrapper{height:150px}} @media screen and (max-width:568px) and (min-width:485px) {#header-wrapper{height:160px}} @media screen and (max-width:480px) and (min-width:415px) {#header-wrapper{height:170px}} @media screen and (max-width:414px) and (min-width:385px) {#header-wrapper{height:160px}} @media screen and (max-width:384px) and (min-width:376px) {#header-wrapper{height:150px}} @media screen and (max-width:375px) and (min-width:325px) {#header-wrapper{height:170px}} @media screen and (max-width:320px) and (min-width:245px) {#header-wrapper{height:170px}} @media screen and (max-width:240px) {#header-wrapper{height:220px}} @media screen and (max-width: 667px){ #menu{position:relative} #menu ul{position:absolute;top:100%;right:0;left:0;z-index:3;height:auto;display:none} #menu ul li{width:99.8%;position:static;background:#F5F5F5;} #menu ul{width:100%;} #menu li{display:block;float:none;width:auto;border-left:none;} #menu ul li:first-child{border-top:1px solid #ddd} #menu input,#menu label{position:absolute;top:0;left:0;display:block;} #menu input{z-index:4;border-left:1px solid #ddd} #menu input:checked + label{color:black} #menu input:checked ~ ul{display:block} } .responsive { position: relative; padding-bottom: 56.25%; /* 16:9 */ padding-top: 25px; height: 0; } .responsive iframe, video, object, embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } ]]>
0 -1 false false BEHIND 0

comments false By TextAndImage at false 1x1 false false 1 #ffffff false #333333 false #333333 Location: false #cc6600 #ffffff false Labels: false false false