code {
	 font-family: Monaco, Verdana, Sans-serif;
	 font-size: 12px;
	 background-color: #f9f9f9;
	 border: 1px solid #D0D0D0;
	 color: #002166;
	 display: block;
	 margin: 14px 0 14px 0;
	 padding: 12px 10px 12px 10px;
	}
	
	.JudulKanal {
	 color: #91C100;
		font-family: 'Lucida Sans', 'Lucida Grande', 'Trebuchet MS';
		letter-spacing: -2px;
		font-size: 20px;
		font-weight: bold;
	 background-color: transparent;
	 border-bottom: 1px solid #91C100;
	 	text-transform:uppercase;
	 
	 margin: 0px 0 2px 0;
	 padding: 5px 0 6px 0;
	}
	
	.JudulKanalFront {
		color: #91C100;
		font-family: 'Lucida Sans', 'Lucida Grande', 'Trebuchet MS';
		letter-spacing: -2px;
		font-size: 20px;
		font-weight: bold;
	 	text-transform:uppercase;
	}
	
	.JudulMainKanalFront {
		color: #999;
		font-family: 'Lucida Sans', 'Lucida Grande', 'Trebuchet MS';
		letter-spacing: -2px;
		font-size: 20px;
		font-weight: bold;
	 	text-transform: lowercase;
	}
	
	.JudulArtikel {
	 color: #0066CC;
	 background-color: transparent;
	 font-size: 16px;
	 font-weight: bold;
	}
	
	.SubJudulArtikel {
	 color: #444;
	 background-color: transparent;
	 font-size: 14px;
	 font-weight: bold;
	}
