body {
	margin:0;
	padding:0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	background:#fff url(images/bg.jpg) center top  repeat-x;
	color:#333;
}
h2 {
padding:10px 0 0;}
a {
text-decoration:none;
color:#FF3300;}

a:hover {
text-decoration:underline;}

blockquote { }


a img {
	border: none;
}


hr { display: none; }

#wrapper {
background:#fff;
margin:0 auto;
padding:0;
width:1000px; 

}

/* Header */

#container {
margin:0 auto; 
}

#menu {
float:left;
width:1000px;
background:url(images/menubg.png) repeat-x left top;
margin:0 auto;
height:52px;
}

/* menu */
#home{
margin: 0 auto;
	width:920px;
	
	}
#home li{
	display:block;	
	float:left;
	height:27px;
	}
#home li a{
	margin: 0 1px 0 0;
	background:url(images/menu2.png)  left top;
	font-family:Tahoma, Arial, Helvetica, sans-serif;
	font-size:14px;
	text-shadow: 0 1px 1px #000;
	display:block;
	float:left;
	padding:20px 20px 5px ;
	height:27px;
	text-decoration:none;
	font-weight:bold;
	color:#fff;
	}
#home li a:hover{
	background:url(images/menu2a.png)  left bottom;
	color:#FF0000;
	text-shadow: 0 1px 1px #000;
	}
#home li a:hover img{

	opacity: .7;
	
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)"; // IE 8
	filter: alpha(opacity=70); // IE 5-7
	}
#home li a.current,ul#home li a.current:hover{
	color:#FF0000;
	text-shadow: 0 1px 1px #000;
	background:url(images/menu2a.png)  left bottom;
	}
/* end menu */

/* Page */

#page {
	padding:20px 0;
	background: #fff url(images/pagebg.jpg) top repeat-x;
	width: 998px;
	margin: 0 auto;
}
#headpage{
	padding:1px 0 0;	
	background:url(images/header.jpg) bottom no-repeat;
	width:1000px;
	margin: 0 auto;
	height:300px;
	}
	/** LOGO */

.info span{
color:#FF9900;
font-size:24px;
font-weight:bold;}
.info {
color:#CCCCCC;
width:350px;
float:right;
}
#logo {
	background:url(images/topbg.png)top left no-repeat;
	width:958px; 
	font:12px Arial, Helvetica, sans-serif;
	padding:20px 0 0 40px ;
	margin: 0 auto;
}
#logo a,#logo a:hover {
text-decoration:none;
}
#logo img{
	height:60px;
	margin:0 10px;}
#logo span{
font-size:26px;
color:#444;
margin:0 0 10px ;
}
.logotext{
padding:35px 0 0 5px;
float:left;
font-weight:bold;
font-size:25px;
color:#f51619;
margin:0 0 10px ;

}


#logo .flash {
float:left;
width:220px;
padding:2px;
}


/* Content */
#namamenu{
height:25px}

#content {
border:1px dashed #999999;
padding:0 15px 0;
}
#content3 {
/* background: #151515; */
padding:0 15px 0;
}

#content4{
border:1px solid #999999;
background:#FFFFFF ;
width:900px;
float: left;
padding:0 15px 0;
}



#top2{
margin-top:10px;
padding:10px 20px 0;
width:630px;
background:url(images/bgtop2.png) no-repeat left top;
height:20px;
}
#top1{
margin-top:10px;
padding:10px 20px 0;
width:880px;
float:left;
background:url(images/bgtop.png) no-repeat left top;
height:20px;
color:#66665E;
}
#top1 a{color:#66665E;}
#top1 a:hover{color:#FF9900;
text-decoration:none;}

#bot1{
width:100%;
float:left;
background:url(images/bgbot.png) no-repeat bottom;
height:33px;}

#bot2{
float:left;
width:670px;
background:url(images/bgbot2.png) no-repeat bottom;
height:33px;}
#content2 {
	float: left;
	width: 450px;
	padding:0 20px 0;
}
/* Post */
.post {
	padding-bottom: 10px;
}

