/**
Theme Name: Plaosan Klithikan
Theme URI: http://matriphe.com/plaosan-cahandong-webdesign-project.html
Description: A part of new integrated CahAndong portal system for Klithikan.
Version: 1.0
Author: Muhammad Zamroni
Author URI: http://matriphe.com/
**/

@charset "utf-8";

/**
	Date: April 2008

	1.  GENERAL
	1.1 Headings and Paragraphs
	1.2 Forms
	1.3 Links
	1.4 Miscellaneous
	
	2. GENERAL ELEMENTS
	
	3. LAYOUT
	3.1 Accessibility Menu
	3.2 Menu
	3.3 Header
	3.4 Content
	3.5 Secondary Content
	3.6 Sidebar
	3.7 Footer

	4. LAYOUT ELEMENTS
**/

/**
 1.	GENERAL
 ===================================================================================
 **/

/* Global reset */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd,q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0 auto; padding: 0; border: 0; outline: 0; font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; vertical-align: baseline; }

body {
	line-height: 1; }	
	
table {
	border-collapse: separate; 
	border-spacing: 0;  /* tables still need 'cellspacing="0"' in the markup */
}

caption, th, td {
	text-align: left; 
	font-weight: normal;
}

ol, ul { margin: 0 15px 15px 15px; }

ul          { list-style-type: disc; }

ol          { list-style-type: decimal; }

/**
1.1	Headings and Paragraphs
 ===================================================================================
 **/
 
h1, h2, h3, h4, h5, h6 { margin: 0; padding: 0; }

h1 {}

h2 {}

h3 {}

h4 {}

h5 {}

h6 {}

p  {}

/**
1.2	Forms
 ===================================================================================
 **/

form { margin: 0; padding: 0; }

input, textarea, select {
	font: 1.1em verdana;
	border: 1px solid #fff;
	background: #fff;
	padding: 3px;
}

input.button {
	font: normal 1.1em verdana;
	padding: 3px;
	text-transform: uppercase;
	background: #555;
	color: #fff;
	border: 1px solid #000;
}

label {
	font: 1.2em Georgia, "Times New Roman", Times, serif;
}

/**
1.3	Links
 ===================================================================================
 **/

a {
	color: #0054A6;
	text-decoration: none;
}

a:visited {}

a:hover {
	color: #F26522;
	text-decoration: none;
}

a:active {}

/**
1.4	Miscellaneous
 ===================================================================================
 **/
 
hr { 
	display: none; }
		
strong {
	font-weight: bold; }
		
em {
	font-style: italic; }
	
abbr, acronym {
	border-bottom: 1px dotted #999; 
	cursor: help;
}

/**
 2.	GENERAL ELEMENTS
 ===================================================================================
 **/

.hide {
	position: absolute;
	left: -9999px;
}

.hidden {
	display: none;
}

.mask {
	visibility: hidden;
}

.clear {
	clear: both;
	font-size: 0;
	height: 0;
	line-height: 0;
	overflow: hidden;
}

.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

.clearfix {
	display: inline-block; }
	
/* Hides from IE-mac \*/ 
* html .clearfix {
	height: 1%; }

.clearfix {
	display: block; }
/* End hide from IE-mac */

div { display: block; margin: 0 auto; padding: 0; }

/**
 3.	LAYOUT
 ===================================================================================
 **/

body {
	text-align: center;
	margin: 0;
	padding: 0;
	background: #f0f0f0;
	font-family:  Helvetica, Arial, sans-serif;
	font-size: 62.5%;
	color: #333;
}

.container {
	position: relative;
	text-align: center;
}

.w980 {
	width: 980px;
}

.w960 {
	width: 960px;
}

.w640 {
	width: 640px;
}

.w620 {
	width: 620px;
}

.w630 {
	width: 630px;
}

.w610 {
	width: 610px;
}

.w600 {
	width: 600px;
}

.w320 {
	width: 320px;
}

.floatleft {
	float: left;
}

.floatright {
	float: right;
}

.algignleft {
	float: left;
	margin-right: 10px;
}

.algignright {
	float: right;
	margin-left: 10px;
}

/**
3.1	Accessibility Menu
 ===================================================================================
 **/
 
#accessibility-menu {
	position: absolute;
	left: -1000em;
	text-align: left;
}

/**
3.2	Header
 ===================================================================================
 **/
 
