/*
Theme Name: Aba2Simple
Theme URI: http://adrian.web.id/2007/04/30/wordpress-theme-aba2simple-02/
Description: Simple 2 columns fluid with widgets ready and it's easy to change its color. It's modular version of Aba2Simple 0.1 and it's should be better than the first one. Aba2Simple 0.2 is released as an update of Aba2Simple 0.1 which is released a week ago. There are no differences between the old and this new one in look and feel. The best part about this version is modularized in design.
Version: 0.2
Author: Dadan Adrian Y.
Author URI: http://adrian.web.id/
*/

@import "green.css";

/* ***********  page layout ************ */
body {
	margin: 5px;
	font-family: Georgia, "Times New Roman", serif;
}

p img {
	padding: 4px;
	display: inline;
	max-width: 100%;
    }

img.centered {
	display: block;
	margin-left: auto;
	margin-right: auto;
	}
       
img.alignright {
	padding: 4px;
	margin: 0 0 2px 7px;
	display: inline;
	}

img.alignleft {
	padding: 1px;
	margin: 0 6px 4px 6px;
	display: inline;
	}

.alignright {
	float: right;
	text-align: right;
	padding: .5em;
	}
       
.alignleft {
	float: left;
	text-align: left;
	padding: .5em;
	}

html>body { font-size: 110.1%; }

#wrapper {
	text-align:left;
	margin: 0px auto;
	width: auto;
	font-size: 0.70em;
	line-height: 18px;
	background: #d3d3d3;
	border: 1px solid #999;
} 

#subwrapper {
	margin: 1px;
	border: 1px solid #fefefe;
}

#bloginfo { color: #ccc; }

#main {
	margin: 10px 200px 10px 0px;	/*top     right   bottom  left*/
}

#sidebar {
	float: right;
	width: 200px;
	margin: 10px 0 0 0;
	padding: 0 10px 0 0;
	border-left: 1px solid #fff;
}

/* ***********  default styles ************ */
p { line-height: 22px; }

.arabic {
	font-size: 2em;
	color: #060;
	line-height: 1.5em;
	font-weight: bold;
	text-align: right;
}

.salaam {
	font-size: 2.75em;
	color: #060;
	line-height: 1.5em;
	font-weight: bold;
	text-align: center;
}

ul, ol, dl, p, h1, h2, h3, h4, h5, h6 {
	margin-top: 10px;
	margin-bottom: 10px;
	padding-top: 0;
	padding-bottom: 0;
}
h1 { font-size: 260%; }
h2 { font-size: 160%; }
h3 { font-size: 150%; }
h4 { font-size: 130%; }
h5 { font-size: 100%; }
h6 { font-size: 70%; }

pre {
	font: 0.70em "courier New", courier;
	background: #000;
	color: #0f0;
	/*font-weight: bold;*/
	line-height: 18px;
	padding: 4px 8px 4px 8px;
}
							
table { font-size: 100%; }

td, th { vertical-align: top; }

a img { border: 0px; }

.morelink {
	display: block;
	text-align: right;
	margin-top: 5px;
	margin-bottom: 5px;
	font-size: 0.70em;
}

code {
	font: 0.76em "courier New", courier;
	color: #00c;
	background: #fdffe8;
	font-weight: bold;
	padding: 0px 4px 0px 4px;
}

blockquote {
	padding: 0px 10px;
	margin: 0px 20px;
	font-style: oblique;
	background-color: #efefef;
}

#searchform { margin: 5px 0; }

#bloginfo h3 {
	margin: 0 0 0 15px;
	font-size: 100%;
	padding: 3px 0 3px 0;
	letter-spacing: normal;
}

#datehead {
	margin: 0 10px 0 0;
	font-size: 100%;
	padding: 3px 0 3px 0;
	text-align: right;
}

.navigation {
	display: block;
	text-align: center;
	margin-top: 5px;
	margin-bottom: 5px;
}

/* ***********  sidebar styles ************ */
#sidebar {
	padding: 0px;
	font-size: 110%;
	border-top: 1px solid #fff;
}

#sidebar p { margin: 0 0 0 5px; }

#sidebar ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
}

#sidebar li {
	padding: 0;
	margin: 0;
}

#sidebar h2 {
	color: #fff;
	font-size: 100%;
	padding: 5px;
	margin: 0;
}

#sidebar h2 a {
	color: #fff;
}

