/*  
Theme Name: exindo Theme 
Description: exindo Theme designed by <a href="http://www.exindo.com/">exindo</a>.
Version: 2.0
Author: exindo
Author URI: http://www.exindo.com/

	This theme was designed and built by exindo.

	The CSS, XHTML and design is released under GPL:
	http://www.opensource.org/licenses/gpl-license.php

*/

body {
	font: 75%/150% "Trebuchet MS", Tahoma, Arial ;
	color: #DBDCDE;
	background: #000 url(images/bg.jpg) repeat-x;
	margin: 0px 0px 0px 90px;
}

a {
	color: #7cc8da;
	text-decoration: none;
}
a:visited {
	color: #7cc8da;
	text-decoration: none;
}
a:hover {
	text-decoration: none;
	color: #5D68D2;
}

div, p, ul, h1, h2, h3, img, form{
	padding:0; margin:0;
	}
	
/*
br {
	padding:5px; margin:5px;
}
*/

#head-1 {
	margin: auto;
	width: 822px;
	height: 43px;
	background: url(images/head-1.jpg) repeat-x;
}

#head-2 {
	margin: auto;
	width: 822px;
	height: 129px;
	background: url(images/head-2.jpg) no-repeat;
}

#menu {
	margin: auto;
	width: 822px;
	height: 34px;
}


#container {
	margin: auto;
	width: 822px;
	background: #000;
}


#left {
	margin-top: 20px;
	width: 240px;
	float:left;
	background: url(images/bg_kiri.jpg) no-repeat;
}

#center {
	margin: 20px 0px 0px 10px;
	width: 330px;
	float:left;
	font: 95%/150% "Trebuchet MS", Tahoma, Arial ;
}

#rightX {
	width: 222px;
	float:left;
}

#right {
	margin: 20px 0px 0px 10px;
	width: 222px;
	float:left;
	background: url(images/product.png) no-repeat;
	height:104px;
}

#right_in {
	margin: 43px 0px 0px 50px;
	font-weight:bold;
	color:#356782;
}

#right_in a{
	text-decoration:none;
	color:#356782;
}

#right_in a:hover{
	text-decoration:none;
	color:#000;
}

/* ----------------------------------- Right 2 ----------------------------------- */

#right2 {
	margin: 20px 0px 0px 10px;
	width: 190px;
	float:left;
	background: url(images/link.png) no-repeat;
	height:243px;
	font: 95%/150% "Trebuchet MS", Tahoma, Arial ;
}

#right2 ul {
	margin: 40px 0px 0px 20px;
	width: 160px;
}

#right2 ul li {
	margin:0;
	border-bottom: 1px dotted #CCCCCC;
	list-style:none;
}

#right2 ul ul {
	margin:0;
}

#right2 ul ul li {
	margin: 0;
}

#right2 ul ul li a {
	display: block;
	margin:0;
	text-decoration:none;
	color:#356782;
} 

html>body #right2 ul ul li a {
	width: 160px;;
}

#right2 ul ul li a:hover {
	background: #525E65 url('images/bg_grey.gif') top left repeat;
	width: 160px;
	color: #FFF;
}

/* ----------------------------------- Berita Terbaru ----------------------------------- */

#terbaru {
	width: 190px;

	font: 95%/150% "Trebuchet MS", Tahoma, Arial ;
}

#terbaru ul {
	width: 170px;
}

#terbaru ul li {
	margin:0;
	border-bottom: 1px dotted #363636;
	list-style:none;
}

#terbaru ul ul {
	margin:0;
}

#terbaru ul ul li {
	margin: 0;
}

#terbaru ul ul li a {
	display: block;
	margin:0;
	text-decoration:none;
	color:#C8ECFE;
} 

html>body #terbaru ul ul li a {
	width: 170px;;
}

#terbaru ul ul li a:hover {
	color: #fff;
	background: #525E65 url('images/bg_black.gif') top left repeat;
}

/* ----------------------------------- Agenda Terbaru ----------------------------------- */

#agenda3 {
	width: 190px;
	font: 95%/150% "Trebuchet MS", Tahoma, Arial ;
}

#agenda3 ul {
	width: 170px;
}

#agenda3 ul li {
	margin:0;
	border-bottom: 1px dotted #363636;
	list-style:none;
}

#agenda3 ul ul {
	margin:0;
}

#agenda3 ul ul li {
	margin: 0;
}

#agenda3 ul ul li a {
	display: block;
	margin:0;
	text-decoration:none;
	color:#C8ECFE;
} 

html>body #agenda3 ul ul li a {
	width: 170px;;
}

#agenda3 ul ul li a:hover {
	color: #fff;
	background: #525E65 url('images/bg_black.gif') top left repeat;
}


