/* CSS Document */
/*
http://search.twitter.com/search?q=%23boediono
author : ronggur
*/

body{
	background:white url(images/boediono_body.jpg) repeat-x top left;
	color:#FFFFFF;
	font:12px "Helvetica Neue", Helvetica, Arial, "Trebuchet MS", Verdana, sans-serif;
}
p
{
	padding: 10px 0;
	margin:0;
}
a{
	color:#4f8999;
	text-decoration:none;
}
a:hover{
	text-decoration:underline;
}

#container,#mainconten,#sidebar,#footer{
	overflow:hidden;
}
#header{
	position:relative;
	background:transparent url(images/boediono_header.jpg) no-repeat top left;
	height:239px;
	display:block;
	overflow:hidden;
}
#header h1{
	position:absolute;
	top:185px;
	right:22px;
	width:140px;
	height:35px;
}
#header h1 a{
	width:310px;
	height:20px;
	display:block;
	left:315px;
	top:210px;
}
#header h1 a span{
	display:none;
}
#subheader{
	margin-top:252px;
}
#subheader a{
	color:#ecffb7;
}
#subheader h2, #subheader h3{
	font-size:22px;
	color:#ecffb7;
	line-height:22px;
	margin:0;
}
#subheader h3{
	font: 22px "Baskerville Old Face", Georgia, "Times New Roman", Times, serif;
	padding-top:10px;
	color:white;
}
#bergabung,#support{
	width:262px;
	padding:25px;
	float:left;
	overflow:hidden;
	padding-top:10px;
}
#chart{
	width:316px;
	float:left;
	overflow:hidden;
}
#chart p{
	padding-bottom:0;
}
#loginnav{
	position:absolute;
	left:0;
	bottom:1px;
}
#loginnav img{
	margin:0;
	padding:0;
	border:0;
}
#loginnav a{
	width:108px;
	height:28px;
	display:block;
	margin:0;
	padding:0;
	float:left;
	padding-right:5px;
}
/* navigation */
#nav,#search{
	padding:7px 0;
}
#s{
	width:200px;
	padding:2px 2px;
	border-top:1px solid #999999;
	border-left:1px solid #999999;
	border-right:1px solid #CCCCCC;
	border-bottom:1px solid #CCCCCC;
	color:#999999;
}
#s:focus{
	border-top:1px solid #666666;
	border-left:1px solid #666666;
	border-right:1px solid #999999;
	border-bottom:1px solid #999999;
	color:#666666;
}


/*Nav bar styles*/
#nav {
	display:block;
	list-style:none;
	margin:0;
}
.menuutama {
}
.menuutama ul {
	margin: 0;
	padding:0;
	list-style: none;
	}

.menuutama ul li {
	position: relative;
	margin:0;
	float:left;
	margin-right:10px;
	font-weight:bold;
	font-size:16px;
	text-align:left;
	margin-right:20px;
	padding-bottom:4px;

	}
	
.menuutama li ul {
	position: absolute;
	left: 5px; /* Set 1px less than menu width */
	top: 0;
	display: none;
	width:200px;
	}

/* Styles for Menu Items */
.menuutama ul li a, .menuutama ul li a:visited {
	text-decoration:none;
	color:#003366;
	background:transparent; /* IE6 Bug */
	}

/* Fix IE. Hide from IE Mac \*/
* html .menuutama ul li { float: left; height: 2%; }
* html .menuutama ul li a { height: 2%; }
/* End */

.menuutama ul li a:hover { 
	text-decoration:none;
	color:#006699;
 } /* Hover Styles */
		
.menuutama li ul li a { padding: 2px 5px; outline: none; } /* Sub Menu Styles */
		
.menuutama li:hover ul, li.over ul { display: block; } /* The magic */
.menuutama ul li{
	display:inline !important;
	float:left;
	/*width:80px !important;*/
	}
.menuutama ul li ul{
	padding-top:4px;
	top:20px;
	left:0;
	}
.menuutama ul li li{
	font-size:12px;
	padding:0 0;
	display:block;
	text-align:left;
	background-color:white;
	padding-left:10px;
	border-top:1px solid #CCCCCC;
	}
	
