/* 
Theme Name: Bandung
Version: 0.2
Author: Jay
Author URI: http://yulian.firdaus.or.id/
*/

/* Begin Typography & Colors */

* { margin: 0; padding: 0; }
body {
	font: 100% georgia, times, serif;
	text-align: center;
	color: #000;
	background: #fff;
	list-style: square; }
#page { text-align: left; }
#header { 
	text-align: right; 
	background: #fff url('images/bandung-di-lingkung-gunung.jpg');
	background-repeat: no-repeat;
	background-position: top center;
	height: 75px; }
#header p a, #header p a:visited { text-decoration: none; border: 0; }
#content { text-align: left; }
#misc { 
	float: right; 
	width: 25%; 
	float: right; 
	text-align: right; 
	line-height: 1em; 
	font-size: .9em; }
#sidebar { 
	line-height: 1em; 
	font: 90% 'segoe ui', arial, sans-serif; }
#footer { 
	text-align: center; 
	border-top: 2px solid #555;
	background: #fff url('images/bandung-di-lingkung-gunung.jpg');
	background-repeat: no-repeat;
	background-position: bottom center; }
.widecolumn { padding: .3em; }
.narrowcolumn { padding: .3em; }
h1, h2, h3 { 
	color: #555; 
	background: transparent;
        text-shadow: 3px 3px 5px #999;
	padding-top: .3em;
	padding-right: .3em;
	font-weight: normal;
	line-height: 1em;}
h1 { font-size: 2em; }
h2 { font-size: 1.6em; }
h3 { font-size: 1.4em; }
a, a:visited { 
	color: #14568A; 
	background: transparent; 
	text-decoration: none; }
a:active { color: red; }
a:hover { 
	outline: thin solid #aaa; 
	color: maroon; 
	background: transparent; 
	text-decoration: none; }
small { 
	color: #333;
	font-size: 0.9em;
	line-height: 1em;
	background: transparent; }
blockquote {
	background: #eee;
	color: #000; }	
blockquote p {
	font-size: 0.9em;
	color: #000;
	background: #fff;
	padding: .3em;
	margin-right: 3em;
	margin-left: 3em;
	border-left: 1px solid #999; }
code {
	font: .9em monaco, 'andale mono', courier, monospace;
	padding-right: .1em;
	padding-left: .1em;
	color: green;
	background: transparent; }
pre {
	font: .85em monaco, 'andale mono', courier, monospace;
	padding-left: .5em;
	padding-right: .5em;
	margin-top: .2em;
	margin-bottom: .2em;
	color: maroon; }
acronym, abbr, strong, em { 
	color: green; 
	background-color: transparent; }
acronym, abbr { font-variant: small-caps; }
input, textarea { color: #000; background: #eee; }
del { color: #999; background: transparent; }
ins { 
	color: green; 
	background: #fff; 
	text-decoration: none; }
input:focus, textarea:focus { 
	color: #000; 
	background: #fff; }
.commentlist li { 
	list-style-type: none; }
#commentform { 
	text-align: left; }
.commentmetadata { 
	text-align: right; }
/* End Typography & Colors */

/* Begin Structure */
body { margin-top: 0; padding-top: 0; }
#page { 
	margin: 0 auto; 
	padding-top: 0; 
	width: 72%; }
#header { padding-right: 5px; }
#header big { 
	font-size: 2em;
	padding-left: 20%; 
	text-align: right;
 font-style: italic;
	line-height: 1.2em; }
blockquote p big { 
	font: 2em scheherazade, 'geeza pro', 'traditional arabic', arial, sans-serif; 
	line-height: 1.5em; 
	text-align: right;
	color: green; }
p big { text-align: right; text-shadow: 3px 3px 5px #999;}
#header a:hover { text-decoration: none; }
#sidebar { padding-top: 0; margin-top: 0; }
#footer { clear: both; padding: .5em; }
p { line-height: 1.2em; margin-bottom: 1em; }
.narrowcolumn {
	padding: 0;
	margin: 0;
	width: 70%;
	clear:both; }
.widecolumn { padding: .5em; }
.post { 
	text-align: left; 
	border-bottom: 1px solid #999;
	padding-bottom: 0; }
.entry { margin-bottom: 0; }
.archivepost { text-align: left; }
/* End Structure */

/*	 Begin Headers */
.description { text-align: center; }
/* End Headers */

/* Begin Images */
p img { padding: 3px; 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: 4px; 
	margin: 0 7px 2px 0; 
	display: inline; }
.alignright { 
	float: right; 
	width: 45%; 
	text-align: right; 
	padding: .5em; }
.alignleft { 
	float: left; 
	width: 45%; 
	text-align: left; 
	padding: .5em; }
/* End Images */

/* Begin Lists */
html>body .entry ul {
	margin-left: 2em;
	padding: 0 0 0 30px;
	list-style: none;
	text-indent: -10px; }
html>body .entry li { margin: 7px 0 8px 10px; }
.entry ul li:before, #sidebar ul ul li:before { /*content: '\00BB \0020';*/ }
.entry ol, .entry ul, .entrytext ol, .entrytext ul {
	margin-left: 1em;
	padding-left: .5em;
	margin-bottom: .5em; }
.entry ol li, .entrytext ol li, .entrytext ol li, .entrytext ul li {
	margin-left: 1em;
	padding-left: .5em;
	line-height: 1em; }
.narrowcolumn ol, .narrowcolumn ul { margin-left: 1em; }
.narrowcolumn ol li, .narrowcolumn ul li {
	margin-left: 1em;
	padding-left: .5em; }
.postmetadata { 
	border-top: 2px solid #000; 
	background: transparent; }
.postmetadata ul, .postmetadata li {
	display: inline;
	list-style-type: none;
	list-style-image: none; }
#sidebar ul, #sidebar ul ol { margin: 0; padding: 0; }
#sidebar ul li { 
	list-style-type: none; 
	list-style-image: none; 
	margin-bottom: 15px; 
	display: inline; }
#sidebar ul li ul li { 
	padding-right: .2em; 
	padding-left: .2em; 
	border-right: 1px solid #ccc; 
	border-left: 1px solid #ccc; 
	line-height: 1.2em; 
	display: inline; }
#sidebar ul li ul li:hover { 
	color: #000; 
	background: #fff; }
#sidebar ul p, #sidebar ul select { 
	margin: 5px 0 8px; }