#sidebar li.pagenav {
	padding: 0px;
	font-size: 100%;
	font-weight: 800;
}

#sidebar li ul li {
	border-top: 1px solid  #fff;
	border-bottom: 1px solid #999;
	padding: 2px 0 2px 10px;
}


#sidebar li ul {
	padding: 0px 0 0 0;
	margin: 0;
	border-top: 1px solid  #999;
	border-bottom: 1px solid #fff;
}

#sidebar ul li.pagenav {
	margin: 0px;
	color:#777;
}

#sidebar ul li.pagenav ul { margin: 0px; }

/* ***********  post styles ************ */
#main div.post {
	background: #fff;
	margin: 10px 5px 3px 5px;
	border: 1px solid #999;
}

#main div.post h2 {
	background: #eeeeee;
	border-bottom:1px solid #ddd;
	border-top: 1px solid #ddd;
	padding: 8px 8px;
	margin:0px;
}

#main div.post div.entry {
	padding: 0 10px;
	font-size: 135%;
	line-height: 20px;
}

.postmetadata {
	font-size:100%;
	padding: 0px 8px;
	margin: 0px;
}

.meta { font-size: 0.70em; }

/* ************ comments styles ************** */
#comments, #postcomment {
	font-size:100%;
	padding-left:5px;
}

#commentlist li {
	background:#fff;
	padding: 3px 8px;
	margin-right:7px;
}

#commentform { margin: 0px 0 0 10px; }

/* *********** calendar styles   ********* */
#wp-calendar {
	text-align: center;
	margin: 0;
	padding: 0;
	border-top: 1px solid #eee;
	width: 100%;
}

#wp-calendar caption {
	border-bottom: 1px solid #ccc;
	font-weight: 800;
}

#wp-calendar th { font-weight: 800; }

#wp-calendar td { font-weight: 100; }

#wp-calendar td a { padding: 2px; }

#wp-calendar td#today {
	border-top: 1px dotted #777;
	border-left: 1px dotted #777;
	border-right: 1px dotted #777;
	border-bottom: 1px dotted #777;
	background: #aabbcc;
	color: #00f;
}

img.wp-smiley {	vertical-align: -25%; }

/* Form Styles */
fieldset {
	border: none;
	padding: 3px;
	}

fieldset label.selectit {
	display: block;
	font-size: 11px;
	padding: 0 2px;
	}

fieldset label.selectit:hover { background: #e9e9e9; }

fieldset legend { padding: .1em .3em; }

fieldset span.cat-nest {
	display: block;
	margin-left: 10px;
	}

fieldset.options { padding: 1em; }

fieldset.options legend { font-size: 16px; }

form, label input {
	margin: 0;
	padding: 0;
	}

input:focus, textarea:focus, label:focus {
	background: #fff;
	border: 1px solid #686868;
	}

label { cursor: pointer; }

textarea, input, select {
	background: #f4f4f4;
	border: 1px solid #b2b2b2;
	color: #000;
	font:  13px Verdana, Arial, Helvetica, sans-serif;
	margin: 1px;
	padding: 3px;
	}

textarea.comment {
	background: url('/wp-content/badslacker-bg.gif') no-repeat;
	border: 1px solid #b2b2b2;
	color: #000;
	font:  0.80em Verdana, Arial, Helvetica, sans-serif;
	margin: 1px;
	padding: 3px;
}

.checkbox {
	background: #fff;
	border: none;
	margin: 0;
	padding: 0;
	}

select, option {
	background: #fefefe;
	border: none;
	margin: 1px;
	padding: 1px;
	}

.submit input, .submit input:focus, .button {
	border: 1px double #999;
	border-left-color: #ccc;
	border-top-color: #ccc;
	color: #333;
	padding: 0.25em;
	}

.submit input:active, .button:active {
	background: #f4f4f4;
	border: 3px double #ccc;
	border-left-color: #999;
	border-top-color: #999;
	}

.submit { text-align: right; }

/* *********** textads layout   ********* */
#headertextads, #bottomtextads {
	/*background: #aaa;*/
	margin: 5px 3px 5px 50px;
	width: 728px;
	height: 94px;
	/*border: 1px solid #ddd;*/
	text-align: center;
	}

#sidebartextads {
	text-align: center;
	padding: 10px 0;
	}

#commenttextads {
	text-align: center;
	padding: 10px 0;
	}