#top {
	background: #005B7F;
}

	#top #topmenu {
		text-align: left;
		color: #fff;
		font-size: 1.2em;
		font-family: verdana;
		padding: 10px 0;
	}

		#top #topmenu ul {
			margin: 0;
			padding: 0;
			list-style: none;
		}

			#top #topmenu ul li {
				display: inline;
				margin: 0;
				padding: 0;
				margin-right: 15px;
				text-transform: uppercase;
			}

			#top #topmenu ul li.right {
				float: right;
				margin-right: 0;
				margin-left: 0;
			}

			#top #topmenu ul li.selected {
				font-weight: bold;
			}

				#top #topmenu ul li a {
					color: #fff;
					font-weight: normal;
				}

				#top #topmenu ul li.selected a {
					font-weight: bold;
				}

				#top #topmenu ul li a:hover {
					color: #FFF200;
				}

#header {
	border-bottom: 1px solid #555;
	background: #eee;
}

	#header #logo {
		height: 100px;
		background: url('images/logoheader.gif') no-repeat left center;
	}

		#header #logo h1 {
			visibility: hidden;
		}

		#header #logo #rubrik {
			text-align: right;
		}

			#header #logo #rubrik ul {
				margin: 0;
				padding: 0;
				list-style: none;
				margin-top: 70px;
			}

				#header #logo #rubrik ul li {
					margin: 0 5px;
					display: inline;
					font: bold 1.1em verdana;
					text-transform: uppercase;
				}

#separatorbar {
	border-bottom: 1px solid #555;
	background: #D3F1FC;
}

	#separatorbar #separator {
		text-align: left;
	}

		#separatorbar #separator #edisi {
			font: normal 1.1em verdana;
			padding: 5px 0;
		}

		#separatorbar #separator #cari {
			text-align: center;
		}

/**
3.3	Menu
 ===================================================================================
 **/

/**
3.4	Content
 ===================================================================================
 **/

/* debug only */
#a { background: #f00; }

#b { background: #0f0; }

#c { background: #00f; }

#d { background: #ff0; }

#e { background: #0ff; }

.abs {
	position: absolute;
}

