body {
	background: #9f9f9f url(/img/body-pattern.gif);
  color: #333;
  font:13px Verdana,helvetica,clean,sans-serif;
  *font-size:small;
  *font:x-small;
	margin:0;
}

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

#wrapper {background: url(/img/wrapper.gif) repeat-x;}
#theHeader, #theFooter, #theContent, #theMenu {width:1004px;margin:0px auto 0px auto;}	

#theFooter {background:#616161;color:#fff;}
#theFooter a {color:#F25673}
#theFooter a:hover {color:#fff;text-decoration:none;}

#theContent {width:974px;padding:20px 15px;margin:0px auto 0px auto;background:#fff;}
#theMenu {margin-top:10px;background:#616161;}
#theHeader {padding-top:20px;}

div#theHeader h2{
	text-shadow: 1px 1px 1px #000;
	font-family: 'Lucida Sans', 'Lucida Grande', 'Trebuchet MS';
	font-size:36px;
	letter-spacing:-2px;
	font-weight:normal;
	margin:0;
	padding:0px 0 10px 0;
	text-align:left;
}

div#theHeader h2 a:link,
div#theHeader h2 a:visited{color:#fff;text-decoration: none;}
div#theHeader h2 a:hover{color:#D21034;}	

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

.theContentMain {float:left;width:580px;}
.theContentSide {float:right;width:370px;}
.theContentSideLeft {float:left;width:160px;}
.theContentSideRight {float:right;width:190px;}

.theContentSide h3 {font:bold 18px 'Calibri',Arial,Helvetica,sans-serif;color:#666;text-transform:uppercase;border-bottom:1px solid #CCC;padding:0 0 3px 0;margin:0 0 5px 0;}

.clear { clear: both; background: none; }

#menu ul{font:bold 10px Arial;margin:0;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 11px Arial;float:left;display:block;color:#fff;margin:0;text-decoration:none;letter-spacing:0px;background-color:#616161;padding:10px 12px 10px 12px;}
#menu a:hover{font:bold 11px Arial;background-color: #E0AE02;}

#menu #current a{font: bold 11px Arial;color: #fff;background-color: #D21034;}

.breadcrumb {color: #000;}
.breadcrumb a {color: #fff;}
.breadcrumb a:hover {color: #000;}

.theContent {font-family: Lucida Grande, Verdana, Geneva, Sans-serif;color:#222;font-size:100%;}
.theContent h2 {
	text-shadow: 1px 1px 1px #333;
	margin-top:0px;
	font-weight:normal;
	font-size: 20px;
	font-family: 'Calibri', Arial, Helvetica, sans-serif;
	line-height: 22px;
	color: #818181;
}

.theContent h1 {
	text-shadow: 1px 1px 1px #333;
	margin-top:0px;
	font-weight:normal;
	font-size: 30px;
	line-height: 32px;
	font-family: 'Calibri', Arial, Helvetica, sans-serif;
	letter-spacing: -1px;
	color: #616161;
}

.theContent h1 a, .theContent h2 a {color: #616161;text-decoration: none;}
.theContent h1 a:hover, .theContent h2 a:hover {color: #D21034;text-decoration: none;}

.theContent img {padding: 0 5px 0 5px;}
.theContent p, .theContent pre {margin-bottom: 15px;}
.theContent ul {list-style:none;padding:0;margin-left:15px;}
.theContent li {list-style-image:url(/img/bullet.png);}
.theContent ul li a {}
.theContent ul li a:hover {}

.theContent-Controls {text-align:center;padding:10px;margin-bottom:20px;}

.tanggal {
	color: #333;
	font-size: 85%;
	margin-bottom: 15px;
}

#paging{
	clear:both;
	margin-top:20px;
	padding:5px 0;
	font-size:100%;
	color:#ff9900;
	font-weight:bold;
	text-align:center;
}

#paging a{
	padding:4px 5px;
	margin:0px 1px;
	border:1px solid #666;
	background:#bbb;
	color:#fff;
	text-decoration:none;
}

#paging a:hover{
	border:1px solid #ccc;
	background:#333;
	color:#FFFFFF;
	text-decoration:none;
}

.sidebox {padding:0px;font-size:11px;}	
.sidebox ul {list-style: none;padding:0;margin-left:15px;}
.sidebox li {list-style-image:url(/img/bullet.png);}
.sidebox ul li a {}
.sidebox ul li a:hover {}

.smalltext {color: #333;font-size:85%;}

.tag1 {font-size:large;}
.tag2 {font-size:small;}
.tag3 {font-size:medium;}
.tag4 {font-size:large;}
.tag5 {font-size:larger;}

.tag1 a, .tag2 a, .tag3 a, .tag4 a, .tag5 a {color:#666;text-decoration:none;text-shadow:#FFF 0 1px 0;}
.tag1 a:hover, .tag2 a:hover, .tag3 a:hover, .tag4 a:hover, .tag5 a:hover {color:#D21034;text-decoration:none;}