/* CSS Document */
body,html {
	background:url(images/bg.jpg);
	font-family:Geneva, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color:#cccccc;
}
A {
	text-decoration: none;
	color: #e63f19;
}
A:hover {
	text-decoration:underline;
	color: #e63f19;
}
.fontKuning{
	color:#FFCC33;
	font-weight:normal;
}


#pagehendler{
	margin:0 auto;
	width:800px;
}
#container{
	margin:0 auto;
	width:800px;
	background-color:#000000;
}
	.clear {
		clear: both;
	}
#header{
	width:800px;
	height:323px;	
}

#Menu{
	width:800px;
	height:74px;
	margin-top:-3px;
}

/* Navigation Control */
	#nav {
		width:780px;
		height:28px;
		padding-left:20px;
		background-color:#333333;
	}
	#nav ul {
		margin: 0; padding: 0;
		list-style: none;
	}
	#nav li {
		margin: 0; padding: 0;
		float: left;
		display: block;
		font-weight: bold;
	}
	#nav a {
		display: block;
		padding: 6px 10px;
		color: #fff;
		text-decoration: none;
	}
	#nav a:hover {
		color: #fff;
		text-decoration: none;
	}
	#nav li.on {
		display: block;
		padding: 6px 10px;
		color:#FF0000;
	}
	