#content_container {
}

	#content_container #content {
		text-align: left;
		background: url('images/bg-content-3-2.gif') right repeat-y;
		padding-bottom: 30px;
	}

	#content_container #page {
		text-align: left;
		background: url('images/bg-content.gif') right repeat-y;
		padding-bottom: 30px;
	}

		#content_container #content #wrap_1 {
			/*background: url('images/dot.gif') left repeat-y;*/
		}

		#content_container #content #wrap_2 {
			/*background: url('images/dot.gif') left repeat-y;*/
		}

			#content_container #content #c_utama {
				background: #f0f0f0;
				border-bottom: 1px solid #555;
			}

			#content_container #content .wrap,
			#content_container #page .wrap {
				margin: 0 5px;
				padding: 5px;
				clear: both;
			}

			#content_container #content .blog,
			#content_container #page .blog {
				margin: 0;
				padding: 5px 0;
				clear: both;
			}

			#content_container #content h2,
			#content_container #page h2 {
				font: 2.4em Georgia, "Times New Roman", Times, serif;
				margin: 0;
				padding: 0;
			}

			#content_container #content h3.subtitle,
			#content_container #page h3.subtitle {
				font: 2em Georgia, "Times New Roman", Times, serif;
				margin: 0;
				padding: 0;
				margin-bottom: 15px;
				/*color: #0054A6;*/
			}

			#content_container #content .post-satu,
			#content_container #content .post-other {
				border-bottom: 0px solid #aaa;
				padding-bottom: 5px;
			}

				#content_container #content .blog h2,
				#content_container #page .blog h2 {
					font: 1.6em Georgia, "Times New Roman", Times, serif;
					margin: 0;
					padding: 0;
				}

				#content_container #content .post-satu h2,
				#content_container #page .post-satu h2				{
					font: 2em Georgia, "Times New Roman", Times, serif;
					margin: 0;
					padding: 0;
				}

				#content_container #content .post-other h2,
				#content_container #page .post-other h2 {
					font: 1.8em Georgia, "Times New Roman", Times, serif;
					margin: 0;
					padding: 0;
				}

				#content_container #content .post-satu .datetime {
					display: block;
					margin: 0;
					padding: 0;
					font: 1.1em tahoma;
					padding-bottom: 5px;
					text-transform: uppercase;
				}

				#content_container #content .post-other .datetime {
					display: block;
					margin: 0;
					padding: 0;
					font: 1em tahoma;
					padding-bottom: 3px;
					text-transform: uppercase;
				}

					#content_container #content .post-satu .datetime a,
					#content_container #content .post-other .datetime a {
						color: #000;
						border-bottom: 1px solid #ccc;
					}

			#content_container #content .rubrik,
			#content_container #page .rubrik {
				margin: 0;
				font: normal 1.5em Georgia, "Times New Roman", Times, serif;
				padding: 5px 0;
				display: block;
				text-transform: uppercase;
			}

				#content_container #content .rubrik a,
				#content_container #page .rubrik a {
					color: #333;
				}

			#content_container #content .tanggalan,
			#content_container #page .tanggalan {
				margin: 0;
				display: block;
				padding: 5px 0;
				text-align: right;
				font: 1.2em tahoma;
				text-transform: uppercase;
				border-bottom: 1px solid #aaa;
				background: transparent;
			}

			#content_container #content img,
			#content_container #page img {
				margin: 5px;
				padding: 7px;
				background: #fff;
				border: 1px solid #aaa;
			}

			#content_container #content img.alignleft,
			#content_container #page img.alignleft {
				float: left;
				margin-right: 15px;
			}

			#content_container #content img.alignright,
			#content_container #page img.alignright {
				float: right;
				margin-left: 15px;
			}

			#content_container #content p,
			#content_container #page p {
				margin: 0;
				padding: 0;
				margin-bottom: 10px;
				font: 1.2em Georgia, "Times New Roman", Times, serif;
			}

			#content_container #content p,
			#content_container #page p {
				margin: 0;
				padding: 0;
				margin-bottom: 10px;
				font: 1.2em Georgia, "Times New Roman", Times, serif;
			}

			#content_container #page h3 {
				font: bold 1.8em Georgia, "Times New Roman", Times, serif;
			}

			/*#content_container #content ul,
			#content_container #content ol,*/
			#content_container #page .singelpost ul,
			#content_container #page .singelpost ol {
				font: 1.2em Georgia, "Times New Roman", Times, serif;
				line-height: 1.4em;
				padding: 0 5px;
			}

			* html #content_container #page .singelpost ul,
			* html #content_container #page .singelpost ol {
				font: 1.2em Georgia, "Times New Roman", Times, serif;
				line-height: 1.4em;
				padding: 0 10px;
			}

				#content_container #content .blog p,
				#content_container #page .blog p {
					margin: 0;
					padding: 0;
					margin-bottom: 10px;
					font: 1.2em Georgia, "Times New Roman", Times, serif;
				}

			#content_container #content .spek,
			#content_container #page .spek {
				margin: 15px 0 10px 0;
				padding: 5px;
				display: block;
				border: 1px solid #F26522;
				background: #fff;
				color: #444;
				clear: both;
				font: 1.1em Georgia, "Times New Roman", Times, serif;
			}

			#content_container #content .spek ul,
			#content_container #page .spek ul {
				margin-bottom: 0;
			}

			#content_container #page .singelpost pre{
				display: block;
				padding: 10px;
				background: #fff;
				border: 1px solid #0054A6;
				color: #F26522;
				margin: 10px 0;
				font: 1.2em "Courier New", courier;
			}

			#content_container #page .singelpost code{
				padding: 0 5px;
				color: #F26522;
				font: 1.2em "Courier New", courier;
			}

				#content_container #content .blog img.face,
				#content_container #page .blog img.face {
					width: 50px;
					height: 50px;
					padding: 5px;					
					float: right;
				}

					#content_container #content .blog  a img.face,
					#content_container #page .blog a img.face {
						background: #fff;
						border: 1px solid #aaa;
					}

					#content_container #content .blog  a:hover img.face,
					#content_container #page .blog a:hover img.face {
						background: #F68E56;
						border: 1px solid #aaa;
					}

/**
3.5	Secondary Content
 ===================================================================================
 **/

