/* RESET */

* {margin:0;padding:0;}
body {background:url(images/grds01.gif) top repeat-x;}
img {float:left;margin: 0 1em 0 0;}

a {outline:none;text-decoration: none;}
a img {border:none;}
ul {list-style: none;}

/* grid.css */
.alignright {
	float: right;
	}

.alignleft {
	float: left
	}
.container {width:950px;margin:0 auto;}
.showgrid {background:url(src/grid.png);}
.column, div.span-1, div.span-2, div.span-3, div.span-4, div.span-5, div.span-6, div.span-7, div.span-8, div.span-9, div.span-10, div.span-11, div.span-12, div.span-13, div.span-14, div.span-15, div.span-16, div.span-17, div.span-18, div.span-19, div.span-20, div.span-21, div.span-22, div.span-23, div.span-24 {float:left;margin-right:10px;}
.last, div.last {margin-right:0;}
.span-1 {width:30px;}
.span-2 {width:70px;}
.span-3 {width:110px;}
.span-4 {width:150px;}
.span-5 {width:190px;}
.span-6 {width:230px;}
.span-7 {width:270px;}
.span-8 {width:310px;}
.span-9 {width:350px;}
.span-10 {width:390px;}
.span-11 {width:430px;}
.span-12 {width:470px;}
.span-13 {width:510px;}
.span-14 {width:550px;}
.span-15 {width:590px;}
.span-16 {width:630px;}
.span-17 {width:670px;}
.span-18 {width:710px;}
.span-19 {width:750px;}
.span-20 {width:790px;}
.span-21 {width:830px;}
.span-22 {width:870px;}
.span-23 {width:910px;}
.span-24, div.span-24 {width:950px;margin:0;}
div.colborder {padding-right:24px;margin-right:25px;border-right:1px solid #999;}
.clear {clear:both;}

/* TYPOGRAPHY */
body {font-size:75%;color:#222;font-family: Arial, Times New Roman, Times, serif;}
h1, h2, h3, h4, h5, h6 {font-weight:normal;}
h1 {font-size:2em;line-height:auto;margin-bottom:0.5em;}
h2 a {font-size:1.2em;margin-bottom:0.75em;color:#d9005c;}
h2 a:hover {color:#464737;text-decoration:underline;}
h3 a {font-size:1.3em;margin-bottom:1.3em;color:#2e4863;}
h3 a:hover {color:#d9005c;text-decoration:underline;}
h4 {background:url(images/ttk.gif) left 10px no-repeat;color:#8C8C8C;font-size:1.7em;line-height:auto;margin-bottom:1em;padding-left:8px}
h5 {font-size:1.3em;font-weight:bold;margin-bottom:10px;color:#d9005c;border-bottom:1px solid #000;padding-bottom:10px;padding-left:10px;background:url(images/ttk.gif) no-repeat left 8px;}
h6 {font-size:1em;font-weight:bold;}
h1 img, h2 img, h3 img, h4 img, h5 img, h6 img {margin:0;}
p {font: 1.2em/1.3em Arial, Helvetica, sans-serif;margin:0.5em 0 1.3em;}
a.textlink {color:#6b9e01;font:bold 1em/1.2em Verdana, Arial, Helvetica, GGeorgia, Times New Roman, Times, serif;text-decoration:none;}
a.textlink:hover {color:#2a2b1e;}

/*STRUCTURE*/

#header {
	padding: 10px 0 0 0;
	width: 100%;
	}
	#header #google {
		float: right;
		padding: 0 0 10px 0;
		}
		#header #google span {
			background: url(images/google01.gif);
			display: inline-block;
			height: 20px;
			width: 60px;
			text-indent: -9999px;
		}
		#header #google .google-text {
			width: 210px;
			height: 16px;
			margin: 0 0 5px 0;
		}
		#header #google .google-submit {
			background: url(images/cari.gif) no-repeat;
			border: none;
			cursor: pointer;
			height: 20px;
			width: 28px;
			text-indent: -9999px;
		}
	#header #logo {
		background: url(images/lghc.gif) no-repeat top left;
		height: 90px;
		text-indent: -9999px;
	}
	#header #banner {
		/*background: url(images/banner728x90.gif) no-repeat top right;*/
		height: 90px;
		
	}
		#header #banner a img{
					float:right;
					margin:0;
	}

#menu-bg {
	background:#63beeb url(0/mn.gif) repeat-x;
	height: 40px;
	margin: 20px 0 0 0;
	width: 100%;
	}
	#menu-bg ul {
		background-color:#f51b78;
		height:40px;
		width: 950px;
		margin: 0 auto 0; 
		}
		#menu-bg ul li{
			display: inline;
			float: left;
		}
		#menu-bg ul li a {
			color: #fff;
			display: block;
			float: left;
			padding:12px 20px 13px;
		}
		#menu-bg ul li a:hover {
			color: #fff;
			background-color:#999;
		}

