/*
Theme Name: Batavia 1.5
Theme URI: http://www.scarletblaze.com/wp/?p=3
Description: Batavia 1.5 is a theme for WordPress 1.5.  Batavia 1.5 is the "lite" version of Jakarta 1.5.  It  doesn't come with image.
Version: 1.1
Author: Jose Mulia
Author URI: http://www.scarletblaze.com

NOTES:
Historically, Batavia was the name of the settlement by the Dutch East India Company on the island of Java.
It later became the capital of the Netherlands East Indies colony.
After the independence of Indonesia, it was renamed Jakarta.
*/

/* BEGIN IMAGE CSS: place all the images here */

/* END IMAGE CSS */

/* General Layout */
HTML



BODY {
	FONT-SIZE: 62.5%;
	COLOR: #000000;
	FONT-FAMILY: "Trebuchet MS", Georgia, 	Verdana, "times New Roman", Times, Serif;
	BACKGROUND-COLOR: #FFFFFF;
	MARGIN: 5px;

}

#page {
	MARGIN: auto;
	WIDTH: 100%;
	BACKGROUND-COLOR: #FFFFFF;
}

#header {
	margin: auto;
	WIDTH: 100%;
	HEIGHT: 108px;
	BACKGROUND-COLOR: #9999CC;
	COLOR: #000099;

}

#header a {
	COLOR: #000099;
	text-decoration: none;
}

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


#toolbar-top {
	WIDTH: 100%;
	HEIGHT: 65px;
	padding-left: 10px;
}

#toolbar-left {
	font-family: 'Lucida Grande', Verdana, 	Arial, Sans-Serif;
	FONT-SIZE: 1.1em;
	padding-top: 20px;
	padding-left: 10px;
        word-spacing: 5em;
	float: left;
	color: #0000FF;
	font-weight: bold;
}

#toolbar-right {
	font-family: 'Lucida Grande', Verdana, 	Arial, Sans-Serif;
	FONT-SIZE: 1em;
	padding-top: 20px;
	padding-right: 20px;
	text-align: right;
	color: #0000FF;
}

#content {
	FONT-SIZE: 1.2em;

}

.narrowcolumn {
	PADDING-RIGHT: 15px;
	MARGIN: 0px;
	WIDTH: 650px;
	PADDING-TOP: 5px;
	FLOAT: left;
	padding-top: 10px;
	padding-left: 15px;
}
.widecolumn {
	PADDING-RIGHT: 15px;
	MARGIN: 0px;
	WIDTH: 670px;
	PADDING-TOP: 10px;
	FLOAT: left;
	padding-top: 10px;
	padding-left: 15px;
}
.linkcolumn {
	line-height: 0.5cm;
	PADDING-RIGHT: 15px;
	MARGIN: 0px;
	WIDTH: 600px;
	PADDING-TOP: 5px;
	FLOAT: left;
	padding-top: 10px;
	padding-left: 15px;
}

table.links {
	text-align: center;
        border-width: 1px;
	border-spacing: ;
	border-style: dotted;
	border-color: gray;
	border-collapse: separate;
	background-color: #c0c0c0;

	table-border: "3";
	cell-padding: "2";
	cell-spacing: "2"
	width: 75%;
}
.links td {
	border: 1px solid #ccc;
	border: 1px solid #ccc;
	text-align: center;
	font-weight: bold;
}

#headerimg {
	MARGIN: auto;
	BACKGROUND-COLOR: #FFFFCC;
	text-align: center;
	width: 480px;
	HEIGHT: 200px;
}

#sidebar {
	WIDTH: 200px;
	margin-left: 750px;
	PADDING-RIGHT: 0px;
	PADDING-LEFT: 0px;
	PADDING-TOP: 20px;
	FONT-FAMILY: "Trebuchet MS", Georgia, Verdana, "times New Roman", 		Times, Serif;
	FONT-SIZE: .95em
}