#thekomen {
	margin: 0;
	padding: 0;
	text-align: left !important;
}

	#thekomen h3.komen {
		font: 1.8em Georgia, "Times New Roman", Times, serif;
		padding-top: 10px;
		padding-bottom: 5px;
	}

	#thekomen ol,
	#thekomen ol.commentlist{
		margin: 0;
		padding: 0;
		list-style: none;
	}

		#thekomen ol li {
			padding: 5px 10px;
			border-bottom: 0px solid #aaa;
			border-top: 0px solid #aaa;
			margin: 0 auto;
			text-align: left;
		}

		#thekomen ol li.alt {
			background: #D5E9F0;
			border: 0;
		}

			#thekomen ol li cite {
				font: bold 1.3em Georgia, "Times New Roman", Times, serif;
			}

			#thekomen ol li img.avatar,
			#thekomen ol li img.gravatar {
				width: 50px;
				height: 50px;
				float: right !important;
				margin: 0 0 0 10px;
			}

			#thekomen ol li .commentmetadata {
				font: 1.1em tahoma;
				text-transform: uppercase;
				color: #444;
			}

				#thekomen ol li .commentmetadata a {
					color: #444;
				}

				#thekomen ol li .commentmetadata img {
					width: auto;
					height: 14px auto;
					padding: 0px !important;
					border: 0px !important;
					display: inline !important;
					margin: 0;
				}

			#thekomen ol li .coment-text {
				margin: 5px 0 0 0;
				padding: 5px;
				border-top: 0px solid #ccc;
				clear: both;
				background: transparent;
			}

	#thekomen #commentform {
	}

	#contactform {
	}

		#contactform .labels,
		#thekomen #commentform .labeling {
			margin: 3px 0;
			padding: 0;
		}

			#thekomen #commentform .labeling input,
			#contactform .labels input,
			#thekomen #commentform .labeling textarea,
			#contactform .labels textarea {
				border: 1px solid #777;
				font: 1.2em Georgia, "Times New Roman", Times, serif;
				padding: 2px;
			}

			#thekomen #commentform .labeling input,
			#contactform .labels input {
				width: 300px;
			}

			#thekomen #commentform .labeling textransform,
			#contactform .labels textransform {
				width: 600px;
			}

			#thekomen #commentform .labeling input.button,
			#contactform .labels input.button {
				background: #ddd;
				color: #444;
				font-weight: bold;
			}

			#thekomen #commentform .labeling #kunci,
			#contactform .labels #kunci {
				display: block;
				margin: 0;
				padding: 5px;
				width: 295px;
				border: 1px solid #777;
				background: url('images/kunci-bg.gif');
				color: #00AEEF;
				font: normal 1.4em Georgia, "Times New Roman", Times, serif;
			}

		#contactform .pesan {
			padding: 5px;
			margin: 5px 0;
			background: #fff;
		}

		#contactform  #errormsg {
			border: 1px solid #ED1C24;
			color: #ED1C24;
		}

		#contactform  #suksesmsg {
			border: 1px solid #FFF200;
			color: #FFF200;
		}

		#contactform  #previewmsg {
			border: 1px solid #0076A3;
			color: #0076A3;
		}

		#contactform  #preview_mail {
			border: 1px solid #666;
			color: #555;
			padding: 10px;
			background: #fff;
		}