.menuutama ul li li a, .menuutama ul li li a:visited{
	display:block;
	padding:5px 0 !important;
	width:120px !important;
	outline: none;
	}
.menuutama ul li li a:hover{
	text-decoration:none;
	}
.menuutama ul li ul li:hover ul {
	display: block !important;
}
.menuutama ul li ul li ul {
	position: absolute;
	top: 0;
	left: 135px !important;
	width: 120px !important;
	padding: 0;
	display: none !important;
}

/* page */
#page{
	padding-top:30px;
	overflow:null;
	line-height:21px;
	padding-bottom:30px
}
#page h2,#page h3,#page h4{
	line-height:26px;
	color:#003366;
}
#page h2 a,#page h3 a,#page h4 a,.barmaincontent .post a{
	text-decoration:none;
	color:#003366;
}
#page h2 a:hover,#page h3 a:hover,#page h4 a:hover,.barmaincontent .post a:hover{
	text-decoration:none;
	color:#006699;
	text-decoration:underline;
}
#page p{
	padding-bottom:10px;
	padding-top:0;
}
#maincontent, #sidebar{
	color:#000000;
}
#maincontent{
	font-size:14px;
	word-wrap: break-word;
}
/* maincontent / post */
.postmetadata{
	color:#666666;
	font-size:12px;
}
.postmetadata a{
	text-decoration:none;
	color:#333333;
}
.postmetadata a:hover{
	text-decoration:underline;
	color:#333333;
}
.barmaincontent{
	padding:0;
	margin:0;
}
.barmaincontent h2{
	font-size:18px;
	font-weight:bold;
	margin-bottom:10px;
}
.barmaincontent h3, .barmaincontent .post{
	font-size:13px;
	font-weight:normal;
	line-height:18px !important;
	margin-bottom:0;
}
/* post */
.titlepage{
	padding:0;
	margin:0;
	font-size:22px;
	padding-bottom:20px;
}
.titlepost{
	padding:0 0 20px 0;
	margin:0 !important;
	font-size:20px !important;
	padding-bottom:10px;
}
.titlepostfront{
	padding:0 0 20px 0;
	margin:0 !important;
	font-size:14px !important;
	padding-bottom:10px;
}
.post ul,.post ol{
	padding: 5px 10px;
	margin:0;
	margin-left:10px;
}
.post ol li {
	list-style: decimal outside;
	padding:2px 0 ;
	margin:0;
}
.post ul li{
	list-style: inherit outside;
	padding:2px 0 ;
	margin:0;
}

.barmaincontent .post{
	padding-bottom:10px;
}

/* jumpa */
#jumpaboediono .post{
	padding:7px 0;
	border-bottom:1px solid #DFDFDF;
}
.currentjumpa{
	font-weight:bold;
	background:#7BA8CC url("images/calendar.png") 10px 6px no-repeat !important;
	border-bottom:1px dotted white !important;
	padding:7px 0 5px 30px  !important;
	margin-bottom:5px;
}
.currentjumpa a{
	color:#FFFFFF !important;
}

/* gallery */
#homegallery{
	padding-bottom:10px;
}
/*
#homegallery_list{
	list-style:none;
}
#homegallery_list li{
	float:left;
	list-style:none;
	margin:0 !important;
	padding:0 !important;
}
*/

/*# Home Gallery #*/

#homegallery {
	padding:10px 0px;
	height:150px;
	overflow:hidden;
	text-align: center;
	background: #EFEFEF;
}
#homegallery img {
	width: 240px;
	height: auto;
	margin: 0 auto;
	text-align: center;
}

#homegallery_list {
	width: 300px;
	padding-top: 5px;
	text-align: center;
	background: #EFEFEF;
}
#homegallery_list li {
	display: inline;
	background: none;
	margin-left: 5px;
}
#homegallery_list li img {
	border: 1px solid #333;
	padding: 1px;
}

/*# End of Home Gallery #*/


