/* 

	Theme Name: i Care
    Theme base on www.djarot.com - mas Djarot, makasih yaaa
	Theme URL: http://www.icarelasik.co.id
	Description: Lasik dan katarak center di Jakarta Indonesia.
	Author: Kastam
	Author URI: http://www.www.icarelasik.co.id
	Version: 1.0
    
	The CSS, XHTML and design is released under GPL:
	http://www.opensource.org/licenses/gpl-license.php

	Changelog:
		v1.0 - 11.11.08
		Pertama kalinye di buat
*/

body {

	background: #FFFFFF;
	color: #000;
	font-size: 12px;
	font-family: Arial;
	margin: 5px auto ;
	padding: 0px
	}

#wrap {

	background: #FFFFFF url('images/body.gif') repeat-y;
	width:982px;
	margin: 0px auto ;
	padding: 0px
	}

*/************************************************
*	Hyperlinks									*
************************************************/
a, a:visited {
	color: #0066ff;
	text-decoration: none;
	}

a:hover {
	color: #000000;
	text-decoration: underline;
	}

a img {border:none;}	

/************************************************
*	Header  									*
************************************************/
#hdr {
    background: url('images/hdr.gif') no-repeat top center;
	width: 982px;
	height: 145px;
	color: #000000;
	font-size: 16px;
	font-weight: normal;
	margin: 0px auto 0px;
	padding: 0px;
	xoverflow: hidden;
	}

#hdr1 {
        background: #E7E6E6 url('images/hdr1x.gif') no-repeat top center;
        width:950px;
        font-size:12px;
        height:30px;
        float:left;
        margin:0px;
        padding: 0px;
 }
 #hdr1 img {
 		padding-top:5px;
 }
 #matagede{
    background:#f2f2f2 url('images/matagede.jpg') no-repeat top left;
	width:630px;
	height:190px;
	float:left;
	margin:0 px; 
	padding:5px 0 0 23px;
	font-size:12px
	color: #ffffff;
}

#flash {
        background: #tranparent ;
        width:630px;
        height:30px;
        margin-top:185px;
        padding: 0 0 0 0px;
 }
/*--------------------------------------------------
  MENU
  --------------------------------------------------*/

.dropdown {float:left; padding-right:5px}
.dropdown dt {xwidth:188px; border:2px solid #9ac1c9; padding:5px; color:#fff; font-weight:bold; cursor:pointer; background:url('images/header.gif'); }
.dropdown dt:hover {background:url('images/header_over.gif'); }
.dropdown dd {position:absolute; overflow:hidden; width:208px; display:none; background:#0066ff; z-index:200; opacity:0}
.dropdown ul {width:204px; border:2px solid #9ac1c9; list-style:none; border-top:none}
.dropdown li {display:inline}
.dropdown a, .dropdown a:active, .dropdown a:visited {display:block; padding:5px; color:#333; text-align:left; text-decoration:none; background:#eaf0f2; width:190px}
.dropdown a:hover {background:#d9e1e4; color:#000}
.dropdown .underline {border-bottom:1px solid #b9d6dc}

/************************************************
*	Content 					     		    * 
************************************************/

#main {
	width: 944px; 
	margin: 0px 0 0 19px;
	padding: 0px 0px 0px 0px;
	clear:both;
	}

#main p {
	padding: 0px 0px 10px 0px;
	margin: 0px;
	line-height: 15px;
	text-align:justify;
	}

#main h1 {
	color: #202020;
	font-size: 14px;
	font-family: Arial;
	font-weight: bold;
	margin: 0px 0 0px 0;
	padding: 15px 0px 5px 0px;
	}
	
#main h1 a  {
	color: #000000;
	text-decoration: none;
	background: url('images/dot.gif') no-repeat -11px -455px;
	border-top: 4px solid #E7E6E6;
	height:19px;
	display:block; padding-left:20px; padding-right:0; padding-top:5px; padding-bottom:0
	}
	
#main h1 a:hover {
	color: #505050;
	text-decoration: none;
	}

#main h3 {
	color: #202020;
	font-size: 12px;
	font-family: Georgia, Trebuchet MS;
	margin: 5px 0px 0px 0px;
	padding: 5px 0px 5px 0px;
}

#main p imgx {
	float: left;
	border: none;
	margin: 0px 10px 10px 0px;
	}

#main-l { border:0px solid #999000; 
	float: left;
	width: 651px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 20px 0px;
	}

#main-l ol {
	margin: 0px 0px 0px 20px;
	padding: 0px 0px 10px 0px;
	}

#main-l ol li{
	margin: 0px 0px 0px 20px;
	padding: 0px 0px 5px 0px;
	}

	
#main-l ul.main {
	list-style-type: square;
	margin: 0px 0px 0px 20px;
	padding: 0px 0px 10px 0px;
	}

	
#main-l ul.main li {
	list-style-type: square;
	margin: 0px 0px 0px 20px;
	padding: 0px 0px 5px 0px;
	}

	
blockquote{
	font-style: italic;
	margin: 0px 10px 15px 10px;
	padding: 0px 25px 0px 10px;
	border-left: 4px solid #FEE057;
	color:#666666;
	}

	

#main blockquote p{
	margin: 0px 0px 0px 0px;
	padding: 10px 0px 10px 0px;
	}
	

#main blockquote p{
	margin: 0px 0px 0px 0px;
	padding: 10px 0px 10px 0px;
	}

#content {
	margin:0px;
	padding: 10px;

}
/************************************************
*	Kotak di Homepage					     	    * 
************************************************/
#hkotak {
    background:url('images/kotak.gif');
    width:650px;
	float:left;
	padding:0;; margin-left:0; margin-right:0; margin-top:0px; margin-bottom:0;
}