/*	
	.breadcrumb {
		font-size:10px;
		color:#666;
	}
	
	.breadcrumb a:link,
	.breadcrumb a:active,
	.breadcrumb a:visited  {text-decoration: none; color: #FF8200;}
	.breadcrumb a:hover {text-decoration: none; color: #333; background:#999999;}
*/	
	.gallerylistbox {
		border:1px solid #999; float:left; margin:3px; padding:3px;
	}
	
	.biolistbox {
		border:1px solid #CCC; float:left; margin:3px; padding:3px;
	}
	
	.biolisttext {
		font-size: 11px;
		padding:5px; background:#efefef; font-size:12px; font-weight:bold;
		text-align:center;
	}
	
	.biolisttext a:link,
	.biolisttext a:active,
	.biolisttext a:visited  {text-decoration: none; color: #FF8200;}
	.biolisttext a:hover {text-decoration: none; color: #333; background:#999999;}
		
	.biolistboxother {
		border:1px solid #CCC; float:left; margin:2px; padding:2px; overflow:visible; border:1px solid #CCC;
	}
	
	.biolisttextother {
		padding:2px; font-size:10px; text-align:center;
	}
	
	.biolisttextother a:link,
	.biolisttextother a:active,
	.biolisttextother a:visited  {text-decoration: none; color: #FF8200;}
	.biolisttextother a:hover {text-decoration: none; color: #333; background:#999999;}
	
	.mainkanal {
		font-size: 12px;
		color: #fff;
		font-family: Tahoma,Arial,Helvetica,sans-serif;
		text-align: right;
		background: #333;
		margin-top: 1px;
		padding: 3px 10px 3px 3px;
	}
	
	.mainkanal a:link,
	.mainkanal a:active,
	.mainkanal a:visited  {text-decoration: none; color: #fff;}
	.mainkanal a:hover {text-decoration: none; color: #fff; background:#999999;}
	
	.footerlink, .footertext {
		color: #fff;
	}
	
	.footerlink a:link,
	.footerlink a:active,
	.footerlink a:visited  {text-decoration: none; color: #A2D700;}
	.footerlink a:hover {text-decoration: none; color: #fff; background:#B81000;}
	
	.logintext {
		font-size:10px;
		color:#fff;
	}
	
	.logintext a:link,
	.logintext a:active,
	.logintext a:visited  {text-decoration: none; color: #000;}
	.logintext a:hover {text-decoration: none; color: #333; background:#999999;}
	
	.loginoktext {
		font-size:12px;
		color:#fff;
	}
	
	.loginoktext a:link,
	.loginoktext a:active,
	.loginoktext a:visited  {text-decoration: none; color: #000;}
	.loginoktext a:hover {text-decoration: none; color: #333; background:#999999;}
		
	.tgl {
		font-size: 11px;
		font-family: Tahoma,Arial,Helvetica,sans-serif;	
	}

	#menu {
		height: 36px;
		margin: 0px auto 0px auto;
		font-size:11px;
		background: #89B509;
	}
	
	#menu li, #menu ul { list-style: none; margin: 0; padding: 0; }
	#menu ul { margin: 0 auto; }
	#menu li { float: left; }
	#menu ul li { list-style-type:none;	list-style-image: none; list-style:none; background:none;}
	
	#menu li a {
		font-size:11px;
		display: block;
		height: 36px;
		width: 100px;
		text-align: center;
		line-height: 36px;
		font-weight: bold;
		color: #000;
		text-decoration: none;	
	}
	
	#menu li a:hover {
		background: #fff url(/img/bg_menu_hover.gif);
	}
	
	#menu .active a {
		color: #289aff;
		background: #fff;
	}
	
	.ContentLeft {
		float:left;
		width:160px;
		padding-right:10px;
		margin-right:10px;
		border-right:1px solid #efefef;
	}
	
	.ContentRight {
		float:right;
		width:710px;
	}
	
	.SubJudulKanal {
		font:bold 16px arial,verdana,sans-serif;
		color:#000;
		text-transform: uppercase;
		border-bottom:1px solid #CCC;
		padding-bottom:3px;
		margin:20px 0 5px 0;
	}
	
	
	a.squarebutton{
		background: transparent url('/img/square-green-left.gif') no-repeat top left;
		display: block;
		float: left;
		font: normal 12px Arial; /* Change 12px as desired */
		line-height: 15px; /* This value + 4px + 4px (top and bottom padding of SPAN) must equal height of button background (default is 23px) */
		height: 23px; /* Height of button background height */
		padding-left: 9px; /* Width of left menu image */
		text-decoration: none;
		margin:0 3px 0 3px;
	}
	
	a:link.squarebutton, a:visited.squarebutton, a:active.squarebutton{
		color: #494949; /*button text color*/
	}
	
	a.squarebutton span{
		background: transparent url('/img/square-green-right.gif') no-repeat top right;
		display: block;
		padding: 4px 9px 4px 0; /*Set 9px below to match value of 'padding-left' value above*/
	}
	
	a.squarebutton:hover{ /* Hover state CSS */
		background-position: bottom left;
	}
	
	a.squarebutton:hover span{ /* Hover state CSS */
		background-position: bottom right;
		color: black;
	}
	
	.buttonwrapper{ /* Container you can use to surround a CSS button to clear float */
		overflow: hidden; /*See: http://www.quirksmode.org/css/clearing.html */
		width: 100%;
	}
	
	.JudulKanalBlog {
 		color: #91C100;
		font-family: 'Lucida Sans', 'Lucida Grande', 'Trebuchet MS';
		letter-spacing: -2px;
		font-size: 20px;
		font-weight: bold;
 		float:left;
	}
	
	.JudulKanalBlog-View {
	 font-family: Lucida Grande, Verdana, Sans-serif;
	 font-size: 12px;
	 font-weight:normal;
	 color: #4F5155;
	 letter-spacing: 0px;
	}
	
	.mattblacktabs{		
		overflow: hidden;
		border-bottom: 1px solid #91C100; /*bottom horizontal line that runs beneath tabs*/
	}
	
	.mattblacktabs ul{
		margin: 0;
		padding: 0;
		padding-left: 10px; /*offset of tabs relative to browser left edge*/
		font: bold 12px Verdana;
		list-style-type: none;
		float:left;
		width:300px;
	}
	
	.mattblacktabs li{
		display: inline;
		margin: 0;
	}
	
	.mattblacktabs li a{
		float: left;
		display: block;
		text-decoration: none;
		margin: 0;
		padding: 7px 8px; /*padding inside each tab*/
		border-right: 1px solid white; /*right divider between tabs*/
		color: white;
		background: #ccc; /*background of tabs (default state)*/
	}
	
	.mattblacktabs li a:visited{
		color: white;
	}
	
	.mattblacktabs li a:hover {
		background: #91C100; /*background of tabs for hover state, plus tab with "selected" class assigned to its LI */
	}
	
	.mattblacktabs li.selected a{
		float: left;
		display: block;
		text-decoration: none;
		margin: 0;
		padding: 7px 8px; /*padding inside each tab*/
		border-right: 1px solid white; /*right divider between tabs*/
		color: white;
		background: #91C100; /*background of tabs (default state)*/
	}
	
	.mattblacktabs li.selected a:hover {
		background: #91C100; /*background of tabs for hover state, plus tab with "selected" class assigned to its LI */
	}
	
	
	.theList ul, .theList ol {
	  margin:.5em 0 1em;
	  padding:0;
	  }
	  
	.theList ul li {
	  margin:0 0 0 0px;
	  padding:0 0 0px 10px;
	  line-height:1.5em;
	  list-style:none;
	  background:url(/img/arrow_gray.gif) no-repeat 0 .5em;
	}
	
	/* -------------- PAGING ------------- */
	#paging{
		clear:both;
		margin-top:20px;
		padding:5px;
		font-family:Arial, Helvetica, sans-serif;
		font-size:12px;
		color:#000;
		font-weight:bold;
		text-align:center;
	}
	#paging a{
		padding:4px 7px 4px 7px;
		margin:0px 2px 0px 2px;
		border:1px solid #2E81C3;
		background:#FFF;
		color:#2E81C3;
		text-decoration:none;
	}
	#paging a:hover{
		border:1px solid #2E81C3;
		background:#2E81C3;
		color:#FFFFFF;
		text-decoration:none;
	}


#theHeader, #theSubHeader, #theFooter, #theSubFooter {
	width:974px; 
	margin:0px auto 0px auto;
}	

/* -------------- HEADER ------------- */
#theHeader {
	margin-center:20px 0px 10px 0px;
}

div#theHeader h1{
	font-size:60px;
	letter-spacing:-1px;
	font-weight:normal;
	margin:0;
	padding:20px 0 25px 0;
	text-align:center;
}

div#theHeader h1 a:link,
div#theHeader h1 a:visited{color:#7499D4;text-decoration: none;}
div#theHeader h1 a:hover{color:#fff;}	

div#theHeader h1 small{
	display:block;
	color:#fff;
	font-size:10px;
	text-transform:uppercase;
	letter-spacing:-1px;
	margin:0;
}	


#menu ul{
	font: bold 10px Arial;
	margin:0;
	/*margin-left: 5px; /*margin between first menu item and left browser edge*/
	padding: 0;
	list-style: none;
	
}

