/*
Theme Name: Dunia Sofi
Theme URI: http://wordpress.org/
Description: Kids theme.
Version: 1.0
Author: Arif Widianto
Author URI: http://arifwidi.com/
Tags: kids, world, sofia, arif, widianto

	Dunia Sofia v1.0
	 http://widianto.com/themes/duniasofi/

	This theme was designed and built by Arif Widianto,
	whose blog you will find at http://arifwidi.com/

*/



BODY, H1, H2, H3, H4, H5, H6, P, UL, LI, OL {
	margin: 0;
	padding: 0;
}

BODY {
	background-color: #f0d055;
	text-align: center;
	font-family: "Chalkboard", "Comic Sans MS", sans-serif;
	font-size: 14px;
	color: #999;
}

A {
	color: #FF9900;
	text-decoration: none;
}

A:hover {
	color: #3366FF;
}

/* LAYOUT */

#wrapper {
	width: 800px;
	margin: 0 auto;
	text-align: left;
	background: url(images/page.png) repeat-y;
}

/* HEADER */

#header {
	position: relative;
	width: 800px;
	height: 425px;
	background: url(images/header.png) no-repeat;
}

#header H1 {
	position: absolute;
	top: 0;
	left: 29px;
	width: 750px;
	height: 395px;
	background: url(images/duniasofi.png) no-repeat;
}

#header H1 A {
	display: block;
	position: absolute;
	top: 10px;
	right: 40px;
	width: 142px;
	height: 330px;
	background: url(images/sofi.png) no-repeat;
	text-indent: -9999px;
}

/* CONTENT */

#content {
	width: 500px;
	margin: 0 auto;
}

#content P {
	margin: 0.5em 0 0.5em;
}

H2.pagetitle {
	margin-bottom: 1em;
	text-align: center;
	font-weight: normal;
	color: #CC0000;
}

.post {
	clear: both;
	margin-bottom: 1em;
}

.post H2, .post H3 {
	font-size: 20px;
	font-weight: normal;
	margin: 1em 0 0.3em;
	color: #660000;
}

.post SMALL {
	text-transform: uppercase;
	margin: 1em 0 0.3em;
	color: #660000;
	
}

.entry P {
	color: #666;
	line-weight: 20px;
	font-weight: normal;
}

.post UL, .post OL {
	margin: 0 0 0 2em;
	color: #666;
	
}

.postmetadata {
	background: url(images/Orange_bar.png) no-repeat center top;
	padding: 1em 0 0 0;
}

/* NAVIGATION */

.navigation {
	padding-bottom: 1em;
	text-align: center;
}


/* FOOTER */

#footer {
	padding: 20px 0 30px 0;
	background: url(images/footer.png) no-repeat left bottom;
	text-align: center;
}

#footer P {
	font-size: 10px;
}

#footer .powered {
	font-size: 11px !important;
}

/* COMMENTS */
H3#comments, H3#respond {
	font-weight: normal;
	margin: 0.5em 0;
	color: #660000;
}

.commentlist li, #commentform input, #commentform textarea {
	
	}
	
#commentform textarea {
	width: 500px;
}

OL.commentlist  {
	margin-left: 2em;
}

.commentlist li {
	font-weight: bold;
	font-size: 12px;
	border: 1px solid #f8af00;
	background-color: #fff9e2;
	padding: 5px;
}

.commentlist li .avatar { 
	float: right;
	border: 1px solid #eee;
	padding: 2px;
	background: #fff;
	}

.commentlist cite, .commentlist cite a {
	font-weight: bold;
	font-style: normal;
	font-size: 1.1em;
	}

.commentlist p {
	font-weight: normal;
	line-height: 1.5em;
	text-transform: none;
	}

#commentform p {
	font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif;
	}

.commentmetadata {
	font-weight: normal;
	}

/* IMAGES */
p img {
	padding: 0;
	max-width: 100%;
	}

/*	Using 'class="alignright"' on an image will (who would've
	thought?!) align the image to the right. And using 'class="centered',
	will of course center the image. This is much better than using
	align="center", being much more futureproof (and valid) */

img.centered {
	display: block;
	margin-left: auto;
	margin-right: auto;
	}

img.alignright {
	padding: 4px;
	margin: 0 0 2px 7px;
	display: inline;
	}

img.alignleft {
	padding: 4px;
	margin: 0 7px 2px 0;
	display: inline;
	}


/* MISC */
P#error {
	color: #990000;
	font-size: 18px;
}

.description, #sidebar {
	display: none;
}