/* 
Theme Name: eSasterawan Baru
Theme URI: 
Description: Default theme for esasterawan.org blogs
Version: 1.0
Author: Nahrizul Adib Kadri
Author URI: http://nahrizuladib.com/
*/


/***** GLOBAL *****/

body {
	margin: 0 auto;
	padding: 0;
	font-size: 13px; 
	font-family: Arial, sans-serif;
	background: #fff url('images/bg.png') repeat-x top;
	color: #333;
	line-height: 140%;
}

h1, h2 {
	font-weight: normal;
}

a, #menu ul li a {
	text-decoration: none;
	color: #13A17D;
}

a:hover {
	text-decoration: underline;
	color: #0c3;
}

hr {
	display: none;
}

form input, form textarea {
	font-size: 12px; 
	font-family: Arial, sans-serif;
	color: #333;
}



/***** STRUCTURAL *****/

#page {
	margin: 0 auto;
	width: 900px;
}

#topnav {
	margin: 0 auto;
	padding: 0;
	width: 100%;
	height: 35px;
	background: #333;
	text-align: right;
}

#header {
	margin: 0; padding: 0;
	height: 200px;
}

#content {
	float: left;
	width: 460px;
	padding: 20px;
}

#sidebar {
	float: right;
	width: 200px;
	padding: 20px 0;
}

#sidebar-l {
	float: left;
	width: 200px;
	padding: 20px 0;
}

#footer {
	text-align: center;
	clear: both;
	padding: 2em 0;
}


/***** TOP NAVIGATION *****/

#topnav .tn_left img {
	margin: 0 0 0 40px; padding: 0;
	border: none;
}

#topnav .tn_left a {
	color: #fff;
	font-weight: bold;
	border: none;
}

#topnav .tn_right {
	vertical-align: top;
	padding: 5px 1em;
}

#topnav .tn_left {
	float: left;
}

#topnav .tn_right select {
	font-size: 0.8em;
}

/***** HEADER *****/

#header h1 {
	padding-top: 60px;
	margin-bottom: 20px;
	font-size: 80px; 
	font-family: 'Trebuchet MS', Arial, Helvetica, sans-serif;
}

#header a {
	color: white;
}

#header a:hover {
	text-decoration: none;
}

#header .description, #content .date, #content small, #sidebar small, #footer, #menu, #content h2.pagetitlei, #sidebar-l ul , #content ul.catArchive ul li span, #content h2.pagetitle span  {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	text-transform: uppercase;
	color: #999;
	line-height: normal;
}

#header .description a, #content .date a, #footer a, ul.latest small a {
	color: #666;
}

#menu {
	margin: 0; padding: 8px 0 0 0;
	height: 30px;
	width: 100%;
	border-bottom: 1px solid #ccc;
}

#menu ul {
	padding: 0;
	margin: 5px 0;
	list-style: none;
	float: left;
}

#menu ul li {
	display: inline;
	width: 300px;
}

#menu ul li a {
	padding: 14px;
}

#menu ul li a:hover {
	border-bottom: 4px solid #ccc;
	color: black;
}

#menu .msearch {
	float: right;
}


/***** CONTENT *****/

#content h2, #content h3 {
	margin-top: 0.5em;
}

#content h3 {
	font-size: 1.4em;
}

#content h2.pagetitle {
	margin-top: 1em;
	font-size: 2em;
}

#content h2 a {
	text-decoration: none;
}

#content h2 a:hover {
	color: black;
}

#content .post {
	border-bottom: solid 1px #ccc;
	padding: 20px 0;
}

#content .postpage {
	border: none;
	padding: 20px 0;
}

#content .navigation {
	padding: 20px 0;
}

#content .alignleft {
	float: left;
}

#content .alignright {
	float: right;
}

#content ul.latest {
	padding: 0;
	margin: 0;
	list-style: none;
}

#content ul.latest li {
	background: #efefef;
	padding: 0.2em 0.6em;
	margin-bottom: 1px;
}

#content ul.latest li a {
	font-weight: bold;
}

#content .gfc {padding-bottom:2em; border:1px solid #ccc;}

#content ul.catArchive, #content ul.catArchive ul {list-style:none; margin-left:0; padding-left:0; }
#content ul.catArchive h3 {font-size:1em; text-transform:uppercase; padding-top: 1em; }
#content ul.catArchive ul {border-top:solid 1px #ccc; margin-top:3px; padding-top:0;}
#content ul.catArchive ul li {border-bottom:solid 1px #ccc; display:block; padding:3px 0;}
#content ul.catArchive ul li span a{color: #999;}



/***** SIDEBAR *****/

#sidebar h2, #sidebar-l h2, #sidebar-l h2.pagetitlei {
	font-family: Georgia, serif;
	font-size: 13px;
	text-transform: uppercase;
	font-weight: bold;
	margin-bottom: 0;
	color: #666;
}

#sidebar ul, #sidebar-l ul {
	margin: 0;
	padding: 10px 0;
}

#sidebar ul ul {
	margin: 0;
	padding: 5px 0 20px 0;
	border-bottom: solid 1px #ccc;
}

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

#sidebar input {
	width: 100%;
}

#sidebar ul li.papan {
	line-height: normal;
	padding: 0.5em 0;
}

#sidebar-l ul li {
	padding-bottom: 2px;
}

#sidebar-l ul li a {
	font-size: 14px;
	display: block;
	border: solid 1px #ccc;
	padding: 5px;
}

#sidebar-l ul li a:hover {
	background: #ccc;
	text-decoration: none;
	color: black;
}

#sidebar-l .iklan {
	padding: 5px;
	border: solid 1px #ccc;
	margin-top: 1em;
}


/***** COMMENTS *****/

#content ol.commentlist {
	padding: 20px 0;
	border-bottom: solid 1px #ccc;
	list-style-type: none;
}

#content ol.commentlistp {
	padding: 0 0 20px 0;
	margin-top: 0;
	border-bottom: solid 1px #ccc;
	list-style-type: none;
}

#content ol.commentlist .comment-number {
	font-size: 40px;
	float: right;
	color: #ccc;
}

#content ol.commentlist cite {
	font-weight: bold;
	font-style: normal;
}

#content ol.commentlist p {
	margin-top: 0;
}

#content form #comment {
	width: 100%;
}

/***** COMMENTS *****/

#footer a {
	text-decoration: underline;
}





/* Extra NAK110326 */
#NAKcomments {margin-top:3.5em; border-top: solid 1px #CCC;}