/* discuss */
#discuss_wrap{
	overflow:hidden;
	padding:0;
	margin:20px 0;
	border-top:2px solid black;
	background:transparent url(images/bgbg.jpg) left top repeat-y;
	border-bottom:2px solid black;
}
#discuss_wrap {
	_display:inline-block;
}
#discuss_1,#discuss_2{
	padding:10px;
	background-color:#eeeeee;
	margin:0;
	overflow:hidden;
	width:280px;
}
#discuss_1 h3,#discuss_2 h3{
	font-size:18px;
}
#discuss_1 h2,#discuss_2 h2{
	color:#6699cc;
	font-size:12px;
	margin:0;
	margin-bottom:10px;
}
#discuss_1{
	float:left;
}
#discuss_2{
	float:right;
}
#discuss_1 p,#discuss_2 p{
	position:relative;
}
p .adddiscuss{
	position:absolute;
	top:4px;
	right:0;
}
.framediscuss{
	background-color:white;
	margin-bottom:10px;
	display:none;
	height:200px;
	overflow:auto;
}
.itemdiscuss{
	padding:10px 10px 10px 20px;
	background:transparent url(images/corner.gif) left 15px no-repeat;
	border-bottom:1px solid #eeeeee;
	font-size:12px;
}
.authorcomment{
	display:block;
}

/* sidebar */
#sidebar{
	font-size:12px;
}
#tweetshadow{
	background:transparent url(images/tweet_13.jpg) left bottom repeat-y;
	display:block;
	overflow:hidden;
	padding-top:10px;
}
#tweetwrap{
	background:transparent url(images/tweet_15.jpg) left bottom no-repeat;
	padding:0 10px 10px 10px;
	display:block;
	overflow:hidden;
}

#sidebar ul{
	padding:10px 0 0 0;
	margin:0;
	list-style:none;
	line-height:18px;
}

#sidebar h2,#sidebar h3{
	margin:0;
	padding:0;
}
#sidebar h3{
	padding:10px 0;
	font-size:14px;
	line-height:18px;
}
#sidebar h2{
	font-size:18px;
	line-height:18px;
}
.widget{
	padding:10px 0;
	display:block;
	overflow:hidden;
}
#quote{
	position:absolute;
	top:30px;
	right:185px;
	padding-bottom:40px;
	padding-right:30px;
	text-align:right;
	width:330px;
	background:transparent url(images/boediono_quote.jpg) right bottom no-repeat;
}

blockquote{
	font:14px Georgia, "Times New Roman", Times, serif;
	font-style:italic;
	color:#666666;
	padding:10px 20px 10px 30px;
	margin:0;
}
#quote blockquote{
	font:28px Georgia, "Times New Roman", Times, serif;
	font-style:normal;
	padding:0;
}
#sidebar ul li{
	margin:0;
	padding:5px 0;;
}
#socialnetwork ul li{
	list-style:none;
	float:left;
	margin:0;
	padding:0;
	height:20px;
	display:block;
	width:85px;
	margin-right:10px;
	margin-bottom:10px;
}
#link ul li{
	background:transparent url(images/link.png) left 7px no-repeat;
	padding-left:20px;
}
/* footer */
.more{
	padding-right:12px;
	font-size:12px;
	width:30px;
	display:block;
	background:transparent url(images/arrow_right_peppermint.png) right 7px no-repeat;
}
.hidden{
	display:none;
}
#footer{
	color:#666666;
	background:transparent url(images/boediono_11.jpg) left top repeat-x;
	height:73px;
	margin-top:30px;
	padding-top:10px;
}

/* rating */
#rating{
	float:right;
}
/* single post */
.comment_avatar {
	width:46px;
	height:46px;
	padding:4px;
	float:left;
	margin-right:20px;
}
#comments img{
	padding:4px;
	background-color:#FFFFFF;
}
.comment_author {
	font-weight:bold;
	font-size:14px;
}
.comment_detail {
	width:520px;
	float:left;
}
.comment_text p{
	display:block;
	padding:0;
	margin:0;
	
}

#comments .even td{
	padding:10px;
	background-color:#e0ebf4;
}
#comments .odd td{
	padding:10px;
	background-color:#f2f7fa;
}

