/*
Theme Name: Orange Blog
Theme URI: http://www.nanto.web.id
Description: Orange Blog, an original template design by <a href="http://www.nanto.web.id>Nanto</a>
Version: 1.6
Author: Tri Munanto
Author URI: http://www.nanto.web.id
Tags: Orange, custom header, fixed width, two columns, widgets
*/

body
{margin:0;
background-image:url('images/background.png');
background-repeat:repeat-x;
background-color:transparent;
font-size:12px;
font-family:Georgia, "Times New Roman", Times, serif;
}

/*############# TOP #################*/
#header
{
background-image:url('images/bg_header.png');
background-position:center center;
background-repeat: no-repeat;
height:164px;
width:960px;
padding: 0px 20px 0px 20px;
position:relative;
display:block;
}

#header h1
{
font-size:20px;
padding-top:5px;
margin-bottom:0px;
}

#header_menu
{
height:37px;
color:#FFFFFF;
}

#header_menu ul 
{
margin:0;
padding:0;
list-style-type: none;
list-style-image: none;
line-height:37px;
width:600px;
}

#header_menu li 
{
display: inline;
padding-top:11px;
padding-bottom:11px;
padding-left:8px;
padding-right:8px;
margin-right:-20px;
}

#header_menu li a
{
text-decoration:none;
padding:11px 8px 11px 8px;
color:#ffffff;
}

#header_menu li a:hover
{
background-color:#FFFFFF;
color:#ff8000;
text-decoration:none;
}

#blog_title
{
text-align:center;
margin-top:25px;
width:700px;
}

#blog_title img
{
border:none;
text-decoration:none;
}

/*######################################*/





/*############# MIDDLE #################*/
#rap_middle
{
width:950px;
background-repeat:repeat-y;
background-position:center;
background-color:#FFF;
padding:1px 1px 1px 1px;
margin:1px 25px 1px 25px;
overflow:hidden;                /* special for IE */
}

/*------SISI KIRI----------*/
#left_container
{
background: transparent;
float:left;
display:block;
}


#head_content
{
width:650px;
padding: 1px 0px 0px 1px;
height:31px;
text-align:justify;
background-color:#006633;
background:url('images/head_content.png') no-repeat;
}

.post_title, .post_title a
{
color:#FFFFFF;
font-weight:bold;
text-decoration:none;
font-size:18px;
margin:3px 0px 0px 5px;
float:left
}

.post_date
{
color:#FFFFFF;
font-weight:bold;
text-decoration:none;
font-size:18px;
margin:6px 12px 0px 0px;
float:right;
}


#main_content
{
width:650px;
background-color:transparent;
background:url('images/center_content.png') repeat-y;
color:#666;
margin:0px 0px 0px 0px;
}

.post, .post p, .post div
{
width:620px;
display: block;
margin-left: 10px;
margin-right: auto;
padding:1px 1px 1px 1px;
line-height:20px;
}

.post p a, .post div a, .post p img, .post table img, .post table a
{
color:#0066FF;
text-decoration:none;
border:none;
}

#foot_content
{
width:650px;
height:32px;
padding: 1px 1px 1px 1px;
text-align:justify;
background-color:#006633;
background:url('images/foot_content.png') no-repeat ;
}

.post_comment, .post_comment a
{
color:#FFFFFF;
font-weight:bold;
text-decoration:none;
margin: 1px 0px 0px 5px;
float:left;
font-size:14px;
cursor:pointer;
}

.post_detail
{
color:#FFFFFF;
text-deecoration:none;
float:right;
margin: 4px 12px 0px 0px;
font-size:10px;
}

.post_detail a
{
color:#FFFFFF;
text-decoration:none;
}

.navigation, .navigation a
{
width:650px;
color:#666;
text-decoration:none;
font-size:0.9em;
}

#content a:link, #content a:visited, #content a:active
{
color:#fe9455;
text-decoration:none;
}

#content a:hover
 {
color:#FF6000;
text-decoration:none;
}


/*------SISI KANAN----------*/

#right_container
{
background: transparent;
float:right;
display:block;
}

#sidebar
{
width:260px;
margin:0px 0px 5px 0px;
background-color:transparent;
}

#sb_head      /*TITLE MENU*/
{
margin: 0;
padding-top:15px;
font-size: 1em;
color: #fff;
font-weight:bold;
height:20px;	
background:transparent url('images/sb_head.png') no-repeat;
text-align:center;
}

#sb_content
{
	margin:0px;
	color:#666;
	font-size:0.9em;
	padding:2px 13px 0px 13px;
	background: url('images/sb_content.png') repeat-y;
}

#sb_content ul
{
margin:0px;
padding:0px;
list-style-position:inside;
}

#sb_foot
{
margin:-1px 0px 0px 0px;
padding: 0 0 0 10px;
font-size: 1em;
color: #fff;
font-weight:bold;
height:23px;	
background:transparent url('images/sb_foot.png') no-repeat;
}

#clear
{
clear:both;
width:100%;
}

/*######################################*/



/*############### BOTTOM ###############*/
#rap_bottom
{
width:950px;					/*jangan pake %*/
background-repeat:repeat-y;
background-position:center;
background-color:#FFF;
padding:1px 1px 1px 1px;
margin:1px 25px 1px 25px;
}

.head_menu_bottom
{background-image:url('images/head_menu.png');
background-position:left top;
background-repeat:no-repeat;
width:220px;
height:32px;
margin:0px 0px 0px 0px;
padding:13px 0px 0px 7px;
text-align:left;
color:#ff8000;
font-weight:bold;
}

