/* 
	Theme Name: IHA
	Theme URL: http://www.webdesignsurabaya.com/portfolio/iha.html
	Description: Indonesian Hypnosis Association
	Author: Web Design Surabaya
	Author URI: http://www.webdesignsurabaya.com
	Version: 1.0
	
*/
*{
	margin: 0;
	padding: 0;
	outline: none;
}

body{
	width: 960px;
	background-color: #e4e4e4;
	margin: 0 auto;
	font-family: Arial, Helvetica, sans-serif;
}
p, ol, ul, li, blockquote, cite, h1, h2, h3, h4, h5, h6{
	font-family: Arial, Helvetica, sans-serif;
	margin: 0;
	padding: 0;
	line-height: normal;
	color: #5f6060;
}
img, img a{
	border: 0px solid #9bb038;
}
blockquote{
	font-style: italic;
}
.clear{
	clear: both;
}

#header{
	width: 960px;
	height: 190px;
	margin: 10px auto 0px;
	background: url(images/header.jpg) no-repeat left top;
	display: block;
}
	#header_logo a{
		width: 169px;
		height: 169px;
		background: url(images/logo_iha.png) no-repeat left top;
		display: block;
		text-indent: -9999px;
		font-size: 12px;
		position: relative;
		top: 10px;
		left: 40px;
	}
#navmenu_top_container{
	width: 960px;
	height: 40px;
	margin: 0 auto;
	background-color: #bdbdbd;
	font-size: 12px;
}
	#navmenu_top_ul{
		list-style: none;
		height: 40px;
	}
		#navmenu_top_ul li{
			float: left;
			line-height: 40px;
		}
		#navmenu_top_ul li a{
			height: 40px;
			padding: 0 15px;
			display: block;
			color: #1f2222;
			line-height: 40px;
			text-decoration: none;
			text-transform: uppercase;
		}
		#navmenu_top_ul li a:hover{
			height: 40px;
			display: block;
			color: #ffffff;
			line-height: 40px;
			background-color: #333333;
		}
#navmenu_bottom_container{
	width: 960px;
	height: 40px;
	margin: 0 auto 10px;
	background: url(images/footer.png) no-repeat left top;
	font-size: 12px;
}
	#navmenu_bottom_ul{
		list-style: none;
		height: 40px;
		margin: 0px 20px;
		float: left;
	}
		#navmenu_bottom_ul li{
			float: left; /* Belum di set ulang untuk footer copyright kanan*/
			line-height: 40px;
		}
		#navmenu_bottom_ul li a{
			color: #ffffff;
			height: 40px;
			display: block;
			padding: 0 10px;
			line-height: 40px;
			text-decoration: none;
		}
		#navmenu_bottom_ul li a:hover{
			color: #f29f00;
			line-height: 40px;
			background: url(images/footer_hover.png) repeat-x left top;
		}
	#copyright{
		float: right;
		list-style: none;
		line-height: 40px;
		margin-right: 30px;
	}
		#copyright li{
			height: 40px;
			line-height: 40px;
			color: #ffffff;
			text-transform: uppercase;
		}
		#copyright li a{
			color: #ffffff;
			text-decoration: none;
			text-transform: uppercase;
		}
		#copyright li a:hover{
			color: #f29f00;
		}
		#internal{
			width: 220px;
			height: 40px;
			float: left;
		}
		#designer{
			float: left;
			height: 40px;
			margin-left: 30px;
		}
		#designer a{
			width: 45px;
			height: 40px;
			background: url(images/web_design_indonesia.png) no-repeat left 12px;
			text-indent: -9999px;
			display: block;
			line-height: 40px;
		}
#wrapper{
	width: 930px;
	background: #ffffff url(images/content.png) no-repeat left bottom;
	margin: 0 auto;
	padding: 0px 10px 0px 20px;
	display: block;
	overflow: auto;
}
#content{
	width: 700px;
	float: left;
	display: block;
	background: url(images/divider.png) repeat-y right 20px;
	overflow: hidden;
	padding-right: 20px;
	margin-top: 20px;
}
	#content h1, #content h2{
		font-size: 18px;
		line-height: 26px;
		color: #616161;
	}
	#content_front{
	}
	.entry h2 a, .entry h3 a, .entry h4 a, .entry h5 a, .entry h6 a,
	.entry h2 a:visited, .entry h3 a:visited, .entry h4 a:visited, .entry h5 a:visited, .entry h6 a:visited{
		font-size: 18px;
		line-height: 26px;
		color: #616161;
	}
	.entry{
		font-size: 12px;
		line-height: 18px;
		text-align: justify;
	}
	.entry p{
		font-size: 12px;
		line-height: 18px;
		margin: 10px 0px 15px;
		text-align: justify;
	}
	.entry a, .entry a:visited{
		text-decoration: none;
		color: #b1000a;
	}
	.entry a:hover{
		color: #616161;
	}
	.entry a:hover{
	}
