/*
Style here
*/

body {
	margin: 0;
	padding: 0;
	font-family: verdana;
	font-size: 10px;
	line-height: 14pt;
	background: url("images/mainbg.jpg") no-repeat center top #101721;
}

#maincontainer, #container, #header, #content, #footer {
	width: 900px;
}

#container, #header, #content, #footer, #sidebarkiri, #sidebarkanan, #maincontent {
	float: left;
}

#maincontainer{
	margin: 0px auto 0 auto;
	
}

#container {
	/*border-right: 1px solid #ffffff;
	border-left: 1px solid #ffffff;*/
}

#header, #logo, #kosong{
	height: 150px;
	float: left;
}

	

#header {
	
}
	
	#icon {
		float: right;
		margin-top: 60px;
		color: #F17201;
		text-transform: uppercase;
	}
	
		#icon a {
			color: #F17201;
			text-decoration: none;
			font-weight: bold;
		}
		
	#logo {
		width: 197px;
	/*	background: url("images/logo.jpg")  center 20px no-repeat;*/
		border: 1px solid #B3A9A4;
		border-top: none;
		margin-left: 1px;
	}
	
	
	#kosong, #kosong2, #kosong3 {
		width: 50px;
	}
	
	#kosong2, #kosong3 {
		border-top: 1px solid #B3A9A4;
		border-bottom: 1px solid #B3A9A4;
		height: 10pt;
	/*	background: #383838;*/
	}
	
	#kosong3 {
		border-top: 0;
	}
	
	#title {
		float: left;
		height: 90px;
		width: 650px;
		background: url("images/bgtitle.jpg") repeat-y;
		margin-top: 00px;
	}
	
		#maintitle {
			width: 649px;
			height: 90px;
			background: url("images/maintitle.jpg") no-repeat left top;
		}
		
			#maintitle span {
				display: none;
			}

