/* CSS Document */
::-moz-scrollbar {height:12px;width: 12px;background: #333333;} 
::-moz-scrollbar-thumb {background-color: #00FFFF;-moz-border-radius: 1em;border-radius: 1em;}
::-webkit-scrollbar {height:12px;width: 12px;background: #333333;} 
::-webkit-scrollbar-thumb {background-color: #00FFFF;-moz-border-radius: 1em;border-radius: 1em;box-shadow: 0 0 5px #F00 inset;}
a{text-decoration:none;}
body{background-color:#CCC;}
#prom{width:80%;padding-bottom:5px;}
#prom:hover{opacity:0.8;}
.cor{
	margin-bottom:5px;
}
#judul{color:#FFF;
	background-color:#333;
	padding:10px;
	top:0px;
	position:fixed;
	width:100%;
	left:0px;
	border-bottom:3px #0CF solid;}
#baner{width:1000px;
	/*height:1000px;
	lekukan border*/
	-moz-border-radius:0.5em;
	-webkit-border-radius: 0.5em;
	-ms-border-radius: 0.5em;
	-o-border-radius: 0.5em;
	border-radius: 0.5em;
	/*box shadow*/
	-moz-box-shadow:0 0 10px #000 ;
	-webkit-box-shadow:0 0 10px #000 ;
	-o-box-shadow:0 0 10px #000 ;
	-ms-box-shadow:0 0 10px #000 ;
	box-shadow:0 0 10px #000 ;
	margin:60px auto 60px auto;
	overflow:hidden;
	background-color:#fff;}
#ban{padding:20PX;
	color:#000;
	background-color:#60F;
	background:-moz-linear-gradient(right, #90F, #60F, #06C, #0CC, #FFF, #FFF);
	background:-webkit-linear-gradient(right, #90F, #60F, #06C, #0CC, #FFF, #FFF);
	background:-O-linear-gradient(right, #90F, #60F, #06C, #0CC, #FFF, #FFF);
	background:-MS-linear-gradient(right, #90F, #60F, #06C, #0CC, #FFF, #FFF  );
	background:linear-gradient(right, #90F, #60F, #06C, #0CC, #FFF, #FFF);
	text-shadow:#000 2px 2px 5px;
	display:block;}
.judulheader{background:-moz-linear-gradient(left,#F1EBEB , #13EBE7, #10ED37, #13EBE7 , #F1EBEB );
	background:-webkit-linear-gradient(left,#F1EBEB ,#13EBE7, #10ED37, #13EBE7 , #F1EBEB );
	background:-O-linear-gradient(left,#F1EBEB , #13EBE7, #10ED37, #13EBE7 , #F1EBEB );
	background:-MS-linear-gradient(left,#F1EBEB , #13EBE7, #10ED37, #13EBE7 , #F1EBEB );
	background:linear-gradient(left,#F1EBEB , #13EBE7, #10ED37, #13EBE7, #F1EBEB );
	height:200px;
	}
#ban a{display:block;
	color:#333;
		color:linear-gradient(right, #90F, #60F, #06C, #0CC, #FFF, #FFF);
	text-decoration:none;}
#menu{background-color:#333;
	color:#fff;
	padding:10px;
	text-shadow:#000 2px 2px 5px;
	border-bottom: 3px #0FF groove;}
#foter{
	background-color:#333;
	padding:3px;
	bottom:0px;
	position:fixed;
	width:100%;
	border-top:#0cf 3px solid;
	color:#fff;
	left:0px;}
.log{color:#333;
	text-decoration:none;
	margin-right:30px;}
.log:hover{cursor:pointer;}
.aa{color:#fff;
	text-decoration:none;
	margin-right:5px;
	margin-left:5px;
	text-shadow:#000 2px 2px 5px;}
.a:hover{color:#0FF;}
.aa:hover{color:#0FF;}
#logi{display:none;
	height:70px;
	width:230px;
	background-color:#60F;
	border-radius:0.5em;
	top:50px;
	right:10px;
	position:fixed;
	box-shadow:4px 4px 5px #333;
	padding-left:10px;}
#isi{height:80%;}
/* awal style kiri*/
#kiri{width:20%;
	height:100%;
	overflow:hidden;
	float:left;}
.kir-ben{margin:5px 3px 10px 3px;}
.kir-jud{alignment-adjust:central;
	text-shadow:2px 2px 3px #000;
	box-shadow:-3px 2px 5px #F0F;
	-webkit-box-shadow:-3px 2px 5px #F0F;
	-moz-box-shadow:-3px 2px 5px #F0F;
	-o-box-shadow:-3px 2px 5px #F0F;
	background-color:#333;
	margin-bottom:10px;
	font-weight:bold;
	font-size:16px;
	padding:3px;
	color:#fff;}
.kir-isi {overflow:hidden;width:100%;
}
.kir-isi a{text-decoration:none;
	background-color:#F0F;
	color:#fff;
	display:block;
	margin:1px 0 1px 0;
	border-bottom:#fff 1px solid;
	border-top:#fff 1px solid;
	padding:2px 0 2px 0;}
.kir-isi a:hover{text-decoration:blink;
	background-color:#F6F;
	color:#FFF;
	
	}
/*               akhir style kiri
--------------------------------------------------------
                 awal style tengah                     */
#tengah{width:750px;
margin-left:5px;
	float:left;
	height:100%;
	overflow:hidden;}

/*               akhir style tengah
--------------------------------------------------------
                 awal style kanan                      */
#kanan{width:240px;
	height:100%;
    float:right;}
.kan-ben{margin:5px 3px 10px 3px;}
.kan-jud{alignment-adjust:central;
	text-shadow:2px 2px 3px #000;
	-webkit-box-shadow: 3px 2px 5px #0FF;
	-moz-box-shadow: 3px 2px 5px #0FF;
	-o-box-shadow: 3px 2px 5px #0FF;
	box-shadow: 3px 2px 5px #0FF;
	background-color:#333;
	margin-bottom:10px;
	font-weight:bold;
	font-size:16px;
	padding:3px;
	color:#fff;}
.kan-isi a{text-decoration:none;
	color:#fff;
	display:block;
	margin:3px 0 3px 0;
	border-bottom:#fff 1px dashed;}
.kan-isi a:hover{text-decoration:blink;
	color:#333;
	text-shadow:#333;}
/*               akhir style kanan
--------------------------------------------------------
                 awal style kanan                      */
#bwh{
	width: 100%;
	padding: 5px;
	color: #333;
	border-top: solid 1px #333;
	left: -46px;
	top: 1060px;}
abbr, acronym {
	background-color: #e5e5e5;
	padding-left: 0.2em;
	padding-right: 0.2em;
	border-bottom: dotted #000 1px;}
.bubbleTooltip {
	width: 200px;
	color:#000;
	font: 0.7em sans-serif;
	text-decoration:none;
	text-align:center;}
.bubbleTooltip span.top {
	padding: 30px 8px 0;
	background: url(bubble.gif) no-repeat top;}
.bubbleTooltip span.bottom {
	padding:3px 8px 15px;
	color: #000;
	background: url(bubble.gif) no-repeat bottom;}
.mences{color: #FFF;
	text-shadow:#000 3px 3px 5px;
	border-right:1px inset #666;
	
	padding:10px;
	padding-left:0px;
	font-size:18px;
	font-weight:bold;
	text-decoration:none;}
.mences:hover{color:#0FF;
	background-color:#999;
	background:-webkit-linear-gradient(left,#333, #0FF, #333);
	background:-moz-linear-gradient(left,#333, #999, #333);
	background:-ms-linear-gradient(left,#333, #999, #333);
	background:-o-linear-gradient(left,#333, #999, #333);
	background: linear-gradient(left,#333, #999, #333);
	width:100px;}
/*              
--------------------------------------------------------
                 awal style profile.php                */
#prof{background-color:#1E1E1E;
	width:100%;
	padding:3px;
	padding-left:10px;
	margin:0px 0 10px 0;
	font-size:16px;
	font-weight:bold;
	color:#fff;
	text-shadow:#000 2px 2px 5px;}

/*              akhir style profile.php
--------------------------------------------------------
                 awal style galeri.php                  */

.abl{background-color:#099;
	padding:5px;
	display:block;
	width:50px;
	float:left;
	display:block;
	text-decoration:none;
	cursor:pointer;
	border:2px #fff solid;}
.abl a{display:block;
text-decoration:none;
color:#fff;}
.abl:hover{background-color:#0FF;}
#abl-1{left:-15px;
border-left:none;
	border-radius:0 1em 1em 0;}
#abl-2{float:right;
border-right:none;
	border-radius:1em 0 0 1em;}	
#gale{height:450px;display:block;margin:10px 0 0 10px;text-align:justify;}		

.isidown{
 	width:130px;
	height:100px;
	overflow:hidden;
	margin: 0 2px 20px 2px;
	background-color:#FFF;
	border-left:#333 1px solid;
	border-right:#333 1px solid;
	border-top:#09F 2px solid;
	border-bottom:#09F 3px solid;
	float:left;
	color:#FFFFFF;
	background-color:#666;
	padding-bottom:5px;
}
.isidown a {color:#FFF}
.isidown:hover{
	opacity:0.8;
	cursor:pointer;	
}
#kate{border-bottom:#FF9900 solid 2px;}
#kate li a{text-decoration:none}	
#dalam{margin:5px;border: 1px #5C5C5C solid;background:#EFEFEF;border-radius:0.3em;overflow:hidden;margin-bottom:10px;}
#dalamcounten{ padding-left:25px}
.guest{border-bottom:dotted 1px #999;width:98%;} 
.komen{background-color:#63F;color:#FFF;border-bottom:dotted 1px #999;width:98%;}
.prom-list{
 	width:130px;
	height:150px;
	overflow:hidden;
	margin: 0 2px 20px 2px;
	background-color:#FFF;
	border-left:#333 1px solid;
	border-right:#333 1px solid;
	border-top:#f00 2px solid;
	border-bottom:#f00 3px solid;
	float:left;
	color:#000000;
	border-radius:0.5em;}
#simpan:hover{background-color:#09F;}
.top-bot {
  position: absolute;
  bottom: 0px; 
  right: 0px;
  color:#666699;
  height:70px;
  width:100%;
  padding-top;3px 5% 0 5%;
  float:right;
  font-size:12px;
  padding-left:10px;
background:rgb(102, 102, 153 , 0.8);}
.box {
	width:45%; height: 200px;
  position: relative;
  border: 1px solid #BBB;
  background: #EEE;
  float:left;
  margin:5px;
  position: relative;
  box-shadow:1px 2px 3px #666666 ;
  overflow:hidden;
  
}
.danc1{
	font-weight: normal;size:10em;
}
.box:hover{
	border:1px 1px 5px 1px solid #3366ff;
	box-shadow: 2px 4px 10px rgba(0, 0, 0, .5);

	}
@media (min-width: 60em) {  
	.box {
	  width:200px; height: 200px;
	  position: relative;
	  border: 1px solid #BBB;
	  background: #EEE;
	  float:left;
	  margin:5px;
	  position: relative;
	  box-shadow:1px 2px 3px #666666 ;
	}
	.top-bot {
  position: absolute;
  bottom: 0px; 
  right: 0px;
  color:#666699;
  height:70px;
  width:190px;
  padding-top;3px 5% 0 5%;
  float:right;
  font-size:12px;
  padding-left:10px;
background:rgb(102, 102, 153 , 0.8);}
}

@media (min-width: 35em) {}