/* -------------------------------------------------------------- 
   
   Style.css
   * Sets some Useful style for every page.
  
   Based on work by:
   * Oktoria Yulius Darmawan mawan.oyd@gmail.com  
-------------------------------------------------------------- */   
p a img{
	margin: -10px 0px;	
}

p img{
	margin: 0px 10px 0px 0px;	
}
 
h3 a, b a{
text-decoration:none;
color: #104070;
font: 16px/150% Verdana, Tahoma, Arial;
}



h3 a:hover, b a:hover, p a {
text-decoration:underline;
}
p a { color: #ffffff;
text-decoration:none;
font: 16px/150% Verdana, Tahoma, Arial;
 }

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

body { 
	background: #333; 
font: 11px/150% Verdana, Tahoma, Arial;
}


#border {
	margin: 10px 15px 0px 15px;
}



.border-profil{
	border:1px solid #333;
}

#border_content_berita {
	margin: 0px 15px 0px 15px;
}

#border_right {
	margin: 0px 10px 0px 0px;
}

#content {
	width: 770px;
	float:left;
	text-align:justify;	
	margin:0 10px;
	
}

#left {
	float:left ;
	width:300px;
	margin: 0 10px;
	
}

#right {
	float:left ;
	width:430px;
	margin: 0 10px;
	
}

#center {
text-align:center;
}
.container{
	border:1px solid #333;/**/
	background: #fff;
 
}

blockquote {
	float:right;
	width: 550px;
}

.column {
	/*border:1px solid #000;/**/
	
}

#header {
	background: no-repeat url(../images/header.jpg) #fff;/**/
}

#header_berita {
	/*background: no-repeat url(../images/header_berita.jpg) #333;/**/
	 
}

#border_berita {
	/*background: url(../images/border_berita.jpg) #333 repeat-y;/**/
background: url(../images/gradation-content.jpg) #fff repeat-x;
margin:0 0 0 10px;

	 
}
#margin_left{
margin:0 0 0 10px;
background: #222; 
}
#header-navigation {
	background: no-repeat url(../images/header_navigation.jpg) ;
}
#navigation ul li {

	margin:0 10px;/**/
	text-decoration:none;
	list-style:none;
}


#footer {
	margin: 20px;
	font-size: 10px;
	line-height: 25px;
	/*color: #104070;*/
	text-align: center;
	padding-bottom: 7px;
}

#separator {
	height: 7px;

}


#navigation form {

	float: right;
}
.center{
	text-align: center;
}

small{
	font-size: 12px;
	
}

h1{
	font-size:16px;
	font: italic;

}

h2{
	text-align:center;
}


h1 b{
	text-align:center;
	background: #000;
}

#tes {
	background: url(../images/samping.jpg) #fafafa; 

}
#index_second_content {
	width: 530px;
	float:left;
	text-align:justify;	
	margin:0 10px;
background: #fff; padding:20px 0px; color: #000;
}

#left_index_second_content {
	float:left ;
	width:260px;
	/*margin: 0 10px;/**/
	
}

#right_index_second_content {
	float:left ;
	width:260px;
	/*margin: 0 10px;/**/
	
}

/* Css for Photo */
#photo{
	margin: -10px 5px 0px 5px;
float:left;

}

#photo p{
	text-align:center;
	margin:-20px 0 0 0;
	
}

.photo img {
	border: 2px solid white;
}
.photo:hover img {
	border: 2px solid gray;
}


#keywords
{
display:none;
}

.panel {
	/*background: #f0f7eb;*/
background: #ffffff;
	border: 1px solid #333333;
	border-top: 0px;
	margin-bottom: 15px;
}

.panel h3 {
	/*background: #6cb53d;*/
background: #333333;
	color: #ffffff;
	font-size: 14px;
	font-weight: normal;
	line-height: 25px;
	padding: 0px 10px;
}

.panel_content {
	padding: 10px;
}

/* --------------- */
Blockquote

/* --------------- */
blockquote {
		background: url(../images/quote-open.gif) 0 0 no-repeat;
		margin: 10px 10px;
		}		
		
blockquote p {
		color: #555555;
		font-size: 1.3em;
		font-weight: bold;
		text-align: justify;
		background: url(../images/quote-close.gif) 100% 90% no-repeat;
		padding: 0 33px;
		margin-bottom: 0;
		}		
		
cite {
		background: none;
		display: block;
		text-align: right;
		font-size: 1.1em;
		font-weight: normal;
		font-style: italic;
		}		
		
blockquote>p+p {
		background: none;
		}		

/* --------------- */
   mini calendar
/* --------------- */
.minical_nav {text-align: center;}
.minical_nav a.next,
.minical_nav h3,
.minical_nav a.prev{
display: inline;
}