/* ----------------------------------- News2 ----------------------------------- */

#news2 {
	float:left;
	font: 95%/150% "Trebuchet MS", Tahoma, Arial ;
}

#news2 ul {

}

#news2 ul li {
	margin:0;
	list-style:none;
}

#news2 ul ul {
	margin:0;
}

#news2 ul ul li {
	margin: 0;
}

#news2 ul ul li a {
	display: block;
	margin:0;
	text-decoration:none;
	color:#356782;
} 

html>body #news2 ul ul li a {

}

#news2 ul ul li a:hover {
	color: #FFF;
}

.tgl_agenda {
	color:#fdae94;
	font: 10px/80% "Arial", Tahoma;
}

.agenda a, .agenda a:visited{
	color:#6fbac7;
	font: 12px/80% "Trebuchet MS", Tahoma, Arial;
	text-decoration:none;

}

.agenda a:hover{
	color:#CBA4F9;
	font: 12px/80% "Trebuchet MS", Tahoma, Arial;
	text-decoration:none;
}

.agenda2_title {
	font: 150%/150% "Trebuchet MS", Tahoma, Arial ;
	color:#ADE7F0;
}

.agenda2_list {
	font: 95%/150% "Trebuchet MS", Tahoma, Arial ;
	color:#ADE7F0;
}

.agenda2_list_title a,  .agenda2_list_title a:visited {
	font: 95%/150% "Trebuchet MS", Tahoma, Arial ;
	color:#8CBC0B;
	text-decoration:none;

}

.agenda2_list_title a:hover {
	color:#F33A8B;
	text-decoration:none;
}

.kecil {
	color:#8CBC0B;
	font: 80%/150% "Trebuchet MS", Tahoma, Arial ;
}


.link_kecil a, .link_kecil a:visited {
	color:#ADADAD;
	text-decoration:none;
	font: 80%/150% "Trebuchet MS", Tahoma, Arial ;
}

.link_kecil a:hover {
	color:#F99FC6;
	text-decoration:none;
}

.news {
	color:#E6E6E6;
	font: 12px/80% "Arial", Tahoma;
	font-weight:bold;
	text-decoration:none;
}

.title a, .news_title a:visited{
	color:#7cc8da;
	font: 12px/80% "Trebuchet MS", Tahoma;
	text-decoration:none;
	margin:auto;
}

.title a:hover{
	color: #FFF;
	text-decoration:none;
}


.news_title a, .news_title a:visited{
	color:#7cc8da;
	font: 12px/80% "Arial", Tahoma;
	font-weight:bold;
	text-decoration:none;
	margin:auto;
}

.news_title a:hover{
	color: #FFF;
	background: #000 url('images/bg_title.jpg') top left repeat;
	text-decoration:none;
	width: 330px;
}

.news_tgl {
	color:#fdae94;
	font: 10px/80% "Arial", Tahoma;
}

.news_more a, .news_more a:visited{
	color:#e7a2f8;
	font: 10px/80% "Arial", Tahoma;
	text-decoration:none;
}

.news_more a:hover{
	color: #69BBF4;
	text-decoration:none;
}

.text {
	color:#8CBC0B;
	font: 100%/150% "Trebuchet MS", Tahoma, Arial ;
}

/* ----------------------------------- footer ----------------------------------- */
#footer {
	clear: left;
	margin: auto;
	width: 812px;
	height: 74px;
	text-align:center;
	background: #000 url(images/footer_bg.jpg) repeat-x;
}

.copyright {
	color:#757575;
	font: 90%/150% "Trebuchet MS", Tahoma, Arial ;
}



/* ----------------------------------- link_list ----------------------------------- */
#link_list {
	float:left;
	font: 95%/150% "Trebuchet MS", Tahoma, Arial ;
}

#link_list ul {
	margin: auto;
}

#link_list ul li {
	margin:0;
	list-style:none;
}

#link_list ul ul {
	margin:0;
}

#link_list ul ul li {
	margin: 0;
}

#link_list ul ul li a {
	display: block;
	margin:0;
	text-decoration:none;
	color:#8CBC0B;
} 

html>body #link_list ul ul li a {
}

#link_list ul ul li a:hover {
	color: #FFF;
}


.hot a, .hot a:visited{
	color:#7cc8da;
	font: 12px/80% "Arial", Tahoma;
	text-decoration:none;
	font-weight:bold;
	margin:auto;
}

.hot a:hover{
	color: #FFF;
	text-decoration:none;
}

#bg_hot {
	width: 324px;
	height: 130px;
	background: #000 url(images/bg_hot.jpg) no-repeat;
}

#bg_hot_in {
	padding: 10px;
}