#content {
	/*border-top: 1px solid #ffffff;
	border-bottom: 1px solid #ffffff;*/
	/*background: #383838;*/
}

	#sidebarkiri {
		width: 200px;
		height: 100%;
		/*background: #383838;*/
		/*border-left: 3px solid #383838;
		border-right: 3px solid #383838;
		padding: 10px;*/
		color: #ffffff;
	}
		
		#sidebarkiri #judul, #sidebarkiri #judul2, #sidebarkiri #judul3 {
			width: 185px;
			border: 1px solid #B3A9A4;
			height: 10pt;
			line-height: 9pt;
			padding-left: 5pt;
			padding-right: 5px;
			margin-left: 1pt;
			font-size: 6pt;
			text-align: right;
			text-transform: uppercase;
		}
		
		#sidebarkiri #judul2 {
			border-top: 0;
			text-align: left;
			margin-bottom: 3px;
		}
		
		#sidebarkiri #judul3 {
			margin-top: 3px;
		}
		#sidebarkiri #sidecontent, #sidecontenthit {
			width: 174px;
			border-left: 3px solid #383838;
			border-right: 3px solid #383838;
			padding: 10px;
			background: #ffffff;
			height: 250px;
			color: #383838;
			overflow: hidden;
		}
		#sidecontentstaff{
			width: 174px;
			border-left: 3px solid #383838;
			border-right: 3px solid #383838;
			padding: 10px;
			background: #ffffff;
			
			color: #383838;
			overflow: hidden;
		}
		
			#staffmail {
				height: auto;
			}
				
				#staffmail input {
					border: 1px inset #000;
					color: #383838;
					background: none;
					margin-bottom: 2px;
					font-size: 8pt;
					padding: 2px;
					font-family: verdana;
				}
				
				#staffmail input{
					width: 169px;
				}
				
				#staffmail .jmat {
					width: 50px;
				}
				
				#staffmail .btTxt {
					width: 100px;
				}
				/*
				#staffmail .loginbutton {
					width: 40px;
					padding: 1px;
					border: 1px outset #000;
				}
				
				#staffmail .loginloader {
					width: 130px;
					height: 19px;
					float: left;
					font-weight: bold;
					overflow: hidden;
				}
				
				#staffmail .logginguser {
					border: none;
					font-weight: bold;
					text-align: right;
				}
				
				#staffmail .loggingpass {
					border: none;
					background: url("images/loader.gif") center center;
				}
				
				#staffmail .matt {
					background: blue;
					margin: 0;
					padding: 0;
					float: right;
				}
				*/
			#sidecontent marquee {
				white-space: wrap;
				marquee-speed: slow;
				marquee-style: scroll;
				height: 235px;
			}
			
			#sidecontent p {
				margin-top: 0px;
				padding-top: 0px;
			}
			
				#sidecontent p .newstitle {
					display: block;
					clear: both;
					font-weight: bold;
				}
				
				#sidecontent a, #sidecontent a:link, #sidecontent a:visited {					
					color: #383838;
				}
				
				#sidecontent a:hover {
					color: blue;
				}
				
				#sidecontent a:hover .newstitle {
					text-decoration: underline;
					color: red;
				}
				
				
				
				
				#sidecontent #articlecat, #hitcounter {
					padding: 0;
					margin: 0;
					position: relative;
					width: 183px;
					height: 250px;
					overflow: auto;
				}
				
				#sidecontent #articlecat ul, #hitcounter ul{
					padding: 0;
					margin: 0;
					padding-left: 15px;
				}
				
				#articlecat li a , #hitcounter li a{
					display: block;
					text-decoration: none;
					width: 140px;
					border-top: 1pt dashed #fff;
					border-bottom: 1pt dashed #fff;
				}
				
				#articlecat li a:hover , #hitcounter li a:hover{
					color: black;
					border-top: 1pt dashed #000;
					border-bottom: 1pt dashed #000;
				}
				
				#hitcounter {
					height: 100px;
				}
				
				#sidecontenthit {
					height: 100px;
				}
				
				#embedradio {
					margin-left: 2px;
				}
				
			#sidebarkiri .allnews {
				display: block;
				width: 100%;
				text-align: right;
				padding-right: 5px;
			}


	#maincontent {
		float: left;
		width: 700px;
	}	
	
		#catas {
			position: absolute;
			width: 50px;
			height: 30px;
			background: black;
			z-index: 10;
		}
	
		#mainmenu {
			float: left;
			width: 650px;
			/*height: 128px;*/
			/*border-top: 1px solid #B3A9A4;
			border-bottom: 1px solid #B3A9A4;*/
			background: url("images/bgtitle.jpg") repeat-y left top;
			margin-left: 50px;
			z-index: 2;
			text-transform: uppercase;
			font-family: arial;
		}
	
			#mainmenu ul {
				color: #ffffff;
				list-style: square;
				padding: 0;
				padding-left: 17px;
				margin-bottom: 0px;
			}
			
			#mainmenu li {
				display: inline;
				list-style: square;
				background: url("images/bullet.gif") no-repeat left center;
				padding-left: 15px;
				margin-right: 15px;
			}
			
				#mainmenu a, #mainmenu a:link, #mainmenu a:visited {
					color: #fff;
					text-decoration: none;
				}
				
				#mainmenu a:hover {
					color: #fff;
					text-decoration: underline;
				}
			
			#linemenu, #linemenu2 {
				width: 600px;
				height: 7px;
				background: #E8E8E8;
				float: left;
				margin-left: 17px;
			}
			
			#linemenu2 {
				height: 1px;
				margin-top: 2px;
			}
		
		#commandlist {
			float: left;
			width: 250px;
			height: 40px;
			border-top: 3px solid #E8E8E8;
			border-right: 3px solid #E8E8E8;
			margin-top: 20px;
		/*	margin-left: 50px;*/
			padding: 7px;
			text-align: left;
			color: #DEDEDE;
		}
		
			#commandlist select {
				border: 1px solid #DEDEDE;
				background: none;
				border-style: none;
				color: #DEDEDE;
				width: 240px;
				margin-left: 11px;
				font-size: 7pt;
			}
			
			#commandlist input {
				border: 1px solid #fff;
				background: none;
				font-size: 9pt;
				color: #fff;
				padding: 2pt;
			}
			
				.ileft {
					margin-left: 10px;
				}
			
			.clist {
				float: left;
				display: block;
				width: 95px;
				background: url("images/bullet.gif") no-repeat left center;
				padding-left: 15px;
				margin-left: 11px;
				text-transform: uppercase;
				line-height: 10px;
				font-size: 6.4pt;
			}
		
		#radio {
			float: left;
			color: #DEDEDE;
			line-height: 8pt;
			margin-top: 20px;
			margin-left: 10px;
		}
		
		#contentdata {
			float: left;
			width: 700px;
			/*background: url("images/mainbg.jpg") repeat-x left -180px #0F0A66;	*/
			background: none;
		}
		
		#datacontainer {
			background: url("images/bgtitle.jpg") repeat-y left top;
			width: 650px;
			margin-left: 50px;
			float: left;
		}
		
			#maindata {
				float: left;
				width: 650px;
				background: url("images/mainbg.jpg") center 0px no-repeat #101721;
				margin-top: 20px;
				border-top: 2px solid #F17201;
				/*background: #305581;*/
			}
				
				#mainkiri {
					float: left;
					width: 420px;
				}
				
				#mainkanan {
					float: right;
					width: 230px;
				}
				
				#colisi {
					float: left;
					width: 400px;					
					margin: 4px 4px 4px 17px;
					/*min-height: 500px;*/
					clear: bottom;
					
				}
					
					#judulisi {
						color: #383838;
						/*text-transform: uppercase;*/
						font-weight: bold;
						font-size: 9pt;
						padding-top: 3px;
						display: block;
						width: 400px;
						
					}
						.isijudul {
							float: left;
							display: block;
							width: 390px;
							/*height: 20px;*/
							background: url("images/pojokjudul.gif") no-repeat right top #ffffff;
							padding-left: 10px;
						}
						/*
						.pojokjudul {
							float: left;
							display: block;
							width: 10px;
							height: 20px;
							background: url("images/pojokjudul.gif") no-repeat right top ;
						}
					*/
					#borderisi {
						background: #ffffff;
						float: left;
						width: 400px;
						padding-bottom: 10px;
					}
					
					#artisi {
						float: left;
						width: 366px;
						background: #383838;
						color: #DFDFDF;
						margin-left: 10px;
						margin-bottom: 0px;
						padding: 5px;
						border: 2px solid #000000;
					}
					
						#artisi p {
							padding: 0;
							margin: 0;
							margin-bottom: 10px;
						}
						
						#artisi  a{
							color: #F17201;
							font-weight: bold;
							text-decoration: none;
						}
						#artisi  a:hover{
							color: #F17201;
							font-weight: bold;
							text-decoration: underline;
						}
						#artisi li a{
							font-weight: normal;
						}

						#artisi input, #artisi textarea  {
							border: 1px solid #Fff;
							background: none;
							color: #DEDEDE;
							padding: 2px;
						}
						
						#artisi img {
							max-width: 366px;
						}
						
					#statedata {
						float: right;
						margin-right: 10px;
						text-align: right;
						color: #F17201;
						font-weight: bold;
						line-height: 9pt;											
					}
					
				#isisublist {
					float: right;
					width: 200px;
					margin-top: 4px;
					margin-right: 28px;
				}
				
					#judullist {
						color: #383838;
						text-transform: uppercase;
						font-weight: bold;
						font-size: 9pt;
						padding-top: 3px;
						display: block;
						width: 200px;
						
					}
						.listjudul {
							float: left;
							display: block;
							width: 180px;
							height: 20px;
							background: #ffffff;
							padding-left: 10px;
						}
						
						.pojoklist {
							float: left;
							display: block;
							width: 10px;
							height: 20px;
							background: url("images/~pojokjudul.gif") no-repeat right top ;
						}
					
					#borderlist {
						background: #ffffff;
						float: left;
						width: 200px;	
					}
					
					#listisi{
						float: left;
						width: 180px;
						background: #fff;
						color: #383838;
						margin-left: 10px;
						margin-bottom: 10px;
						/*padding: 10px;
						border: 1px solid #000000;*/
					}
					
						#listisi p {
							padding: 0;
							margin: 0;
							margin-bottom: 10px;
						}
						
						#listisi ul {
							margin: 0;
							padding: 0;
							margin-left: 13px;
						}
						
						#pagination {
							text-align: right;
						}
						
					#sidegallery{
						float: left;
						width: 178px;
						/*height: 200px;*/
						color: #383838;
						margin-left: 10px;
						margin-bottom: 10px;
						border: 1px solid #000;
						/*padding: 10px;
						border: 1px solid #000000;*/
					}
					
						.banner {
							margin: 0;
							padding: 0;
							list-style: none;
							padding-top: 5px;
						}
						
						.banner li {
							margin-bottom: 5px;
							text-align: center;
						}
						
						.banner li a img{
							border: 0;
						}
					
	#random{		
		float: left;
		width: 650px;
		height: 156px;
		background: url("images/bgrandom.jpg") left top;
		border-top: 2px solid #F17201;
		margin-left: 50px;
		padding-top: 10px;
	}
	
		#article {
			float: left;
			width: 297px;
			margin-left: 17px;			
			border-right: 1px dashed #000;					
			padding-right: 10px;
		}
		
			#article ul {
				padding: 0;
				margin: 0;
				list-style: none;
				border-top: 1px dashed #000;
				width: 100%;
			}
			
			#article li a{
				width: 287px;
				display: block;
				border-bottom: 1px dashed #000;
				text-decoration: none;
				padding-left: 10px;
			}
			
			#article li a:hover {
				background: url("images/bgtitle.jpg") -50px top;
				color: #fff;
			}
		
		#news {
			float: left;
			width: 297px;
			margin-left: 10px;
			text-align: justify;
		}
		
			#news p {
				margin: 0;
				padding: 0;
			}
			
				#news .newstitle {
					display: block;
					width: 100%;
					clear: both;
					font-weight: bold;
				}
			
		
#footer {
	/*background: #0F0A66;*/
	width: 690px;
	height: 100px;
	text-align: right;
	padding-right: 10px;
	padding-top: 20px;
	color: #ffffff;
}