/*-------------------------------------------------------------*/
/* CSS Document                                                */
/* Template Name: Dark Blue		                               */
/* Designed By: Dewa                                           */
/* Homepage: www.ilmuit.maniaxpc.com                           */
/*-------------------------------------------------------------*/

@import url(superfish.css);
@import url(tabs.css);
@import url(headline.css);
@import url(ticker.css);
@import url(themes/ui-lightness/jquery.ui.all.css);
@import url(themes/ui-lightness/jquery-ui-1.8.1.custom.css);
@import url(visuallightbox.css);
@import url(vlightbox.css);
@import url(button.css);
@import url(general.css);
* {
	margin: 0px;
	padding: 0px;
}

body {
	background: #000000 url(../images/back_all.jpg) no-repeat center top;
	font-family: Arial, Helvetica, sans-serif;
	font-size:10px;
	color: #666666;
}



p, ol
{
	margin-top: 10px;
}
ul {list-style: none; margin: 0; padding: 0;}

h1, h2, h3 {
	color: #449BC7;
}

h1 {
	font-size: 3em;
}

h2 {
	text-transform: uppercase;
	font-size: 1.1em;
	font-weight: bold;
	color: #449BC7;
}


h3 {
	font-size: 1em;
}


ul, ol {
	margin-left: 3em;
}

a {
	text-decoration: none;
	color: #449BC7;
}


a:hover {
	border: none;
	text-decoration: none;
}

h1 a, h2 a, h3 a {
	border: none;
	text-decoration: none;
	color: #449BC7;
}

h1 a:hover, h2 a:hover, h3 a:hover {
	background: none;
	color: #449BC7;
	
}


#main
{
width: 780px;
margin: 0 auto;
}


/* Header */

#header {
	width: 780px;
	margin: 0 auto;
	height: 134px;
}

#menu {
	float: left;
	height: 41px;
	width: 780px;
	padding-left: 30px;
	background: url(../images/menu.png) no-repeat;

}

#menu ul {
	margin: 0;
	padding: 0;
	list-style: none;
	line-height: normal;
}

#menu li {
	float: left;
}

#menu a {
	display: block;
	float: left;
	height: 31px;
	width: 115px;
	margin-right: 1px;
	text-decoration: none;
	font-size: 1.1em;
	font-weight: bold;
	color: #ffffff;
	padding-top: 10px;
    text-align: center;
}

#menu a:hover {
	color: #ffffff;
	background: url(../images/menu_r.gif) repeat-x;
}



/* Logo */

#logo {
	width: 780px;
	height: 93px;
	margin: 0 auto;
	text-align: right;
}


#logo h1 {
	padding-right: 20px;
	color: #ffffff;
	padding-top: 20px;
	font-size: 24px;
}

#logo h2 {
	font-style: italic;
	font-size: 10px;
	padding-right: 20px;
}


#logo a {
	color: #FFFFFF;
}

/* Page */

#page {
	width: 780px;
	margin: 0 auto;
	background: #ffffff url(../images/back.gif) repeat-y top;
	border-top: none;

}

#top
{
background: url(../images/top.png) no-repeat;
height: 10px;
margin-top: 15px;
width: 780px;
}

#bottom
{
background: url(../images/bottom.gif) no-repeat;
height: 19px;
width: 780px;
text-align:center;
}
#bottom p
{
	text-align:center;
}


#box
{
background: url(../images/intro_text_box.gif) no-repeat;
height: 142px;
color: #ffffff;
margin-left: 10px;
margin-bottom: 10px;
padding-left: 10px;
padding-right: 10px;
overflow: hidden;
}

#box H1 a
{
font-size: 18px;
color: #ffffff;
}

/* Content */

#content {
	float: left;
	width: 550px;
	padding-left: 10px;
	padding-top: 0px;
	line-height: 155%;
	text-align: justify;
	font-size: 11px;
}

#content .entry
{
	padding: 10px;
	width: 530px;
}

#content H2
{
background: url(../images/h2.gif) no-repeat;
height: 26px;
padding-top: 10px;
padding-left: 15px;
width: 400px;
font-size: 12px;
color: #ffffff;
color:#CCC
}

#content H2 a
{
color: #ffffff;
}

#content .image {
	background-color: #fff;
	padding: 2px;
	border: 1px solid #CCC;
	float: left;
	margin : 5px 10px 10px 0;
}
	/*
#content a img {

  border: none;/*remove border for linked images
  background-color: #fff;
  padding: 2px;
  margin: 3px 5px 3px 0;
  border: 1px solid #0066B3;
  float: left;
  -moz-border-radius:4px;
  -webkit-border-radius:4px;-->
  
}*/