#menu li{
	font: bold 10px Arial;
	display: inline;
	margin: 0 5px 0 0;
	padding: 0;
	text-transform:uppercase;
}

#menu a{
	font: bold 14px Arial;
	float: left;
	display: block;
	color: #fff;
	margin: 0;
	text-decoration: none;
	letter-spacing: 5px;
	background-color: #4F9AD5; /*Default menu color*/
	padding: 10px 12px 10px 12px;
}

#menu a:hover{
	font: bold 14px Arial;
	background-color: #E29442; /*Menu hover bgcolor*/
}

#menu #current a{
	font: bold 14px Arial;
	color: #fff;
	background-color: #2E81C3;
}

/* -------------- SUB HEADER ------------- */
.SubHeader {
	height:300px;
	background:#060815;
}

.SubHeader-BoxM {
	height:100%;
	position:relative;
}

.SubHeader-Box {
	position:absolute;
	bottom:0;
	left:0;
	background:#fff;
	padding:15px;
	width:944px;
	filter:alpha(opacity=75);-moz-opacity:.75;opacity:.75; 
}

.SubHeader-Judul {
	font:bold 20px Lucida Sans, Lucida Grande, Trebuchet MS;
	letter-spacing: -2px;
	color: #333;
}

.SubHeader-Isi {
	color:#000;
	font-size:16px;
}


/* -------------- MAIN CONTENT ------------- */
#theContent {
	width:974px;
	margin:0 auto;
	background:#fff;	
}
#theMainContentWrapper{
	float: left;
	width: 100%;
}
#theMainContent {
	padding: 15px;
	margin-right: 15px;
	width: 680px;
	height:auto;
}
#theSideContentRight {
	padding:15px;
	width:300px;
	font-size:12px;
	float:left;
	margin-left:-331px;
	border-left:1px dashed #ccc;
}
.SideContentLeft {
}
.SideContentRight {
}
.MainContent ul {
  margin:.5em 0 1em;
  padding:0;
}
.MainContent li {
  margin:0 0 0 0px;
  padding:0 0 0px 10px;
  line-height:1.5em;
  list-style:none;
  background:url(/img/arrow_gray.gif) no-repeat 0 .5em;
}
.tanggal {
	font-size: 11px;
	font-family: Tahoma,Arial,Helvetica,sans-serif;	
}
.JudulHalaman {
	font:bold 24px Lucida Sans, Lucida Grande, Trebuchet MS;
	letter-spacing: -2px;
	color: #000;
	border-bottom:1px solid #ccc;
	margin-bottom:20px;
}
.JudulArtikel {
	font:bold 24px Lucida Sans, Lucida Grande, Trebuchet MS;
	letter-spacing: -2px;
	color: #2E81C3;
}

.JudulArtikel a, .judullist a,
.JudulArtikel:link, .JudulArtikel:active, .JudulArtikel:visited {
	color: #2E81C3;
	text-decoration:none;
}

.JudulArtikel a:hover, .JudulArtikel:hover, .judullist a:hover {
	color: #3F3F3F;
}