#content{
	width:800px;
	padding-top:17px;
}
	.content{
		width:800px;
		padding-bottom:17px;
		float:left;
	}
	.subContentF{
		width:680px;
		float:left;
		font-size:12px;
		padding:25px 0px 0px 55px;
		color:#FFCC33;
	}
	.subContentF2{
		width:680px;
		float:left;
		font-size:12px;
		padding:5px 0px 0px 57px;
		color:#FFCC33;
	}
	.subleft{
		width:235px;
		float:left;
		padding:30px 0px 0px 40px;
	}
	.subleft2{
		width:235px;
		float:left;
		padding:5px 0px 0px 40px;
	}
		.aloha{
			height:25px;
			width:235px;
			margin-top:25px;
			float:left;
			background:url(images/aloha.gif) no-repeat left top;
		}
		.subleft span{
			font-weight:bold;
			font-size:12px;
		}
		.shoutbox{
			width:224px;
			height:300px;
			margin-top:20px;
			float:left;
			border:solid #FFCC33 1px;
		}
		.linkbox{
			width:226px;
			float:left;
			margin-top:15px;
		}
		.Tourdate{
			width:226px;
			float:left;
			padding-top:44px;
			float:left;
			background:url(images/tourdates.jpg) top left no-repeat;
		}
		.kalender{
			width:189px;
			border:solid #FFCC33 1px;
			padding-bottom:10px;
			padding-right:2px;
		}
		.presskit{
			width:226px;
			float:left;
			margin-top:25px;
			padding-top:59px;
			float:left;
			background:url(images/presskit2.jpg) top left no-repeat;
		}
		.presskit a, .presskit a:hover{
			color:#FFCC33;
			text-decoration:none;
		}
		.doggyArmy{
			width:226px;
			float:left;
			margin-top:25px;
			padding-top:67px;
			float:left;
			background:url(images/doggyarmy.jpg) top left no-repeat;
		}
		.isian{
			width:170px;
			height:12px;
			font-size: 11px;
			float: left;
			border:1px solid #FFCC33;
		}
		.ok{
			padding:1px 0px 0px 12px;
			font-weight:bold;
			float:left;
		}
	
	.subright{
		width:415px;
		float:right;
		padding:15px 40px 0px 30px;
	}
	.subright2{
		width:455px;
		float:right;
		margin-top:5px;
		padding:0px 40px 0px 30px;
	}
		.subright span{
			font-size:12px;
			color:#FFCC33;
		}
		.angkat{
			width:455px;
			padding-top:57px;
			text-align:justify;
			float:left;
			background:url(images/angkatgelasmu.gif) top left no-repeat;
		}
		
		.angkat2{
			width:455px;
			text-align:justify;
			float:left;
		}
				
		.gambarJudul{
			width:455px;
			padding-bottom:18px;
			text-align:justify;
			float:left;
		}
		.gambarJudul2{
			padding-bottom:18px;
			text-align:justify;
			float:left;
		}
		.mariBerdansa{
			width:455px;
			margin-top:15px;
			padding-top:37px;
			text-align:justify;
			float:left;
			background:url(images/mariberdansa.jpg) top left no-repeat;
		}
		.tattoU{
			width:455px;
			margin-top:15px;
			padding-top:37px;
			text-align:justify;
			float:left;
			background:url(images/tattoo-you.jpg) top left no-repeat;
		}
		.cinema{
			width:455px;
			margin-top:15px;
			padding-top:37px;
			text-align:justify;
			float:left;
			background: url(images/cinema-2.jpg) top left no-repeat;
		}
		.about{
			width:455px;
			padding-top:55px;
			text-align:justify;
			float:left;
			background:url(images/Dwagz.jpg) top left no-repeat;
		}
		.thelatest{
			width:455px;
			float:left;
			margin:8px 0px 0px 0px;
		}
		
		.thelatest2{
			width:455px;
			float:center;
			margin:8px 0px 0px 0px;
		}
		
		.hr{
			width:455px;
			height:5px;
			float:left;
			margin-top:20px;
			background:url(images/hr.jpg) center bottom no-repeat;
		}
		.dawgzLeft{
			width:122px;
			padding-right:10px;
			float:left;
		}
		.dawgzRight{
			width:308px;
			float:right;
			padding-top:10px;
			text-align:justify;
		}
		p.judulDawgz{
			font-size:14px;
			font-weight:bold;
			color:#FFCC33;
		}
		p.date{
			font-weight:bold;
			color:#FFCC33;
		}
		span.date{
			background-image:url(images/roundRight.jpg);
			background-position:right;
			background-repeat:no-repeat;
			padding:3px 10px 3px 0px;
			color:#FFCC33;
			font-size:11px;
		}
		p.title{
			color:#FF0000;
			font-weight:bold;
		}
		p.teks{
			padding:5px 0px 7px 0px;
			text-align:justify;
		}
		p.info{
			color:#FFCC33;
		}
		p.album, p.album a, p.album a:hover{
			font-weight:bold;
		}
		.halaman{
			float:right;
			margin-top:20px;
		}
		.halaman2{
			float:right;
		}
		.halaman3{
			float:left;
		}
		.page{
			padding:3px 0px 3px 10px;
			font-weight:bold;
		}
		.page span{
			background-image:url(images/roundRight.jpg);
			background-position:right;
			background-repeat:no-repeat;
			padding:3px 10px 3px 0px;
			font-size:11px;
		}
		.page a, .page a:hover{
			font-size:11px;
			text-decoration:none;
		}
		.spacer, .spacer2{
		}
		.space{
			height:7px;
			width:600px;
			float:left;
		}
		.space2{
			height:5px;
			width:600px;
			float:left;
		}	
		.space3{
			height:5px;
			width:350px;
			float:left;
		}	
		.gambar{
			margin-top:10px;
			border:#333333 solid 2px;
		}
		.shopLeft{
			width:210px;
			padding-right:10px;
			float:left;
		}
		.shopRight{
			width:210px;
			padding-left:10px;
			float:right;
		}
		.shop{
			width:200px;
			text-align:left;
			float:left;
		}
		.shop2{
			width:500px;
			text-align:center;
			float:left;
		}
			
		.kontakKiri{
			width:60px;
			float:left;
			/*height:25px;*/
			padding-top:5px;
			text-align:right;
			/*border:1px solid #999999;*/
		}
		.kontak{
			width:350px;
			float:left;
			padding-top:5px;
			padding-left:2px;
		}
		.kontakKanan{
			width:284px;
			/*height:25px;*/
			float:left;
			padding:5px 82px 0px 10px;	
			/*border:1px solid #999999;*/
		}
		.teksKontak{
			padding-top:3px;
			font-weight:bold;
		}
		.jud2{
			width:250px;
			height:17px;
			padding-top:2px;
			font-size: 11px;
			font-family:Geneva, Arial, Helvetica, sans-serif;
			color:#333333;
			float: left;
			border:1px solid #333333;
		}
		.isi{
			width:318px;
			height:160px;
			padding-top:2px;
			font-size: 11px;
			font-family:Geneva, Arial, Helvetica, sans-serif;
			color:#333333;
			float: left;
			border:1px solid #333333;
		}
		
		.contentRight{
			width:455px;
			float:right;
			margin-top:5px;
			padding:0px 30px 0px 0px;
		}
		.gambarLink{
			border:0px;
		}
		.subMenuMid{
			margin:12px 0px 0px 19px;
			height:80px;
			float:left;
		}
		.subMenuMid ul{
			margin: 0; padding: 0;
			list-style: none;
		}
		.subMenuMid li{
			margin: 0; padding: 0;
			float: left;
		}
		.subMenuMid a {
			padding: 7px 10px;
			color:#FFCC33;
			text-decoration: none;
		}
		.subJudul{
			font-size:11px;
			color:#FFCC33;
			font-weight:normal;
		}
		
		.subCLeft{
			width:20px;
			padding:3px 0px 0px 30px;
			text-align:right;
			float:left;
		}
		.subCLeft2{
			width:200px;
			padding:3px 10px 0px 0px;
			text-align:left;
			float:left;
		}
		.subCLeft3{
			width:16px;
			padding:0px 5px 0px 0px;
			text-align:left;
			float:left;
		}
		.subCRight{
			width:400px;
			padding-left:15px;
			float:left;
		}
		.subCMid{
			width:210px;
			padding:3px 0px 0px 10px;
			float:left;
		}
		.subCMid2{
			width:220px;
			padding:3px 0px 0px 0px;
			float:left;
		}
		.fontGray {
			padding-left:5px;
			color:#cccccc;
		}
		.fontGray a{
			padding-left:5px;
			color:#FF0000;
		}		
		.fontGray a:hover, .fontGray2 a:hover{
			text-decoration:underline;
		}
		.fontGray2, .fontGray2 a{
			text-decoration:none;
			margin-bottom:15px;
		}
		.icon{
			width:9px;
			height:9px;
		}
		.icon2{
			width:16px;
			height:16px;
		}
		.icon3{
			width:20px;
			height:15px;
		}
		.foto{
			width:113px;
			float:left;
			text-align:center;
			padding-bottom:15px;			
		}
		.foto2{
			width:220px;
			float:left;
			padding-bottom:15px;
			text-align:center;
		}
		.foto2 a, .foto2 a:hover{
			text-decoration:none;
			font-weight:bold;
		}
		.foto3{
			width:95px;
			height:120px;
			padding:7px;
			float:left;
			text-align:center;
		}
		.foto3 a, .foto3 a:hover{
			color:#cccccc;
			text-decoration:none;
		}
		.albumBox{
			width:98px;
			height:95px;
			border:#333333 solid 2px;
			align: center;
			vertical-align:center;		
		}
		.tumbnail{
			width:65px;
			height:65px;
			border:0px;
		}
		.boxFoto{
			border:#333333 solid 2px;	
		}
		.albumCover{
			width:150px;
			height:150px;
			color:#333333;
			border:#333333 solid 2px;
			margin-bottom:20px;
		}
		.albumCover2{
			height:150px;
			color:#333333;
			border:#333333 solid 2px;
			margin-bottom:20px;
		}
		
		/*halaman forum*/
		.forum{
			margin:5px 0px 0px 20px;
			float:left;
		}
		.forum0{
			margin:5px 0px 0px 29px;
			float:left;
			border-bottom:#333333 solid 1px;
		}
		.forum1{
			margin:5px 0px 0px 29px;
			background-color:#FFCC33;
			float:left;
		}
		.forum2{
			width:448px;
			float:right;
			text-align:right;
			padding:20px 55px 0px 0px;
		}
		.forum3{
			width:740px;
		}
		.subF1{
			width:245px;
			float:left;
			padding:2px 6px 3px 5px;
			text-align:center;
			color:#000000;
			font-weight:bold;
		}
		.subF2{
			width:137px;
			float:left;
			padding:2px 25px 3px 18px;
			color:#000000;
			font-weight:bold;
		}
		.subF3{
			width:40px;
			float:left;
			text-align:center;
			padding:2px 0px 3px 0px;
			color:#000000;
			font-weight:bold;
		}
		.subF4{
			width:153px;
			float:left;
			margin-right:10px;
			padding:2px 0px 3px 18px;
			color:#000000;
			font-weight:bold;
		}
		.sub2F1{
			width:245px;
			margin-left:12px;
			float:left;
			padding:2px 6px 3px 0px;
			font-weight:bold;
		}
		.sub2F2{
			width:137px;
			float:left;
			padding:2px 25px 3px 18px;
		}
		.sub2F3{
			width:40px;
			float:left;
			text-align:center;
			padding:2px 0px 3px 0px;
		}
		.sub2F4{
			width:173px;
			float:left;
			margin-right:10px;
			padding:2px 0px 3px 18px;
		}
		.mail{
			margin-top:3px;
			float:left;
		}
		.mailText, .mailText a, .mailText a:hover{
			margin:1px 6px 0px 0px;
			font-size:9px;
			float:left;
			text-decoration:underline;
		}
		.subDiscussleft{
			width:180px;
			float:left;
			padding:5px 0px 6px 15px;		
		}
		.subDiscussRight{
			width:459px;
			float:left;
			padding:5px 15px 6px 20px;
			text-align:justify;
		}
		.subJudulDiscuss{
			color:#000000;
			font-weight:bold;
		}
		.topic{
			width:455px;
			margin:50px 0px 0px 240px;
		}
		.reply{
			width:152px;
			margin:20px 0px 0px 29px;
			float:left;
			font-weight:bold;
		}