#footer {
	CLEAR: both;
	MARGIN-top: 100px;
	WIDTH: 760px;
	color: #7D5B38;
	height: 46px;
	BACKGROUND-COLOR: #CCCC99;
}

/* Content / attribute */
.widecolumn .entry P {
	FONT-SIZE: 1.05em
}

.widecolumn P:hover {
	color: #660000;
}

.narrowcolumn P:hover {
	color: #660000;
}

.narrowcolumn P {
	text-align: justify;
}

.narrowcolumn .entry {
	LINE-HEIGHT: 1.4em
}
.widecolumn .entry {
	LINE-HEIGHT: 1.4em
}
.widecolumn .post {
	MARGIN: 0px
}

.narrowcolumn .postmetadata {
	TEXT-ALIGN: center
}

.narrowcolumn .postmetadata {
	PADDING-TOP: 5px
}
.widecolumn .postmetadata {
	MARGIN: 30px 0px
}




SMALL {
	FONT-SIZE: 0.9em; LINE-HEIGHT: 1.5em;
	FONT-FAMILY: Arial, Helvetica, Sans-Serif
	COLOR: #777
}




.alt {
	BORDER-TOP: #ddd 1px solid;
	BORDER-BOTTOM: #ddd 1px solid;
    BACKGROUND-COLOR:#CCCC99;
	PADDING-RIGHT: 10px;
	PADDING-LEFT: 10px;
	PADDING-BOTTOM: 10px;
	MARGIN: 0px;
	PADDING-TOP: 10px;
}

.description {
	FONT-SIZE: 1.2em;
	TEXT-ALIGN: center;
	COLOR: #7D5B38;
	TEXT-DECORATION: none;
	TEXT-ALIGN: left;
	margin-left: 5px;
}

H1 {
	FONT-FAMILY: 'Trebuchet MS', 'Lucida Grande', Verdana, Arial, Sans-Serif;
	FONT-SIZE: 4em;
	TEXT-ALIGN: left;
	COLOR: #7D5B38;
	MARGIN: 5px 0px 0px 5px;
}
H1 A {
	COLOR: #7D5B38;
}
H1 A:hover {
	color: #660000;
}
H1 A:visited {
	COLOR: #7D5B38;
}

H2 {
    FONT-WEIGHT: bold;
	FONT-FAMILY: 'Trebuchet MS', 'Lucida Grande', Verdana, Arial, Sans-Serif;
    COLOR: #7D5B38;
	FONT-SIZE: 1.6em;
	TEXT-DECORATION: none;
	MARGIN: 30px 0px 0px;
}
H2.pagetitle {
	FONT-SIZE: 1.6em;
	MARGIN-TOP: 30px;
	TEXT-ALIGN: center;
}

H2 A {
	COLOR: #7D5B38;
	TEXT-DECORATION: none;
}
H2 A:visited {
	COLOR: #7D5B38;
	TEXT-DECORATION: none;
}

H2 A:hover {
COLOR: #06c;
TEXT-DECORATION: none;
}

H3 {
	FONT-WEIGHT: bold; FONT-FAMILY: 'Trebuchet MS', 'Lucida Grande', Verdana, Arial, Sans-Serif;
	FONT-SIZE: 1.3em;
	COLOR: #7D5B38;
	TEXT-DECORATION: none;
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 30px 0px 0px; PADDING-TOP: 0px;

}

H3.comments {
	PADDING-RIGHT: 0px;
	PADDING-LEFT: 0px;
	PADDING-BOTTOM: 0px;
	MARGIN: 40px auto 20px;
	PADDING-TOP: 0px;
}

H3 A {
	COLOR: #7D5B38;
	TEXT-DECORATION: none;
}
H3 A:visited {
	COLOR: #7D5B38;
	TEXT-DECORATION: none;
}

H3 A:hover {
COLOR: #06c;
TEXT-DECORATION: none;

}