.JudulKanal {
	font:bold 16px arial,verdana,sans-serif;
	color:#000;
	text-transform: uppercase;
	border-bottom:1px solid #CCC;
	padding-bottom:3px;
	margin-bottom:5px;
}

.JudulKanal a {
	color: #F9571F;
}

.JudulKanal a:hover {
	color: #3F3F3F;
}

/* -------------- BLOG CONTENT ------------- */
#BlogContent {
	margin-bottom:10px;
	padding-bottom:10px;
}
.BlogContent-Tanggal {
	text-align: center;
	width: 50px;
	font-family:Arial;
	float:left;
	margin-right:10px;
	color:#fff;
	background:#2E81D8;
}
.BlogContent-Tanggal-Day {
	font-size: 26px;
	margin-top: -6px;
}
.BlogContent-Tanggal-Month {
	font-size: 12px;
	text-transform:uppercase;
}
.BlogContent-Tanggal-Year {
	font-size: 12px;
	margin-top: -7px;
}
.BlogContent-Judul {
	font:bold 24px Lucida Sans, Lucida Grande, Trebuchet MS;
	letter-spacing: -2px;
	color: #2E81C3;
}
.BlogContent-Isi {
	clear:left;
	padding-top:10px;
}
.BlogContent-Attr {
	clear:both;
	margin-top:20px;
	font-size: 11px;
}

#BlogContent-Comments {
}
.BlogContent-Comments-Judul {
	padding: 5px 20px 5px 20px;
	background: #efefef;
	font: bold 14px Lucida Sans, Lucida Grande, Trebuchet MS;
}
.BlogContent-CommentList-Owner {
	padding:10px;
	border:1px dashed #666;
	background:#efefef;
	margin-bottom:10px;
}
.BlogContent-CommentList {
	padding:10px;
	border:1px dashed #ccc;
	background:#efefef;
	margin-bottom:10px;
}
.BlogContent-CommentList-Image {
	float:left; 
	width:65px; 
	padding-right:5px;
}
.BlogContent-CommentList-Pengirim {
	margin-bottom:5px;
}
.BlogContent-CommentList-Nama {
	font-weight:bold;
}
.BlogContent-CommentList-Nama a{
	font-weight:bold;
}
.BlogContent-CommentList-Tanggal {
	font-size: 11px;
	font-family: Tahoma,Arial,Helvetica,sans-serif;	
}
.BlogContent-CommentList-Komentar {
}

#BlogContent-PostComment {
	text-align: center;
	padding: 5px;
	border: 1px dotted #efefef;
}
.BlogContent-PostComment-Judul {
	margin-top:20px;
	padding: 5px 20px 5px 20px;
	background: #efefef;
	font: bold 14px Lucida Sans, Lucida Grande, Trebuchet MS;
}

/* -------------- BLOG LIST CONTENT ------------- */
.BlogList {
	margin-bottom:10px;
	padding-bottom:10px;
	border-bottom:1px solid #ccc;
}
.BlogList-Tanggal {
	text-align: center;
	width: 50px;
	font-family:Arial;
	float:left;
	margin-right:10px;
	color:#fff;
	background:#2E81D8;
}
.BlogList-Tanggal-Day {
	font-size: 26px;
	margin-top: 4px;
	margin-bottom: 10px;
}
.BlogList-Tanggal-Month {
	font-size: 12px;
	text-transform:uppercase;
}
.BlogList-Tanggal-Year {
	font-size: 12px;
	margin-top: -7px;
}
.BlogList-Judul {
	font:bold 24px Lucida Sans, Lucida Grande, Trebuchet MS;
	letter-spacing: -2px;
	color: #2E81C3;
}
.BlogList-Judul a {
	font-weight:bold;
	color: #2E81C3;
	text-decoration:none;
}
.BlogList-Judul a:hover, .BlogList-Judul:hover {
	color: #3F3F3F;
}
.BlogList-Isi {
	clear:left;
	padding-top:10px;
}
.BlogList-More {
	margin-top:16px;
}
.BlogList-More a {
	font-weight:bold;
	color: #2E81C3;
	text-decoration:none;
}
.BlogList-More a:hover {
	color: #3F3F3F;
}
.BlogList-Attr {
	clear:both;
	margin-top:20px;
	font-size: 11px;
}