.menu_bottom
{
width:220px;
height:400px;
background-color:#fff;
background-image:url('images/foot_menu.png');
background-position:bottom center;
background-repeat:no-repeat;
vertical-align:text-top;
padding-bottom:10px;
color:#666;
}

.menu_bottom ul
{
text-decoration:none;
padding:0px 0px 0px 0px;
margin:0px 0px 0px 0px;
width:200px;
}

.menu_bottom li
{
list-style-type:square;
margin-bottom:5px;
margin-left:5px;
list-style-position:inside;
}

.menu_bottom li a
{
color:#ff8000;
text-decoration:none;
}


/*######################################*/


/*############### FOOTER ###############*/
#footer
{background-color:#FF8000;
background-position:center top;
background-repeat:repeat-x;
background-image:url('images/footer.png');
height:106px;
text-align:center;
font-weight:bold;
padding: 0 0 4px 0;
margin-top:25px;
overflow:visible;
}
/*######################################*/



/*############### SINGLE.PHP ###############*/
#rap_middle_single
{
width:650px;
margin-left:17%;
margin-right:-17%;
margin-top:15px;
margin-bottom:15px;
display:block;
}

#postmetadata
{
width:565px;
line-height:normal;
margin:1px 40px 1px 40px;
background-color:#FFFF99;
padding: 1px 2px 1px 2px;
text-align:justify;
}

#postmetadata a
{
color:#009933;
text-decoration:none;
}

#postmetadata a:hover
{
text-decoration:underline;
}


/*############### COMMENT.PHP ###############*/

#comments_counter
{
margin-left:12px;
}

.commentlist
{
color:#666666;
width:580px;
}

.commentlist li
{
border-bottom: 1px dashed #cccccc;
margin-bottom:15px;
}

.commentlist li a, #commentmetadata a:hover
{
color:#666666;
text-decoration:none;
}

.commentlist li a:hover
{
text-decoration:underline;
}


#comment_text
{
width:100%;
margin:16px 0px 16px 0px;
}

#comment_text p
{
width:100%;
margin:0px 0px 8px 0px;
}

#comment_text a
{
color:#00FF00;
text-decoration:none;
}

#comment_text blockquote
{
border: thin #ff8000;
border-style:dashed;
padding:5px 5px 5px 5px;
display:block;
width:auto;
background-color:#FFFFCC;
}

#respond
{
margin-left:12px;
}

#commentform
{
padding:0px 0px 0px 0px;
}


/*############### SEARCH.PHP ###############*/

.post_search, .post_search p
{
width:620px;
display: block;
margin-left: auto;
margin-right: auto;
padding:5px 1px 1px 15px;
}

.post_date_search, .post_detail_search, .post_detail_search a
{
text-decoration:none;
font-size:12px;
color:#666666;
}

#no_found
{
margin-left: 15px;
}

/*############### ARCHIVE.PHP ###############*/

.pagetitle
{
margin-left:25px;
color:#666666;
}

/*############### SINGLE_WIDE.PHP / PHOTOS PAGE ###############*/

#rap_middle_single_long
{
width:850px;
margin-left:8%;
margin-right:-8%;
margin-top:15px;
margin-bottom:15px;
display:block;
}

#head_content_long
{
width:850px;
padding: 1px 0px 0px 1px;
height:31px;
text-align:justify;
background:url('images/head_content_long.png') no-repeat;
}

#main_content_long
{
width:850px;
background:url('images/center_content_long.png') repeat-y;
color:#666;
margin:0px 0px 0px 0px;
}

#foot_content_long
{
width:850px;
height:32px;
padding: 1px 1px 1px 1px;
background:url('images/foot_content_long.png') no-repeat ;
}

/*############### IMAGE CAPTION ###############*/

.aligncenter,
div.aligncenter {
	display:block;
	margin-left: auto;
	margin-right: auto;
}

.wp-caption {
	border: 1px solid #ddd;
	text-align: center;
	background-color: #f3f3f3;
	padding-top: 4px;
	margin: 10px;
	-moz-border-radius: 3px;
	-khtml-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
}

.wp-caption img {
	margin: 0;
	padding: 0;
	border: 0 none;
}

.wp-caption p.wp-caption-text {
	font-size: 11px;
	line-height: 17px;
	padding: 5px;
	margin: 0;
	width:auto;
}

/*############### MISCELLANOUS ###############*/

#sidebar_links, #sidebar_links li, #sidebar_links a 
{list-style-type:none;
display:inline;
color:#666666;
text-decoration:none;
}

#sidebar_links a:hover
{
color:#ff8000;
}

#sidebar_links li img
{
margin-top:5px;
margin-right:5px;
border:none;
display:inline;
list-style-type:none;
text-decoration:none;
vertical-align:middle;
}

#latest_post
{
color:#ff8000;
}

#recent_comment li
{
list-style-type:none;
list-style-position:outside;
font-size:0.8em;
}

#recent_comment a, #category a
{color:#ff8000;
text-decoration:none;
font-size:12px;
}

#wp-calendar
{
text-align:center;
width:240px;
}

#wp-calendar a
{
color:#ff8000;
border:thin solid #FF6600;
text-decoration:none;
padding:0px 3px 0px 3px;
}

#category li
{
list-style-type:none;
list-style-position:outside;
text-align:center;
}

#powered img
{
display:block;
border:none;
margin-bottom:5px;
}

.comment_quote
{
background:url('images/comment_quote.png') no-repeat;
width:54px;
height:48px;
padding:5px 0px 0px 0px;
margin:-33px 0px 0px 0px;
float:left;
text-align:center;
font-weight:bold;
font-size:24px;
}


.comment_quote a
{
text-decoration:none;
color:#FFFFFF;
font-size:24px;
width:54px;				/*declared for Firefox*/
margin:0px;
}