@charset "utf-8";
/* CSS Document */

@font-face { font-family: "bauhaus"; src: url('GOTHIC.TTF'); }

@font-face { font-family: 'TTfon'; src: url('ChampagneL.ttf') format('truetype'); font-style: normal;}		   
 
@font-face { font-family: 'fujamaF'; src: url('FujiyamaLight.ttf') format('truetype'); font-style: normal;}	

@font-face { font-family: 'Foptima'; src: url('OPTIMA.TTF') format('truetype'); font-style: normal;}	
	   
.Ffujama {
           font-family: "fujamaF";
		   color: #000;
		   font-size: 17px;
          }

.Ftt {
           font-family: "TTfon";
		   color: #000;
		   font-size: 15px;
          }

.Fbauhaus {
           font-family: "bauhaus";
		   color: #03F;
		   font-size: 17px;
          }
		  
.FbauhausHIT17{
           font-family: "bauhaus";
		   color: #000;
		   font-size: 17px;
          }		 

.Ffotimae {
           font-family: "Foptima";
		   color: #000;
		   font-size: 14px;
          }
		  
.FbauhausHIT {
           font-family: "bauhaus";
		   color: #000;
		   font-size: 14px;
          }		  
		  
.Fbauhausmrh {
           font-family: "bauhaus";
		   color: #F00;
		   font-size: 22px;
          }		  
		  
.Fnormal 
{
	font:normal 11px Verdana, Geneva, sans-serif;
	color: #000;
}

.Fnormalputih 
{
	font:normal 11px Verdana, Geneva, sans-serif;
	color: #FFF;
}

.Fsisikanan
{
	font: normal 16px Consolas, "Andale Mono", "Lucida Console", "Lucida Sans Typewriter", Monaco, "Courier New", monospace;
	color: #000;
}

.Fsisikananhij
{
	font: normal 16px Consolas, "Andale Mono", "Lucida Console", "Lucida Sans Typewriter", Monaco, "Courier New", monospace;
	color: #03C;
}

.Ftglnews 
{
	font:normal 9px Verdana, Geneva, sans-serif;
	color: #060;
}

.Fjudulnews
{
	font:normal 13px Verdana, Geneva, sans-serif;
	color: #000; font-weight:bold;
}

.Ferror
{
	font:normal 12px Verdana, Geneva, sans-serif;
	color: #F00; font-weight:bold;
}

.Fok
{
	font:normal 12px Verdana, Geneva, sans-serif;
	color: #03C; font-weight:bold;
}

.Flogout
{
	font:normal 20px Arial;
	color: #03C; font-weight:bold;
}

.image_shadow
{
background: #9C3;
width:280px;
border:1px solid $bordercolor;
padding: 1px;
-moz-box-shadow: 1px 1px 5px rgba(0, 0, 0, .5);
-webkit-box-shadow: 1px 1px 5px rgba(0, 0, 0, .5);
-goog-ms-box-shadow: 1px 1px 5px rgba(0, 0, 0, .5);
box-shadow: 1px 1px 5px rgba(0, 0, 0, .5);
}

.image_shadowxx
{
background: #9C3;
width:210px;
border:1px solid $bordercolor;
padding: 1px;
-moz-box-shadow: 1px 1px 5px rgba(0, 0, 0, .5);
-webkit-box-shadow: 1px 1px 5px rgba(0, 0, 0, .5);
-goog-ms-box-shadow: 1px 1px 5px rgba(0, 0, 0, .5);
box-shadow: 1px 1px 5px rgba(0, 0, 0, .5);
}

.thumbnailxx {
  position: relative;
  width: 280px;
  height: 187px;
  overflow: hidden;
}
.thumbnailxx img {
	position: absolute;
	left: 50%;
	top: 50%;
	height: auto;
	width: auto;
	-webkit-transform: translate(-50%,-50%);
	-ms-transform: translate(-50%,-50%);
	transform: translate(-50%,-50%);
}
.thumbnailxx img.portrait {
  width: 100%;
  height: auto;
}


.katimage_shadow
{
background: #9C3;
width:600px;
border:1px solid $bordercolor;
padding: 1px;
-moz-box-shadow: 1px 1px 5px rgba(0, 0, 0, .5);
-webkit-box-shadow: 1px 1px 5px rgba(0, 0, 0, .5);
-goog-ms-box-shadow: 1px 1px 5px rgba(0, 0, 0, .5);
box-shadow: 1px 1px 5px rgba(0, 0, 0, .5);
}