/* -------------- TEASER ------------- */
.TeaserListSide {
	margin-bottom:10px;
	padding-bottom:10px;
}
.TeaserListSide-Judul {
	font:bold 16px arial,verdana,sans-serif;
	color:#000;
	text-transform: uppercase;
	border-bottom:5px solid #fff;
	padding-bottom:3px;
	margin-bottom:5px;
}
.TeaserListSide-Isi {
}
.TeaserListSide-Isi ul {
  margin:.5em 0 1em;
  padding:0;
}
.TeaserListSide-Isi li {
  margin:0 0 0 0px;
  padding:0 0 0px 10px;
  line-height:1.5em;
  list-style:none;
  background:url(/img/arrow_gray.gif) no-repeat 0 .5em;
}
.TeaserListSide-Image {
	text-align:center;
}
.TeaserListSide-Image img {
	padding:3px;
	border:dotted #ccc 5px;
}

.TeaserListFooter {
	margin:10px;
	float:left;
	width:300px;
	font-size:11px;
}
.TeaserListFooter a {
 color: #fff;
}
.TeaserListFooter ul {
  margin:.5em 0 1em;
  padding:0;
}
.TeaserListFooter li {
  margin:0 0 0 0px;
  padding:0 0 0px 10px;
  line-height:1.5em;
  list-style:none;
  background:url(/img/arrow_gray.gif) no-repeat 0 .5em;
}
.TeaserListFooter-Judul {
	font:bold 16px arial,verdana,sans-serif;
	color:#fff;
	text-transform: uppercase;
	border-bottom:5px solid #fff;
	padding-bottom:3px;
	margin-bottom:5px;
}
.TeaserListFooter-Isi {
	color:#fff;
}
.TeaserListFooter-Image {
	text-align:center;
}
.TeaserListFooter-Image img {
	padding:3px;
	border:solid #fff 1px;
}

/* -------------- Teaser Archive Blog ------------- */
.BlogArchive-TeaserListSide {
	margin-bottom:10px;
	padding-bottom:10px;
}
.BlogArchive-TeaserListSide-Judul {
	font:bold 16px arial,verdana,sans-serif;
	color:#000;
	text-transform: uppercase;
	border-bottom:1px solid #CCC;
	padding-bottom:3px;
	margin-bottom:5px;
}
.BlogArchive-TeaserListSide-Isi {
}
.BlogArchive-TeaserListSide-Isi ul {
  margin:.5em 0 1em;
  padding:0;
}
.BlogArchive-TeaserListSide-Isi li {
  margin:0 0 0 0px;
  padding:0 0 0px 10px;
  line-height:1.5em;
  list-style:none;
  background:url(/img/arrow_gray.gif) no-repeat 0 .5em;
}
.BlogArchive-TeaserListFooter {
	margin:10px;
	float:left;
	width:300px;
	font-size:11px;
}
.BlogArchive-TeaserListFooter a {
 color: #fff;
}
.BlogArchive-TeaserListFooter-Judul {
	font:bold 16px arial,verdana,sans-serif;
	color:#fff;
	text-transform: uppercase;
	border-bottom:1px solid #fff;
	padding-bottom:3px;
	margin-bottom:5px;
}
.BlogArchive-TeaserListFooter-Isi {
	color:#fff;
}
.BlogArchive-TeaserListFooter-Isi ul {
  margin:.5em 0 1em;
  padding:0;
}
.BlogArchive-TeaserListFooter-Isi li {
  margin:0 0 0 0px;
  padding:0 0 0px 10px;
  line-height:1.5em;
  list-style:none;
  background:url(/img/arrow_gray.gif) no-repeat 0 .5em;
}

/* -------------- Teaser Recent Blog ------------- */
.BlogRecent-TeaserListSide {
	margin-bottom:10px;
	padding-bottom:10px;
}
.BlogRecent-TeaserListSide-Judul {
	font:bold 16px arial,verdana,sans-serif;
	color:#000;
	text-transform: uppercase;
	border-bottom:1px solid #CCC;
	padding-bottom:3px;
	margin-bottom:5px;
}
.BlogRecent-TeaserListSide-Isi {
}
.BlogRecent-TeaserListSide-Isi ul {
  margin:.5em 0 1em;
  padding:0;
}
.BlogRecent-TeaserListSide-Isi li {
  margin:0 0 0 0px;
  padding:0 0 0px 10px;
  line-height:1.5em;
  list-style:none;
  background:url(/img/arrow_gray.gif) no-repeat 0 .5em;
}
.BlogRecent-TeaserListFooter {
	margin:10px;
	float:left;
	width:300px;
	font-size:11px;
}
.BlogRecent-TeaserListFooter a {
 color: #fff;
}
.BlogRecent-TeaserListFooter-Judul {
	font:bold 16px arial,verdana,sans-serif;
	color:#fff;
	text-transform: uppercase;
	border-bottom:1px solid #fff;
	padding-bottom:3px;
	margin-bottom:5px;
}
.BlogRecent-TeaserListFooter-Isi {
	color:#fff;
}
.BlogRecent-TeaserListFooter-Isi ul {
  margin:.5em 0 1em;
  padding:0;
}
.BlogRecent-TeaserListFooter-Isi li {
  margin:0 0 0 0px;
  padding:0 0 0px 10px;
  line-height:1.5em;
  list-style:none;
  background:url(/img/arrow_gray.gif) no-repeat 0 .5em;
}