#contents {
	padding: 20px 0 0 0;
	overflow: hidden;
	clear:both;
	}
	#contents #main-content #headline {
		border-bottom: 3px solid #000;
		padding: 0 0 20px 0;
	}
	#contents #main-content #category-left, #contents #main-content #category-right {
		margin-top: 20px;
		margin-bottom: 20px;
		}
		#contents #main-content #category-left #santai {
			border-bottom: 1px solid #000;
			padding-bottom: 20px;
			overflow: auto;
		}
		#contents #main-content #category-left #tokoh {
			border-bottom: 1px solid #000;
			padding-bottom: 15px;
			padding-top: 15px;
			overflow: auto;
		}
		#contents #main-content #category-left #media-related {
			padding-bottom: 15px;
			padding-top: 15px;
			overflow: auto;
		}
		#contents #main-content #category-right #majalah-terbaru {
			border-bottom: 1px solid #000;
			padding-bottom: 15px;
			overflow: auto;
		}
		#contents #main-content #category-right #bincang {
			padding-bottom: 15px;
			padding-top: 15px;
			overflow: auto;
		}
		#contents #main-content #category-right ul#links li {
			background: url(images/ttk01.gif) left center no-repeat;
			margin-bottom: 10px;
			padding-left: 10px;
			}
			#contents #main-content #category-right ul#links li a {
				color: #2e4863;
			}
			#contents #main-content #category-right ul#links li a:hover {
				color: #d9005c;
				text-decoration: underline;
			}
	#contents #main-content #hc-gambar {
		border-top: 3px solid #000;
		padding-top: 20px;
		}
		#contents #main-content #hc-gambar img {
			float: none;
			margin: 0 0 10px 0;
		}
		#contents #main-content #hc-gambar a {
			color: #2e4863;
			display: block;
			font: 0.9em/1.1em Verdana, Arial, Helvetica, sans-serif;
			}
		#contents #main-content #hc-gambar a:hover {
			color: #d9005c;
			text-decoration: underline;
		}
	#contents #main-content .posts {
		border-bottom: 3px solid #000;
		padding-bottom: 20px;
	}
	#contents #main-content ul#meta {
		margin-top: 10px;
		height:30px;
		}
		#contents #main-content ul#meta li {
			background: url(images/raquo.jpg) left center no-repeat;
			margin: 5px 10px 5px 0;
			padding: 0 0 0 15px;
			display: inline-block;
			float:left;
			}
			#contents #main-content ul#meta li a {
				color: #2e4863;
			}
			#contents #main-content ul#meta li a:hover {
				color: #d9005c;
				text-decoration: underline;
			}
		

#sidebar ul li {
	display: block;
	}
	#sidebar ul li h2 {font-size:1.3em;font-weight:bold;margin-bottom:10px;color:#d9005c;border-bottom:1px solid #000;padding-bottom:10px;padding-left:10px;background:url(images/ttk.gif) no-repeat left 8px;}
	#sidebar ul li ul {
		margin-bottom: 20px;
		}
		#sidebar ul li ul li {
			background: url(images/raquo.jpg) left center no-repeat;
			margin: 5px 0;
			padding: 0 0 0 15px;
			}
			#sidebar ul li ul li a {
				color: #2e4863;
			}
			#sidebar ul li ul li a:hover {
				color: #d9005c;
				text-decoration: underline;
			}
	#sidebar ul li img {
		margin-bottom: 20px;
	}

#footer {
	background: #d2d2d3;
	font-size: 0.8em;
	color: #fff;
	height: 60px;
	margin-top: 20px;
	text-align: center;
	}
