/*
Theme Name: WongKito
Theme URI: http://wongkito.net/
Description: WongKito theme.
Version: 0.1
Author: R. Andi B. Saleh
Author URI: http://saleh.web.id/
Tags: minimalist, fixed width, three columns, widgets
*/

/* Global */

html * {
	margin:0;
	padding:0;
	}
	
.description {
	display:none;
	}

.alignleft {
	float:left; clear:left;
	}
	
.alignright {
	float:right; clear:right;
	}
	
img.alignleft {
	float:left; clear:left; margin:5px 10px 5px 0;
	}
	
img.alignright {
	float:right; clear:right; margin:5px 0 5px 10px;
	}
	
#content p {
	margin-bottom:10px;
	}

#agg-archive p {
	margin:0;
	padding:10px 0;
	}

img.wp-smiley {
	vertical-align:text-bottom;
	}

/* Struktur */

html, * html #main_container { 
	height:100%;
	}

body {
	margin:0; padding:0;
	width:100%; height:100%;
	min-height:100%; 
	}
	
#main-wrapper {
	position:relative;
	clear:both;
	margin:0 auto;
	padding:0;
	width:920px; min-height:100%;
	}

#header {
	clear:both;
	margin:0 auto;
	}

#main-nav {
	width:920px;
	padding:5px 0;
	}

#content-container {
	float:left;
	width:730px;
	margin-top:10px;
	}

#top-ad {
	width:728px; height:90px;
	margin-bottom:10px;
	}

#content {
	float:left;
	width:538px;
	}

#top-content, #post-content,
#page-content, #archive-content {
	width:535px;
	margin:0;
	}

#top-content .post, #post-content .post, 
#archive-content .post {
	padding:8px 10px 0;
	}

#page-content .post {
	padding:0px 10px 0;
	}

.navigation {
	padding-bottom:15px;
	}

.postmetadata {
	padding:10px 0 0; clear:both;
	}

.agg-item {
	border-bottom:1px solid #ccc;
	margin-top:10px;
	padding:0px 10px 10px;
	}
	
#content p.agg-site {
	margin-top:10px;
	margin-bottom:0px;
	}

#content p.agg-body {
	margin-bottom:0px;
	}

.agg-date {
	font-size:0.8em;
	}

#agg-archive {
	text-align:center;
	background-color:#eee;
	}
		
.entry {
	margin-top:10px;
	}
	
#sidebar-aux {
	width:180px;
	margin:0 0 0 548px;
	padding:0 0 10px;
	}
		
#sidebar {
	position:relative;
	margin-left:733px;
	padding:8px 0 10px 5px;
	}

#footer {
	position:relative;
	clear:both;
	margin:0 auto;
	padding:10px 0;
	width:920px;
	}

/* Tipografi dan warna */

body {
	font-size:8pt;
	font-family:'Lucida Sans Unicode', 'Lucida Grande', Tahoma, Verdana, sans-serif;
	color:#333;
	background:url('images/bg.jpg') center top repeat-y;
	}

#header {
	background-color:#fff;
	border-bottom:2px solid #999;
	}

#main-nav {
	font-family:'Lucida Sans Unicode', 'Lucida Grande', Tahoma, Verdana, sans-serif;
	text-transform:uppercase;
	border-bottom:1px solid #ccc;
	}

#top-ad {
	background-color:#fff;
	}

#content {
	background-color:#fff;
	}

#top-content {
	border:1px solid #ff6;
	background-color:#ffc;
	}

.postmetadata {
	border-top:1px solid #ccc;
	}

#sidebar-aux {
	background-color:#fff;
	}

#sidebar {
	background-color:#fff;
	}

#footer {
	border-top:2px solid #999;
	}

/* Heading */

#header h1 a {
	width:201px; height:50px;
	margin:20px 0 10px;
	display:block;
	text-indent:1600px;
	overflow:hidden;
	background:url('images/logo.gif') left top no-repeat;
	}

h2.pagetitle {
	font-size:1.2em;
	margin-bottom:10px;
	}