#content a:hover {
	border: none;
	text-decoration: none;
	color: #903;	
}
#content h1 {
	color: #336699;
	font-size: 14px;
	background: url(../images/h1.png) no-repeat;
	padding-left: 39px;
	height: 36px;
	border-bottom: dotted 1px #000066;
	padding-top: 10px;
	
}
.post-footer {
	background: url(../images/post-footer.png) center no-repeat;
	height: 35px;
	font-size: 10px;
	padding: 10px 10px 0 10px;
	text-align: right;
}
	

.dated {
	padding-top: 2px;
	background: url(../images/calendar.png) left no-repeat;
	padding-left: 20px;
	float: left;
}

.category {
	background: url(../images/category.png) left no-repeat;
	padding-left: 20px;
	margin-left: 10px;
	float: left;
	height: 16px;
}

.author {
	padding-left: 20px;
	padding-bottom: 5px;
	background: url(../images/user.png) no-repeat;
}

.more {
	padding-right: 20px;
	margin-left: 20px;
	padding-bottom: 5px;
	background: url(../images/more.png) right no-repeat;
}

#content ul li {
	background: url(../images/bullet.jpg) 0 3px no-repeat;
	padding-left: 15px;
	padding-bottom: 5px;
}

#content .judul {
	font-family: Georgia;
	font-size: 14px;
	line-height: 170%;
	font-weight: bold;
	color: #903;
}
#content .tanggal,.date {
	font-size: 10px;
	line-height: 135%;
	font-style: italic;
	
}
#content .posting {
	font-size: 11px;
}
#content .kategori {
	font-family: Georgia;
	line-height: 175%;
	font-weight: bold;
	padding-left: 10px;
}
#content .komentar {
	font-weight: bold;
}
#content .judulhead {
	font-size: 1.2em;
	font-variant: small-caps;
	color: #65C80B;
	font-weight: bold;
}
#content .judul_head {
	font-family: Georgia;
	font-size: 12px;
}

/* Sidebars */

.sidebar {
	float: left;
	
}

.sidebar ul {
	margin: 0;
	padding: 0;
	list-style: none;
	margin-bottom: 10px;
}

.sidebar {
	margin-bottom: 2em;
}


.sidebar li {
	margin: 0;
}


#sidebar2 {
	width: 200px;
	margin-left: 10px;
}

#sidebar2 h2 {
	background: url(../images/title.gif) no-repeat left top;
	height: 26px;
	color: #FFFFFF;
	padding-left: 20px;
	padding-top: 10px;
}
#sidebar2 a:hover h2{
	color: #0F0;
}



#sidebar2 ul {
	line-height: normal;
}

#sidebar2 li {
	padding: 5px;
	background: url(../images/bullet.gif) repeat-x left bottom;
	font-size: 11px;
}
#sidebar2 .garisbawah {
	padding-bottom: 5px;
	border-bottom: 1px dotted #CCC;
}
#sidebar2 .tanggal {
	font-size: 10px;
	line-height: 135%;
	font-style: italic;
}

#sidebar2 a {
	border: none;
	text-decoration: none;
	padding-left: 10px;
}

#sidebar2 a:hover {
	border: none;
	text-decoration: none;
	padding-left: 10px;
	color: #0F0;
}



 
.back_title
{
background: url(../images/title_back.gif) no-repeat;
}

#sidebar2 .top {
 padding-top: 20px;
 }
/***** Search Box *****/
#sidebar2 .intro {
	position: relative;
	background: url(../images/searchbg.png) center no-repeat;*/ 
	width: 250px;
	border: none;
	float: right;
	height: 74px;
}


/* Search */ 

#sidebar2  form.search input.textbox {
	margin: 0;
	padding: 28px 0px;
	padding-left: 13px;
	width: 155px;
	background: none;
	border: none;
	color: #fff;
}

#sidebar2 form.search input.button {
	background : url(../images/search-button.png) no-repeat;
	color: #333;
	border: none;
	width: 25px;
	height: 20px;
	cursor: pointer;
}


/*end side bar2*/
 

/* Footer */
#footer
{
padding: 20px;
background: url(../images/footer.gif) repeat-x
}

#footer p {
	text-align: center;
	font-size: 9px;
	color: #ffffff;
	margin: 0px;
	padding: 0px;
}
#footer a
{
color: #FFFFFF
}






/*garis lengkung*/
.line1, .line2, .line3, .line4 {display:block;background:#093;}
.line1 {height:1px; margin:0 5px;}
.line2 {height:1px; margin:0 3px;}
.line3 {height:1px; margin:0 2px;}
.line4 {height:2px; margin:0 1px;}

/* Images */

img.float-right {
	margin : 5px 0 10px 10px;
	padding: 2px;
}

img.float-left {
	margin : 5px 10px 10px 0;
	padding: 2px;
}