.title {
	color:#FF0000;
	font: Arial, Helvetica, sans-serif;
	padding:15px 0 10px;
	font-size:16px;
	font-weight:bold;
	background:url(images/img00.png) left bottom repeat-x;
	
}
.entry ul.preview {
list-style:square;
padding:5px;
margin:0 0 0 15px;
}
.post .entry {
	padding: 10px 0;
}
.post .entry p {
text-align:justify;
}

.post .entry .gambar2 img {
width:200px;
height:155px;
margin:16px 10px 10px 0;
border:1px solid #CCCCCC;
padding:5px;
}
.post .entry .gambar1 img {
width:170px;
height:150px;
margin:0 0 10px 0;
border:1px solid #CCCCCC;
padding:5px;
}
/* Sidebar */
.post .entry .gambar1 {
padding:10px;
width:180px;
float:left;
text-align:center;
font-weight:bold;
}


#sidebar {
	padding:0 0 0 20px;
	float: left;
	width: 185px;
	font-family: Arial, Helvetica, sans-serif;
}
#kiri{
width:640px;
padding:0 10px 0 20px;
float:left;
}
#kanan{
width:298px;
padding:0 20px 0 10px;
float:right;}
#kanan2{
width:640px;
padding:0 20px 0 10px;
float:right;
}
#kiri2{
width:298px;
padding:0 10px 0 20px;
float:left;}
#sidetop{
margin-top:10px;
padding:10px 20px 0 15px;
width:200px;
font-weight:bold;
background:url(images/bgtop3.png) no-repeat left top;
height:20px;
}
#sidebot{
padding:0 20px 0;
width:200px;
font-weight:bold;
background:url(images/bgbot3.png) no-repeat left bottom;
height:10px;
}
#sidebar2 {
	background:#1B1B18 ;
	padding:0 15px 0 ;
	font-family: Arial, Helvetica, sans-serif;
}

.slide1 {
	width:592px;
	padding:2px;
}
.slide1 img{
float:left;
width:146px;
height:110px;
border:1px solid red;}
.slide1 img.big3 {
width:590px;
float:left;
height:222px;
border:1px solid red;}
.slide1 img.big {
width:294px;float:left;
height:222px;
border:1px solid red;}
.slide1 img.big2 {
width:294px;
float:right;
height:222px;
border:1px solid red;}
.slide2 {
padding:10px 0;
}
.slide2 img{
margin:2px;
border:1px solid #CCCCCC;
width:200px;
height:150px;
padding:5px;}


#sidebar ul, #sidebar2 ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

#sidebar li, #sidebar2 ul {
	padding: 0 0 10px 0px;
}


/* Footer */

#footer {
	padding:25px 0 15px;
	background:url(images/foot.jpg) left repeat-x;
	color:#fff;
	width: 998px;
	margin: 0 auto;
}
#footer a{
	color:#FF9900;}

#footer .text{
	width:700px;
 	margin: 0;
	float:left;
	text-align:right;
	line-height: normal;
	font-size: 11px;
	padding:5px;
	color:#fff;
}
.sound-flash{
	float:right;
	width:150px;
}
.text1{
	padding:20px 0 50px;
	color:#FF9900;
	width:400px;
	/*position: absolute;

	top: 230px; left: 150px;
	z-index:10; /*--Assures the paging stays on the top layer--*/
	text-align: center;
	font-family:"trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:15px;
}
.text1 span{
font-size:44px;
}
.text2{
	width:400px;
	float:right;
	/*
	bottom: 0px; right:0px ;
	position: absolute;
	z-index:100; --Assures the paging stays on the top layer--*/
	color:#FFFFFF;
	text-align:right;
	font-family:"script MT Bold", Arial, Helvetica, sans-serif;
	padding:120px 60px 10px 0;
	font-size:24px;
}
.judul{
text-align:left;
font-size:12px;
font-weight:bold;}
.judul span{
	font-size:10px;
	font-weight:normal;
}
.cont{
border:1px solid #CCCCCC;
width:250px;
padding:3px;
margin:2px;
}
.imghome{
	width:230px;
	float:left;
	text-align:center;
	margin:10px 60px 20px 10px;
}
.imghome2{
	width:230px;
	float:right;
	text-align:center;
	margin:10px 10px 20px 60px;
}
.imghome img, .imghome2 img{
	padding:5px;
	width:150px;
	border:none;
}
.imghome span, .imghome span{
	text-align:center;
	font-size:14px;
	text-shadow: 0 1px 1px #fff;
}
.imghome a:hover{
	color:#333;
	text-decoration:none;
}
.imgpro{
	width:185px;
	float:left;
	padding:5px 10px 10px 0;
}
.imgpro img{
	border:1px solid #ccc;
	padding:1px;
	width:180px;
	margin:5px 0;
}
.imgpro span{
	text-align:left;
	font-size:12px;
}
.imgpro a:hover{
	color:#333;
	text-decoration:none;
}
.clr{
	clear:both;
	margin:0;
	padding:0;
}