#sidebar h2, #sidebar-aux h2 {
	font-size:1.2em;
	margin-bottom:5px;
	}
	
#content h2 {
	font-size:1.5em;
	clear:left;
	}
	
#content h3 {
	margin-bottom:10px;
	font-size:1.2em;
	}

#archive-content h3 {
	font-size:1.2em;
	}

#comment-block h3 {
	font-size:1.2em;
	}

/* List */

	.service ul {
		list-style:none;
		}

	/* Main navigation */

	#main-nav ul {
		list-style:none;
		display:inline;
		}
	
	#main-nav ul li {
		display:inline;
		padding:3px 0;
		}

	#main-nav ul.feed-link {
		float:right;
		}

	#main-nav ul.feed-link img {
		vertical-align:text-bottom;
		margin-left:3px;
		}

	/* Content */

	#content ul, #content ol {
		margin:0 0 10px 30px;
		}

	#content ul li, #content ol li {
		list-style-position:outside;
		}

	/* Sidebar */

	#sidebar ul, #sidebar-aux ul {
		list-style:none;
		}

	#sidebar li.widget, #sidebar-aux li.widget, 
	#sidebar li.static-sidebar, #sidebar-aux li.static-sidebar {
		margin-bottom:10px;
		}

	#sidebar li.widget li:hover, #sidebar-aux li.widget li:hover, 
	#sidebar li.static-sidebar li:hover, #sidebar-aux li.static-sidebar li:hover {
		background-color:#eee;
		}

/* Links */

a {
	color:#c60;
	text-decoration:none;
	}

a:hover {
	color:#a40;
	}

a img {
	border:none;
	background-color:transparent;
	}

#main-nav a {
	color:#000;
	padding:0 5px;
	}

#main-nav a:hover, #main-nav li:hover, #sidebar a:hover, #sidebar-aux a:hover {
	background-color:#eee;
	}
	
#main-nav ul.feed-link a:hover, #main-nav ul.feed-link li:hover {
	background-color:transparent;
	}

#top-content a:hover {
	background-color:transparent;
	}

#sidebar a, #sidebar-aux a {
	color:#555;
	}

#sidebar a:hover, #sidebar-aux a:hover {
	color:#333;
	}

a.more-link { clear:both; }

/* Comment block */

#comment-block {
	/* width:535px; */
	padding:0 10px;
	}

/* Form */

form input, form textarea {
	font-size:8pt;
	font-family:'Lucida Sans Unicode', 'Lucida Grande', Tahoma, Verdana, sans-serif;
	}

textarea#comment {
	width:400px;
	}

/* Sidebar */

#sidebar .flickr img, #sidebar-aux .flickr img {
	margin-right:3px;
	width:57px; height:57px;
	}

#sidebar li ul li, #sidebar-aux li ul li {
	padding:0 0 1px 20px;
	margin-bottom:1px;
	}

li.document ul li { background:url('images/document.gif') left top no-repeat; }
li.bookmark ul li { background:url('images/bookmark.gif') left top no-repeat; }
li.user ul li { background:url('images/user.gif') left top no-repeat; }
li.folder ul li { background:url('images/folder.gif') left top no-repeat; }
li.calendar ul li { background:url('images/calendar.gif') left top no-repeat; }
li.grow ul li { background:url('images/grow.gif') left top no-repeat; }

li ul li.current-cat { background:url('images/open-folder.gif') left top no-repeat; }

/* Menu service */ 

/*
.service a {
	padding:0 0 1px 21px;
	line-height:1.6em;
	margin-left:5px;
	}
	
.service li.milis a {
	background:url('images/milis.ico') no-repeat;
	}
		
.service li.cj a {
	background:url('images/news.ico') no-repeat;
	}
		
.service li.wiki a {
	background:url('images/wiki.ico') no-repeat;
	}
		
.service li.album a {
	background:url('images/flickr.ico') no-repeat;
	}
		
.service li.forum a {
	background:url('images/milis.ico') no-repeat;
	}
*/