#sidebar ul ul, #sidebar ul ol { 
	margin: 5px 0 0 10px; }
#sidebar ul ul ul, #sidebar ul ol { 
	margin: 0 0 0 10px; }
ol li, #sidebar ul ol li { 
	list-style: decimal outside; } 
#sidebar ul ul li, #sidebar ul ol li { 
	margin: 3px 0 0; 
	padding: 0; }
/* End Entry Lists */

/* Begin Form Elements */
#searchform { 
	position: relative;
	margin: 0px auto;
	padding: 0px 0px;
	text-align: center; }
.entry form { text-align:center; }
select { width: 120px; }
#commentform input { 
	width: 320px; 
	padding: 2px; 
	margin: 5px 5px 1px 0; }
#commentform textarea {
	width: 95%;
	padding: 2px;
	font: .9em monaco, 'andale mono', courier, monospace; }
#commentform #submit { margin: 0; }
/* End Form Elements */

/* Begin Comments*/
.graybox, .whitebox {
	margin: 0;
	border-top: 1px solid #999;
	border-bottom: 1px solid #999;
	background: #fff; }
.comment { width: 75%; }
.commentlist {
	padding: 0;
	text-align: left; }
.commentlist li {
	margin: 15px 0 3px;
	padding: 5px 10px 3px;
	list-style: none; }
.commentlist p { 
	margin: 10px 5px 10px 0; }
#commentform p { margin: 5px 0; }
.nocomments {
	text-align: center;
	margin: 0;
	padding: 0; }
.commentmetadata {
	margin: 0;
	display: block;
	font: .8em 'segoe ui', arial, sans-serif; }
/* End Comments */

/* Begin Sidebar */
/* End Sidebar */

/* Begin Various Tags & Classes */
.center { text-align: center; }
hr { display: none; }
a img { border: none; }
.navigation { 
	clear: both; }
.wp-smiley { 
	border: none; 
	padding: 0; 
	margin:0; 
	vertical-align: -22%; }
.botdAnchor { border: 0; }	
.gravatar {
	margin: 3px;
	padding: 3px;
	border: 1px solid #999;
	float: right; }
.browsericon {
	border: none;
	float: right;
	clear: left;
	padding: .3em; }
.inset { float: left; margin: 5px; clear: both; }
.insetkanan { float: right; }
.commentnumber {
	float: left;
	font-size: 1.5em;
	margin-top: .3em;
	color: #14568A;
	background: transparent;
        font-style: italic; }
.sunda { font: 1.1em 'Sundanese Unicode', SangkuriangSunda, sans-serif; color: maroon; }
.bugis { font: 1.1em saweri, code2000, lontara, sans-serif; color: maroon; }
.jawa { font: 1.2em 'Tuladha Jejeg', Adjisaka, sans-serif; color: maroon; line-height: 2em}
/* End Various Tags & Classes*/