/*
Theme Name: Malikaholic
Theme URI: http://www.malikaholic.com/
Description: Default Malikaholic Wordpress Template.
Version: 1.0
Author: Malik Mirza
Author URI: http://www.malikaholic.com/
Tags: malikaholic, simple, standard

	Malikaholic v1.0
	 http://www.malikaholic.com/

	This theme was designed and built by Malik Mirza,
	whose blog you will find at http://www.malikaholic.com/

	The CSS, XHTML and design is released under GPL:
	http://www.opensource.org/licenses/gpl-license.php

*/

@import url("/wp-content/themes/malikaholic/reset.css");
@import url("/wp-content/themes/malikaholic/grid.css");

body {font: 14px "Segoe UI", "Lucida Sans Unicode", Arial, Helvetica, Sans-serif; color: #444; margin-bottom: 30px; line-height: 20px; sbackground: url(/wp-content/themes/malikaholic/img/grid.gif);}
h2 {font:normal 24px/25px  "Segoe UI Semibold", "Segoe UI", "Lucida Sans Unicode", Arial, Helvetica, Sans-serif;color: #192E5A;margin: 17px 0 18px; letter-spacing: -1px;}
h3 {font:normal 20px/25px  "Segoe UI Semibold", "Segoe UI", "Lucida Sans Unicode", Arial, Helvetica, Sans-serif;color: #192E5A; margin: 17px 0 18px;}
p {margin-bottom: 20px;}
a:link, #r1c3 li a:visited {color: #01a2ab;}
a:hover {color:#f60;}
.alignleft {float:left; margin: 4px 8px 4px 0; }

.clr {clear: both;}
.green {color: #01a2ab;}
.orange {color: #f60;}
.green-box {background: url(/wp-content/themes/malikaholic/img/trans_green.png); height: 40px; text-align: center; margin-top: 20px; font-size: 20px; line-height: 36px; font-weight: bold; color:#fff;}
.green-box a {color: #192E5A;}
.green-box a:hover {color: #192E5A;}
.yellow-box { background-color:#FFFFCC; text-align: center; margin-top: 20px; font-size: 15px;color:#333;padding: 15px 0;border-bottom: 1px solid #fd0;border-top: 1px solid #fd0;}
.introduction h1 {color: #01a2ab;font-size: 40px;letter-spacing: -2px; margin: 15px 23px 0;}
.introduction p {color: #192E5A;font-size: 20px;margin: 21px 23px 0;}

/* CONTAINER */
#nav {height: 150px; background:#373737 url(/wp-content/themes/malikaholic/img/nav_bg.gif) left bottom repeat-x;min-width: 950px;}
#head {height: 430px; background:#00c1cc url(/wp-content/themes/malikaholic/img/head_img.jpg) top center no-repeat; min-width: 950px;}
#page {background: url(/wp-content/themes/malikaholic/img/grid_bg.gif) repeat-x;}
.content {width: 950px; margin: 0 auto;}

/* NAVIGATION */
#left {width:250px; height: 150px;background: url(/wp-content/themes/malikaholic/img/bt_logo.gif) left center no-repeat;float: left;}
#rite {width: 700px;height: 150px; float: left; position: relative;}
#phone {position: absolute; top: 0; right: 0; background: url(/wp-content/themes/malikaholic/img/phone.png) left center no-repeat; padding-left: 40px; margin: 20px 0 0; text-align: right;}
#menu {position: absolute; bottom: 0; right: 0;}

/* Phone */
#phone h4 {margin: 0; font-size: 16px;color: #fff;line-height: normal;}
#phone small {margin: 0; font-size: 11px;line-height: normal; color: #888;}

/* Menu */
#menu ul {margin: 0; text-transform: uppercase;}
#menu li {list-style: none;float: left;background: url(/wp-content/themes/malikaholic/img/menu_l.gif)}
#menu li a {display: block; height: 39px; line-height: 39px; padding: 0 16px;background: url(/wp-content/themes/malikaholic/img/menu_r.gif) top right no-repeat}
#menu li a:link, #menu li a:visited {color: #fff; text-decoration: none;}
#menu li a:hover, #menu li.current_page_item a {color: #fff;background: url(/wp-content/themes/malikaholic/img/menu_r_ro.gif) top right no-repeat}
#menu li:hover, #menu li.current_page_item {background: url(/wp-content/themes/malikaholic/img/menu_l_ro.gif)}
#menu li.page-item-171 a:link, #menu li.page-item-171 a:visited {color: #f60;}
#menu li.page-item-171 a:hover {color: #fff;}
#menu li.page-item-171.current_page_item a {color: #fff;}

/* HEAD */
#intro {width:650px; margin: 0 auto; text-align: center; padding: 90px 150px 0;}
#intro h1 {color:#192E5A ; letter-spacing: -1px; font:normal 38px/35px  "Segoe UI Semibold", "Segoe UI", "Lucida Sans Unicode", Arial, Helvetica, Sans-serif;}
#intro p {color: #fff; margin-top: 10px; font-size: 15px;}
#loginout {padding-bottom:5px}
#loginout p { margin:0 }
#loginout h3 {margin:0; font-size:18px }
#loginout .rememberme {background-color:red; clear:both; float:none}
#loginout .rememberme label { clear:right; float:left; margin:5px 0 0 5px;}
#loginout .rememberme input { clear:left; display:block; float:left; }
#loginout .pagenav li{margin:0 }
#loginout .avatar_container {float:left; margin:10px 5px 15px 0}
#loginout .mid {height:20px; width:100px}

/* FRONT PAGE */
#r1 {border-bottom: 1px dotted #999; padding-bottom: 10px;}
#r1c1 {width: 300px; float: left; margin:25px 10px 0 0; font-size: 17px; padding-right: 10px;}
#r1c2 {width: 470px; float: left; margin-right: 10px; }
#r1c3 {width: 150px; float: left; padding-top: 20px; }

/* R1C2 Paket Bukatoko */
#r1c1 h2 {margin-bottom: 16px;}
#r1c1 p {color:#666}
#r1c2 p {font-size: 14px; margin: 0; color:#666}
#r1c2 img {margin-bottom: 20px;}
#r1c2 h2 {margin: 42px 0 -2px;}
#r1c2a {width: 150px; float: left; margin-right: 10px;}
#r1c2b {width: 150px; float: left; margin-right: 10px; }
#r1c2c {width: 150px; float: left;}
#r1c2a h2,#r1c2b h2,#r1c2c h2 {margin-bottom: 3px; margin-top: -3px;}
#r1c2d h2 {margin-bottom: 3px; margin-top: 12px;}

/* R1C3 Berita */
#r1c3 h3 {margin:8px 0 3px;}
#r1c3 ul {font-size: 12px;}
#r1c3 li {margin-bottom: 20px;}

/* R2 Mengapa */
#r2 {padding-top: 0;}
#r2 ul {margin-left: -10px;}
#r2 li {width: 148px; float: left; margin-left:10px; font-size: 14px;}
#r2 h4 {color: #192E5A; min-height: 41px;font-size: 15px; margin-bottom:4px;}
#r2 #r2r1 {padding-top: 3px;}
#r2 #r2r2 {padding-top: 0;}

/* R3 Portfolio */
#r3 #portfolio {min-height: 200px; border-bottom: 1px dotted #999; border-top: 1px dotted #999; background-color: #f8f8f8; margin: 20px 0 0;padding: 0 3px 17px; font-size: 11px;}
#r3 #portfolio h2 {padding-left: 4px}
#r3 #portfolio strong {color: #f60;}
#r3 #portfolio li.portfolio-list {position: relative; overflow: hidden; width: 230px; height: 180px; display:inline-block; float: left;  margin: 0 2px 5px; border: 1px solid #ddd; line-height: 11px;}
#r3 #portfolio li.portfolio-list .captions {position: absolute; bottom: 0; display: block; width: 210px; border-top: 1px solid #ddd;background: url(/wp-content/themes/malikaholic/img/trans.png); padding: 10px; }
#r3 #portfolio li.portfolio-list .captions p {margin: 0;}
#r3 #portfolio li.portfolio-list img {max-width: 345px; height: auto;}
#r3 #portfolio li.portfolio-list a {color: #888;}
#r3 #portfolio li.portfolio-list a:hover {color: #01a2ab;}

/* FOOTER */
#btm-nav {border-bottom: 1px dotted #999; border-top: 1px dotted #999; text-align: center;padding: 9px 0; margin-top: 60px;}
#btm-nav li{display: inline; margin: 0 3px; }
#btm-nav li a {color: #01a2ab;}
#btm-nav li a:hover {color: #f60;}
#btm-nav li.current_page_item {color: #192E5A;}
#copyright { color: #888; text-align: center; font-size: 11px; margin: 25px 0 50px;}
#copyright a {color: #f60;}
#copyright a:hover {color: #192E5A;}
#copyright strong {color: #444;}

/* PAGE - TEMPLATE */
#template {background: url(/wp-content/themes/malikaholic/img/template_bg.png) bottom left repeat-x; min-height: 820px; padding: 40px 52px 30px;}
#template li.templat-list {float: left;margin: 25px;width: 230px;}
#template li.templat-list .template-item { height: 280px; overflow: hidden; border: 2px solid #ddd;display: block;position: relative;}
#template li.templat-list .template-item .zoom {background: url(/wp-content/themes/malikaholic/img/zoom.png)no-repeat; width: 28px;height: 24px;position: absolute;bottom: 10px; right: 0;}
#template li.templat-list .template-item img {}
#template li.templat-list .template-item:hover {border: 2px solid #fd0}
#template h2 {margin: 35px 0 0 23px;color: #f60;}
#template h2 + p {margin: 3px 0 0 23px;}
#private {width:400px; margin:50px auto 100px; padding:30px; font-size:18px; background-color:#f8f8f8; border:1px dotted #ccc}

/* CODA Tooltips */
.paket {display:block;cursor:pointer;} 
.tooltip { display:none;border: 1px;width:210px;font-size:11px;color:#666;} 
.tooltip-top {background: url(/wp-content/themes/malikaholic/img/coda_top.png) center bottom no-repeat; height: 17px;}
.tooltip-mid {background: url(/wp-content/themes/malikaholic/img/coda_mid.png) center repeat-y;padding:10px 30px;width:150px; }
.tooltip-btm {background: url(/wp-content/themes/malikaholic/img/coda_btm.png) center top no-repeat; height: 26px;margin-bottom: -20px;}
.tooltip .label {color:#000; width:65px; font-weight: bold;} 
.tooltip .price {color: #f60;font-weight: bold;}
.tooltip a {color:#ad4; font-size:11px; font-weight:bold;}

/* TABEL HARGA PAKET */
#paket {min-height: 820px; padding: 40px 0 30px;}
#harga-paket {width: 735px; font-size: 12px; text-align: center;}
#harga-paket a.button {color:#fff;}
#harga-paket a.button:hover {color:#f60;}
#paket-list {float: left; margin-top: 60px;}
#paket-detail {float: left;width: 200px;margin-left: 15px;margin-top: 60px;}
.col-0 {width: 123px; }
.col-1 {width: 150px;}
.col-2 {width: 150px;}
.col-3 {width: 150px;}
.col-4 {width: 150px;}
#harga-paket td {padding: 10px;border-left: 1px solid #fff;}
#harga-paket th {border-left: 1px solid #fff;font-weight: normal;}
#harga-paket th img {margin: 170px 0 20px;}
#harga-paket td img {margin-top: 5px;}
#paket .introduction h1,#daftar .introduction h1, #paket .introduction p {margin-left: 0;}
.minishop{background: url(/wp-content/themes/malikaholic/img/paket01.gif) no-repeat; height: 50px;padding: 200px 0 0;background-color: #e3f7f7;}
.medishop{background: url(/wp-content/themes/malikaholic/img/paket02.gif) no-repeat; height: 50px;padding: 200px 0 0;background-color: #e3f7f7;}
.maxishop{background: url(/wp-content/themes/malikaholic/img/paket03.gif) no-repeat; height: 50px;padding: 200px 0 0;background-color: #e3f7f7;}
.custom{background: url(/wp-content/themes/malikaholic/img/paket04.gif) no-repeat; height: 50px;padding: 200px 0 0;background-color: #ffeee5;}
.even td {background-color: #c7f0f0;}
.odd td {background-color: #e3f7f7;}
.even .org {background: url(/wp-content/themes/malikaholic/img/trans_orange.png);}
.odd .org {background: url(/wp-content/themes/malikaholic/img/trans_orange2.png)}
.even .col-0 {background-color: #e1e1e1;text-align: left;color: #192E5A;font-weight: bold;}
.odd .col-0 {background-color: #fcfcfc;text-align: left;color: #192E5A;font-weight: bold;}
#paket-detail h2 {margin-top: 0;}
#paket-detail h3, .pertanyaan h3 {color: #f60; margin-bottom: 5px; font-size: 15px;}
.pertanyaan {width: 357px; margin-right: 20px;float: left;}
#tanya h2 {margin: 30px 0 0;}
#tanya ul {margin-left:20px; font-size:11px;}
#tanya li {list-style:disc;}

/* TOOLTIPS - Title only */
#text-tooltip {width: 210px;position:absolute;display:none;}
.text-tooltip-top {background: url(/wp-content/themes/malikaholic/img/tooltip_top.png) center bottom no-repeat;height: 17px;}
.text-tooltip-mid {background: url(/wp-content/themes/malikaholic/img/tooltip_mid.png) repeat-y;padding: 10px 30px;font-size: 12px;line-height: 15px;}
.text-tooltip-btm {background: url(/wp-content/themes/malikaholic/img/tooltip_btm.png) center top no-repeat;height: 17px;}
a.text-tooltip {margin-left:3px;display:inline;cursor:pointer;}


/* DAFTAR */
#daftar {min-height: 820px; padding: 40px 0 30px;}
#daftar .templat-daftar-list { margin: 0 6px 20px 7px;overflow: hidden;float: left;}
#daftar .templat-daftar-list img {border: 1px solid #ccc;padding: 4px; }

/* KONTAK */
sup {font-size: 10px; color: #f30; margin-top: -2px;position: absolute;}
#kontak {padding: 40px 0 30px;}
#kontak-form {margin: 0 auto; width: 645px;}
#kontak .introduction {width: 645px;margin: 0 auto;}
#kontak .introduction h1 {margin-left: 0;}

/* FORM */
label {color: #000;font-size: 12px;}
input {border:1px solid #ccc;height:25px;margin-bottom: 8px;}
input:focus {background-color: #FCECD6;border:1px solid #FFC993}
select {border:1px solid #ccc;height:29px;font-family: "Segoe UI", "Lucida Sans Unicode", Arial, Helvetica, Sans-serif;margin-bottom: 8px;}
select:focus {background-color: #FCECD6;border:1px solid #FFC993}
textarea {border:1px solid #ccc;}
#formulir, #orderForm {width: 950px;background:url(/wp-content/themes/malikaholic/img/trans_green.png);margin-bottom: 30px;border-top: 1px solid #ddd;border-bottom: 1px solid #ddd;}
#form-kiri {padding: 20px;width: 267px;float: left;}
.form-kanan {background-color: #f8f8f8;float: left;border-left: 3px solid #fff}
.form-kanan-list {padding: 20px;width: 280px;float: left;}
.hidden {color: #f8f8f8;}
.button {height:29px;width:82px;background:url(/wp-content/themes/malikaholic/img/btn.png) center center no-repeat;border:0;text-transform:uppercase;text-align: center;line-height: 29px; font: normal "Segoe UI", "Lucida Sans Unicode", Arial, Helvetica, Sans-serif;color: #000;display: block;}
.center {margin: 0 auto;}
a.button {text-decoration: none; color:#fff} 
.button:hover {background:url(/wp-content/themes/malikaholic/img/btn_o.png)  center center no-repeat;cursor: pointer;color: #f60; }


/* BANTUAN */
#doc {padding: 40px 0 30px; min-height:300px}
#doc h1 {font-size:28px; line-height:40px; color:#f60; margin-bottom:20px}
#doc-left {width:170px; float:left; padding:30px 10px 30px 0; font-size:13px}
#doc-right {width:728px; float:left; border-left:1px solid #eee; padding-left:20px; min-height:850px;}
#doc ul,
#doc ol{margin-left:30px;}
#doc ul li,
#doc ol ul li {list-style:disc;}
#doc-left li {color:#01A2AB;}
#doc ol li {list-style:decimal}
#doc-left li,
#doc-left li a{color:#192E5A;}
#doc-left li li,
#doc-left li li a{color:#01A2AB;}
#doc-left li li li,
#doc-left li li li a{color:#888;}
#doc-left a:hover {color:#f60;}
#doc-left ul {margin-left:0;}
#doc-left li.current_page_item a {color:#f60}
#doc-left .side-menu li{list-style:none; margin-top:5px}
#doc-left .side-menu li li {margin-left:15px; margin-bottom:8px; font-size:12px; line-height:14px;}
#doc-right li {margin-bottom:5px; list-style:disc}
#doc img {padding:4px; border:1px solid #ddd; background-color:#f8f8f8}
#doc .wp-caption-text {display:block;  font-size:10px;}
#doc-right h4 {color:#222}


/* FB & NEWS */
#fbNews { padding:20px 0; border-bottom:1px dotted #999;}
}
#facebook {float:left; width:320px;}
#latestNews {float:left; width:620px; min-height:300px;}