@media screen { *{ margin:0; padding:0; } body { font: 62.5% 'Lucida Grande', Verdana, Arial, Sans-Serif; background: #ffffff; margin-top: 20px; padding: 0px; color: #444748; } body a, body a:visited { color: #5C82EF; text-decoration: none; } body a:hover { text-decoration: none; } body p { padding: 5px 0px; margin: 5px 0px; } #page { width: 950px; margin: 0px auto; background: #FFFfff; padding: 0 10px 0 10px; } #header { width: 100%; background: #000; height: 100%; background: #FFFfff; } #header h1 { font-size: 3.0em; padding: 0; margin: 0; color: #fff; font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Verdana, Arial, sans-serif; } #header h1 a { color: #5F9EAD; } .description { font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Verdana, Arial, sans-serif; } #header #header_right { float:right; width: 320px; text-align: right; font-size: 1.2em; color: #fff; padding: 10px 0px 10px 0; } #header #header_left { float:left; width: 580px; text-align: left; font-size: 1.2em; color: #5F9EAD; padding: 10px 0px 20px 0px; } #subscribe { text-align: right; } #wrapper { width: 100%; } #content { float: left; width: 500px; line-height: 2.2em; padding-left: 20px; padding-top: 20px; } #sidebar { float: right; width: 410px; margin-left: 0px; padding-top: 20px; } #footer { color: #fff; width: 100%; clear: both; background: #FFF url(data:image/jpeg;base64,/9j/4AAQSkZJRgABAgAAZABkAAD/7AARRHVja3kAAQAEAAAAMAAA/+4ADkFkb2JlAGTAAAAAAf/bAIQACQYGBgcGCQcHCQ0IBwgNDwsJCQsPEQ4ODw4OERENDg4ODg0RERQUFhQUERoaHBwaGiYmJiYmKysrKysrKysrKwEJCAgJCgkMCgoMDwwODA8TDg4ODhMVDg4PDg4VGhMRERERExoXGhYWFhoXHR0aGh0dJCQjJCQrKysrKysrKysr/8AAEQgACgPKAwEiAAIRAQMRAf/EAFoAAQEBAAAAAAAAAAAAAAAAAAAGAgEBAQEBAAAAAAAAAAAAAAAAAAIBAxABAAICAwEAAAAAAAAAAAAAAAFxMwYxAgMyEQEAAwAAAAAAAAAAAAAAAAAAATEC/9oADAMBAAIRAxEAPwDOw4ppBe+Xta92HFNIL3y9rbCd0wApAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACt1rmFakta+oVqHV/9k=) top center repeat-y; } #footer a, #footer a:hover, #footer a:visited { color: #fff; text-decoration: none; } #footer_left { padding: 10px 0 10px 20px; text-align: left; float: left; width: 480px; line-height: 1.6em; } #footer_right { padding: 10px 20px 10px 0; text-align: right; float: right; width: 390px; margin-left: 0px; }  h1, h2, h3, h4 { font-family: Helvetica, Arial, Sans-Serif; } h1 { font-size: 3.0em; line-height: 1.0em; } h2 { font-size: 2.0em; } h3 { font-size: 1.5em; } h4 { font-size: 1.0em; }  .post h2, .post h2 a:hover, .post h2 a:visited, .post h2 a { font-size: 1.4em; text-decoration: none; color: #2E393B; margin-bottom: 10px; line-height: 1.0em; } .post { font-size: 1.2em; margin-bottom: 30px; text-align: justify; } .post p { padding: 5px 0px; margin: 5px 0px; } .post ul, .post ol { margin: 10px 0 10px 0; padding-left: 40px; } .post li { padding: 2px 0 2px 0; } .entry { margin-bottom: 10px; text-align: justify; } .entrytext .postmetadata { margin-top: 20px; text-align: justify; } .postmetadata { border-top: 1px dashed #ccc; padding-top: 2px; margin-bottom: 40px; text-align: right; } .postmetadata alt { border-top: 1px dashed #ccc; padding-top: 2px; margin-bottom: 40px; text-align: left; } .navigation { display:block; margin-bottom: 20px; } #nav { background: #006699; clear: both; color: #fff; font-family: Verdana, Arial, Tahoma, Verdana; height: 35px; margin: 0; padding: 0; font-size: 12px; text-transform: none; width: 100%; } #nav .wrap { } #nav ul { float: left; list-style: none; margin: 0; padding: 0; width: 100%; } #nav li { float: left; list-style: none; margin: 0; padding: 0; } #nav li a { border-right: 0; display: block; margin: 0; padding: 10px 15px 10px 20px; position: relative; text-decoration: none; } #nav a, #nav a:visited { background: #006699; color: #fff; display: block; font-weight: bold; margin: 0; padding: 10px 15px 10px 20px; text-transform: none; } #nav a:hover { background: #000000; color: #fff; height: 24px; margin: 0; padding: 5px 15px 5px 20px; text-decoration: none; } #nav1 { width: 280px; float: right; height: 35px; margin: -35px 10px 0px 0px; padding: 0px 20px 0px 0px; text-transform: uppercase; } #nav1 li { list-style: none; } .cari { height: 35px; font-family: Arial, Tahoma, Verdana; margin: 0px 0px 0px 0px; padding: 0px 10px 0px 0px; } #subboxcari { background: #fff; width: 280px; font-size: 12px; font-family: Arial, Tahoma, Verdana; font-weight: normal; margin: 5px 0px 0px 0px; padding: 3px; border-top: 1px solid #666666; border-right: 1px solid #DDDDDD; border-left: 1px solid #666666; border-bottom: 1px solid #DDDDDD; display: inline; } .alignleft { float:left; text-align:left; } .alignright { float:right; text-align:right; } .pagetitle { font-size: 1.6em; margin-bottom: 20px; } blockquote { margin: 10px 0 10px 0; padding: 5px 10px 5px 10px; background: #D7E1FF; border-top: solid 1px #9DB7FF; border-bottom: solid 1px #9DB7FF; } code{ font:1.2em 'Courier New',Courier,Fixed; display:block; overflow:auto; text-align:left; margin: 10px 0 10px 0; padding: 5px 10px 5px 10px; background: #D7E1FF; border-top: solid 1px #9DB7FF; border-bottom: solid 1px #9DB7FF; } a img { border: 0; }  #sidebar ul { margin-bottom:20px; } #sidebar a { color: #5C82EF; } #sidebar .sidebar_left ul h2 { padding-bottom: 10px; border-bottom: dashed 1px #CFCFCF; font-size: 1.5em; } #sidebar .sidebar_right ul h2 { padding-bottom: 10px; border-bottom: dashed 1px #CFCFCF; font-size: 1.5em; } #sidebar ul li { list-style:none; line-height:1.6em; font-size: 1.1em; } #sidebar ul ul { } #sidebar .sidebar_left ul ul li { border-bottom: dashed 1px #CFCFCF; } #sidebar .sidebar_right ul ul li { border-bottom: dashed 1px #CFCFCF; } #sidebar a:hover { text-decoration: underline; } #sidebar .sidebar_left { width: 210px; float: left; padding: 0 10px 0 10px; text-align: justify; } #sidebar .sidebar_right { width: 160px; float: right; padding: 0 10px 0 10px; text-align: justify; } #sidebar .sidebar_left ul ul li ul{ padding-left:20px; margin-bottom:0; } #sidebar .sidebar_left ul ul li ul li{ list-style:none; line-height:1.6em; font-size: 1.1em; border-bottom:0; } #sidebar .sidebar_right ul ul li ul{ padding-left:20px; margin-bottom:0; } #sidebar .sidebar_right ul ul li ul li{ list-style:none; line-height:1.6em; font-size: 1.1em; border-bottom:0; }  #comments { font-size: 1.6em; margin-bottom: 20px; border-bottom: 1px dashed #ccc; padding-bottom:20px; } #respond { font-size: 1.6em; margin-bottom: 5px; } ol.commentlist { list-style-type : none; font-size: 1.2em; } ol.commentlist li { margin-bottom: 20px; padding-bottom: 20px; border-bottom: 1px dashed #ccc; } ol.commentlist li.alt { margin-bottom: 20px; padding-bottom: 20px; border-bottom: 1px dashed #ccc; } #comment_title { margin-bottom: 5px; } #commentform { margin-bottom: 20px; } #commentform p { margin-bottom: 10px; } #commentform textarea { width:99%; padding:2px; font-size: 12px; background-color: #fff; border: 1px solid #ccc; }  #search { margin-bottom: 20px; text-align: right; } #searchform { margin-bottom: 20px; } #searchform input { width: 180px; background: #fff; }  #wp-calendar { width: 180px; text-align: left; margin-top: 5px; } #wp-calendar th { margin-top: 5px; } #wp-calendar caption { font-size: 1.2em; margin-top: 5px; }  hr { display: none; } #adsense_singlepost_top_square { float: left; margin-right: 10px; } #adsense_singlepost_bottom_square { margin-bottom: 30px; } #adsense_singlepost_top_banner { margin-bottom: 5px; } #adsense_singlepost_bottom_banner { margin-bottom: 30px; } #adsense_homepage_linkunit { margin-bottom: 30px; } #adsense_homepage_banner { margin-bottom: 30px; } .recent-posts-thumb { float:left; margin: 5px 5px 0 0; } #footer { *background-image:url(/wp-content/themes/cafeblogger/images/header_footer_img.jpg)} }