/* Theme Name: kartunama Theme URI: http://outstando.com Description: Custom theme crafted by Outstando for kartunama.net Version: 2.0 Author: Fikri Rasyid, Outstando Tags: */ /* Reset ---------------------------------------------------------------------------------*/ css_html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; font-size: 100%; vertical-align: baseline; border: 0; outline: 0; background: transparent; } ol, ul { list-style: none; } blockquote, q { quotes: none; } :focus { outline: 0; } /* Global ---------------------------------------------------------------------------------*/ body {font-family:arial; font-size:14px;} .wrapper {width:100%;} .wrapper:after, .container:after, #home-testimonial ul li:after, #recent-blog-posts ul li:after, ul#sidebar-root li:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;} .container {width:940px; margin:0 auto 0 auto;} a {text-decoration:none;} a:hover {text-decoration:underline;} /* Structure ---------------------------------------------------------------------------------*/ /* Top Nav Menu ---------------------------------------------------------------------------------*/ #top-nav {height:81px; background:url(images/top-nav-bg.jpg) top center #0D3C70;} #top-nav-menu {float:right; margin-top:35px;} #top-nav-menu li {display:inline; float:left; margin:0 12.5px 0 0;} #top-nav-menu li a {font:bold 15px arial; color:#fff; height:15px; text-transform:capitalize; float:left; padding:11px 16px 20px 16px;} #top-nav-menu li a:hover {text-decoration:none;} .current_page_item, .current_page_parent {padding-left:14px; background:url(images/main-nav-menu-hover-left.png) no-repeat top left;} .current_page_item span, .current_page_parent span {padding-right:14px; background:url(images/main-nav-menu-hover-right.png) no-repeat top right; float:left;} #top-nav-menu li.current_page_parent a, #top-nav-menu li.current_page_item a{color:#666; background:#fff; padding:11px 9px 20px 9px;} #search-toggle-button {float:right; margin-top:37px; width:44px; height:44px; background:url(images/search-box-icon.png) no-repeat center center; text-indent:-99999px; position:relative; z-index:100;} #searchform-wrapper {float:right; top:81px; width:270px; height:45px; margin-top:-2px; z-index:100; } #searchform {float:right; top:81px; background:#2F649A; width:270px; height:45px; margin-top:-2px; display:none; z-index:100;} #s {border:0; margin:8px; float:left; padding:5px 10px; color:#3d3d3d; width:233px; height:20px;} /* welcome home ---------------------------------------------------------------------------------*/ #welcome-home{background:url(images/home-header-bg.jpg) repeat-x;} #welcome-home-shading{background:url(images/home-shadow.png) no-repeat center center;} #welcome-home .container {height:374px; background:url(images/home-header-hand.png) 0 37px no-repeat;} #logo-site {float:left; margin:-81px 0 0 -34px;} #service-identity-home {float:right; width:960px; margin-top:30px;} #service-pitch {width:400px; height:75px; margin:0 0 40px 560px;} #service-description {width:390px; height:55px; margin:0 0 40px 560px; font:15px/18px arial;} #service-price-spec-button {width:250px; height:51px; background:url(images/button-sprites.png) 0 0 no-repeat; margin:0 0 0 560px; text-indent:-99999px; float:left;} #service-price-spec-button:hover {background:url(images/button-sprites.png) 0 -51px no-repeat;} #home-offering, #body {background:url(images/body-bg.jpg) repeat-x top left;} #home-offering .container {padding:30px 0 20px 0;} #slider {float:left; width:620px; height:360px; background:url(images/fitur-area-bg.png) no-repeat; margin:0 20px 0 0;} .scroll {float:left; width:320px; height: 305px;} .scrollContainer div.panel {width:290px; height:260px; padding:40px 30px; color:#454545; line-height:20px;} /* still mysterious */ .scrollContainer div.panel h2 {color:#55819C; font:bold 22px arial; margin-bottom:20px;} .scrollContainer div.panel p {margin:0 0 15px 0;} #shade {} ul.navigation {float:left; width:245px; height:305px; position:relative; margin-top:15px;} ul.navigation li {float:left; width:245px; height:57px;} ul.navigation a {float:left; font-weight:bold; color:#3a3a3a; width:185px; height:36px; padding:10px 0 0 60px; background:url(images/fitur-area-separator.png) no-repeat center bottom;} ul.navigation li:last-child a {background:transparent;} ul.navigation li#slidenav-1 {background:url(images/tanpa-minimum-order-icon.png) no-repeat 15px 5px;} ul.navigation li#slidenav-2 {background:url(images/proses-cepat-icon.png) no-repeat 15px 5px;} ul.navigation li#slidenav-3 {background:url(images/kualitas-terbaik-icon.png) no-repeat 15px 5px;} ul.navigation li#slidenav-4 {background:url(images/pesan-online-icon.png) no-repeat 15px 5px;} ul.navigation li#slidenav-5 {background:url(images/file-anda-kami-simpan-icon.png) no-repeat 15px 5px;} ul.navigation li#slidenav-6 {background:url(images/butuh-sample-icon.png) no-repeat 15px 5px;} ul.navigation a:hover {text-decoration:none;} ul.navigation a.selected, ul.navigation li:last-child a.selected {float:left; color:#fff; width:268px; height:47px; padding:7px 0 0 18px; margin:0 0 0 -7px; background:url(images/home-fitur-area-label.png) no-repeat; position:relative;} ul.navigation a.selected span {float:left; padding:10px 0 10px 48px;} ul.navigation li#slidenav-1 a.selected span{background:url(images/tanpa-minimum-order-icon.png) no-repeat 0 0;} ul.navigation li#slidenav-2 a.selected span{background:url(images/proses-cepat-icon.png) no-repeat 2px 0px;} ul.navigation li#slidenav-3 a.selected span{background:url(images/kualitas-terbaik-icon.png) no-repeat 0 0;} ul.navigation li#slidenav-4 a.selected span{background:url(images/pesan-online-icon.png) no-repeat 2px 3px;} ul.navigation li#slidenav-5 a.selected span{background:url(images/file-anda-kami-simpan-icon.png) no-repeat 5px 5px;} ul.navigation li#slidenav-6 a.selected span{background:url(images/butuh-sample-icon.png) no-repeat 5px 5px;} ul.navigation a:focus {} ul.navigation img {margin:5px 0 0 17px; border:4px solid #4A2C12; background:#efefef;} .scrollButtons {} .scrollButtons.left {} .scrollButtons.right {} .hide {} #home-testimonial {float:left; width:300px; height:360px; background:#FDFDE3;} #home-testimonial h2 {padding:20px 15px 15px 15px; font:bold 19px arial; color:#B6AE63;} #home-testimonial ul li {padding:10px 15px 20px 15px; border-top:1px dotted #B6AE63; color:#575548; font:italic 14px/20px georgia,times new roman,serif;} #home-testimonial ul li span {width:100%; font:bold italic 12px georgia; float:right; text-align:right;} #see-more-testimony a {color:#938B42; float:right; font:bold 12px arial,sans-serif;} .home-testimony-author a {color:#575548; text-decoration:underline;} /* Change the width of the entire slider (without dynamic arrows) */ #home-testimonial .coda-slider, #home-testimonial .coda-slider .panel { width:270px;} /* Miscellaneous */ #home-testimonial .coda-slider-wrapper { clear: both; overflow: auto } #home-testimonial .coda-slider { float: left; overflow: hidden; position: relative } #home-testimonial .coda-slider .panel { display: block; float: left } #home-testimonial .coda-slider .panel-container { position: relative } #home-testimonial .coda-nav-right a {float:left; color:#938B42; margin:30px 0 0 0; font:bold 12px arial,sans-serif;} #order-flow {float:left; width:940px; height:42px; margin:35px 0 30px 0;} #order-flow li {display:inline; float:left; position:relative;} #order-flow li span {display:inline; float:left; width:79px; padding:13px 27px; background:url(images/cara-order-full-bar.png) no-repeat center left; color:#fff; font-weight:bold; text-indent:-9999px;} #order-flow li a {display:inline; float:left; padding:13px 37px; background:#D2D3D5; color:#6E6E6E; font-weight:bold; text-indent:-99999px;} #order-flow li#estimasi-harga a {width:125px; background:url(images/cara-order-full-bar.png) no-repeat -133px center;} #order-flow li#pilih-template a {width:156px; background:url(images/cara-order-full-bar.png) no-repeat -333px center;} #order-flow li#isi-data a {width:121px; background:url(images/cara-order-full-bar.png) no-repeat -563px center;} #order-flow li#mulai-order a {width:108px; background:url(images/cara-order-full-bar.png) no-repeat -759px center;} #order-flow li em{ background: url(images/tooltips.png) no-repeat top center; width: 246px; height: 117px; position: absolute; top: -85px; left: -15px; padding: 15px 15px 10px 15px; font: normal 12px arial, freeSans; z-index: 2; display: none; } #send-self-designed-notification {width:515px; height:15px; padding:20px; margin:0 210px; background:#EAF7DB; float:left; color:#8D9F6B; font:bold 14px arial,sans-serif; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; khtml-border-radius:5px;} #send-self-designed-notification a{color:#8D9F6B; font:bold 14px arial,sans-serif; text-decoration:underline;} #free-template-gallery {background:url(images/free-templates-gallery-bg.jpg) top left repeat-x;} .home-see-all-post {float:right; font:12px arial; text-decoration:underline; color:#65859A;} #free-template-design {float:left; width:940px; margin-top:55px; padding-bottom:30px; border-bottom:2px dotted #E0E0E0;} #free-template-design ul {margin:20px 0 0 0;} #free-template-design ul > li {float:left; margin:0 27px 0 0; display:inline;} #free-template-design ul > li:last-child, #gallery-client ul > li:last-child {margin:0;} #free-template-design ul > li > a, #gallery-client ul > li > a {float:left; padding:3px; background:#f5f5f5; -moz-box-shadow:2px 2px 3px #e3e3e3;} #free-template-design ul > li > a:hover, #gallery-client ul > li > a:hover {background:#C9E6FD;} #gallery-client ul {margin:20px 0 0 0;} #gallery-client ul > li {float:left; display:inline; margin:0 12px 20px 0;} #gallery-client {float:left; width:940px; padding:28px 0 30px 0;} /* Sub Header ---------------------------------------------------------------------------------*/ #sub-header {background:url(images/sub-header-bg.png) repeat-x left bottom #fff;position:relative; z-index:0;} p#sub-tagline {color:#7F92A3; font:italic 18px georgia; float:right; position:relative; z-index:-1; right:0; width:960px; text-align:right; margin:-27px 0 18px 0;} /* Body ---------------------------------------------------------------------------------*/ #body {padding:35px 0 60px 0;} /* Content ---------------------------------------------------------------------------------*/ #content {float:left; width:620px; margin:0 20px 0 0;} .post {float:right; width:510px; background:url(images/post-bg.png) repeat-y top left #EEF6F8; margin:0 0 25px 0; padding:30px 30px 30px 50px; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; } .comment-popup {float:left; width:32px; height:40px; background:url(images/comment-bubble.png) no-repeat; margin-left:-70px; padding:8px 0 0 18px; font:18px arial;} .comment-popup a{color:#737373;} .post-title {font-size:24px; margin-bottom:3px;} .post-title a {color:#38668A;} .post-author {margin:10px 0 20px 0; color:#707477; font:12px arial;} .post-author a {color:#707477;} .post-time {padding:3px 10px 0 23px; background:url(images/calendar-month.png) no-repeat 0 0; margin:0 10px 0 0;} .post-category {padding:3px 10px 0 27px; background:url(images/folder.png) no-repeat 0 0;} .post-content {font:14px/22px arial;} .post-content a.more-link {float:right; width:132px; height:37px; background:url(images/button-sprites.png) -251px 0px no-repeat; text-indent:-99999px; margin:40px 0 0 0;} .post-content a.more-link:hover {background:url(images/button-sprites.png) -251px -37px no-repeat;} .post-content p {margin:0 0 20px 0;} .post-content a {color:#405A6B;} .post-content h1 {font:bold 18px/22px arial; color:#4F6F88; margin:0 0 10px 0;} .post-content h2 {font:bold 16px/22px arial; color:#4F6F88; margin:0 0 10px 0;} .post-content h3 {font:bold 14px/22px arial; color:#4F6F88; margin:0 0 10px 0;} .post-content h4 {font:bold 12px/22px arial; color:#4F6F88; margin:0 0 10px 0;} .post-content h5 {font:bold 10px/22px arial; color:#4F6F88; margin:0 0 10px 0;} .post-content ol, .post-content ul {margin:0 0 10px 0;} .post-content ul li {padding:0 0 5px 65px; background:url(images/ul-li.png) no-repeat 45px 7px;} .post-content ol li {padding:0 0 5px 0; margin:0 0 0 65px; list-style:decimal;} .post-content blockquote {font:italic 16px/22px georgia; background:url(images/post-quotes-left-rounded-w-sign.png) no-repeat top left #FEFBDA; padding:30px 30px 30px 115px;} /* Page-Harga ---------------------------------------------------------------------------------*/ .card-type-wrapper {float:left; width:880px; padding:30px; background:#EAF5F9; margin:0 0 20px 0; -moz-border-radius:5px; -khtml-border-radius:5px; -webkit-border-radius:5px; border-radius:5px;} .card-type-wrapper img {float:left; width:390px; height:190px; padding:3px; background:#E6E6E7; margin:0 33px 0 0;} .card-type-wrapper img:hover {background:#C9DDE6;} .card-type-wrapper h2{color:#4F81A4; font:21px arial; margin:0 0 15px 0;} .card-type-wrapper p {margin:0 0 20px 0;} .card-type-desc {} .card-type-price {float:left; width:440px;} .card-type-price span {float:left; width:123px; height:15px; background:url(images/card-price-bg.png) no-repeat; margin:0 15px 0 0; font-weight:bold; color:#fff; padding:8px 10px;} .card-type-price span em {margin:0 15px 0 0; font-style:normal;} .card-type-additional-info {float:left; width:880px; padding:30px;} .card-type-additional-info h2 {font:20px arial; margin:0 0 20px 0;} .card-type-additional-info ul li {font:italic 14px/20px georgia; padding:0 0 5px 40px; background:url(images/ul-li.png) no-repeat 20px 7px;} #card-type-order {float:left; width:960px; background:#FBFCDD; padding:25px 0; text-align:center; color:#9D874E; -moz-border-radius:5px; -khtml-border-radius:5px; -webkit-border-radius:5px; border-radius:5px;} #card-type-order span {float:left; font:bold 16px arial; margin:10px 25px 0 180px;} #card-type-order a {background:url(images/harga-order-button.png) no-repeat; width:189px; height:41px; float:left; text-indent:-99999px;} #card-type-order a:hover {background:url(images/harga-order-button.png) no-repeat 0 -41px; cursor:pointer;} /* Page-Testimoni ---------------------------------------------------------------------------------*/ #testimonial-body-wrapper {float:left; width:720px; -moz-border-radius:5px; -khtml-border-radius:5px; -webkit-border-radius:5px; border-radius:5px;} .testimoni-item {float:left; width:225px; margin:0 15px 20px 0; background:url(images/testimoni-top-rounded.png) top no-repeat; padding-top:5px;} .testimoni-content {float:left; width:185px; padding:25px 20px; background:url(images/testimoni-middle-rounded.png) top center repeat-y; } .testimoni-content p {font:italic 14px/20px georgia; margin:0 0 10px 0;} .testimoni-author {float:left; width:135px; padding:10px 10px 10px 80px; font:bold 13px arial; color:#D9B98E; background:url(images/testimoni-bottom-rounded.png) no-repeat;} .testimoni-author a {color:#3D77A5; text-decoration:underline;} #send-testimonial {float:left; width:220px; background:#DDECF3; font:12px/20px arial;} #send-testimonial p {margin:0 0 10px 0;} #send-testimonial-title {padding:18px 20px; color:#416281; font:16px arial; border-bottom:1px dotted #416281;} #send-testimonial form {padding:18px 18px;} #send-testimonial form input {border:0; padding:5px; width:175px; height:20px; background:url(images/testimoni-name-input.png) no-repeat;} #send-testimonial form textarea {padding:5px; width:175px; height:175px; background:url(images/testimoni-msg-input.png) no-repeat; border:0;} #send-testimonial input.button {background:url(images/send-now-button.png) no-repeat; width:185px; height:41px; text-indent:-99999px; margin:10px 0 0 0;} #send-testimonial input.button:hover {background:url(images/send-now-button.png) no-repeat 0 -41px; cursor:pointer;} /* Page-Order ---------------------------------------------------------------------------------*/ /* Change the width of the entire slider (without dynamic arrows) */ .coda-slider, .coda-slider .panel { width:940px;} /* Miscellaneous */ .coda-slider-wrapper { clear: both; overflow: auto } .coda-slider { float: left; overflow: hidden; position: relative } .coda-slider .panel { display: block; float: left } .coda-slider .panel-container { position: relative } .o-navigation {float:left; width:590px; height:51px; background:url(images/order-header.png); padding:23px 0 18px 350px; margin:0;} .o-navigation li {display:inline; float:left;} .o-navigation li a {float:left; padding:9px 0 0 13px; width:24px; height:28px; background:url(images/circle-normal.png) no-repeat; margin:0 30px 0 0; color:#fff; font:bold 18px arial;} .o-navigation li a:hover {text-decoration:none;} ul.o-navigation a.current {background:url(images/circle-active.png) no-repeat} .o-scroll {width: 940px; overflow: auto; overflow-x: hidden; position: relative; clear: left; background: #FFFFFF;} #o-slider {width: 940px; position: relative;} .scrollContainer div.o-panel {width: 580px;} .hide {display: none;} .o-panel {float:left; background:#F6F6F6; -moz-border-radius-bottomleft:5px; -moz-border-radius-bottomright:5px; -webkit-border-bottom-left-radius:5px; -webkit-border-bottom-right-radius:5px;} .o-slide-title-pure {color:#517398; padding:10px 0 27px 0; text-align:center; font:italic 23px georgia;} .o-slide-title {color:#517398; padding:10px 100px 27px 0; text-align:center; font:italic 23px georgia;} .dotted-underline {border-bottom:2px dotted #C5D5E4;} a.o-slide-previous {color:#4B76A3; float:left; background:url(images/back-arrow.png) no-repeat center left; padding:0 0 0 30px; font:12px arial; vertical-align:baseline;} .order-next-step {float:left; width:127px; height:40px; background:url(images/order-selanjutnya-button.png) no-repeat; text-indent:-99999px;} .order-next-step:hover {background:url(images/order-selanjutnya-button.png) no-repeat 0 -40px; cursor:pointer;} #o-slide-1 {width:940px;} #o-slide-1 .o-slide-title-desc {text-align:center; width:410px; font:12px arial; margin:0 0 60px 270px;} #o-slide-1 .ooption-wrapper{float:left; padding:28px 118px 40px 118px; margin:0 0 60px 0; width:220px; text-align:center;} #o-slide-1 .ooption-wrapper.oleft {margin:0 0 0 15px; background:url(images/order-step1-separator-line.png) no-repeat center right;} #o-slide-1 a.ooption-link {float:left; width:220px; height:53px; margin:0 0 20px 0; text-indent:-99999px;} .use-your-design {background:url(images/pakai-desain-sendiri-button.png);} .use-your-design:hover {background:url(images/pakai-desain-sendiri-button.png) 0 -53px; cursor:pointer;} .use-free-design {background:url(images/pilih-desain-gratis-button.png);} .use-free-design:hover {background:url(images/pilih-desain-gratis-button.png) 0 -53px; cursor:pointer;} #o-slide-1 .ooption-desc {font:italic 12px arial;} #o-slide-2 #slideshow-container {margin:-15px 0 0 0;} #o-slide-2 {padding:0 34px 42px 34px; width:872px;} #o-slide-2 .select-free-design {float:left; width:450px; margin:20px 0 0 0;} #o-slide-2 .free-design-info {float:left; width:404px; margin:20px 0 0 18px;} #o-slide-2 .template-id{float:left; padding:10px 15px 10px 45px; width:344px; height:59px; background:url(images/nomer-template-bg.png) no-repeat;} #o-slide-2 .template-id span {float:right; font:12px arial; color:#4B7698;} #o-slide-2 .template-id h4 {font:30px arial; margin:12px 0 0 0; color:#4B7698;} #o-slide-2 .submit-template-id-wrap {background:#fff; float:left; padding:30px; width:324px; margin:20px 0 23px 20px;} #o-slide-2 .submit-template-id-wrap .order-next-step{float:right; margin:-50px 0 0 0;} #o-slide-2 .submit-template-id-tos{margin:0 0 34px 20px;} #o-slide-2 .submit-template-id-tos li{font:italic 12px/18px arial;} #o-slide-2 #logo-upload-box{margin:10px 0 25px 20px;} #o-slide-2 input.o-uploader-field {width:270px; height:33px; margin-right:10px; background:url(images/upload-file-input-bg.png) no-repeat; border:0;} #o-slide-2 .submit-template-id-desc {background:#D6EEF8; padding:15px 20px; margin:0 0 0 20px; font:13px/20px arial; color:#7A94A3; -moz-border-radius:5px; -khtml-border-radius:5px; -webkit-border-radius:5px; border-radius:5px;} #o-slide-2 .submit-template-id-desc a {color:#7A94A3;} #o-slide-3 {padding:30px; width: 880px;} .o-uploader-wrapper {float:left; padding:45px 30px 30px 30px; width:820px; height:210px; background:url(images/upload-file-bg.png) no-repeat; margin:25px 0 0 0;} .o-uploader-container {height:85px; text-align:center;} #o-slide-3 input.o-uploader-field {width:451px; height:33px; margin-right:10px; background:url(images/upload-file-input-bg.png) no-repeat; border:0;} .o-uploader-tos {float:left; width:615px; font:italic 12px arial;} .o-uploader-tos li {margin:0 0 5px 0;} #o-slide-3 .order-next-step {float:right; margin:60px 0 0 75px;} #o-slide-4 {padding:15px 30px; width:880px;} .paper-selection {float:left; display:inline; margin:56px 0 0 30px;} .paper-selection li {float:left; padding:18px 13px 13px 21px; width:206px; height:84px; margin:0 35px 35px 0; background:#E8F1F6; -moz-border-radius:5px; -khtml-border-radius:5px; -webkit-border-radius:5px; border-radius:5px;} .paper-selection li {background:#E7FED4;} .paper-option-title {font:italic 16px georgia; color:#4474A4; margin:0 0 8px 0;} .paper-option-desc {font:11px/15px arial;} .paper-option-radio {float:right;} #o-slide-4 .order-next-step {float:right; margin:-90px 60px 0 0;} #o-slide-5 {padding:15px 30px; width:880px;} .order-detail-wrapper {float:left; background:#fff;padding-bottom:30px; margin:28px 0; -moz-border-radius:5px; -khtml-border-radius:5px; -webkit-border-radius:5px; border-radius:5px;} .order-detail-wrapper p {float:left; width:820px;} .order-detail-title {float:left; padding:30px 30px 0 30px; width:170px; font:bold 17px arial; color:#4474A4;} .order-detail-title small {font:11px arial; color:#000; float:left; width:170px;} .order-detail-content {float:left; width:610px; padding:30px 0 0 0;} .order-detail-card-info {border:1px solid #d5d5d5; padding:5px; width:598px; height:120px;} .order-detail-amount-card {border:1px solid #d5d5d5; padding:5px 10px; width:40px; height:25px; margin:0 10px 0 0;} .order-detail-content span {float:left; width:150px;} .order-detail-content input {margin-right:15px;} .order-detail-destination {border:1px solid #d5d5d5; padding:5px; width:598px; height:80px;} #o-slide-5 .order-next-step {float:right; margin:30px 40px 0 0;} #o-slide-6 {padding:15px 30px; width:880px;} .order-6-container {background:#fff; float:left; width:880px; margin:30px 0 20px 0; -moz-border-radius:5px; -khtml-border-radius:5px; -webkit-border-radius:5px; border-radius:5px;} .order-overview {float:left; width:390px; margin:0 30px 15px 30px; font:14px/20px arial;} .order-overview-title {font:bold 18px arial; color:#4175A4; margin:30px 0 10px 0;} .order-overview-content {font:13px/20px arial;} #price-estimation {float:left; width:155px; height:55px; background:url(images/estimasi-bg.png) no-repeat; margin:40px 0 0 0; padding:20px 0 0 190px; color:#fff; font:bold 23px arial;} #o-slide-6 em {font-style:normal;} .order-identity {background:#EEF6F8; float:left; width:340px; padding:27px 30px; margin:30px 30px 0 0; -moz-border-radius:5px; -khtml-border-radius:5px; -webkit-border-radius:5px; border-radius:5px;} .order-identity-title {font:bold 16px arial; color:#4175A4; margin:0 0 20px 0;} .order-identity-desc {font:12px/18px arial; margin:0 0 20px 0;} .order-identity-subtitle {font:bold 14px arial; margin:10px 0;} .order-identity-content {border:1px solid #d5d5d5; padding:5px; width:330px; height:20px;} .submit-order-all {width:181px; height:40px; float:right; border:0; margin:22px 0 0 0; background:url(images/order-now-button.png) no-repeat; text-indent:-99999px;} .submit-order-all:hover {background:url(images/order-now-button.png) no-repeat 0 -40px; cursor:pointer;} #submit-loading-bar {float:left; width:340px; text-align:center; margin:25px 0 0 0;} .order-received {background:#EEF6F8; padding:65px 0 85px 0; text-align:center; -moz-border-radius:5px; -khtml-border-radius:5px; -webkit-border-radius:5px; border-radius:5px;} .order-received img {margin-bottom:30px;} #o-slide-1.order-received .o-slide-title-desc{margin:0 auto 30px auto;} p.subscribe-us {color:#929699; font-style:italic;} p.subscribe-us a {text-decoration:underline; color:#929699;} /* Desain Gratis ---------------------------------------------------------------------------------*/ #slideshow-container {width: 436px; height:292px; overflow:hidden;} #slideshow img {float:left; padding:3px; background:#CECECE; margin:0 0 20px 0; width:430px; height:270px;} #slideshow img:hover {background:#C9E6FD;} #slideshow a {text-decoration:none;} ul.thumbs {margin:30px 0 0 5px; float:left; width:450px;} ul.thumbs li {display:inline; float:left;} ul.thumbs li a {float:left; width:50px; height:50px; padding:2px; background:#a3a3a3; margin:0 18px 15px 0;} ul.thumbs li a:hover {background:#C9E6FD;} #print-card-number {float:left; margin:10px 0 0 0;} .caption {font:bold 28px arial;} #print-card-id {float:left; width:81px; font:30px arial; color:#4B7698; height:31px; margin:25px 88px 0 0; padding:13px 15px; background:url(images/input-code-bg.png) no-repeat; border:0;} .bottom.pagination a {color:#fff; font:bold 14px arial; padding:2px 4px; background:#AFBED1; margin:0 3px 0 0; -moz-border-radius:5px; -khtml-border-radius:5px; -webkit-border-radius:5px; border-radius:5px;} .bottom.pagination .current {color:#fff; font:bold 14px arial; padding:2px 6px; background:#4277AD; margin:0 3px 0 0; -moz-border-radius:5px; -khtml-border-radius:5px; -webkit-border-radius:5px; border-radius:5px;} .order-overview-content .image-caption.current .caption {font:bold 14px arial;} div.loader { position: absolute; top: 0; left: 0; background-image: url('images/loader.gif'); background-repeat: no-repeat; background-position: center; width:430px; height:270px; } /* Sidebar ---------------------------------------------------------------------------------*/ #sidebar {float:left; width:300px;} ul#sidebar-root > li {margin:0 0 45px 0;} ul#sidebar-root li h2{color:#38668A; font:bold 16px arial; padding:0 0 25px 15px; background:url(images/sidebar-separator-shadow.png) no-repeat 0 30px;} ul#sidebar-root li ul li {padding:7px 0 7px 15px; border-bottom:1px solid #D8E5EE;} #sidebar ul li a {color:#000; font:13px arial;} ul#sidebar-root > li#latest-tweet{width:260px; height:161px; background:url(images/latest-tweet-box-full-w-icon.png) no-repeat; margin:0 0 35px 0; padding:20px 20px 0 20px; font:italic 14px georgia;} ul#sidebar-root > li#latest-tweet a {color:#6D99B6; font:italic 14px georgia;} ul#sidebar-root > li#latest-tweet a.aktt_tweet_time {color:#000; font:italic 12px georgia; float:left; width:260px; top:15px; position:relative;} #recent-comment img.avatar {float:left; width:55px; height:55px; margin:0 15px 0 0; background:#323232;} ul#sidebar-root li#recent-comment ul li {padding:20px 0;} .recent-comment-author {font:13px arial; float:left; width:200px; margin:0 0 10px 0;} ul#sidebar-root ul li .recent-comment-author a.commentator {font:13px arial; font-weight:bold;} .recent-comment-content {font:12px arial; float:left; width:200px} #sidebar .blogroll li a:hover {color:#8EA1B0;} /* Footer ---------------------------------------------------------------------------------*/ #footer {background:url(images/footer-bg.jpg) no-repeat top center #0D3769; padding-bottom:60px;} .footer-item {float:left; width:300px; margin:35px 20px 0 0;background:url(images/footer-item-bg.png); border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px;} .footer-item h2 {padding:20px 20px 5px 20px; float:left; width:260px; border-bottom:1px dotted #4A82BD; color:#90C2F3; font:20px arial;} #footer-faq {background:url(images/faq-icon.png) no-repeat 30px 15px;} #footer-tips {background:url(images/tips-icon.png) no-repeat 35px 15px;} #footer-offering{background:url(images/penawaran-spesial-icon.png) no-repeat 32px 15px;} #direct-chat object {margin:20px;} #help-contact {margin-right:0;} #help-contact h2 {border:0; padding-bottom:5px;} #help-contact ul li, #selected-information ul li{padding:20px 20px 20px 80px; float:left; width:200px; font:bold 16px arial; color:#fff; border-top:1px dotted #4A82BD;} #help-contact a, #selected-information a {color:#fff;} #phone {background:url(images/footer-phone-icon.png) no-repeat 35px 15px;} #cellphone {background:url(images/footer-mobile-icon.png) no-repeat 35px 15px;} #email {background:url(images/footer-mail-icon.png) no-repeat 30px 20px;} #yahoo-messanger{background:url(images/footer-ym-icon.png) no-repeat 28px 15px;} #twitter {background:url(images/footer-twitter-icon.png) no-repeat 25px 15px;} /* Credit ---------------------------------------------------------------------------------*/ .wrapper#credit {background:url(images/credits-bg.jpg) repeat-x ; height:90px;} #credit .container {height:75px; padding:0; margin:0 auto;} #best-view {float:left; width:253px; height:30px; margin:30px 0 0 0; color:#fff; font:11px arial;} #best-view span {float:left; margin:0 5px 0 0; vertical-align:baseline;} #bv-firefox {text-indent:-29999px; float:left; width:15px; height:15px; margin:0 5px 0 0; background:url(images/browser-icons.png) no-repeat 0 -15px;} #bv-firefox:hover {background:url(images/browser-icons.png) no-repeat 0 0;} #bv-chrome {text-indent:-29999px; float:left; width:15px; height:15px; margin:0 5px 0 0; background:url(images/browser-icons.png) no-repeat -15px -15px;} #bv-chrome:hover {background:url(images/browser-icons.png) no-repeat -15px 0;} #bv-safari {text-indent:-29999px; float:left; width:15px; height:15px; margin:0 5px 0 0; background:url(images/browser-icons.png) no-repeat -30px -15px;} #bv-safari:hover {background:url(images/browser-icons.png) no-repeat -30px 0;} #bv-opera {text-indent:-29999px; float:left; width:15px; height:15px; margin:0 5px 0 0; background:url(images/browser-icons.png) no-repeat -45px -15px;} #bv-opera:hover {background:url(images/browser-icons.png) no-repeat -45px 0;} #copyright {color:#fff; float:right; font:11px arial; margin:40px -38px 0 0; width:300px;} #copyright a {color:#fff;} #back-to-top {float:right; width:46px; height:45px; margin:-38px 0 0 0;} /* Single ---------------------------------------------------------------------------------*/ .next-page a {float:left; width:53px; height:53px; background:url(images/next-page.png) no-repeat; text-indent:-99999px; margin-left:30px;} .previous-page a {float:right; width:53px; height:53px; background:url(images/previous-page.png) no-repeat; text-indent:-99999px;} /* Comment ---------------------------------------------------------------------------------*/ .post-comment {float:left; width:575px; margin:0 0 20px 0;} #comment-title {font:bold 20px arial, freeSans; padding:0 0 0 25px; color:#9BB3BD; margin:0 0 25px 0;} #comment-title span{color:#476379;} ol.comment-list > li {float:left; width:575px; background:#fff; margin:0 0 20px 45px;} ol.comment-list > li .comment-avatar {float:left; height:65px; width:95px; background:url(images/comment-box-tail.png) no-repeat right center; margin:20px 0 0 0;} ol.comment-list > li .comment-content {float:left; width:440px; padding:20px; background:#E1ECF2; font:12px/18px arial; color:#384347; -moz-border-radius:5px; -khtml-border-radius:5px; -webkit-border-radius:5px; border-radius:5px;} .comment-author {margin:0 0 15px 0; color:#415D73; font:14px arial;} .comment-author a{color:#415D73;} .comment-date {margin:60px 0 0 0;} li.depth-1 ul.children .comment-content, li.depth-1 ul.children .comment-avatar {margin-top:20px;} li.depth-1 > ul.children .comment-avatar {margin-left:20px;} li.depth-1 > ul.children .comment-content {width:420px;} li.depth-2 > ul.children .comment-avatar {margin-left:40px;} li.depth-2 > ul.children .comment-content {width:400px;} li.depth-3 > ul.children .comment-avatar {margin-left:60px;} li.depth-3 > ul.children .comment-content {width:380px;} li.depth-4 > ul.children .comment-avatar {margin-left:80px;} li.depth-4 > ul.children .comment-content {width:360px;} #respond {float:left; width:550px; padding:25px 35px; background:#3A618C; -moz-border-radius:5px; -khtml-border-radius:5px; -webkit-border-radius:5px; border-radius:5px;} #respond p {margin:0 0 10px 0; color:#fff;} #respond p a {color:#CDE9FD;} #add-comment-title{font:bold 19px arial; color:#fff; margin:0 0 20px 0;} #respond input.comment-input {width:164px; height:21px; padding:5px; font:12px arial; color:#000; border:0; background:url(images/add-comment-box-input-bg.png) no-repeat; margin:0 0 12px 6.5px;} #respond input.comment-input:first-child {margin-left:0;} textarea#comment {border:0; width:533px; height:118px; padding:5px; background:url(images/add-comment-box-msg-bg.png) no-repeat; margin:0 0 17px 0; font:12px arial;} input#submit {width:162px; height:37px; background:url(images/add-comment-submit-button.png) no-repeat; text-indent:-99999px; border:0; float:left;} input#submit:hover{background:url(images/add-comment-submit-button.png) no-repeat 0 -37px; cursor:pointer;} #post-comment-alert {float:right; font:italic 12px arial; color:#fff; margin:0 5px 0 0; } .cancel-comment-reply a {color:#fff; float:right;} .depth-1 #respond {margin:20px 0 0 -45px;} a.comment-reply-link {float:right; background:url(images/reply-comment-arrow.png) no-repeat top left; color:#3B6387; font:bold 13px arial; padding-left:35px; margin-top:-15px;} /* Images ---------------------------------------------------------------------------------*/ .post-content p img{padding:5px; background:#cdcdcd;} .post-content p img:hover{background:#C9E6FD;} .post-content p img.wp-smiley {padding:0; background:transparent;} img.centered {display: block; margin-left: auto; margin-right: auto;} img.alignright {padding: 4px; margin: 0 0 2px 7px; display: inline;} img.alignleft {padding: 4px; margin: 0 7px 2px 0; display: inline;} .alignright {float: right;} .alignleft {float: left;} /* Caption ---------------------------------------------------------------------------------*/ .aligncenter, div.aligncenter {display: block; margin-left: auto; margin-right: auto;} .wp-caption {border: 1px solid #ddd; text-align: center; background-color: #f3f3f3; padding-top: 4px; margin: 10px; -moz-border-radius: 3px; -khtml-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px;} .wp-caption img {margin: 0; padding: 0; border: 0 none;} .wp-caption p.wp-caption-text {font-size: 11px; line-height: 17px; padding: 0 4px 5px; margin: 0;}