*{ margin: 0; padding: 0; }*
body { 
	background-color: #666666;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;

color: #444; 
}
a {
color:#FFFFFF;
text-decoration: none;
}
a:visited {color:#FFFFFF; text-decoration: none;}

h2 { margin: 0 0 10px; padding: 10px 0 3px; }
h3 { padding-left: 10px; color: #fff; background: #FE7B09 url(images_01/bg.jpg) repeat-x; font-size: 1em; height: 24px; line-height: 24px; }
ul {  padding: 0; margin: 0 0 10px;}
li { list-style-type: none;}
p { margin: 5px 0 10px 0; }
img { border: none; }


#header {
width:988px;
height: 160px;
position:relative;

	background: url(img_new/box_top.png) top left no-repeat;

/*background:transparent url(images_01/n1.gif);*/
}
.cheader
{
float:left;
}

#header h1 {
font-size: 30px;
font-weight: 100;
letter-spacing: -1px;
padding: 22px 0 5px 10px;
}
#header h1 a {
color: #fff;
text-decoration: none;
}
#header h1 a:hover {
color: #000;
text-decoration: none;
}
#header h2 {
color: #fff;
font-size: 19px;
font-weight: 100;
padding: 0 0 0 11px;
letter-spacing: -1px;
line-height: 12px;
}

#mainmenuheader {
	width: 970px;
	height:28px;
	margin-left:10px;
	background:#FFFFFF url(img_new/label_A.png) repeat-x;
}

.menupanel {
	float: left;
	height: 10px;
	width: 960px;
}

.menupanel ul {
	margin: 0px;
	padding: 0px;
	list-style-image: none;
	list-style-type: none;
}
.menupanel li {
	display: inline;
}
.menupanel li a {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color:#FFFFFF;
	text-align: center;
	text-decoration: none;
	display: block;
	line-height: 24px;
	float: left;
	margin-left: 12px;
	padding-left:15px;
	padding-right:15px;

}
.menupanel a.current {
	background:#FFFFFF url(img_new/label.png) repeat-x;
	color:#FFFFFF;
}
.menupanel a:hover {
background:#FFFFFF url(img_new/label.png) repeat-x;
	color:#FFFFFF;
	/*background-image: url(images_01/menu_hover_active.jpg);*/
}



#clear {
border: 1px dotted #FF8B1E;
clear:both;
}

#wrap { 

width: 990px; 
margin:20px auto;

}
#mainheader { 
padding: 5px 5px 3px 5px; 
width: 951px; 
margin:5px auto; 
background: #FFF ;
}

#mainheaderticker
 {
	width: 970px;
}
.menupanelticker {
background:#666666 url(img_new/flashtiker.png) no-repeat;
height:27px;
padding-top:2px;

}
#main { 
padding: 0px 5px 3px 5px; 
width: 978px;


/*background: #FFF url(images/main.png);
background-repeat:no-repeat;
border: 1px solid #000000;*/
background-color:#FFFFFF;

}











#lefttengah32
{
font-family:arial;
font-size:8pt;  
float: left; 
width: 655px;/*
background-color:#F5F5F5;*/ 
margin-bottom: 5px; 
margin-top: 4px;
color:#666666;


padding-top:5px;
padding-bottom:5px;
background-color:#FFFFFF;
border: 1px  #FF8B1E;
}


#lefttengah32 h1, h2
{
font-size:2.2em;
color:#5D5D5D;
padding-left:10px;
}

#lefttengah32 a
{
color:#333333;

}

.lefttengah1
{
width:210px;
font-family:verdana;
font-size:8pt;  
float: left;

margin:10px 2px 10px 5px;/* atas,kanan,bawah,kiri ( untuk dibuat tampilan per 3bagian setting kirinya 48px*/
text-align:center;
/*
border: 1px dotted #FF8B1E;*/
overflow:hidden;

}

.lefttengah1 img
{
float:left;

border: 2px solid #666; 
width:207px;
height:220px;
text-align:center;
}




.lefttengah1 a
{
color:#666666;
font-size:11px;
font-family:verdana;
font-weight:bold;
}

.span
{
font-family:verdana;
font-size:8pt;  
text-align:center;
/*
border: 1px dotted #FF8B1E;*/
overflow:hidden;
}
.span a:hover
{
font-family:verdana;
font-size:8pt; 
background-color:#FFFFFF;
color:#99CC00;
text-align:center;
/*
border: 1px dotted #FF8B1E;*/
overflow:hidden;
}

#lefttengah
{
font-family:arial;
font-size:8pt;  
float: left; 
width: 668px;/*
background-color:#F5F5F5;*/ 

margin-top: 4px;
margin-left:5px;

border: 1px  #FF8B1E;

}




/* End pergambar*/




#right
{
font-family:arial;
font-size:8pt;  
float: right; 
width: 305px;/*
background-color:#F5F5F5;*/ 
/*border: 1px  #FF8B1E;
background-color:#333333;*/
color:#FFFFFF;
margin-right:3px;
margin-top:15px;
}
#right h1, h2
{
font-size:1.8em;
color:#FFFFFF;
padding-top:4px;
padding-left:10px;
font-family: Arial, Helvetica, sans-serif;
}
#beritafoto { background: #E6E6E6; width: 297px; font-size: 12px; padding: 6px 2px 0 2px;}