#footer div{
background-color:#adacac;
width:950px;
margin:0 auto;
height:50px;
padding-top:10px;
}
	#footer ul {
	margin:0 0 0 220px;
	}
	#footer ul li{
		display: inline;
		float: left;	
	}
	#footer a {
		color: #fff;

		font: 1.2em Georgia, Times New Roman, Times, serif;
		margin-right: 30px;
		}
		#footer ul li a:hover {
			color: #ed1b24;
		}
	#footer p {
	clear:both;
	display:block;
		margin: 25px;
	}

#menu-bg .current_page_item a{
	background-color: #b0d535;
}
a.textlink{
color:#63BEEB;
font-family:Verdana,Arial,Helvetica,Georgia,Times New Roman,Times,serif;
font-size:11px;
text-decoration:none;
text-decoration:underline;
}
a.textlink:hover{
color:#2a2b1e;
}
#category-right{
background-color:#adacac;
padding:20px;
}
#category-right h4{
color:#fff;
}
#category-right h3 a{
color:#D9005C;
}
#category-right h3 a:hover{
color:#fff;
}
#category-right a.textlink{
color:#383838;
}
#category-right a.textlink:hover{
color:#fff;
}

/*comment template*/
.comments-template{
margin-top:20px;
border-top:3px solid #000000;
padding-top:10px;
}
.commentlist cite{
color:#D9005C;
font-size:1.3em;
font-weight:bold;
}
.commentlist li{
border-bottom:1px solid #000000;
overflow:auto;
}
#respond{
background:transparent url(images/ttk.gif) no-repeat scroll left 8px;
color:#D9005C;
font-size:1.3em;
font-weight:bold;
margin-top:10px;
margin-bottom:10px;
padding-bottom:10px;
padding-left:10px;
}
#commentform{
padding:10px;
padding-bottom:0;
border:1px solid #999;
}
/*navigation*/
.navigation{
margin-top:10px;
}
.navigation a{
color:#63BEEB;
font-family:Verdana,Arial,Helvetica,Georgia,Times New Roman,Times,serif;
font-size:11px;
text-decoration:underline;
}
.navigation a:hover{
color:#383838;
font-family:Verdana,Arial,Helvetica,Georgia,Times New Roman,Times,serif;
font-size:11px;
text-decoration:none;
}
/*Custom Cforms*/

#cformsform .cf-ol{
list-style:none;
}
#cformsform li#li--1,#cformsform li#li--2,#cformsform li#li--3,#cformsform li#li--4,#cformsform li#li--5{
margin-bottom:10px;
}
#cformsform #label--1,#cformsform #label--2,#cformsform #label--3,#cformsform #label--4,#cformsform #label--5{
width:50px;
float:left;
display:inline;
}
#cf_field_1, #cf_field_2, #cf_field_3, #cf_field_4, #cf_field_5{
margin-left:60px;
margin-right:10px;
}
.cf_hidden, .linklove {
display:none;
}
/*Custom langganan*/
/*
form table.tabel{
margin:20px;
}
form .tabel th, .tabel td{
border:1px solid #999;
padding:5px;
}
form h3{
margin-bottom:10px;
}
form fieldset{
padding:10px;
margin:10px 20px;
}
form fieldset label{
float:left;
display:inline;
margin:5px;
}
form fieldset label small{
display:block;
}
.kontak-alamat{
width:95%;
}
#frm_alamat_01, #frm_alamat_02, #frm_alamat_rumah_01, #frm_alamat_rumah_02{
display:inline;
float:left;
clear:left;
margin:5px 0;
width:100%;
}
#frm_kode_pos, #frm_kode_pos_rumah{
width:70px;
}
.kontak-telepon input{
width:40px;
}
.kontak-telepon .kontak-panjang{
width:120px;
}
#frm_jumlah_edisi{
width:20px;
}
*/

/* Form Settings - Good Form = Good Accessibility! */

form#langganan, #mainmiddle-orange form {
	padding: 5px;
	margin-bottom: 10px;
}

form#langganan p, #mainmiddle-orange form p {
	color: #000;
	font-weight: bold;
}

form#langganan em, #mainmiddle-orange form em {
	color: #c00;
	font-weight: bold;
}