.katthumbnailxx {
  position: relative;
  width: 600px;
  height: 350px;
  overflow: hidden;
}
.katthumbnailxx img {
	position: absolute;
	left: 50%;
	top: 50%;
	height: auto;
	width: auto;
	-webkit-transform: translate(-50%,-50%);
	-ms-transform: translate(-50%,-50%);
	transform: translate(-50%,-50%);
}
.katthumbnailxx img.portrait {
  width: 100%;
  height: auto;
}

.linkopacity img{filter:alpha(opacity=500); -moz-opacity:5.0; opacity:5.0; border:0;}
.linkopacity:hover img{filter:alpha(opacity=100); -moz-opacity:0.3; opacity:0.3; border:0;}

.IMGpos_left
{
position:relative;
border-right: 2px;
}

.itex3div
{
	border-style: double;
	border-width: 3px;
	border-color: #000;
	text-align:center;
	height:30px;
}
/*--------------------------------------------ADMINISTRATOR---------------------------------------------------------*/
.link_aksi A:visited 
	{
	TEXT-DECORATION: none; font-size:17px; font-family: Tahoma, Geneva, sans-serif;  color: #060;   
	}
	.link_aksi A:hover 
	{
	color:#000; TEXT-DECORATION: none; font-family:Tahoma, Geneva, sans-serif; font-size:17px; border-bottom: 1px dotted #FF3366; 
	}
	.link_aksi A:link {
    color:#000;   TEXT-DECORATION: none; font-family:Tahoma, Geneva, sans-serif; font-size:17px;  
	}
	

.link_SUBmenu A:visited 
	{
	color:#000; TEXT-DECORATION: none; font-size:12px; font-family: verdana;
	}
	.link_SUBmenu A:hover 
	{
	color:#000; TEXT-DECORATION: none; font-family: verdana; font-size:12px; border-bottom: 1px dotted #0000FF;
	}
	.link_SUBmenu A:link {
    color:#000;   TEXT-DECORATION: none; font-family: verdana; font-size:12px; 
	}


.link_menutama A:visited 
	{
	TEXT-DECORATION: none; font-family: "bauhaus"; font-size:15px; color: #06C;   
	}
.link_menutama A:hover 
	{
	TEXT-DECORATION: none; font-family: "bauhaus"; font-size:15px; color:#000; border-bottom: 1px dotted #FF3366; 
	}
.link_menutama A:link {
    TEXT-DECORATION: none; font-family: "bauhaus"; font-size:15px; color: #06C; 
	}
	
.link_menutamaB A:visited 
	{
	TEXT-DECORATION: none; font-family: "bauhaus"; font-size:15px; color: #000;   
	}
.link_menutamaB A:hover 
	{
	TEXT-DECORATION: none; font-family: "bauhaus"; font-size:15px; color:#000; border-bottom: 1px dotted #FF3366; 
	}
.link_menutamaB A:link {
    TEXT-DECORATION: none; font-family: "bauhaus"; font-size:15px; color: #000; 
	}
	
		
.link_kategori A:visited 
	{
	TEXT-DECORATION: none; font-family: "bauhaus"; font-size:15px; color: #F06;   
	}
.link_kategori A:hover 
	{
	TEXT-DECORATION: none; font-family: "bauhaus"; font-size:15px; color:#000; border-bottom: 1px dotted #FF3366; 
	}
.link_kategori A:link {
    TEXT-DECORATION: none; font-family: "bauhaus"; font-size:15px; color: #F06; 
	}

.link_menuadmin A:visited 
	{
	TEXT-DECORATION: none; font-size:14px; font-family: Tahoma, Geneva, sans-serif;  color: #0F0;   
	}
	.link_menuadmin A:hover 
	{
	color:#0F0; TEXT-DECORATION: none; font-family:Tahoma, Geneva, sans-serif; font-size:14px; border-bottom: 1px dotted #FFF; 
	}
	.link_menuadmin A:link {
    color:#0F0;   TEXT-DECORATION: none; font-family:Tahoma, Geneva, sans-serif; font-size:14px;  
	}
	

.post img, table.tr-caption-container { border:none; max-width:300px; height:auto;
-o-transition: all 0.4s;
-moz-transition: all 0.4s; -webkit-transition: all 0.4s; }
.post img:hover { -o-transition: all 0.3s; -moz-transition: all 0.3s;
-webkit-transition: all 0.3s;
-moz-transform: scale(1.1); -o-transform: scale(1.1);
-webkit-transform: scale(1.1);
-webkit-border-radius: 0px 0px; -moz-border-radius: 0px / 0px;
-webkit-box-shadow: 2px 2px 6px rgba(0,0,0,0.6); }
/*-----------------------------------------------------------------------------------------------------------------*/