#sidebar{
	width: 210px;
	min-height: 500px;
	float: right;
	display: block;
	margin-top: 20px;
}
	#member_login_box{
		width: 210px;
		height: 150px;
		margin: 0 auto;
		padding: 30px 5px 0px;
		background: url(images/bg_login.gif) no-repeat center top;
	}
		#member_login_title{
			font-size: 16px;
			line-height: 16px;
			margin: 0 auto;
			color: #7a0016;
			text-align: center;
		}
		#member_login_box p{
			text-align: center;
		}
		#username, #password{
			width: 90px;
			height: 20px;
			float: left;
			margin: 2px 2px 3px;
			background: url(images/login.png);
			padding: 3px 5px 0px;
			line-height: 23px;
			font-size: 12px;
			border: 0px solid #000000;
		}
		#submit_login{
			width: 84px;
			height: 24px;
			background: url(images/button_login.gif) no-repeat left top;
			text-indent: -9999px;
			border: none;
		}
		#MemberDownload{
			list-style: none;
			margin: 10px 20px;
			font-size: 12px;
		}
		#MemberDownload li{
		}
		#MemberDownload li a{
			color: #000000;
			line-height: 20px;
		}
		#MemberDownload li a:hover{
			text-decoration: none;
		}

#feature{
	width: 920px;
	margin: 0 auto;
	background-color: #333333;
	padding: 10px 20px 10px 20px;
	display: block;
	overflow: auto;
	font-size: 12px;
	line-height: 14px;
	color: #e6e6e6;
}
	.feature_title{
		font-size: 16px;
		line-height: 18px;
		margin-bottom: 10px;
		text-transform: uppercase;
		color: #ffffff;
	}
	#feature_left{
		width: 450px;
		float: left;
	}
	#feature_left a{
		text-decoration: none;
		color: #f29f00;
	}
	#feature_left a:hover{
		color: #ffffff;
	}
		#berita_terbaru{
			list-style: none;
		}
		#berita_terbaru li{
			margin: 5px 0px;
			line-height: 16px;
		}
		.tanggal_berita{
			float: left;
			width: 80px;
			margin-right: 10px;
		}
		.judul_berita{
			float: left;
		}
		#jadwal_pelatihan{
			width: 450px;
			list-style: none;
		}
			#jadwal_pelatihan li{
				min-height: 80px;
				line-height: 16px;
				margin: 5px 0px;
				float: left;
			}
			.jadwal_thumb{
				width: 80px;
				height: 80px;
				float: left;
			}
			.jadwal_detail{
				width: 360px;
				margin: 8px 0px 0px 10px;
				float: left;
			}
				.jadwal_detail p{
					line-height: 16px;
				}
				.jadwal_detail .satu{
					width: 60px;
					float: left;
				}
				.jadwal_detail .dua{
					width: 10px;
					float: left;
				}
				.jadwal_detail .tiga{
					width: 220px;
				}
			#jadwal_lengkap{
				width: 450px;
				text-align: center;
				margin: 5px 0px;
			}
	#feature_right{
		width: 470px;
		float: right;
	}
		#artikel_baru{
			list-style: none;
		}
			#artikel_baru li{
				margin: 5px 0px;
			}
			#artikel_baru li div.detil_artikel a, #artikel_baru li div.detil_artikel span a:hover{
				color: #f29f00;
				text-decoration: none;
			}
			#artikel_baru li div.detil_artikel a:hover, #artikel_baru li div.detil_artikel span a{
				color:#ffffff;
			}
			.tanggal_artikel{
				width: 80px;
				float: left;
				margin-right: 10px;
			}
			.detil_artikel{
				float: left;
			}
			.judul_artikel{
				text-decoration: none;
				color: #f29f00;
			}
			.judul_artikel:hover{
				color: #ffffff;
			}
			.penulis_artikel, .level_penulis{
				color: #ffffff;
				text-decoration: none;
			}
			.penulis_artikel:hover, .level_penulis:hover{
				color: #f29f00;
			}
		#thumbnail_anggota{
			list-style: none;
		}
			#thumbnail_anggota li{
				float: left;
				margin: 5px;
			}
			
/*Specific Pages*/
.DaftarBerita{
	margin: 10px 0px;
	border: 1px solid #cccccc;
	padding: 10px;
}
.TanggalBerita{
	width: 150px;
	float: left;
}
	.entry p.tanggal{
		margin: 0px;
		padding: 0px;
		line-height: 16px;
		font-size: 12px;
	}
	.entry p.penulis{
		font-size: 12px;
		line-height: 16px;
		margin: 0px;
	}
	.entry p.isi{
		font-size: 12px;
		line-height: 16px;
		width: 520px;
		margin: 10px 0px 0px;
	}
	.entry h3.jud{
		font-size: 14px;
		margin: 0px;
		padding: 0px;
		line-height: 16px;
	}
	.entry h3.jud a, .entry p.isi a{
		text-decoration: none;
		color: #070352;
	}
	.entry h3.jud a:hover, .entry p.isi a:hover{
		color: #080285;
	}
.IsiBerita{
	width: 528px;
	float: left;
}

#daftaranggota{
	margin: 0px 10px;
}
#daftaranggota th, #daftaranggota td{
	padding: 0px 10px;
}
#daftaranggota th{
	border: 1px solid #212121;
	background-color: #cccccc;
}
#daftaranggota td{
	border: 1px solid #cccccc;
}
#daftaranggota a{
	color: #00000;
}
#daftaranggota a:hover{
	color: #700019;
}