/* -------------- Teaser Tag Blog ------------- */
.BlogTags-TeaserListSide {
	margin-bottom:10px;
	padding-bottom:10px;
}
.Blogtags-TeaserListSide-Judul {
	font:bold 16px arial,verdana,sans-serif;
	color:#000;
	text-transform: uppercase;
	border-bottom:1px solid #CCC;
	padding-bottom:3px;
	margin-bottom:5px;
}
.BlogTags-TeaserListSide-Isi {
}
.BlogTags-TeaserListSide-Isi ul {
  margin:.5em 0 1em;
  padding:0;
}
.BlogTags-TeaserListSide-Isi li {
  margin:0 0 0 0px;
  padding:0 0 0px 10px;
  line-height:1.5em;
  list-style:none;
  background:url(/img/arrow_gray.gif) no-repeat 0 .5em;
}
.BlogTags-TeaserListFooter {
	margin:10px;
	float:left;
	width:300px;
	font-size:11px;
}
.BlogTags-TeaserListFooter a {
 color: #fff;
}
.BlogTags-TeaserListFooter-Judul {
	font:bold 16px arial,verdana,sans-serif;
	color:#fff;
	text-transform: uppercase;
	border-bottom:1px solid #fff;
	padding-bottom:3px;
	margin-bottom:5px;
}
.BlogTags-TeaserListFooter-Isi {
	color:#fff;
}
.BlogTags-TeaserListFooter-Isi ul {
  margin:.5em 0 1em;
  padding:0;
}
.BlogTags-TeaserListFooter-Isi li {
  margin:0 0 0 0px;
  padding:0 0 0px 10px;
  line-height:1.5em;
  list-style:none;
  background:url(/img/arrow_gray.gif) no-repeat 0 .5em;
}

/* -------------- Teaser Comment Blog ------------- */
.BlogComment-TeaserListSide {
	margin-bottom:10px;
	padding-bottom:10px;
}
.BlogComment-TeaserListSide-Judul {
	font:bold 16px arial,verdana,sans-serif;
	color:#000;
	text-transform: uppercase;
	border-bottom:1px solid #CCC;
	padding-bottom:3px;
	margin-bottom:5px;
}
.BlogComment-TeaserListSide-Isi {
}
.BlogComment-TeaserListSide-Isi ul {
  margin:.5em 0 1em;
  padding:0;
}
.BlogComment-TeaserListSide-Isi li {
  margin:0 0 0 0px;
  padding:0 0 0px 10px;
  line-height:1.5em;
  list-style:none;
  background:url(/img/arrow_gray.gif) no-repeat 0 .5em;
}
.BlogComment-TeaserListFooter {
	margin:10px;
	float:left;
	width:300px;
	font-size:11px;
}
.BlogComment-TeaserListFooter a {
 color: #fff;
}
.BlogComment-TeaserListFooter-Judul {
	font:bold 16px arial,verdana,sans-serif;
	color:#fff;
	text-transform: uppercase;
	border-bottom:1px solid #fff;
	padding-bottom:3px;
	margin-bottom:5px;
}
.BlogComment-TeaserListFooter-Isi {
	color:#fff;
}
.BlogComment-TeaserListFooter-Isi ul {
  margin:.5em 0 1em;
  padding:0;
}
.BlogComment-TeaserListFooter-Isi li {
  margin:0 0 0 0px;
  padding:0 0 0px 10px;
  line-height:1.5em;
  list-style:none;
  background:url(/img/arrow_gray.gif) no-repeat 0 .5em;
}

