/* 
	Theme Name: i Care Lasik Jakarta
	Theme URL: http://www.icarelasik.co.id
	Description: WordPress theme untuk icare lasik sept 2009.
	Author: Kastam, RO
	Author URI: http://www.onbisnis.com dan www.optikonline.info
	Version: 1.0

	Changelog:
	v 01.09.09 design awal ditambah feature dari slider 3
	di pakai juga untuk http://icarelasikcenter.com
*/


body {
	background: #fff ;
	width: 990px;
	color: #000000;
	font-size: 12px;
	font-family: verdana, Arial, Tahoma, Verdana;
	margin: 2px auto 2px;
	padding: 0px;
	}

#wrap {
	background: #ffffff url('images/bg_body.gif') repeat-y center;
	width: 990px;
	margin: 0px auto;
	padding: 0px;
	}
	
td {
	background-color:#D5EDFF;
	border: 0.5px solid #ECF8FF;
	}
/************************************************
*	Hyperlinks									*
************************************************/
a, a:visited {
	color: #006699;
	text-decoration: none;
	font-weight: bold;
	}

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

/************************************************
*	Top     									*
************************************************/
#top {
	background: #3399CC url('images/bg_top1.gif') no-repeat center;
	width: 990px;
	height: 16px;
	margin: 0px auto 0px;
	padding: 0px ;
	overflow: hidden;
	text-align: right ;
	}	

/************************************************
*	Header  									*
************************************************/
#header {
	background: #fff url('images/headeranimate.gif') no-repeat center;	
	width: 950px;
	height: 162px;
	color: #000000;
	font-size: 11px;
	margin: 0px auto 0px;
	padding: 0px ;
	overflow: hidden;
	}
	
#header p {
	padding: 0px 0px 5px 0px;
	margin: 0px;
	line-height: 20px;
	}
	
#header a img {
	border: none;
	margin: 0px;
	padding: 5px;
	}


/************************************************
*	Content 					     		    * 
************************************************/
#content {
	background: #fff;
	width: 950px;
	margin: 0px auto 0px;
	padding: 0px;
	line-height: 17px;
	}
#content a img{
	border: none;
	}
#content h1 {
	color: #000000;
	font-size: 22px;
	font-family: Arial, Tahoma, Verdana;
	font-weight: bold;
	margin: 0px ;
	padding: 0px 0px 5px 0px;
	line-height: 24px;
	}
#content h1 a, #content h1 a:visited  {
	color: #000000;
	text-decoration: none;
	margin: 0px;
	padding: 0px;
	}
#content h1 a:hover {
	color: #CC0000;
	text-decoration: none;
	}
#content h2 {
	color: #000000;
	font-size: 16px;
	font-family: Arial, Tahoma, Verdana;
	font-weight: bold;
	margin: 0px ;
	padding: 0px 0px 10px 0px;
	}
#content h2 a, #content h2 a:visited  {
	font-size: 14px;
	color: #000000;
	text-decoration: none;
	margin: 0px ;
	padding: 0px 0px 10px 0px;
	}
#content h2 a:hover {
	color: #CC0000;
	text-decoration: none;
	}
#content h3 {
	color: #000000;
	font-size: 12px;
	font-family: Arial, Tahoma, Verdana;
	font-weight: bold;
	margin: 0px;
	padding: 5px 0px 10px 0px;
	}
#content h4 {
	color: #000;
	font-size: 14px;
	font-family: Verdana, Arial, Tahoma;
	font-weight: bold;
	margin: 0px;
	padding: 0px;
	}
#contentleft {
    background: #ffffff;
	float: left;
	width: 530px;
	margin: 0px;
	padding: 5px 0px 20px 5px;
	}

#contentleft p {
	padding: 0px 0px 15px 0px;
	margin: 0px;
	}

#contentleft p img {
	border: none;
	}

#contentleft ul{
	list-style-type: circle;
	margin: 0px;
	padding: 0px 0px 15px 15px;
	}