.wpcf7-form-control-wrap input, p label input,#author,#email,#url{
	width:200px;
	border-right:1px solid #CCCCCC;
	border-bottom:1px solid #CCCCCC;
	border-left:1px solid #999999;
	border-top:1px solid #999999;
	padding:2px 2px;
}
.wpcf7-form-control-wrap textarea{
	width:400px;
	border-right:1px solid #CCCCCC;
	border-bottom:1px solid #CCCCCC;
	border-left:1px solid #999999;
	border-top:1px solid #999999;
	padding:2px 2px;
}
#comment{
	border-right:1px solid #CCCCCC;
	border-bottom:1px solid #CCCCCC;
	border-left:1px solid #999999;
	border-top:1px solid #999999;
	padding:2px 2px;
}
#bar {
	display: block;
	padding: 5px 0 5px 0;
	margin: 3px 0 8px 0;
	border-top: 1px solid #DCDCDC;
	border-bottom: 1px solid #DCDCDC;
}
#bar span {
	display: inline;
}
#bar #user {
	float: right;
}

#dashboard-message {
	display: block;
	font: 11px "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	margin-bottom: 10px;
	color: #003;
}

.postinfo{
	width:250px;
	float:left;
	overflow:hidden;
}
#sharebutton{
	float:left;
	width:200px;
	padding:20px 0;
}
.a2a_dd{
	text-align:right;
	float:right;
}

a img{
	border:0;
}
.recaptcha-error{
   font-size: 14px !important;
   color:red;
   padding:0 !important;
}

/*misc*/
.small{
	font-size:11px;
}	
.debug{
	border:1px solid red;
	overflow:hidden;
}
.separatorh{
	background:white url(images/boediono_08.jpg) left top repeat-x;
	height:40px;
}
.separatorh2{
	clear:both;
	display:block;
	width:100%;
	padding-top:20px;
	margin-bottom:20px;
	border-bottom:1px solid #cdcdcd;
}
.floatleft{
	float:left !important;
}
.floatright{
	float:right !important;
}
.alignleft{
	text-align:left !important;
	float:left !important;
	margin:10px;
}
.alignright{
	text-align:righ !importantt;
	float:right !important;
	margin:10px;
}
.grid_300{
width: 300px;
}
.grid_130{
width: 130px;
}
width: 140px;
.padding10 {padding:10px !important;}
.margin10 {margin:10px !important;}
.margin0{
	margin:0 !important;
}
.padding0{
	padding:0 !important;
}
.padding10_top{
	padding-top:10px !important;
}
.margin10_top{
	margin-top:10px !important;
}
.padding10_bottom{
	padding-bottom:10px !important;
}
.margin10_bottom{
	margin-bottom:10px !important;
}
.field {
	padding: 0 0 20px 0;
}
label {
	font-style: italic;
	font-size:16px;
	font-weight:bold;
	letter-spacing: -1px;
	color: #999;
	display: block;
	text-align: left;
	margin: 0;
	padding:2px 0;
}
#foto {
	margin-right:20px;
	float: left;
}

#infopenulis {
	float: left;
}
#listpost ul {
	padding:0;
	margin:0;
}
#listpost ul li {
	list-style:none;
	padding:2px 20px !important;
	margin:0;
}

.bullet{
	background:transparent url(images/bullet_blue.png) left 5px no-repeat;
}
.feed{
	padding-right:15px;
	font-size:12px;
	width:30px;
	display:block;
	background:transparent url(images/feed.png) right 4px no-repeat;
}

laber{
	padding:2px 0;
}
	.clear{
	background: none;
	border: 0;
	clear: both;
	display: block;
	float: none;
	font-size: 0;
	list-style: none;
	margin: 0;
	padding: 0;
	overflow: hidden;
	visibility: hidden;
	width: 0;
	height: 0;
}

/* http://www.positioniseverything.net/easyclearing.html */

.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
.clearfix {
	display: inline-block;
}
/* Hides from IE-mac \*/
* html .clearfix {
	height: 1%;
}
.clearfix {
	display: block;
}
/* End hide from IE-mac */

.fbconnect_share{
	display:none;
}