/* -------------- Teaser Category Blog ------------- */
.BlogCategory-TeaserListSide {
	margin-bottom:10px;
	padding-bottom:10px;
}
.BlogCategory-TeaserListSide-Judul {
	font:bold 16px arial,verdana,sans-serif;
	color:#000;
	text-transform: uppercase;
	border-bottom:1px solid #CCC;
	padding-bottom:3px;
	margin-bottom:5px;
}
.BlogCategory-TeaserListSide-Isi {
}
.BlogCategory-TeaserListSide-Isi ul {
  margin:.5em 0 1em;
  padding:0;
}
.BlogCategory-TeaserListSide-Isi li {
  margin:0 0 0 0px;
  padding:0 0 0px 10px;
  line-height:1.5em;
  list-style:none;
  background:url(/img/arrow_gray.gif) no-repeat 0 .5em;
}
.BlogCategory-TeaserListFooter {
	margin:10px;
	float:left;
	width:300px;
	font-size:11px;
}
.BlogCategory-TeaserListFooter a {
 color: #fff;
}
.BlogCategory-TeaserListFooter-Judul {
	font:bold 16px arial,verdana,sans-serif;
	color:#fff;
	text-transform: uppercase;
	border-bottom:1px solid #fff;
	padding-bottom:3px;
	margin-bottom:5px;
}
.BlogCategory-TeaserListFooter-Isi {
	color:#fff;
}
.BlogCategory-TeaserListFooter-Isi ul {
  margin:.5em 0 1em;
  padding:0;
}
.BlogCategory-TeaserListFooter-Isi li {
  margin:0 0 0 0px;
  padding:0 0 0px 10px;
  line-height:1.5em;
  list-style:none;
  background:url(/img/arrow_gray.gif) no-repeat 0 .5em;
}

/* -------------- Teaser Guestbook ------------- */
.Guestbook-TeaserListSide {
	margin-bottom:10px;
	padding-bottom:10px;
}
.Guestbook-TeaserListSide-Judul {
	font:bold 16px arial,verdana,sans-serif;
	color:#000;
	text-transform: uppercase;
	border-bottom:1px solid #CCC;
	padding-bottom:3px;
	margin-bottom:5px;
}
.Guestbook-TeaserListSide-Isi {
}
.Guestbook-TeaserListSide-Isi ul {
  margin:.5em 0 1em;
  padding:0;
}
.Guestbook-TeaserListSide-Isi li {
  margin:0 0 0 0px;
  padding:0 0 0px 10px;
  line-height:1.5em;
  list-style:none;
  background:url(/img/arrow_gray.gif) no-repeat 0 .5em;
}
.Guestbook-TeaserListFooter {
	margin:10px;
	float:left;
	width:300px;
	font-size:11px;
}
.Guestbook-TeaserListFooter a {
 color: #fff;
}
.Guestbook-TeaserListFooter-Judul {
	font:bold 16px arial,verdana,sans-serif;
	color:#fff;
	text-transform: uppercase;
	border-bottom:1px solid #fff;
	padding-bottom:3px;
	margin-bottom:5px;
}
.Guestbook-TeaserListFooter-Isi {
	color:#fff;
}
.Guestbook-TeaserListFooter-Isi ul {
  margin:.5em 0 1em;
  padding:0;
}
.Guestbook-TeaserListFooter-Isi li {
  margin:0 0 0 0px;
  padding:0 0 0px 10px;
  line-height:1.5em;
  list-style:none;
  background:url(/img/arrow_gray.gif) no-repeat 0 .5em;
}

/* -------------- Teaser Links ------------- */
.Links-TeaserListSide {
	margin-bottom:10px;
	padding-bottom:10px;
}
.Links-TeaserListSide-Judul {
	font:bold 16px arial,verdana,sans-serif;
	color:#000;
	text-transform: uppercase;
	border-bottom:1px solid #CCC;
	padding-bottom:3px;
	margin-bottom:5px;
}
.Links-TeaserListSide-Isi {
}
.Links-TeaserListSide-Isi ul {
  margin:.5em 0 1em;
  padding:0;
}
.Links-TeaserListSide-Isi li {
  margin:0 0 0 0px;
  padding:0 0 0px 10px;
  line-height:1.5em;
  list-style:none;
  background:url(/img/arrow_gray.gif) no-repeat 0 .5em;
}
.Links-TeaserListFooter {
	margin:10px;
	float:left;
	width:300px;
	font-size:11px;
}
.Links-TeaserListFooter a {
 color: #fff;
}
.Links-TeaserListFooter-Judul {
	font:bold 16px arial,verdana,sans-serif;
	color:#fff;
	text-transform: uppercase;
	border-bottom:1px solid #fff;
	padding-bottom:3px;
	margin-bottom:5px;
}
.Links-TeaserListFooter-Isi {
	color:#fff;
}
.Links-TeaserListFooter-Isi ul {
  margin:.5em 0 1em;
  padding:0;
}
.Links-TeaserListFooter-Isi li {
  margin:0 0 0 0px;
  padding:0 0 0px 10px;
  line-height:1.5em;
  list-style:none;
  background:url(/img/arrow_gray.gif) no-repeat 0 .5em;
}