#searchform {
	PADDING-RIGHT: 3px;
	PADDING-LEFT: 3px;
	PADDING-BOTTOM: 5px;
	MARGIN: 10px auto;
	PADDING-TOP: 5px;
	TEXT-ALIGN: center;
}



CITE {
	TEXT-DECORATION: none
}
STRIKE {
	COLOR: #777
}
CODE {
	FONT: 1.1em 'Courier New', Courier, Fixed
}

UNKNOWN {
	PADDING-RIGHT: 0px; PADDING-LEFT: 10px; PADDING-BOTTOM: 0px; MARGIN-LEFT: 0px; TEXT-INDENT: -10px; PADDING-TOP: 0px; LIST-STYLE-TYPE: none
	MARGIN: 7px 0px 8px 10px
}
SELECT {
	WIDTH: 130px
}
ACRONYM {
BORDER-BOTTOM: #999 1px dashed
FONT-SIZE: 0.9em; LETTER-SPACING: 0.07em
	CURSOR: help
}
abbr {
FONT-SIZE: 0.9em; LETTER-SPACING: 0.07em
	CURSOR: help
	BORDER-BOTTOM: #999 1px dashed
}
SPAN.caps {
	CURSOR: help
	FONT-SIZE: 0.9em; LETTER-SPACING: 0.07em
}

.center {
	TEXT-ALIGN: center
}

HR {
	DISPLAY: none;
}



#footer P {
	MARGIN: 0px;
	TEXT-ALIGN: center;
	padding-top: 15px;
	FONT-FAMILY: 'Trebuchet MS', 'Lucida Grande', Verdana, Arial, Sans-Serif;
}

A {
	COLOR: #06c; TEXT-DECORATION: none
}

A:hover {
	COLOR: #147; TEXT-DECORATION: underline
}

A NAME{
	COLOR: #000000;
	FONT-SIZE: 2em
}

A IMG {
	BORDER-TOP-STYLE: none; BORDER-RIGHT-STYLE: none; BORDER-LEFT-STYLE: none; BORDER-BOTTOM-STYLE: none
}

P IMG {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; PADDING-TOP: 0px; max-width: 100%
}
IMG.centered {
	DISPLAY: block; MARGIN-LEFT: auto; MARGIN-RIGHT: auto
}
IMG.alignright {
	PADDING-RIGHT: 4px; DISPLAY: inline; PADDING-LEFT: 4px; PADDING-BOTTOM: 4px; MARGIN: 0px 0px 2px 7px; PADDING-TOP: 4px
}
IMG.alignleft {
	PADDING-RIGHT: 4px; DISPLAY: inline; PADDING-LEFT: 4px; PADDING-BOTTOM: 4px; MARGIN: 0px 7px 2px 0px; PADDING-TOP: 4px
}
.alignright {
	FLOAT: right
}
.alignleft {
	FLOAT: left
}


/* Sidebar */
#sidebar {
	FONT: 1.25em "Trebuchet MS", Georgia, Verdana, "times New Roman", 	Times, Serif;
	}

#sidebar H2 {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 5px 0px 0px; PADDING-TOP: 0px
}

#sidebar FORM {
	MARGIN: 0px
}

#sidebar H2 {
	FONT-SIZE: 1.2em;
	FONT-FAMILY: 'Lucida Grande', Verdana, Sans-Serif;
	TEXT-DECORATION: none;
}


/* Toolbar Tooltip */
a.tooltip, a.tooltip:link, a.tooltip:visited, a.tooltip:active  {
  position: relative;
  text-decoration: none;
  }

a.tooltip:hover {
  background: transparent;
  }

a.tooltip span {
  display: none;
  text-decoration: none;
}

a.tooltip:hover span {
	display: block;
	position: absolute;
	z-index: 100;
	color: #7D5B38;
	border:1px solid #7D5B38;
	background: #FFFFCC;
	font: .9em 'Lucida Grande', Verdana, Arial, Sans-Serif;
	top: -20px;
	cursor: crosshair;
	padding: 5px;
  }

/* End Toolbar Tooltip */