/**
3.6	Sidebar
 ===================================================================================
 **/

			#content_container #content .thecover,
			#content_container #page .thecover {
				text-align: center;
			}

			#content_container #content #edisisebelumnya,
			#content_container #page #edisisebelumnya {
				border-top: 1px solid #aaa;
				background: #dadada;
				padding: 5px 0;
				text-align: center;
				margin-bottom: 20px;
			}

				#content_container #content #edisisebelumnya .thelabel,
				#content_container #page #edisisebelumnya .thelabel {
					margin-right: 10px;
				}

			#content_container #content img.avatar,
			#content_container #page img.avatar {
				float: left;
				padding: 3px;
				margin: 0 5px;
			}

			#content_container #content img.wp-smiley,
			#content_container #page img.wp-smiley {
				display: inline;
				width: auto;
				height: auto;
				padding: 0;
				margin: 0;
				border: 0;
				background: transparent;
			}

			#content_container #content #c_konsultasi {
			}

			#content_container #content #c_iklan,
			#content_container #page #c_iklan {
				margin-top: 15px;
			}

			#content_container #content #c_konsultasi ul,
			#content_container #page #c_rubrik_lainnya ul {
				margin: 0;
				padding: 0;
				list-style: none;
			}

				#content_container #content #c_konsultasi ul li {
					border-bottom: 1px solid #aaa;
					padding: 10px 0;
				}

				#content_container #page #c_rubrik_lainnya ul li {
					border-bottom: 1px solid #aaa;
					padding: 5px 0;
				}

					#content_container #content #c_konsultasi ul li .subrubrik {
						font: bold 1.1em verdana;
						text-transform: uppercase;
					}

					#content_container #page #c_rubrik_lainnya ul li .subrubrik {
						font: normal 1.1em verdana;
						text-transform: uppercase;
					}

					#content_container #content #c_konsultasi ul li h3 {
						font: 1.4em Georgia, "Times New Roman", Times, serif;
					}

					#content_container #page #c_rubrik_lainnya ul li h3 {
						font: 1.4em Georgia, "Times New Roman", Times, serif;
					}

					#content_container #content #c_konsultasi ul li .pengasuh {
						font: 1.1em tahoma;
					}

		#content_container #content ul.thelist,
		#content_container #content ul.sidepostlist,
		#content_container #page ul.thelist,
		#content_container #page ul.sidepostlist {
			margin: 0;
			padding: 0;
			list-style: none;
		}

			#content_container #content ul.thelist li,
			#content_container #page ul.thelist li {
				margin: 0;
				padding: 2px 0;
				font: 1.2em tahoma;
				border-bottom: 1px solid #ddd;
				text-transform: uppercase;
			}

			#content_container #content ul.sidepostlist li,
			#content_container #page ul.sidepostlist li {
				margin: 0;
				padding: 2px 0;
				border-bottom: 1px solid #ddd;
				display: block;
			}

				#content_container #content ul.sidepostlist li .datetime,
				#content_container #page ul.sidepostlist li .datetime {
					margin: 0;
					padding: 0;
					font: 1.1em tahoma;
					display: block;
					text-transform: uppercase;
					color: #555;
					float: right;
					padding-top: 3px;
				}

				#content_container #content ul.sidepostlist li .category,
				#content_container #page ul.sidepostlist li .category {
					margin: 0;
					padding: 0;
					font: 1.1em tahoma;
					display: block;
					text-transform: uppercase;
					color: #555;
				}

					#content_container #content ul.sidepostlist li .category a,
					#content_container #page ul.sidepostlist li .category a {
						color: #555;
					}

				#content_container #content ul.sidepostlist li .subtitle,
				#content_container #page ul.sidepostlist li .subtitle {
					margin: 0;
					padding: 0;
					font: 1.2em Georgia, "Times New Roman", Times, serif;
					display: block;
					color: #222;
				}

				#content_container #content ul.sidepostlist li h3,
				#content_container #page ul.sidepostlist li h3 {
					margin: 0;
					padding: 0;
					font: 1.6em Georgia, "Times New Roman", Times, serif;
				}

		#content_container #content #list-ca,
		#content_container #page #list-ca {
			display: block;
			width: 300px;
		}

			#content_container #content #list-ca img,
			#content_container #page #list-ca img {
				margin: 1px;
				padding: 2px;
				border: 1px solid #ddd;
				float: left;
				width: 50px;
				height: 50px;
				background: transparent;
			}

				#content_container #content #list-ca a img,
				#content_container #page #list-ca a img {
					background: #fff;
				}

				#content_container #content #list-ca a:hover img,
				#content_container #page #list-ca a:hover img {
					background: #F26522;
				}

/**
3.7	Footer
 ===================================================================================
 **/

#bottomnav {
	border-top: 1px solid #555;
}

	#bottomnav #bottommenu {
		padding: 10px 0;
		text-align: left;
	}

		#bottomnav #bottommenu ul {
			margin: 0;
			padding: 0;
			list-style: none;
		}

			#bottomnav #bottommenu ul li {
				margin: 0 5px;
				display: inline;
				font: normal 1.1em tahoma;
				text-transform: uppercase;
			}

			#bottomnav #bottommenu ul li.right {
				margin: 0;
				float: right;
			}

#bottom {
	border-top: 1px solid #555;
	background: #777;
}

	#bottom #footer {
		padding: 20px 0 30px 0;
		text-align: left;
		color: #fff;
		font: 1.2em verdana;
	}

		#bottom #footer a {
			color: #fff;
		}

		#bottom #footer .network {
			font-size: 0.9em;
		}

/**
 4.	LAYOUT ELEMENTS
 ===================================================================================
 **/
 
.listwrapper {
	margin-bottom: 15px;
}

.moreinfo {
	display: block;
	text-align: right;
	font: normal 1.2em verdana;
	padding: 5px;
	border-top: 1px solid #999;
	background: #ddd;
	clear: both;
}

.moreinfo2 {
	display: block;
	text-align: right;
	font: normal 1.2em verdana;
	padding: 5px;
	border-top: 1px solid #999;
	background: #ddd;
	clear: both;
	margin-bottom: 30px;
}

.therss {
	display: block;
	float: right;
	font: 1.2em tahoma;
	padding-top: 2px;
	text-align: right;
	width: 20px;
	height: 17px;
}

img.rssimg {
	border: 0px !important;
	padding: 0px !important;
	margin: 0;
	width: 15px;
	height: 15px;
}