form#langganan fieldset, #mainmiddle-orange form fieldset {
	display: block;
	border: 1px solid #A3BEDD;
	padding: 10px;
	margin-bottom: 10px;
}

form#langganan fieldset legend, #mainmiddle-orange form fieldset legend {
	color: #747B97;
	display: block;
	background-color: #E1E8EB;
	width: 200px;
	border: 1px solid #A3BEDD;
	font: bold 14px Arial;
	margin: 0;
	padding: 5px;
}

form#langganan label, #mainmiddle-orange form label {
	display: block;
	width: 100%;
	padding: 10px 0 10px 0;
	clear: left;
}

form#langganan label.formfloater, #mainmiddle-orange form label.formfloater {
	float: left;
	width: 200px;
	margin-right: 15px;
}

form#langganan label.formfloater input, #mainmiddle-orange form label.formfloater input {
	width: 200px;
}

form#langganan input, #mainmiddle-orange form input {
	display: block;
	margin: 0 10px 0 0;
	float: left;
	padding: 2px;
}

form#langganan select, #mainmiddle-orange form select {
	float: left;
	display: block;
	padding: 2px;
}



form#langganan label.kontak-alamat, #mainmiddle-orange form label.kontak-alamat {
	width: 99%;
}

form#langganan label.kontak-alamat input, #mainmiddle-orange form label.kontak-alamat input {
	width: 99%;
	margin-bottom: 10px;
}

form#langganan label.kontak-kodepos, #mainmiddle-orange form label.kontak-kodepos {
	width: 100px;
	clear: none;
	float: left;
}

form#langganan label.kontak-kodepos input, #mainmiddle-orange form label.kontak-kodepos input {
	width: 100px;
}

form#langganan label.kontak-telepon input, #mainmiddle-orange form label.kontak-telepon input {
	width: 30px;
}

form#langganan label.kontak-telepon input.kontak-panjang, #mainmiddle-orange form label.kontak-telepon input.kontak-panjang {
	width: 100px;
}

#mainmiddle-orange form label.periode input.perioderadio {
	width: 12px;
}


form#langganan textarea, #mainmiddle-orange form textarea {
	display: block;
	clear: left;
	width: 99%;
	height: 100px;
}

#mainmiddle-orange dl {
	margin-bottom: 10px;
}

#mainmiddle-orange dt a {
	font-weight: bold;
	color: #5587B4;
	text-decoration: underline;
}

#mainmiddle-orange dt a:hover {
	color: #777;
	text-decoration: none;
}

#mainmiddle-orange dd {
	font-size: 11px;
}

/* Table Manners */

table.tabel {
	width: 100%;
	border: 1px solid #A3BEDD;
	margin-bottom: 10px;
	font-size: 11px;
}

table.tabel thead {
	background-color: #EFF4F7;
	text-align: center;
	font-weight: bold;
}

table.tabel thead th {
	border-bottom: 1px solid #A3BEDD;
	padding: 2px;
}

table.tabel tr.alt {
	background-color: #EFF4F7;
}

table.tabel td {
	padding: 5px;
}

table.tabel td.mid {
	text-align: center;
}

table.tabel td.no-wrap {
	white-space: nowrap;
}

table.tabel .title {
	font-size: 10pt;
	font-weight: bold;	
}

table.tabel a {
	color: #5587b4;
	text-decoration: underline;
}

table.tabel a:hover {
	color: #777;
	text-decoration: none;
}

table.tabel img {
	border: 1px solid #ccc;
	padding: 2px;
}





/* Begin Lists

	Special stylized non-IE bullets
	Do not work in Internet Explorer, which merely default to normal bullets. */

html>body .entry ul {
	margin-left: 0px;
	padding: 0 0 0 30px;
	list-style: none;
	padding-left: 10px;
	text-indent: -10px;
	}

html>body .entry li {
	margin: 7px 0 8px 10px;
	}

.entry ul li:before{
	content: "\00BB \0020";
	}

.entry ol {
	padding: 0 0 0 35px;
	margin: 0;
	}

.entry ol li {
	margin: 0;
	padding: 0;
	}

.postmetadata ul, .postmetadata li {
	display: inline;
	list-style-type: none;
	list-style-image: none;
	}

ol li,{
	list-style: decimal outside;
	}

/* End Entry Lists */