/* -------------- Teaser Gallery ------------- */
.Gallery-TeaserListSide {
	margin-bottom:10px;
	padding-bottom:10px;
}
.Gallery-TeaserListSide-Judul {
	font:bold 16px arial,verdana,sans-serif;
	color:#000;
	text-transform: uppercase;
	border-bottom:1px solid #CCC;
	padding-bottom:3px;
	margin-bottom:5px;
}
.Gallery-TeaserListSide-Image {
	padding-left:10px;
}
.Gallery-TeaserListFooter {
	margin:10px;
	float:left;
	width:300px;
	font-size:11px;
}
.Gallery-TeaserListFooter-Judul {
	font:bold 16px arial,verdana,sans-serif;
	color:#fff;
	text-transform: uppercase;
	border-bottom:1px solid #fff;
	padding-bottom:3px;
	margin-bottom:5px;
}
.Gallery-TeaserListFooter-Image {
	padding-left:15px;
	color:#fff;
}

/* -------------- GUESTBOOK ------------- */
#Guestbooks {
}

.Guestbooks-Judul {
	margin-top:20px;
	padding: 5px 20px 5px 20px;
	background: #efefef;
	font: bold 14px Lucida Sans, Lucida Grande, Trebuchet MS;
}

.GuestbookList {
	padding:10px;
	border:1px solid #efefef;
	margin-bottom:10px;
}

.GuestbookList-Pengirim {
	clear:both;
}

.GuestbookList-Nama {
	float:left;
}

.GuestbookList-Tanggal {
	float:right;
	font-size: 11px;
	font-family: Tahoma,Arial,Helvetica,sans-serif;	
}

.GuestbookList-Komentar {
}

#PostGuestbook {
	text-align: center;
	padding: 5px;
	border: 1px solid #efefef;
}

.PostGuestbook-Judul {
	margin-top:20px;
	padding: 5px 20px 5px 20px;
	background: #efefef;
	font: bold 14px Lucida Sans, Lucida Grande, Trebuchet MS;
}

/* -------------- LINKS ------------- */
.LinksList {
	padding:10px;
	border:5px double #efefef;
	margin-bottom:10px;
}

.LinksList-Judul {
	background: #efefef;
	font: bold 16px Lucida Sans, Lucida Grande, Trebuchet MS;
}

.LinksList-URL {
	font-size: 14px;
	font-family: Tahoma,Arial,Helvetica,sans-serif;	
}

.LinksList-Keterangan {
}

/* -------------- GALLERY ------------- */
.GalleryAlbumList-Box, .GalleryPhotoList-Box {
	clear:both;
	padding-left:20px;
}

.GalleryAlbumList-Judul, .GalleryPhotoList-Judul {
	clear:both;
	font:bold 16px arial,verdana,sans-serif;
	text-transform: uppercase;
	border-bottom:1px solid #CCC;
	padding-bottom:3px;
	margin-bottom:5px;
}

.GalleryAlbumList, .GalleryPhotoList {
	border:1px solid #999; 
	float:left; 
	margin:3px; 
	padding:3px;
	font-size: 11px;
	font-family: Tahoma,Arial,Helvetica,sans-serif;	
	text-align:center;
}

.GalleryPhoto-BoxOuter {
	border:1px solid #ccc; 
	padding:10px;
}

.GalleryPhoto-BoxInner {
	margin-top:5px; 
	padding:5px; 
	background:#efefef;
}

.GalleryPhoto-Image {
	text-align:center;
}

.GalleryPhoto-ButtonLarger {
	text-align:center;
	margin-top:5px;
}

.GalleryPhoto-Judul {
	font-weight:bold;
}

.GalleryPhoto-Keterangan {
	font-size: 11px;
	font-family: Tahoma,Arial,Helvetica,sans-serif;
}

.GalleryPhoto-EXIF {
	border:1px solid #ccc; 
	font-size: 11px;
	font-family: Tahoma,Arial,Helvetica,sans-serif;
}

/* -------------- PAGING ------------- */
#paging{
	clear:both;
	margin-top:20px;
	padding:5px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#000;
	font-weight:bold;
	text-align:center;
}
#paging a{
	padding:4px 7px 4px 7px;
	margin:0px 2px 0px 2px;
	border:5px solid #2E81C3;
	background:#FFF;
	color:#2E81C3;
	text-decoration:none;
}
#paging a:hover{
	border:5px solid #2E81C3;
	background:#2E81C3;
	color:#FFFFFF;
	text-decoration:none;
}
ul.tagcloud {
	list-style-type: none;
	padding: 0;
	line-height: 2em;
}
ul.tagcloud li {
	display: inline-block;	
	line-height: 3em;
}
ul.tagcloud li:after {
	content: ",";
}
ul.tagcloud li:last-child:after {
	content: "";
}
ul.tagcloud .count {
	font-size: 0.875em;
	line-height: 1.714em;
	color: #888;
}