/*  
Theme Name: WordPress theme 298
Theme URL: http://wordpress.org/
Description: A theme from Template-Help.com Collection 
Version: 2.1
Author: Template_Help.com 
Author URL: http://www.Template-Help.com/ 
*/

/* CSS Document */

* {
	margin:0; padding:0;
}

body{
	background:#C43F00 url(images/tall-b-r.gif) repeat-y right;
}

html, body { height:100%;}

a:hover{text-decoration:none;}

a img { border:0;}

ul { list-style:none;}

.column { float:left;}
.clear { clear:both;}


html, input, textarea
	{
		font-family:"Times New Roman", Times, serif; 
		font-size:14px;		
		color:#F3EBC3;		
	}

input, select { vertical-align:middle; font-weight:normal;}

a {color:#F3EBC3;}

#tall { background:url(images/tall-b-l.gif) repeat-y left; height:100%;}

#header { background:url(images/top-dr.gif) repeat-x top;}
#header .l { background:url(images/top-l.gif) no-repeat left top;}
#header .r { background:url(images/top-r.gif) no-repeat right top; height:153px;}
#header .indent { padding:59px 26px 0 58px;}
#header span { color:#FFFDDF; font-family:Arial, Helvetica, sans-serif; }

h1 { color:#FFFDDF; font-size:2.01em; font-weight:normal; text-transform:uppercase; font-family:Tahoma;}
h1 a {color:#FFFDDF; text-decoration:none;}

#menu { background:#A81501 url(images/menu-l.gif) no-repeat left top; height:36px; top:110px; position:absolute; right:26px;}
#menu .r { background:url(images/menu-r.gif) no-repeat right top; height:auto;}
#menu .indent { padding:12px 0px 0px 20px;}
#menu ul { white-space:nowrap;}
#menu ul li { display:inline; margin-right:30px;}
#menu ul li a { color:#ED6B30; text-decoration:none;}
#menu ul li a:hover { text-decoration:underline;}

#footer { background:url(images/foot-dr.gif) repeat-x;}
#footer .l { background:url(images/foot-l.gif) no-repeat left;}
#footer .r { background:url(images/foot-r.gif) no-repeat right; height:62px;}
#footer .content { padding-top:25px; text-align:center; color:#FF986A;}
#footer .content a {color:#FF986A;}

#middle { background:#333333; padding-bottom:4px; padding-right:26px;}

/* side_bar */
#side_bar { width:246px; float:right; color:#5F5144;}
#side_bar a {color:#5F5144;}

#side_bar .search_top { background:url(images/search-bg.gif) no-repeat; padding:10px 0 11px 18px; margin-bottom:3px;}
#side_bar .search_top input { width:177px; border-color:#C0D221; border-width:1px; border-style:solid; padding-top:2px; padding-bottom:2px; background:#35413A; color:#7C827F;}
#side_bar .search_top .input { width:29px; height:21px; padding:0; margin:0px 0px 0px 4px; border:none;}

#side_bar .search { text-align:right; padding:8px 0px 20px 0px;}
#side_bar .search input { width:98%; border-color:#C0D221; border-width:1px; border-style:solid; padding-top:2px; padding-bottom:2px; background:#35413A; color:#7C827F;}
#side_bar .search .input { width:29px; height:21px; padding:0; margin:5px 0px 0px 0px; border:none;}

#side_bar .dr { background:url(images/side-dr.gif) repeat-y; width:100%;}
#side_bar .t { background:url(images/side-t.gif) no-repeat top; width:100%;}
#side_bar .b { background:url(images/side-b.gif) no-repeat bottom;}
#side_bar .indent { padding:20px 18px 5px 21px;}

.widget_style h2 { color:#333333; font-size:0.91em; font-weight:bold; text-transform:uppercase;}
.widget_style ul { margin:8px 0px 20px 0px; list-style:none;}
.widget_style li { background:url(images/h-l-list.gif) repeat-x bottom; padding:4px 0 3px 0;}
.widget_style li a { color:#5F5144; text-decoration:none; background:url(images/bul.gif) no-repeat 1px 5px; padding-left:13px;}
.widget_style li a:hover { color:#B1BE07;}

#links_with_style ul {margin:0;}
#links_with_style ul ul {margin:8px 0px 20px 0px;}
#links_with_style ul li {list-style:none;background:none;margin:0;padding:0;line-height:normal;	}
#links_with_style ul li ul li {background:url(images/h-l-list.gif) repeat-x bottom; padding:5px 0 3px 0;}
#links_with_style ul li ul li a {color:#5F5144; text-decoration:none; background:url(images/bul.gif) no-repeat 1px 5px; padding-left:13px;}
#links_with_style ul li ul li a:hover { color:#B1BE07;}

#archives li a { background:none; font-weight:bold; padding:0;}

#meta { vertical-align:top;}

.postmetadataalt {
	font-size:0.81em; 
}
.pagetitle {
	color:#FEFBDD; font-size:1.41em; font-weight:normal;		
	padding:0px 0px 10px 0px;
	margin:0px 0px 0px 0px;
}
p {
	margin:0px;
	padding:10px 0px 10px 0px;
}
.article {
	padding:0px 0px 0px 0px;
}
.post {
	padding:0px 20px 0px 20px;
}

#recent-comments  {
	vertical-align:top;
}
#recent-posts  {
	vertical-align:top;
}

#calendar {
	vertical-align:top;
}

#google-search  {
	vertical-align:top;
}
#gsearch {
	text-align:left;
}
#pages  {
	vertical-align:top;
}
#text-1 {
	vertical-align:top;
}
#delicious {
	vertical-align:top;
}
#delicious-box {
	text-align:left;
}
#calendar_wrap {
	vertical-align:top;
	padding:8px 0px 20px 0px;
}