#contentleft ul li{
	margin:  0px;
	padding: 0px 0px 0px 5px;
	}
#contentleft .box1 ul {
        padding-right:10px;
        }

.box1, blockquote, .postmeta {
	border:1px solid #999999;
	-moz-border-radius:5px ; 
	-khtml-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
    padding: 5px;
    margin: 0 0 10px 0;
	}

.box1 {
    background: #ffffff url('images/box1.jpg') repeat-x;
	}

blockquote {
    color: 659EF5;
	}

	
.transparantBox {
  /* for IE */
  filter:alpha(opacity=70); 
  /* CSS3 standard */
  opacity:0.7;
  /* for Mozilla */
  -moz-opacity:0.7;
}
	
/************************************************
*	Sidebar 		    	        	        * 
************************************************/
#sidebar {
	float: right;
	width: 390px;
	margin: 0px ;
	padding: 0px 5px 0px 0px;
	line-height: 17px;
	display: inline;
	font-size: 11px;

	}
#sidebar p {
	padding-left: 10px;
	}	

#sidebar  a img {
	border: none;
	margin: 5px 0px 0px 0px;
	padding: 0px;
	}
	
#sidebar  h2, #l_sidebar  h2, #r_sidebar  h2 {
	color: #006699 ;
	font-size: 14px;
	font-family: Arial, Tahoma, Verdana;
	font-weight: bold;
	margin-bottom: 5px;
	border-bottom: 2px solid #cccccc;
	}
#sidebar  ul {
	margin:0px 0px 10px 5px;
	list-style-type: none;
	padding :5px 0px 5px 15px;
	}
#sidebar  ul ul {
	list-style-type:circle;
}			
#sidebar  ul li {
	padding-left: 20px;
	line-height: 13px;
	}
	
#sidebar  ul li li {
	padding-left: 10px;
	line-height: 13px;
	}
	

/************************************************
*	Footer  									*
************************************************/
#footer {
	width: 950px;
	background: #2F8EBD url('images/bg_footer.gif') no-repeat top center;
	height: 135px;
	margin: 0px auto 0px;
	padding: 0px ;
	overflow: hidden;
	font-size: 10px;
	}
	
#footer a {
	color: #ffffff;
	}
	
#footer a img {
	border: none;
	margin: 0px;
	padding: 0px;
	}	
#footer a:hover {
	color: #000;
	}
	
#footerleft {
	width: 750px;
	float: left;
	margin: 80px 0px 0px 0px;
	padding: 5px 0px 0px 5px;
	text-align: left;
	}

#footerright {
	width: 150px;
	float: right;
	margin: 80px 0px 0px 0px;
	padding: 5px 5px 0px 0px;
	text-align: right;
	}
	
/************************************************
*	Search Form									*
************************************************/
#searchdiv {
	margin: 0px;
	padding: 0px;
	}
	
#searchform, #searchform2{
	margin: 0px;
	padding: 0px;
	overflow: hidden;
	display: inline;
	}
	
#s {
	background: #FFFFFF;
	width: 140px;
	color: #000000;
	font-size: 11px;
	font-family: Verdana, Arial, Tahoma;
	font-weight: normal;
	padding: 2px 0px 2px 2px;
	margin: 0px;
	border-top: 1px solid #999999;
	border-right: 1px solid #DDDDDD;
	border-left: 1px solid #999999;
	border-bottom: 1px solid #DDDDDD;
	display: inline;
	}
#sbutt {
	background: #FFFFFF;
	color: #222222;
	font-size: 11px;
	font-family: Arial, Tahoma, Verdana;
	font-weight: bold;
	padding: 1px;
	margin: 0px 0px 0px 3px;
	border-top: 1px solid #CCCCCC;
	border-right: 1px solid #999999;
	border-left: 1px solid #CCCCCC;
	border-bottom: 1px solid #999999;
	}
			
