/* 
WOO CUSTOM STYLESHEET
---------------------

Instructions:

Add your custom styles here instead of style.css so it 
is easier to update the theme. Simply copy an existing 
style from style.css to this file, and modify it to 
your liking.

*/



/*Language Selector*/
#langs{position:absolute; right: 30px;}

/*productions*/
#left {
float:left;
width:350px;
margin:15px 0px 0 35px;
padding:0;
}


#right {
float:right;
width:290px;
margin:23px 75px 0 0;
padding:0;
}



  .img-left {
  margin:5px 15x 20px 0px; 
  padding:1px; border:1px solid #948d89;
  }
  
  .blok {
  margin:0;
  padding:12px 10px 12px 12px;
float:left;
  }
  
  
  .blok ul,   .blok ol {
	margin-bottom:10px;
	}

  .blok ul li {	
	list-style:none;
	margin-left:30px;
	}

.  .blok ol li {	
	list-style:decimal;
	margin-left:30px;
	}

  .blok ol li ul li {	
	list-style:none;
	margin-left:20px;
	}
  
  .blok p a {
   text-decoration:underline;
  }
  
    .blok p a:hover {
  text-decoration:underline;
  }
  
  .over {
   margin:5px 0 20px 0;
   padding:0;
   }
  
  

  
    .blok2 {
  margin:0 0 20px 0;
  padding:12px;
border:1px solid #929394;
  }
  
  
      .introblok {
margin: 15px 15px 10px 10px;
  padding:12px;
border:1px solid #929394;
  }
  
  
  	.cat2 {
	width:100%;
		margin:0;
			padding: 0px;
			color:#ffffff;
			height:28px;
		}

#panel {

display: none;
}

.slide {
margin: 0px 0px 5px 0px;
padding: 0;
}

.slide a, .slide2 a, .slide3 a, .slide4 a{
text-decoration:none;
}

.slide a:hover, .slide2 a:hover, .slide3 a:hover, .slide4 a:hover{
text-decoration:none;
}

.btn-slide {
width: 290px;
height: 25px;
padding-top: 4px;
margin: 0 auto;
display: block;
font-family:  Arial, Tahoma, Trebuchet MS;
text-shadow: 0 1px 0 #000;
font-size: 11px;
color: #f6f6f8 !important;
text-decoration: none;
text-transform:uppercase;
padding-left:20px;
font-weight:bold;

}

#panel2 {

display: none;
}

.slide2 {
margin: 0px 0px 5px 0px;
padding: 0;
background: url(images/green/sl.gif) no-repeat center top;
}

.btn-slide2 {
width: 290px;
height: 25px;
padding-top: 4px;
margin: 0 auto;
display: block;
font-family:  Arial, Tahoma, Trebuchet MS;
text-shadow: 0 1px 0 #000;
font-size: 11px;
color: #f6f6f8 !important;
text-decoration: none;
text-transform:uppercase;
padding-left:20px;
font-weight:bold;

}

#panel3 {


display: none;
}

.slide3 {
margin: 0px 0px 5px 0px;
padding: 0;
background: url(images/green/sl.gif) no-repeat center top;
}

.btn-slide3 {
width: 290px;
height: 25px;

padding-top: 4px;
margin: 0 auto;
display: block;
font-family:  Arial, Tahoma, Trebuchet MS;
text-shadow: 0 1px 0 #000;
font-size: 11px;
color: #f6f6f8 !important;
text-decoration: none;
text-transform:uppercase;
padding-left:20px;
font-weight:bold;

}

#panel4 {


display: none;
}

.slide4 {
margin: 0px 0px 5px 0px;
padding: 0;
background: url(images/green/sl.gif) no-repeat center top;
}

.btn-slide4 {
width: 290px;
height: 25px;
padding-top: 4px;
margin: 0 auto;
display: block;
font-family:  Arial, Tahoma, Trebuchet MS;
text-shadow: 0 1px 0 #000;
font-size: 11px;
color: #f6f6f8 !important;
text-decoration: none;
padding-left:20px;
text-transform:uppercase;
font-weight:bold;

}
	
	




.boxgrid{ 
				width: 240px; 
				height: 170px; 
				float: left;
					margin:5px 5px 20px 11px; 
				border:5px solid #29474a;
        padding:0px;
				overflow: hidden; 
				position: relative; 
			}
				.boxgrid img{ 
					position: absolute; 
					top: 0; 
					left: 0; 
					border: 0; 
				}
				.boxgrid p {
					padding: 0 0px 0px 0px; 
					margin:0;
				}
				
			.boxcaption{ 
				float: left; 
				position: absolute; 
				height: 100px; 
				width: 100%; 
				opacity: .8; 
				/* For IE 5-7 */
				filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
				/* For IE 8 */
				-MS-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
 			}
 				.captionfull .boxcaption {
 					top: 260;
 					left: 0;
 				}
 				.caption .boxcaption {
 					top: 220;
 					left: 0;
 				}
				

	.aleft {
	float:left;
	width:120px;
	}
	
	.aright {
	float:left;
	width:120px;
	}
	
	br.clear {
	clear: both;
}
						
	.arsip li {
	float: left;
	width: 120px;
	
}					


.clearfix {
	display: inline-block;
}
/* Top Bar */
#top-bar {background: #081616;color: #B4EDEB;}
#top-bar a, #top-bar h3 {color: #B4EDEB;}
#top-bar a:hover {color: #fff;} 
.top-bar-padding {padding: 6px 50px;overflow: hidden;}
#top-bar h3 {padding: 0;margin-bottom: 35px;}
.date-block {width: 250px;font-weight: bold;float: left;}
#lock-button {height: 16px;float: right;text-align: left;line-height: 16px;position: relative;}
#lock-button #lock-icon {width: 14px;height: 16px;position: absolute;top: 0;left: 0;display: block;padding: 0;margin: 0;}
#lock-button span {font-size: 13px;padding-left: 20px;margin: 0;font-weight: bold;}
#lock-button:hover {text-decoration: none;}
#accessibility {height: 16px;float: right;margin-left: 10px;width: 110px;}
.textsizer-desc {display: block;float: right;text-align: right;font-size: 12px;margin-right: 6px;font-weight: bold;line-height: 16px;}
#accessibility a {text-decoration: none; cursor: pointer;}
#accessibility #buttons {float: right;width: 36px;height:15px;overflow:hidden;}
#accessibility .button {display: block;float: right;width: 15px;height: 15px;}
#accessibility a.small .button {margin-right: 4px;}
.topbar-strip {overflow: hidden;padding-bottom: 2px;}
.topbar-left-mod {float: left;width: 48%;padding: 15px 0;}
.topbar-right-mod {float: right;width: 48%;padding: 15px 0;text-align: right;} 

/*** FRONT PAGE SLIDER ***/
#slideshow_container{height:281px; width: 990px; background-image:url(../images/bg_slides_container.png); background-repeat:no-repeat; background-position: center top; clear:both; position:relative; z-index:1 !important; padding-top:10px;}
#slideshow{width:920px; height:265px; margin:0 auto; overflow:hidden; background-image:url(../images/bg_slides_container2.png); background-repeat:no-repeat;}
.slideshow_content{padding:13px;}
.slide_image{width:480px; float:left;}
.slide_text{width:364px; float:left; padding:20px 20px 10px 30px}
.slide_text, .slide_text p, .slide_text ul{color:#fff; line-height:24px;}
.slide_text h1, .slide_text h2, .slide_text h3{font-size:20px; color:#fff; line-height:24px}
/*** END OF FRONT PAGE SLIDER ***/