/***********************************************/
/* style.css                                   */
/* Use with template 3col_leftNav.html         */
/*  										   */
/* Gimson Ahmed (gimson@insigt12.com) 		   */
/* 2005/01/30								   */
/* version 1.0								   */
/***********************************************/

/***********************************************/
/* HTML tag styles                             */
/***********************************************/ 

body{
	font-family: Helvetica,Arial,sans-serif;
	color: #333;
	line-height: 1em;	
	margin: 0px;
	padding: 0px;
	background: #bef633;
}

a{
	color: #006699;
	text-decoration: none;
}

a:link{
	color: #006699;
	text-decoration: none;
}

a:visited{
	color: #006699;
	text-decoration: none;
}

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

h1{
 font-family: Verdana,Helvetica,Arial,sans-serif;
 font-size: 120%;
 color: #334d55;
 margin: 0px;
 padding: 0px;
}

h2{
 font-family: Helvetica,Arial,sans-serif;
 font-size: 114%;
 color: #006699;
 margin: 0px;
 padding: 0px;
}

h3{
 font-family: Helvetica,Arial,sans-serif;
 font-size: 10pt;
 color: #334d55;
 margin: 0px;
 padding: 0px;
}

h4{
 font: bolder 100% Helvetica,Arial,sans-serif;
 color: #333333;
 margin: 0px;
 padding: 0px;
}

h5{
 font-family: Verdana,Helvetica,Arial,sans-serif;
 font-size: 100%;
 color: #334d55;
 margin: 0px;
 padding: 0px;
}

ul{
 /*list-style-type: square;*/
}

ul ul{
 list-style-type: disc;
}

ul ul ul{
 list-style-type: none;
}

li{
	padding-bottom: 5px;
}

label{
 font-family: Helvetica,Arial,sans-serif;
 font-size: 100%;
 font-weight: bold;
 color: #334d55;
}

dd{
	padding-left: 130px;
	margin-bottom: 2px;
	font-weight: normal;
	font-style: italic;
}

dt{
	float: left;
}

code{
	font-family: monospace;
	font-weight: normal;
	font-style: normal;
}

/***********************************************/
/* Layout Divs                                 */
/***********************************************/

#navBar{
	position: absolute;
	width: 170px;
	margin: 80px 41px 0 570px;
	z-index: 1;
}

/* CSS for the box starts here */
#navBar .box {
	padding:0 10px 0 0;
	background: url(images/thumbnail-8a-menufill.png) 0 0 repeat-y;
	}
#navBar .bi {
	padding: 0 0 0 11px;
	/*background: url(images/thumbnail-8a-boxmenu.png) 0 0  repeat-y;*/
	}
#navBar .bt {
	height: 20px;
	margin:0 -11px;
	background:url(images/thumbnail-8a-boxmenu.png) 100% 0 no-repeat;
	}
#navBar .bt div {
	width:40px;
	height:20px;
	background:url(images/thumbnail-8a-boxmenu.png) 0 0 no-repeat;
	}
#navBar .bb {
	height:35px;
	margin:0 -11px;
	background:url(images/thumbnail-8a-boxmenu.png) 100% 100% no-repeat;
	}
#navBar .bb div.navBarBottom1 {
	float: right;
	width:30px;
	height:35px;
	background:url(images/thumbnail-8a-boxmenu.png) bottom right no-repeat;
	}
#navBar .bb div.navBarBottom2 {
	width:100%;
	height:30px;
	background:url(images/thumbnail-8a-boxmenu.png) bottom left no-repeat;
	}


#headlines{
  padding: 0 40px 0 10px;
}

ul.sideblog{
	list-style: none;
	margin: 0 10px 0 -40px;
}

#content{
	float: left; 
	width: 550px;
	min-height: 100vh;
	height: 100vh;
	margin: 0 0 0 0;
	padding: 0 10px 0 10px;
	background:#bef633 url(images/thumbnail-8a-background.png) 0 0 no-repeat;
	-webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
	background-size: cover;
	z-index: 0;
}

#content #rightShadow{
	margin: 0 0 0 560px;
	padding: 0 0 0 0;
	height: 1024px;
	width: 20px;
	background: url(images/thumbnail-8a-background.png) top right repeat-y;
	position: fixed;
	z-index: 0;
}

#content #quoteBox{
	padding: 0 10px 0 50px;
}

#masthead{
	width: 521px;
	padding: 0;
	margin: 0 130px 1em 39px;
}

#masthead h1 {
	padding: 10px 0px 0px 15px;
	color: white;
	font-family: Gill Sans;
}

#masthead a{
	color: #ffffff;
	text-decoration: none;
}

#masthead p{
	padding: 0 0 0 15px;
	color: #ffffff;
	margin: 5px 0 0 0;
	font: 10pt Georgia,serif;
}

/* CSS for the box starts here */
#masthead .box {
	margin: 0 11px 0 0;
	padding:0;
	background: url(images/thumbnail-8a-head.png) top right repeat-x;
	}
#masthead .bi {
	padding: 10px;
	background: url(images/thumbnail-8a-head.png) no-repeat;
	height: 60px;
	}

