/*
Dengan nama Allah yang Maha Pengasih lagi Maha Penyayang... 
Nama tema : Pelangi
Versi : 1.0
Pembangun : Mohd Huzairy Mohd Rezuan aka Bat infomalaya
url : http://mohdhuzairy.com
*/

@import url('reset.css');
@import url('color.css');


body
{
	font-family:verdana,arial,georgia;
	font-size:12px;
	border-top:10px solid #333;
}

.clear
{
	clear:both;
}

#wrap
{
	width:80em;
	position:relative;
	margin:0 auto;
}

#header
{
	width:24.0em;
	height:13.3em;
	float:left;
}

#header h1
{
	font-family:helvetica,verdana,arial;
	font-size:3em;
	line-height:80%;
	margin-top:0.8em;
	font-weight:normal;
}

#header p
{
	font-family:georgia,verdana,arial;
	font-size:1.2em;
	margin-top:0.6em;
	padding-top:0.3em;
}

#upper-menu
{
	width:80em;
	margin-top:0.8em;
}

#skip-menu
{
	margin:0.5em 0 0.1em 8em;
	float:left;
	padding-bottom:1em;
}


html>body #skip-menu
{
	margin:0.5em 0 1em 0.1em;
	float:left;
	padding-bottom:0;
}

#rss
{
	float:right;
	margin-top:5px;
}

#top-menu
{
	width:54em;
	float:right;
}

li.home a,li.arkib a,li.pautan a,li.projek a,li.bookmark a,li.tentang a,li.contact a
{
	display:block;
	width:53.3em;
	padding:0.4em;
}

.home strong, .arkib strong, .pautan strong, .tentang strong, .projek strong, .bookmark strong, .contact strong
{
	visibility:hidden;
	font-weight:normal;
}

.home:hover strong, .arkib:hover strong, .pautan:hover strong, .tentang:hover strong, .projek:hover strong, .bookmark:hover strong, .contact:hover strong
{
	visibility:visible;
}

/* Main Content */

#page-info
{
	font-weight:normal;
	font-size:1em;
	padding-left:16em;
	margin-top:2em;
}

#main-content
{
	width:65em;
	float:left;
	margin-top:1em;
}

.hentry
{
	margin-bottom:0.5em;
	margin-right:1em;
}

.entry-meta
{
	width:15em;
	float:left;
	margin-right:1em;
	padding-top:1.0em;
}

.entry-meta ul
{
	margin:1em 0 1em 0;
	font-family:georgia, verdana, arial;
}

ul li.comment-count
{
	background:transparent url(images/comment.gif) no-repeat left center;
	padding-left:1.5em;
	margin-bottom:0.6em;
}

ul li.entry-date
{
	background:transparent url(images/date.png) no-repeat top left;
	padding-left:1.5em;
	margin-bottom:0.6em;
}

ul li.tags
{
	background:transparent url(images/tag_blue.png) no-repeat top left;
	padding-left:1.5em;
	margin-bottom:0.6em;
}

li.entry-date a, li.comment-count a, li.tags a
{
	line-height:150%;
}

.entry-content
{
	width:46em;
	float:left;
	padding-top:0.1em;
}

.page-content
{
	width:46em;
	float:left;
	overflow:hidden;
}

.entry-title a
{
	font-family:helvetica, georgia, arial;
	font-size:2em;
	font-weight:normal;
	line-height:100%;
	outline:0;
}

.entry-title h1
{
	margin-top:20px;
}