#hkotak h1 {
    background:url('images/ttlx.gif') repeat-x left;
	font-size:12px;
	font-weight:bold;
	float:left; padding-left:20px; padding-right:0; padding-top:5px; padding-bottom:0;
}

#hkotak span {
    float:right;
	margin:0; padding:5px 15px 0 0;
    font-weight:bold;
	font-size:12px;
}

#hkotak a img, #sidebar a img {border:none;}

.hkotak-ttl, .main-ttl {
    background:url('images/ttl.gif') repeat-x left;
	width:652px;
	height:24px;
	margin-left:1px; margin-right:0; margin-top:0; margin-bottom:0;
}

.hkotak-box {
    width:305px;
	float:left;
	margin:10px 0 0 0px; 
    padding:0 0 0 15px;	
}

.r {
    width:300px;
	float:right;
	margin:10px 0px 0 0px; 
    padding:0 15px 0 0;
}

.hkotak-box h2 {
	font-size:11px;
	font-weight:bold;
	padding:2px 0 0 0;
	margin:2px 0 0 0;
}

.hkotak-box h2 a { 
	padding:0 0 0 0;
	margin:2px 1px 1px 0px;
	padding: 2px 0 3px 2px;
	display:block;
	color:#3D3B33;

}

.hkotak-box h2 a:hover { color:#000000; text-decoration:none;}

/************************************************
*	Right Sidebar 					     	    * 
************************************************/
#sidebar {
    xbackground:#transparent;
	float: right;
	width: 284px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0 20px 0px;
	line-height: 15px;
	text-align:justify;
	}

#sidebar h2 {
	background: url('images/sideh2.gif') no-repeat top left;
	color: #000000;
	height:21px;
	font-size: 10px;
	font-family: Verdana, Arial, Sans-Serif;
	font-weight: bold;
	text-transform: uppercase;
	margin-left:0px; margin-right:0px; margin-top:0px; margin-bottom:5px; padding-left:30px; padding-right:0px; padding-top:3px; padding-bottom:3px;
	}

#sidebar p {
	padding: 0px 15px 10px 15px;
	margin: 0px;
	line-height: 15px;
	}

.sideft {
    background:#E7E6E6 url('images/sideft.gif') no-repeat top left; 
	margin:0; padding:0;
	width: 284px;
	clear:both
}
	
	

/************************************************
*	Footer  									*
************************************************/
#footerbg {
	background: #1A4E88;
	}

#ftr {
	background:#FFFFFF url('images/ftr.gif') no-repeat top center;
	width: 982px;
	height: 58px;
	color: #FFFFFF;
	margin: 0px auto;
    padding: 0px
	}

#ftr-h {
    background:#FFFFFF url('images/ftr-h.gif') no-repeat top center;
	width: 982px;
	height: 58px;
	color: #FFFFFF;
	margin: 0px auto;
	padding: 0px
	}

	

#ftr p, #ftr-h p { color: #FFFFFF; font-size: 11px; font-weight: normal; margin: 0px; padding: 18px 0 0 20px; }
#ftr a, #ftr-h a { color: #FFFFFF; text-decoration: none;	}
#ftr a:hover, #ftr-h a:hover { color: #FFFFFF; text-decoration: underline; }
#ftr a img, #ftr-h a img { border: none; margin: 0px; padding: 0px; }


form {padding:0; margin:0 0 0 10px;}
input, textarea {border:1px solid #B6B6BB; font-family:'Lucida Grande', Verdana, Arial, Sans-Serif; font-size:11px; color:#5B5B5B;}
.sbmt1 {background:#FFFFFF; }
label {width:150px; color:#787878; float:left;}


/*-----------------------------------------------
* Tabbing

------------------------------------------------*/
.tabberlive .tabbertabhide { display:none;}
.tabber {}
.tabberlive { margin-top:10px;}


#sidebar ul.tabbernav, #hkotak ul.tabbernav, .entry ul.tabbernav
{
 margin:10px 15px 5px 15px;
 padding: 5px 0 5px 0;
 border-bottom: 1px solid #d2d2d2;
 font: bold 12px Arial;
}

ul.tabbernav li
{
 list-style: none;
 margin: 0 0 0 0;
 display: inline;
 padding: 0 0 0 0;
}



ul.tabbernav li a
{
 border: medium none;
 text-decoration: none;
 background: #E7E6E6 url('images/divider.gif') no-repeat right top;
 color:#787878; margin-left:0px; margin-right:0; margin-top:0; margin-bottom:0; padding-left:8px; padding-right:8px; padding-top:5px; padding-bottom:5px
}

ul.tabbernav li a:hover
{
 color: #8A8271;
 padding: 5px 8px 5px 8px;
 margin:0;
 text-decoration: none;
}

ul.tabbernav li.tabberactive a
{
 background:#FFFFFF;
 border: 1px solid #d2d2d2;
 border-bottom: 1px solid white;
 color:#000000;
 text-decoration: none;
}



ul.tabbernav li.tabberactive a:hover
{

 border: 1px solid #d2d2d2;

 border-bottom: 1px solid white;

 color:#787878;

 text-decoration: none;

 

}



.tabberlive .tabbertab {

 padding:0px;

 border:none;

 /*height:165px;*/

 overflow:auto;



}



.tabberlive .tabbertab h4 { display:none; }



/* Begin Images */

p img {

	padding: 0;

	max-width: 100%;

	}



/*	Using 'class="alignright"' on an image will (who would've

	thought?!) align the image to the right. And using 'class="centered',

	will of course center the image. This is much better than using

	align="center", being much more futureproof (and valid) */



img.centered, img.center {

	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

	}

/* End Images */