body, h1, h2, h3, h4, h5, h6, p, ul, ol, li, blockquote, code, form, img {margin: 0;padding: 0;border: 0;}
img.menu {display:block;}
h1, h2, h3, h4, h5, h6	{font-family: Trebuchet MS,Arial, Verdana, Helvetica;font-weight: normal;letter-spacing: 1px;voice-family: "\"}\"";voice-family: inherit;}
body{line-height: 1.35em;background:#333;font-size:12px;font-family:Trebuchet MS, Arial, Verdana, Helvetica;color:#000;background:url(/images/bg-body.gif);}
td,pre{font-size:12px;font-family: Trebuchet MS, Arial, Verdana, Helvetica;color:#000;}
p {margin-bottom:10px;}
h1 {font-size:32px;color:#ffffff;font-weight:bold;margin:10px;}
h2 {font-size:18px;color:#000000;font-weight:bolder;padding:0 0 10px 0;line-height:1.5em;}
h3 {font-size:14px;color:#000000;font-weight:bolder;margin:5px 0 3px 0;}
h4 {font-size:11px;color:#000000;font-weight:bolder;margin:0 0 3px 0;}
.subtitle {font-size:11px;color:#ff9900;font-weight:bolder;margin:0 0 3px 0;font-style:italic;}
a:link,a:active,a:visited {color:#000000;text-decoration:none;}
a:hover {text-decoration:none;color:#bd0000;}
.tekspth {color:#fff;padding-left:5px;}
.titlewhite {font-weight:bold;color:#fff;}
a.pth:link,a.pth:active,a.pth:visited {color:#f0f0f0;text-decoration:underline;}
a.pth:hover {text-decoration:none;color:#FF9900;}
a.onews:link,a.onews:active,a.onews:visited {color:#fff;font-size:11px;text-decoration:none;}
a.onews:hover {color:#ff9900;text-decoration:underline;}
a.empt:link,a.empt:active,a.empt:visited {color:#000;}
a.empt:hover {text-decoration:none;color:#000;}
#bread {background:#f0f0f0;border-top:1px solid #dadada;border-bottom:1px solid #dadada;padding:5px 0 5px 2px;margin-bottom:5px;}
#bread a:link,#bread a:visited,#bread a:active {color:#bd0000;}
.innercontent{padding: 10px 5px 5px 5px;font-size:11px;}
.innercontentc{padding: 15px 10px 15px 15px;}
.clear {clear:both;}
.flleft {float:left;}
.flright {float:right;}
.centertext {text-align:center;}
.righttext {text-align:right;}
.lefttext {text-align:left;}
.genpic {margin:0 5px 5px 0;border:4px solid #ccc;padding:2px;}
.smallpic {margin:0 10px 2px 0;border:1px solid #ccc;padding:2px;}
.mainimage {padding-left:5px;}
.htaghome1img {margin:10px;}
.warning {color:#FF0000;font-size:9pt;}
.padtopb5 {padding:5px 0 5px 0;}
.mar5 {margin-top:5px;}
.mar10 {margin-top:10px;}
.pad5 {padding:5px;}
.mar15 {margin-top:15px;}
.marb5 {margin-bottom:5px;}
.marb10 {margin-bottom:10px;}
.marr5 {margin-right:5px;}
.tanggal {color:#999;font-size:10px;margin-bottom:5px;}
.font10 {font-size:10px;}
.dcom {color:#999;font-size:10px;margin:5px;text-align:center;}
.listnews {border-bottom:1px dashed #ccc;margin-bottom:10px;padding-bottom:10px;}
.paging {text-align:center;font-weight:bold;margin-top:10px;}
.fontsmall {font-size:10px;}
.inputeks {border:1px solid #ccc;padding:2px;}
.tombol {background:#ff7412;color:#fff;font-weight:bold;font-size:10px;}
.titlebold {font-weight:bold;font-size:12px;color:#bd0000;}
.titleboldw {font-weight:bold;font-size:12px;color:#fff;}
.boxisi {border:4px double #999;background:#f5f5f5;padding:5px;width:250px;margin:10px;}
.col2 {padding:4px;}
.col1 {padding:4px;}
.col3 {background:#f5f5f5;padding:2px;}
.arttool {background-color:#f5f5f5;border-top:2px solid #ccc;border-bottom:2px solid #ccc;}
.border-bottom-grey {border-bottom:1px solid #dadada;padding-bottom:5px;}
ul.content, ol.content {margin-left:35px;}
.innercontent ul,  .innercontent ol {margin-left:35px;}
ul.comment {margin-left:5px;list-style:none;}
ul.comment li {padding:10px 0 10px 15px;font-size:11px;background:#f0f0f0;margin-bottom:4px;}
ul.onews {margin-left:5px;margin-top:5px;list-style-type:none;}
ul.onews li {font-size:10px;background:url(/images/arrow.jpg) no-repeat 0 30%;padding-left:10px;color:#fff;}
ol.onews {margin-left:20px;margin-top:5px;}
.previousbox {background:#bd0000;;width:300px;margin-left:4px;padding:4px;color:#fff;}
.htag {color:#BD0000;font-weight:bold;font-size:9.75pt;margin-bottom:5px;}
.htag a:link,.htag a:visited {color:#fff;}
.htag a:hover {color:#ff9900;}
.htag-red {background:#bd0000 url(/images/arrow_red.jpg) no-repeat 85% top;font-weight:bold;font-size:9.75pt;padding:10px;color:#fff;}
.buton {height:35px;color:#000;font-weight:bold;font-size:8pt;font-family:Verdana, Arial, Helvetica;border:3px double #999;}
.buton2 {height:25px;color:#000;font-weight:bold;font-size:8pt;font-family:Verdana, Arial, Helvetica;border:3px double #999;}
.menuleft {background:url(/images/arrow_grey.jpg) no-repeat right center;height:50px;color:#bd0000;font-weight:bold;line-height:50px;padding-left:30px;border-bottom:1px solid #dadada;}
.menuleft a:link,.menuleft a:visited,.menuleft a:active,.menublog a:link,.menublog a:visited,.menublog a:active {color:#bd0000;}

.menublog {background:url(/images/arrow_grey.jpg) no-repeat right center;height:50px;color:#bd0000;padding-left:5px;border-bottom:1px solid #dadada;}
/*clayout*/
#maincontainer{
width: 950px; margin: 0 auto;
}
object { display:block; }
#header{background: #333333;margin:0;padding:0;height: 250px;}
#menu {background:url(/images/bg_menu.jpg) repeat-x;height:52px;color:#333;}
#menu div {float:right;margin:20px;margin-bottom:0;}
#menu a:link, #menu a:active, #menu a:visited {font-weight:bold;color:#fff;}
#menu a:hover {color:#BD0000;}
#separator {height:11px;background:url(/images/separator.jpg) no-repeat;}
#contentwrapper{
 background: #ffffff url(/images/bg.jpg) no-repeat bottom center;
float: left;
width: 100%;
}
#contentcolumn{
margin-left: 300px;background:url(/images/arrow_black.jpg) no-repeat 54px top; /*Set left margin to LeftColumnWidth*/
}

#leftcol{
float: left;
width: 300px; /*Width of left column*/
margin-left: -950px; /*Set left margin to -(MainContainerWidth)*/
background:#f0f0f0;
}

#footer{
clear: left;
width: 100%;
background: #333 url(/images/bg_footer.jpg) repeat-x;
color: #fff;
text-align: center;
height:55px;
}
.redblock {background:#bd0000;color:#fff;padding:0 5px 5px 5px;}
.diskoblock {background:#bd0000;color:#fff;padding:10px;}
#shoutbox {background:#DADADA;padding:10px;}
#footertext {padding-top:25px;font-family:verdana;font-size:10px;}
#footertext a:active, #footertext a:link, #footertext a:visited{font-family:verdana;font-weight:bold;font-size:10px;color:#fff;}
#footertext a:hover{font-family:verdana;font-weight:bold;font-size:10px;color:#ff9900;}
#submenu {text-align:right;color:#ff9900;margin-bottom:10px;font-size:11px;}
#submenu a:link,#submenu a:visited {color:#FF9900;}
#submenu a:hover {color:#000;}
#features {width:185px;background:url(/images/leftmenu.gif) no-repeat;margin-top:5px;padding:35px 0 10px 45px;line-height:1.4em;}
#features ul {list-style-type:none;margin:0;}
#features ul li {font-family:"Times New Roman", Times, serif;color:whitesmoke;font-size:12pt;font-weight:bold;margin-bottom:3px;}
#features ul li a:visited, #features ul li a:link{color:#fff;}
#features ul li a:hover,#features ul li a:active{color:#FF9900;}

#banner-featured {float:left;width:300px;padding-top:10px;}
#agenda {float:left;width:300px;height:275px;background:#f0f0f0;overflow:auto;margin-top:10px;padding:5px;}
#fnews_wrapper {width:320px;float:left;padding:10px;padding-top:5px;}
#tracklist {width:230px;float:left;padding:10px;padding-top:5px;margin:5px;}
#lirik {width:300px;float:left;height:300px;overflow:auto;}
#video {width:320px;float:left;padding:10px;padding-top:5px;}
#blog {float:left;width:300px;height:275px;background:#bd0000;overflow:auto;margin-top:10px;padding:5px;}
.fnews {width:325px;margin:0 auto; overflow: hidden;  border-bottom: 1px solid #e8e8e8; padding: 5px 5px 5px 0;}
.frontdate { float: left; display: inline; font-weight: normal; color: #ccc; font-weight: normal; font-size: 2em;}
.fnews h3 { float:right; display: inline; width:82%; font-size: 14px;}

/*clayout end*/
#load {
	display: none;
	position: absolute;
	right: 10px;
	top: 10px;
	background: url(/images/loading.gif);
	width: 43px;
	height: 11px;
	text-indent: -9999em;
}

#albumlist {list-style-type: none;}
#albumlist li {float: left;margin-right: 5px;margin-bottom: 15px;font-family: Verdana, Arial, Helvetica;font-size:11px;font-weight:normal;color: #000;height:140px;width:155px;background-color:#f5f5f5;padding:2px 2px 0 2px;line-height:1.2em;}
#albumlist img {display: block;}
#albumlist a:link{color:#000;text-decoration:none;font-weight:normal;}
#albumlist a:active{color:#000;text-decoration:none;font-weight:normal;}
#albumlist a:visited {color:#000;text-decoration:none;font-weight:normal;}
#albumlist a:hover{color:#ff9900;text-decoration:none;font-weight:normal;}

#albumlist2 {list-style-type: none;margin-left:5px;}
#albumlist2 li {float: left;margin-right: 5px;margin-bottom: 15px;font-family: Verdana, Arial, Helvetica;font-size:11px;font-weight:normal;color: #000;height:110px;width:155px;background-color:#f5f5f5;text-align:center;padding:2px 2px 0 2px;}
#albumlist2 img {display: block;}
#albumlist2 a:link{color:#000;text-decoration:none;font-weight:normal;}
#albumlist2 a:active{color:#000;text-decoration:none;font-weight:normal;}
#albumlist2 a:visited {color:#000;text-decoration:none;font-weight:normal;}
#albumlist2 a:hover{color:#ff9900;text-decoration:none;font-weight:normal;}

#jquery-overlay {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 90;
	width: 100%;
	height: 500px;
}
#jquery-lightbox {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	z-index: 100;
	text-align: center;
	line-height: 0;
}
#jquery-lightbox a img { border: none; }
#lightbox-container-image-box {
	position: relative;
	background-color: #fff;
	width: 250px;
	height: 250px;
	margin: 0 auto;
}
#lightbox-container-image { padding: 10px; }
#lightbox-loading {
	position: absolute;
	top: 40%;
	left: 0%;
	height: 25%;
	width: 100%;
	text-align: center;
	line-height: 0;
}
#lightbox-nav {
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	z-index: 10;
}
#lightbox-container-image-box > #lightbox-nav { left: 0; }
#lightbox-nav a { outline: none;}
#lightbox-nav-btnPrev, #lightbox-nav-btnNext {
	width: 49%;
	height: 100%;
	zoom: 1;
	display: block;
}
#lightbox-nav-btnPrev { 
	left: 0; 
	float: left;
}
#lightbox-nav-btnNext { 
	right: 0; 
	float: right;
}
#lightbox-container-image-data-box {
	font: 10px Verdana, Helvetica, sans-serif;
	background-color: #fff;
	margin: 0 auto;
	line-height: 1.4em;
	overflow: auto;
	width: 100%;
	padding: 0 10px 0;
}
#lightbox-container-image-data {
	padding: 0 10px; 
	color: #666; 
}
#lightbox-container-image-data #lightbox-image-details { 
	width: 70%; 
	float: left; 
	text-align: left; 
}	
#lightbox-image-details-caption { font-weight: bold; }
#lightbox-image-details-currentNumber {
	display: block; 
	clear: left; 
	padding-bottom: 1.0em;	
}			
#lightbox-secNav-btnClose {
	width: 66px; 
	float: right;
	padding-bottom: 0.7em;	
}

form.cmxform {
	width: 500px;
}

form.cmxform label.error, label.error {
	/* remove the next line when you have trouble in IE6 with labels in list */
	color: red;
	font-style: italic;
	font-size:8pt;
	padding-left:2px;
}
div.error { display: none; }
input:focus { border: 1px dotted black; }
input.error { border: 1px dotted red; }
textarea.error { border: 1px dotted red; }
textarea:focus { border: 1px dotted black; }
#formresult {height:10px;margin-bottom:10px;color:#990000;font-size:9pt;font-style:italic;}
.userform {
background:#f5f5f5;
}
.headform {background:#ff9900;font-weight:bold;margin:2px;padding:5px;}
#cse-search-results{width:700px;overflow:hidden;padding:5px;background: #fefffb url(/images/bg.jpg) no-repeat bottom center;}
#greenbox {padding:10px;font-size:12px;font-weight:bold;margin:5px 0 5px 0;background:#006600;text-align:center;color:#fff;}
.greybox {background:#cccccc;padding:6px;}