/*
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");

body {background-color: #2c2723; font: 11px "Lucida Sans Unicode", "Lucida Grande", sans-serif;}
.clr, .clear {clear: both;}
a:link, a:visited {text-decoration: none; color: #888;}
a:hover {color: #F90;text-decoration: underline;}
.current_page_item a {color: #f90; border-bottom: 1px dotted #f90;}
h1 {margin:0 10px 20px; font: bold 24px Arial, Helvetica, Sans-serif; color: #999;}

.alignright {float: right;margin:0 10px;}
.alignleft {float: left;margin:0 10px 20px;}
.wp-caption {padding: 0;position: relative;margin-bottom: 20px;}
#isi .wp-caption div.wp-caption-text {font-size: 11px; margin: 0;line-height: 15px; position: absolute;bottom: 0;background: url(/wp-content/themes/malikaholic/img/trans.png); color: #fff;width: 100%;}
#isi .wp-caption div.wp-caption-text p {margin: 0;padding: 10px;}


/* BIASA */
#latar {background: #2c2723 url(img/latar.jpg) no-repeat top center;}
#kanvas {width: 980px;margin: 0 auto;}
#atas {height: 45px;background-color: #fff;padding: 30px;}
#tengah {background-color: #f8f8f8;min-height: 450px;}
#isi {padding:70px 40px; font-size: 13px;line-height: 20px; color: #666;background: url(img/isi_bg.gif) repeat-x;}
#bawah {padding: 5px 0 80px;color: #666;text-align: center;}

/* NAVIGASI */
#navigasi {display: inline;float: left; margin-top:45px }
#navigasi li {float: left; padding-right: 10px; }


#logo {float: right;display: inline; margin-top:12px}

/* ISI */
#isi.achievement li {width: 280px;margin: 0 10px 10px;float: left;min-height: 90px;}
#isi.projects li {width: 278px;margin: 0 10px 20px;float: left;min-height: 90px;border:1px solid #ddd}
#isi strong {color: #000;}
#isi p {margin:0 10px 20px; height: auto;}

#sisi-kiri {width: 200px; margin: 0 20px 0 10px;float: left;padding-top: 64px;}
#sisi-kanan {width: 660px;float: left;}
#sisi-kanan h1 {margin:0 0 10px 0; font: bold 22px Arial, Helvetica, Sans-serif; color: #999; display:block; text-align:left}
#sisi-kanan p {margin: 0 0 20px;}
#sisi-kanan img {max-width: 648px;height: auto; borders:1px solid #ddd; }
#sisi-kiri ul {border-top: 1px solid #ddd; font-size:11px}
#sisi-kiri li {margin: 0; padding: 10px 0; border-bottom: 1px solid #ddd;}

/* PROJECTS */
li.projects {width: 280px; height: 200px; overflow: hidden; position: relative;}
li.projects img {max-width: 280px;height: auto;}
li.projects h2 {position: absolute;bottom: 0;background: url(/wp-content/themes/malikaholic/img/trans.png); width: 100%; text-align: center; padding: 10px 0; color: #fff;font-weight: normal;}


/* FORM */
#isi.contact { background-color:#f8f8f8; color:black; }
fieldset { background-color:#fff; border:1px solid #ccc; width:475px; color:#444; padding:0 20px; margin-left:auto; margin-right:auto; }
.form-fields { margin:0 20px; background-color:#fefefe; }
fieldset p { font-size:12px; }
legend { font-size:16px; padding:5px 10px; }
.input { padding:10px; clear:both; border-bottom:1px dotted #ccc; }
label { font-size:11px; line-height:25px; float:left; margin-left:15px; }
#isi.contact small { font-size:9px; line-height:25px; font-style:italic; color:#FF6600; margin-left:5px; }
#isi.contact .input input { height:25px; width:230px; float:right; background-color:#f8f8f8; border:1px solid #ccc; }
#isi.contact .button input { padding:10px 20px; }
#isi.contact textarea { width:230px; height:100px; float:right; background-color:#f8f8f8; border:1px solid #ccc; }
#isi.contact .button { padding:10px 0 20px; }
#isi.contact .clr { height:0; clear:both; }
input:focus, textarea:focus{
background-color: lime;
}

/* MAGAZINE */
.magazine {padding: 0 110px; background-color:red}
.magazine h1 {margin-left:20px;}
.magazine ul { padding:0 12px}
li.magazine-list { display:block; padding:20px; float:left; width:230px; margin:10px; border:1px solid #ddd; text-align:center}