#calendar_wrap a {	
	font-weight:bold;
}


.textwidget {
	text-align:left;
	padding:8px 0px 20px 0px;
}

.navigation {padding:0px 10px 15px 10px;}

.alignleft { float:left; color:#BAC607;  width:45%;}
.alignright { float:right; text-align:right; color:#BAC607; width:45%;}
.alignleft a {color:#BAC607; font-size:0.91em; font-weight:bold;}
.alignright a {color:#BAC607; font-size:0.91em; font-weight:bold;}

#statusbar {
	padding:0px 0px 20px 0px;
	text-align:justify;
}
#statusbar p {
	padding:0px; 
	margin:0px;
}

#statusbar a {		
	font-weight:bold;
}

/* side_bar end */

#wrapper {float:left; width:100%; margin-left:-246px;}

#content {margin-left:246px;}

#content .indent { padding:20px 21px 10px 58px;}

#content .h_l { background:url(images/h-l.gif) repeat-x; height:3px; margin:18px 0;}

#content cite { color:#BDC807;}

h3 { color:#FEFBDD; font-size:1.41em; font-weight:normal; background:url(images/h-l.gif) repeat-x bottom; padding-bottom:7px; }
h3 a {color:#FEFBDD; text-decoration:none;}

.content_text { margin-top:23px;}

.author { color:#BAC607; font-size:0.91em;}
.author span { color:#BAC607;}


.post-date{
float: left;
display: inline;
margin: 0 10px 0 0;
background: url(http://amirsudjono.com/wp-content/uploads/date_button_template.gif) no-repeat;
}

.adc { margin-top:15px;}
.adc .l { float:left;}
.adc .r { float:right;}
.comment_text p {color:black;}
.comment { color:#BAC607; font-size:0.91em;}

.comment a { color:#BAC607; text-decoration:none;}
.comment a:hover { text-decoration:underline;}

#content .search input { width:70%; border-color:#C0D221; border-width:1px; border-style:solid; padding-top:2px; padding-bottom:2px; background:#35413A; color:#7C827F;}
#content .search .input {width:29px; height:21px; padding:0; margin:0px 0px 0px 6px; border:none;}

/* Facebook Connect Styles */

.facebook-connect{ /* I added this div wrapper myself, was not part of the plugin */
  position: relative;
  float: right;
  width: 300px;
  margin-top: -65px;
  text-align: right
}

.facebook-connect a,  /* you probably won't need this css */
.facebook-connect a:hover,
.facebook-connect a img,
.facebook-connect a:hover img{
  border: 0
}

.facebook-connect .fbc_connect_button_area { /* This is the button container for your comment form */
  border: 0;
  float:none;
  margin:0;
  padding:0
}

body .fbc_profile_header { /* I added body to override the CSS from Facebook Connect's default CSS */
  background:#000000 url("images/quote-bg-repeat5.jpg") repeat-x;
  border:1px solid #3d3e3d;
  border-right: 0;
  padding:10px 5px 5px 10px;
  position:fixed; top: 45%; right:0;
  text-align:left;
  width:220px
}

body .fbc_profile_header a.logout{ /* this is a custom class I added to the HTML in fbconnect.php */
  font-size: .9em;
  color: #999
}