/*-------------------------
Images 
 ----------------------------*/
p img {
	padding: 0;
	max-width: 100%;
	}

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
	}

.center {
	display: block;
	margin-left: auto;
	margin-right: auto;
	}

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

#contentleft .box1 ul.tabbernav
{
 margin:10px 5px 5px 5px;
 padding: 5px ;
 border-bottom: 1px solid #d2d2d2;
 font: bold 11px Arial; 
}

#sidebar ul.tabbernav
{
 margin:10px 5px 5px 5px;
 padding: 5px ;
 border-bottom: 1px solid #d2d2d2;
 font: bold 11px Arial; 
}

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

ul.tabbernav li a
{
 border: medium none;
 text-decoration: none;
 background: #9ac1c9;
 color:#006699; 
 margin:0px -12px 0px 0px; 
 padding: 5px ;
}

ul.tabbernav li a:hover
{
background:#3399cc;
 color: #fff;
 padding: 5px ;
 margin:0px -12px 0px 0px; 
 text-decoration: none;
}

ul.tabbernav li.tabberactive a
{
 background:#006699;
 border: 1px solid #d2d2d2;
 border-bottom: 1px solid white;
 color:#fff;
 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;
}

.tabbertab ul li {
 margin-top:5px;
 list-style-type: circle;
 line-height:12px;
}
.tabberlive .tabbertab h4 { display:none; }

/*--------------------------------------------------
  MENU
  --------------------------------------------------*/

.dropdown { float:left; padding-right:5px; padding-left:5px;}
.dropdown dt { border:2px solid #9ac1c9; padding:5px; color:#fff; font-weight:bold; cursor:pointer; background:#006699;  }
.dropdown dt:hover {background:#3399CC ; }
.dropdown dd {position:absolute; overflow:hidden; width:175px; display:none; background:#006699; z-index:200; opacity:0.8}
.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:#000; text-align:left; text-decoration:none; background:#3399cc; width:125px}
.dropdown a:hover {background:#eaf0f2; font-weight: bold; color:#000}
.dropdown .underline {border-bottom:1px solid #b9d6dc}

/*--------------------------------------------------
 Slider - featured
 --------------------------------------------------*/
 #featured {
 	float:right; 
 	width:390px; 
 	margin:5px 3px 10px 0px; 
 }
 
#slider {
    width: 390px; /* important to be same as image width */
    height: 300px; /* important to be same as image height */
    position: relative; /* important */
	overflow: hidden; /* important */
	background: #000;
	text-align: center;
	font-color:#ffffff;
	border:1px solid #999999;
	-moz-border-radius:5px 5px 5px 5px; 
	-khtml-border-radius: 5px;
	-webkit-border-radius: 5px;
	padding:0px;
}
#sliderContent {
    width: 370px; /* important to be same as image width or wider */
    margin:0px;
   x position: absolute;
	top: 0;
	left:0;
	padding: 10px;
}

.sliderImage {
    float: left;
    position: relative;
   display: none;
	
}
.sliderImage img {
	width: 370px;
	height:270px;

}
.sliderImage span {
    position: absolute;
    font: 10px/15px Arial, Helvetica, sans-serif;
    padding: 10px 3px;
    width: 370px;
    background-color: #000;
    filter: alpha(opacity=70);
    -moz-opacity: 0.7;
	-khtml-opacity: 0.7;
    opacity: 0.7;
    color: #fff;
    display: none;
	text-align: left;
}
.clear {
	clear: both;
}
.sliderImage span strong {
    font-size: 14px;
	color:#006699;
}
.top {
	top: 0;
	left: 0;
}
.bottom {
	bottom: 0;
    left: 0;
}
.left {
	top: 0;
    left: 0;
	width: 110px !important;
	height: 250px;

}
.right {
	right: 0;
	bottom: 0;
	width: 90px !important;
	height: 255px;
}
ul { list-style-type: none;}

#sliderContent ul li {
margin-left:-50px;

}