body {
	background:#68c9fb;
	font-size:12px; 
	font-family:arial,sans-serif;
	color:#000;
	margin: 0;
}

a {
	color: #0000FF;
	background-color: transparent;
	font-weight: normal;
	text-decoration: underline;
}

a:hover {
	text-decoration: none;
	color: #0000FF;
}

h1 {font-size:16px;margin:0;}
h2 {font-size:14px;margin:0;}

#theHeader{
	background:#333;
	height:52px;
}

div#theHeader h2{
	float:left;
	margin:0;
	text-align:left;
	font-weight:normal;
	background:#333 url(/img/logo.gif) no-repeat;
}

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

#theHeader ul.links li {
	margin:0;padding:0;
}
#theHeader ul li {
	display: inline;
}
ul.primary-links {
	float:right;
	text-align:right;
	width:450px;
	margin:0;
	padding:0;
}
ul.primary-links li{
	margin:0;
	padding:0;
}
ul.primary-links a:link, ul.primary-links a:visited {
	color:#fff;
	text-decoration:none;
	text-transform:uppercase;
	padding:20px 10px 15px;
	font:normal 10px/140% "Trebuchet MS",myriad,tahoma,verdana;
	float:left;
	display:block;
}
ul.primary-links a:hover {
	color:#027AC6;
}

#theSubHeader {
	background:#fff url(/img/bg-breadcrumb.gif) repeat-x;
	padding-top:16px;
	height:61px;
}

#theFooter{
	background:url(/img/bg-footer.gif) repeat-x;
	padding-top: 50px;
	padding-bottom:50px;
	color: #fff;
}

#theContent {
	background:#fff;
}
	
.container {
	margin:0 auto;
	width:974px;
}

.breadcrumb {
	color: #000;
	padding-top:3px;
	float:left;
}

.breadcrumb a {
	color: #fff;
	text-decoration: none;
}

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

.breadcrumb-search {
	float:right;
	width:220px;
}

h1 {
 color: #444;
 background-color: transparent;
 font-size: 14px;
 font-weight: bold;
 margin: 24px 0 2px 0;
 padding: 5px 0 6px 0;
}

.lirik {
	/*font-family:lucida console;
	font-size: 8pt;*/
	background: #efefef;
	color: #000;
	text-decoration: none;
  margin: 10px 0;
  padding: 10px;
  text-align: left;
  display: block;
  overflow: auto;  
  font: 500 1em/1.5em 'Lucida Console', 'courier new', monospace;
  /* white-space: pre; */
  height:450px;  
  border: 1px solid #ccc;
}

/* -------------- PAGING ------------- */
#paging{
	clear:both;
	margin-top:20px;
	padding:5px 0;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#000;
	font-weight:bold;
	text-align:center;
}
#paging a{
	padding:4px 5px;
	margin:0px 1px;
	border:1px solid #ccc;
	background:#FFF;
	color:#0000FF;
	text-decoration:none;
}
#paging a:hover{
	border:1px solid #ccc;
	background:#ccc;
	color:#FFFFFF;
	text-decoration:none;
}

.w12 {color:#fff; font-size:12px;}
.w11 {color:#fff; font-size:11px;}
.w10 {color:#fff; font-size:10px;}

.b12 {color:#000; font-size:12px;}
.b11 {color:#000; font-size:11px;}
.b10 {color:#000; font-size:10px;}

.b12 a, .b11 a, .b10 a {
	background-color: transparent;
	font-weight: normal;
	text-decoration: none;
}

.b12 a:hover, .b11 a:hover, .b10 a:hover {
	text-decoration: none;
}

.MainContent {float:left;width:794px;}
.MainContentLeft {width:430px;}
.MainContentRight {width:340px;}

.SideContent {float:right;width:160px;color:#fff;}
.SideContent a {color:#fff;font-family:arial,sans-serif;font-size:11px;text-decoration:underline;}
.SideContent a:hover {text-decoration:underline;}

.JudulKolom {text-align:center;font-weight:bold;margin-bottom:10px;}
.JudulKolom h2, .MainContent h2 {text-align:left;font:bold 14px arial,sans-serif;letter-spacing:-1px;color:#333;padding-bottom:5px;margin-bottom:10px;border-bottom:1px solid #666;}
	
.LU-Video {font-size:11px;float:left;width:130px;height:130px;padding:5px;margin:4px;background:#efefef;text-align:center;} 


/* SOCIAL BOOKMARKS */
div.sociable { margin: 16px 0; color:#000; }

span.sociable_tagline { position: relative; }
span.sociable_tagline span { display: none; width: 14em; }
span.sociable_tagline:hover span {
	position: absolute;
	display: block;
	top: -5em;
	background: #ffe;
	border: 1px solid #ccc;
	color: black;
	line-height: 1.25em;
	padding:5px;
}
.sociable span {
	display: block;
}
.sociable ul {
	display: inline;
	margin: 0 !important;
	padding: 0 !important;
}
.sociable li {
	background: none;
	display: inline;
	list-style-type: none;
	margin: 0;
	padding: 1px;
}
.sociable ul li:before { content: ""; }
.sociable img {
	float: none;
	width: 16px;
	height: 16px;
	border: 0;
	margin: 0;
	padding: 0;
}

.sociable-hovers {
	opacity: .4;
	-moz-opacity: .4;
	filter: alpha(opacity=40);
}
.sociable-hovers:hover {
	opacity: 1;
	-moz-opacity: 1;
	filter: alpha(opacity=100);
}

.trackback {font-size:10px;}