.entry-text p, .page-text p
{
	margin-top:1em;
	line-height:150%;
	text-align:justify;
	margin-bottom:1em;
	overflow:hidden;
}`

.entry-text ul li, .page-text ul li
{
	margin-bottom:0.5em;
	padding-left:1.2em;
	background:transparent url(images/bullet.gif) no-repeat left top;
}

.entry-text ol li
{
	margin-bottom:0.5em;
	padding-left:1.2em;
}

.entry-text h2, .page-text h2
{
	font-family:helvetica, georgia, arial;
	font-weight:normal;
	font-size:2em;
	letter-spacing:-2px;
	margin-top:0.6em;
}

/* Sidebar */
#sidebar
{
	width:12.7em;
	float:right;
	margin-left:1px;
	padding:1em 0.9em 0.9em 0.9em;
	margin-top:1em;
}

#sidebar h2
{
	font-family:georgia, arial, verdana;
	font-weight:normal;
	font-size:1em;
	margin-bottom:0.1em;
	text-transform:uppercase;
}

#sidebar ul li
{
	margin-bottom:0.5em;
	text-indent:-1em;
	margin-left:1em;
}

#sidebar ul ul li:before
{
	content: "\00BB \0020";
}

#sidebar p
{
	color:#444;
	line-height:125%;
}

.widget
{
	margin-bottom:1em;
}

/* Search box */
#search-box
{
	float:right;
}

html>body #search-box
{
	float:right;
	margin-right:-2px;
}

#search-box input
{
	padding:0.2em;
	background:transparent url(images/zoom.png) no-repeat center right;
}

#entry-info,#related-entries
{
	padding:1em 1em 0 16em;
	text-align:justify;
	line-height:150%;
	width:45em;
	margin:2em 0 2em 0;
}

#entry-info h2,#related-entries h2
{
	font-family:helvetica, georgia, arial;
	font-weight:normal;
	font-size:2em;
	margin-bottom:0.4em;
}

#related-entries ul li
{
	background:transparent url(images/link.png) no-repeat 0 90%;
	padding-left:1.5em;
}

/* Footer */
#footer
{
	margin:2em 0 2em 0;
	padding-top:1em;
}

/*=Comments section */
h3#comments
{
	font-family:helvetica, georgia, arial;
	font-weight:normal;
	font-size:2em;
	margin-top:1em;
	margin-bottom:1em;
	padding-left:0.1em;
	padding-top:0.5em;
}

ol.commentlist li
{
	margin-bottom:1em;
}

ol.commentlist li p
{
	margin:0.2em 0 0.2em 0;
}

.comments-meta
{
	float:left;
	width:15em;
	text-align:left;
	font-family:georgia,verdana,arial;
	font-weight:normal;
	padding-right:10px;
}

.comments-meta img
{
	padding:2px;
}

.comments-text
{
	float:right;
	width:47em;
}

.comments-text p
{
	margin-bottom:1em;
	line-height:150%;
}

#comment-box
{
	width:62em;
	margin-top:20px;
}

#comment-box h3
{
	font-family:helvetica, georgia, arial;
	font-weight:normal;
	font-size:2em;
	margin-top:1em;
	margin-bottom:0.5em;
	padding-left:0.1em;
	padding-top:0.5em;
}

#comment-box p
{
	text-transform:uppercase;
	font-family:georgia,verdana,arial;
	font-weight:normal;
}

#comment-box input
{
	font-family:Tahoma, sans-serif;
	font-size:1.2em;
	margin:0 0 0.7em 0;
	padding:0.2em;
}

#comment-box textarea
{
	font-family:Tahoma, sans-serif;
	font-size:1.2em;
	margin:0 0 0.7em 0;
	padding:0.2em;
}

#left-section
{
	float:left;
	width:15em;
	padding-right:1em;
}

html>body #right-section
{
	float:left;
	width:40em;
}

#right-section
{
	float:left;
	width:40em;
}

.wp-smiley
{
	vertical-align:middle;
}

p.caption
{
	font-size:0.8em;
	margin-top:-10px;
}

blockquote
{
	font-size:1.2em;
	font-family:georgia,verdana,arial;
	padding-left:1em;
	font-style:italic;
}

.quote
{
	border:none;
	padding-left:0;
	font-size:2em;
	line-height:normal;
	text-align:left;
	font-style:normal;
}

code
{
	font-family:verdana, arial, georgia;
	font-size:1em;
	overflow:scroll;
	padding:2px;
	line-height:200%;
	margin-bottom:0.3em;
}

acronym,abbr
{
	cursor: help;
}

.asides
{
	width:62em;
	border-top:1px solid #e3e2e2;
	padding:1em 0 1em 0;
	margin-bottom:2em;
}

.asides-text
{
	width:46em;
	padding-left:16em;
	color:#444;
	line-height:150%;
	text-align:justify;
}

.img-left
{
	float:left;
	padding:2px;
	margin:0 4px 0 0;
	border:1px solid #e3e2e2;
	width:60px;
	height:69px;
}

.img-right
{
	float:right;
	padding:2px;
	margin:0 0 0 4px;
	border:1px solid #e3e2e2;
	width:60px;
	height:69px;
}

img.hentry a:hover
{
	border:none;
}

#sidebar ul li
{
	color:#444;
}

.previous-entry
{
	background:transparent url(images/arrow_left.gif) no-repeat top left;
	padding-left:1.5em;
	margin-bottom:1em;
}

.next-entry
{
	background:transparent url(images/arrow_right.gif) no-repeat top left;
	padding-left:1.5em;
	margin-bottom:1em;
}