.bottomShadow{
/*	background: url("images/shadow.png") 0 0 repeat;
	width: 521px;
	height: 40px;
	margin: -1em 130px 0 39px;
	margin-bottom: -25px;*/
}

/***********************************************/
/* Components                                  */
/***********************************************/


/************** .story styles *****************/

.story{
	margin: 0 0 0 10px;
	padding: 10px 20px 0px 55px;
	font: 10pt/1.5em Helvetica,Arial,sans-serif;
}

.story p{
	padding: 0;
}

.story h2{
	border-top: 1px dotted #710;
	margin-top: 2em;
	padding-top: 10px;
}

.story h2.blogTitle{
	padding: 10px 10px 10px 0;
	margin: 0;
	font: bolder 120% "Trebuchet MS",Helvetica,Arial,sans-serif;
	border-top: 0px dotted #222;
	border-bottom: 0px dotted #222;
}

.story h2.blogTitle a{
}

.story h3{
	margin-bottom: -0.5em;
	line-height: 1.3em;
}

.story dl{
	padding-left: 20px;
	font-weight: bolder;
}

.story span.date{
	font: small-caps 100%/1em Georgia,serif;
	color: #f72;
	margin-top: 1.5em;
}

.story p.linkBawah{
	padding: 8px 8px 8px 0;
	font: small-caps 100%/1em Georgia,Helvetica,Arial,sans-serif;
	border-top: 1px dotted #cede00;
	border-bottom: 1px dotted #889700;
	color: #666;
}

.story div{
	margin: 8px;
	font: 80%/1em "Trebuchet MS",Helvetica,Arial,sans-serif;
}

/************* #search styles ***************/

#search{
	width: 100%;
	padding: 5px 0px 5px 5px;
	font-size: 80%;
	margin: 0 0 1em 0;
}

#search form{
	margin: 0px;
	padding: 0px;
}

#search label{
	display: block;
	margin: 0px;
	padding: 0px;
	color: #ffffff;
}

input.search{
	background: url(images/search_middle.gif) top repeat-x;
	height: 21px;
	padding: 0 0 5px 0;
	border: none;
	margin: 0;
}

div.searchBox{
	position: relative;
	margin: 0;
	padding: 0;
	width: 90%;
}

div.searchBox div.left{
	float: left;
	position: relative;
	width: 24px;
	height: 21px;
	background: url(images/thumbnail-8a-searchbox.gif) top left repeat-x;
	margin: 0;
	padding: 0;
	border: 0;
}


/*********** #navBar link styles ***********/

#navBar ul a:link, #navBar ul a:visited {display: block;}
#navBar ul {list-style: none; margin: 0; padding: 0;}

/* hack to fix IE/Win's broken rendering of block-level anchors in lists */
#navBar li {border-bottom: 1px solid #EEE;}

/* fix for browsers that don't need the hack */
html>body #navBar li {border-bottom: none;}


/*********** #sectionLinks styles ***********/

#sectionLinks{
	position: relative;
	margin: 0 3px 0 -11px;
	border-bottom: 1px dotted #FFD9B3;
	font: 10pt "Trebuchet MS",Helvetica,Arial,sans-serif;
}

#sectionLinks h3{
	padding: 10px 0px 2px 15px;
}

#sectionLinks a {
	display: block;
	border-top: 1px dotted #FFD9B3;
	padding: 4px 2px 4px 15px;
	margin: 0 0 -4px 0;
	color: #FFD9B3;
}

#sectionLinks a:hover{
	background: url(images/25black.png) 0 0 repeat;
	color: #fff;
}


/*********** .relatedLinks styles ***********/

.relatedLinks{
	position: relative;
	margin: 0;
	padding: 0 15px 15px 5px;
	font: 8pt/1.2em Helvetica,Arial,sans-serif;
	color: #fff;
}

.relatedLinks h3{
	padding: 10px 0px 10px 0px;
}

.relatedLinks a:link,
.relatedLinks a:visited {
	display: block;
	color: #FFD9B3; 
}

.relatedLinks p.blosxom_logo a{
	height: 30px;
	margin: 0 20px -30px 0;
	padding: 5px 33px 0 0;
	font: none 8pt Helvetica,Arial,sans-serif;
	text-decoration: none;
	color: #444;
	text-align: right;
	background: url(images/pb_blosxom.gif) top right no-repeat;
}

.relatedLinks p.blosxom_logo b{
	font: bolder 9pt Helvetica,Arial,sans-serif;
}

/************** #advert styles **************/

#advert{
	padding: 30px 0px 10px;
}

#advert img{
	display: block;
}


/************** #headlines styles **************/

#headlines{
	margin: 0 0 0 10px;
	padding: 10px 10px 20px 10px;
	font-size: 10pt;
}

#headlines p{
	padding: 0 0 5px 0;
}

#headlines li{
	list-style: none;
	margin: -1px 0 0 -30px;
	border-left: 10px solid #898900;
	padding-left: 10px;
	padding-top: 1px;
}

#headlines ul{
}