a.linkopacity:hover img {
     filter:alpha(opacity=75);
     -moz-opacity: 0.75;
     opacity: 0.75;
     -khtml-opacity: 0.75;}

a.linkopacity img {
     filter:alpha(opacity=100);
     -moz-opacity: 1.0;
     opacity: 1.0;
     -khtml-opacity: 1.0; }
.title2{
	color:#FF0000;
	font:Tahoma, Arial, Helvetica, sans-serif;
	padding:15px 0 10px;
	font-size:14px;
	font-weight:bold;
}
.cont-img{
background:#fff;
border:1px solid #ccc;
width:600px;
margin:5px 0 10px;
}
.cont-img span{
text-align:center;
font-weight:bold;
color:#FF0000;
font: Arial, Helvetica, sans-serif;
font-size:18px;
float:left;
width:320px;
padding:40px 0 20px 10px;
}
.cont-img img{
padding:2px;
width:250px;
height:150px;
float:right;
margin:0 0 0 10px;
}
.poto-decs{
padding:10px 0 0;
width:602px;
}
.poto-decs .title2{
	color:#FF0000;
	font:Tahoma, Arial, Helvetica, sans-serif;
	padding:15px 0 10px 10px;
	font-size:14px;
	font-weight:bold;
}
.poto-decs .entry{
background:#fff;
border:solid 1px #c6c4c4;
padding: 10px;
}

.img-pro{
border:1px solid #ccc;
padding:3px;}

.photo{
	padding:10px 5px;}
.photo img{
	padding:2px;
	margin:0 10px 10px 0;
	border:1px dashed #666;
	width:110px;
	}
ul.box-main li a{
	display:block;
	padding:30px 20px;
	border-radius:5px;
	-o-border-radius:5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	text-decoration:none;
	text-align:center;
	color:#fff;
	font-size:14px;
	font-weight:bold;
 /* fallback */
  background-color: #0f0f0f;
  background-repeat: repeat-x;

  /* Safari 4-5, Chrome 1-9 */
  background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#0f0f0f), to(#8d8d8d));

  /* Safari 5.1, Chrome 10+ */
  background: -webkit-linear-gradient(top, #8d8d8d, #0f0f0f);

  /* Firefox 3.6+ */
  background: -moz-linear-gradient(top, #8d8d8d, #0f0f0f);

  /* IE 10 */
  background: -ms-linear-gradient(top, #8d8d8d, #0f0f0f);

  /* Opera 11.10+ */
  background: -o-linear-gradient(top, #8d8d8d, #0f0f0f);	
	
-webkit-transition: all 0.9s ease;
     -moz-transition: all 0.9s ease;
       -o-transition: all 0.9s ease;
      -ms-transition: all 0.9s ease;
          transition: all 0.9s ease;
	}
.box-main  li a:hover{
 /* fallback */
 				color:#fff;
/* fallback */
  background-color: #18273e;
  background-repeat: repeat-x;

  /* Safari 4-5, Chrome 1-9 */
  background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#18273e), to(#738299));

  /* Safari 5.1, Chrome 10+ */
  background: -webkit-linear-gradient(top, #738299, #18273e);

  /* Firefox 3.6+ */
  background: -moz-linear-gradient(top, #738299, #18273e);

  /* IE 10 */
  background: -ms-linear-gradient(top, #738299, #18273e);

  /* Opera 11.10+ */
  background: -o-linear-gradient(top, #738299, #18273e);		}
.box-out{
	margin:10px 25px;}
.box-kiri{
	width:290px;
	float:left;}
	
.box-kanan{
	width:640px;
	height:400px;
	overflow:hidden;
	float:right;}