#righthermusic
{
font-family:arial;
font-size:8pt;
height:30px;  
width: 304px;/*
background-color:#F5F5F5; 
border: 1px solid #ccc;*/
color:#FFFFFF;
background: #333333 url(img_new/hermusic.png);
}
#righthermusicArtikel
{
font-family:arial;
font-size:8pt;
height:30px;  
width: 297px;/*
background-color:#F5F5F5;*/ 
border: 1px solid #ccc;
color:#7C7C7C;
background: #E6E6E6;
clear:both;
margin-bottom:10px;
height:269px;
overflow:hidden;
padding-left:5px;

}

#righthermusicArtikel img
{
height:100px;  
width: 100px;
float:left;/*
background-color:#F5F5F5;*/ 
border: 1px solid #ccc;
}



	
#rightcomment
{
font-family:arial;
font-size:8pt;
height:30px;  
width: 302px;/*
background-color:#F5F5F5;*/ 
border: 1px solid #ccc;
color:#A7A7A7;

}		
/* ------ sidebar -------------------------------- */
#sidebar { float: right; width: 302px; margin: 0; clear:both;}
.side-box-content { background: #F2F2F2; width: 297px; font-size: 12px; }

.side-box-content h3 { font-size: 20px; color:#FFFFFF;
background: #333333 url(img_new/hermusic.png); font-weight: normal; padding-top: 5px; margin-bottom:12px; text-shadow: #bbb 1px 1px; line-height:1.15em;}
.side-box-content select {max-width: 205px;}
/*.side-box img {	margin: 0 0 0 -17px;}*/
.side-box-content1 { background: #B6E3EC; width: 288px; font-size: 12px; padding-left:5px; padding-right:5px; }
.side-box-content1 img { width:285px; height:170px;}
.side-box-with-image { background: #B6E3EC; width: 241px; padding: 0 0 6px 0; margin-left:-22px;}
.side-logo { width: 225px; margin: -4px 0 0 8px; background: #fff; text-align: center; }

.side-logo img, .side-slas img { display: block; margin: 10px auto; }

#sidebar .form label { font-size: 13px; display: block; margin: 10px 0 2px 0; color: #224D56; }
#sidebar .form input.select { width: 200px; }
#sidebar .form input#submit { margin-top:10px; }

.side-box-content input.text { width: 185px; }
#search { width: 200px; }
#searchsubmit { clear: both; float: right; margin: 7px 0 0 0; padding: 0 3px; }

.side-box-content, .side-box-content .user_formatted {color:#333;}
.side-box-content ul, .side-box-content ol { margin: 7px 0 8px;}
.side-box-content li { list-style: none; margin: 3px 0 3px 0; }

.side-box-content h4 { font-size: 12px; margin: 15px 0 5px 0; color:#444;}
.side-box-content h4.white { font-size: 14px; margin: 14px 0 7px 0; color:#fff;}
.side-box-content p { margin: 10px 0 12px 0; line-height: 1.3em; }
.side-box-content p.minimum { margin-top: 0;   padding-top:0;}
.side-box-content p a{ text-decoration: underline; }
.side-box-content table { margin: 5px 15px 5px 0; color: #335d66; width:100%}
.side-box-content ul.options li { display: block; background: url(/images/bullets.png) no-repeat 0 -275px; padding: 0 0 0 7px; margin: 5px 11px 5px 0}
.side-box-content ul.options li.link { background: url(/images/bullets.png) no-repeat scroll 0 2px; }
.side-box-content ul.options li.email { background: url(/images/bullets.png) no-repeat scroll 0 -427px; }
.side-box-content ul.options li.phone { background: url(/images/bullets.png) no-repeat scroll 0 -872px; }
.side-box-content ul.options li.user { background: url(/images/bullets.png) no-repeat scroll 0 -733px; }
.side-box-content ul.options li.forum { background: url(/images/bullets.png) no-repeat scroll 0 -578px; }
.side-box-content ul.options li.forum1 { background: url(/images/bullets.png) no-repeat scroll 0 -578px; }
.side-box-content ul.options li.forum1 img { width:283px; height:170px; }
.side-box-content ul.options li.add-link { background: url(/images/bullets.png) no-repeat scroll 0 -141px;  }
.side-box-content span.sub { color:#888; }

p.user-mail {
background:transparent url(/images/bullets.png) no-repeat scroll 0 -427px;
padding:0 0 0 18px;
margin:3px 0;
}

p.user-phone {
background:transparent url(/images/bullets.png) no-repeat scroll 0 -872px;
padding:0 0 0 18px;
margin:3px 0;
}

p.user-external-id {
background:transparent url(/images/tag_ext_id.png) no-repeat scroll 0px 2px;
padding:0 0 0 18px;
margin:3px 0;
}

p.user-openid {
background:transparent url(/images/openid_small_logo.png) no-repeat scroll 0px 2px;
padding:0 0 0 18px;
margin:3px 0;
}	
#footer { font-size: 11px; text-align: center; border-top: 0px solid #ccc; height:100px;  background:  url(img_new/box_footer.png) top; color:#FFFFFF; width:988px;
padding-top:5px;position:relative; }