#footer{
	width:800px;
	margin-top:70px;
	padding-bottom:25px;
	height:50px;
	background:url(images/slendang-footer.jpg) bottom center no-repeat;
	color:#FFCC33;
	text-align:center;
}
	.footLeft{
		width:170px;
		height:50px;
		margin-left:15px;
		background:url(images/badge.jpg) no-repeat left;
		float:left;
	}
	.footRight{
		width:560px;
		height:50px;
		margin-right:15px;
		background:url(images/titik2-footer.jpg) center bottom no-repeat;
		float:right;
	}
	.footRightA{
		width:560px;
		padding-top:10px;
		background:url(images/titik2-footer.jpg) center top no-repeat;
	}
	.copyright{
		padding-top:4px;
	}

/* HIDE LINES BELOW FROM IE */
	html>body .subright{
		width:455px;
	}
	html>body .spacer{
		height:25px;
	}
	html>body .spacer2{
		height:50px;
	}
	html>body #Menu{
		margin-top:0px;
	}
	html>body .footLeft{
		width:180px;
		margin-left:30px;
	}
	html>body .footRight{
		margin-right:30px;
	}
	html>body .kalender{
		padding:0px;
	}
	html>body .gambarJudul{
		padding-bottom:10px;		
	}
	html>body .dawgzRight{
		padding-top:0px;
	}
	html>body .forum, html>body .forum0{
		width:689px;
		margin:5px 0px 0px 55px;
		border-bottom:#333333 solid 1px;
	}
	html>body .forum1{
		width:689px;
		margin:5px 0px 0px 55px;
	}
	html>body .subF1{
		padding:2px 6px 3px 12px;
	}
	html>body .subF4{
		width:173px;
	}
	html>body .subDiscussRight{
		float:right;
	}
	html>body .reply{
		margin:20px 0px 0px 55px;
	}


		.doggiLife{
			width:455px;
			margin-top:15px;
			padding-top:37px;
			text-align:justify;
			float:left;
			background:url(images/Life.jpg) top left no-repeat;
		}