/*
Theme Name:		Jacatra
Description:	A theme specifically developed for <a href="http://www.jacatra.com/jblog/">Jacatra.com</a> by Arry Tanusondjaja.
Version:		1.0
Author:			Arry Tanusondjaja
Author URI:		http://www.jacatra.com/
*/

body { background: #f4f4f4 url(images/bgold.gif) top center repeat-y; color: #444; font: 62.5% "Calibri", "Trebuchet MS", "Cambria", "Arial", Times, serif; text-align: center; font-weight: bold;}

* { padding: 0; margin: 0; }

/*---:[ global elements ]:---*/

a { color: #2178c9; text-decoration: none; font-weight: normal }

	a:visited { color: #000; text-decoration: none; }

	a:hover { color: #1873a1; text-decoration: underline; }

p { margin: 0 0 15px 0; font-family: "Linux Libertine", "Iowan Old Style", "Cambria", serif; font-weight: normal; }

li { display: block }

blockquote { padding: 5px 10px 0 10px; margin: 0 0 15px 0; border-top: 1px solid #bbb; border-bottom: 1px solid #bbb; background: #f5f5f5; color: #444; font-weight: normal; }

	blockquote p { margin-bottom: 7px; }
	
code { color: #090; font-family: "Courier New", Courier, monospace; }

pre { width: 730px; margin-bottom: 15px; font-size: 1.2em; float: left; }

* html pre { font-size: 1.0em; overflow: hidden; }


/*---:[ headlines ]:---*/

h1 { display: none; font-weight: normal; font-size: 6.8em; font-family: "Segoe UI", "Avenir Next", "Calibri Light", "Arial"; line-height: 1.5em; }

	#header h1 { text-align: left; border-bottom: 1px; }
	
	h1 a, h1 a:visited, h1 a:hover { color: #006699; text-decoration: none; }
	
h2 { color: #2178c9; font-weight: normal; font-family: "Segoe UI", "Avenir Next", "Calibri Light", "Arial"; font-size: 2.6em; border-bottom: 1px dotted #2178c9; padding-top: 10px; padding-bottom: 0px; text-transform: uppercase; }

	.post h2 { font-weight: normal; color: #2178c9; font-family: "Segoe UI", "Avenir Next", "Calibri Light", "Arial"; line-height: normal; padding-top: 0px; margin-bottom: 10px; padding-bottom: 0px; border-bottom: 0px; background: #fff; }
	
		.post h2 a { color: #0c599e; text-decoration: none; }
		
		.post h2 a:visited { color: #0c599e; text-decoration: none; }
		
		.post h2 a:hover { color: #1c9bdc; text-decoration: none; }
	
	#sidebar h2 { color: #fff; background: #2178c9; font-family: "Segoe UI", "Avenir Next", "Calibri Light", "Arial"; padding-top: 6px; padding-bottom: 4px; border-top: 3px solid #349bfa; border-bottom: 3px solid #0c599e; font-weight: normal; font-size: 2.0em; padding-left: 10px; }

	h2.archive_head { font-size: 2.3em; padding: 4px 4px 4px 32px; background: #f5f5f5 url('images/icon_folder.gif') 5px 50% no-repeat; border-bottom: 1px solid #bbb; margin-bottom: 30px; color: #0c599e; font-weight: normal; text-transform: uppercase; }
	
	h2.comment_head { padding-left: 29px; line-height: 2.0em; font-family: "Segoe UI", "Avenir Next", "Calibri Light", "Arial"; border-bottom: 0px; padding-bottom: 0px; background:url('images/icon_comment.gif') 0 50% no-repeat; color: #0c599e; }
	
	h2.form_head { color: #999; font-family: "Segoe UI", "Avenir Next", "Calibri Light", "Arial"; border-bottom: 0px; padding-bottom: 0px; color: #0c599e;  }
	
h3 { font-family: "Segoe UI", "Avenir Next", "Calibri Light", "Arial"; font-weight: normal; font-size: 1.5em; margin-bottom: 4px; color: #999; }

h4 { display: inline; font-weight: normal; padding: 4px; line-height: 1.0em; font-size: .8em; text-transform: uppercase; background: #f5f5f5; border-bottom: 1px solid #ddd; }


/*---:[ core layout elements ]:---*/

#container { width: 1000px; margin: 0 auto; }

	#page { width: 1000px; float: left; }

		#header { width: 1000px; margin-bottom: 30px; float: left; }
			
		#content_box { width: 1000px; padding-bottom: 5px; text-align: left; float: left; }
		
			#content { width: 730px; padding-right: 40px; overflow: visible; float: left; }

                        #content .post { overflow:hidden; margin-bottom:18px; clear:both; }

                        #content .entry a { color:#0c599e; }

                        #content .date { float:left; width:54px; height:60px; padding-top:5px; background:url(images/post-date.gif) 0 0 no-repeat; color:#0c599e; font-size:1.60em; text-align:center; margin: 0 0 20px 0; text-transform:uppercase; }

                        #content .date span { font-size:0.65em; display:block; }

                        #content .title, #content .postdata { margin-left:74px; }

                        #content .page .title { margin-left:0; }

                        #content .title h2 { background:url(images/post-title-border.gif) 0 100% repeat-x; padding-bottom:1px; margin-bottom:3px; font-family: "Segoe UI", "Avenir Next", "Calibri Light", "Arial";}

                        #content .title a { text-decoration:none; color:#0c599e; }

                        #content .title a:hover { color:#2178c9; }

                        #content .postdata { font-size:0.92em; }

                        #content .category { background:url(images/cat.gif) 0 4px no-repeat; padding-left:20px; float: left; }
			
			* html #content { overflow: hidden; }
			
			#sidebar { width: 230px; color: #222; font-size: 1.2em; line-height: 1.5em; float: left; }
			
			* html #sidebar { overflow: hidden; }
			
		#footer { width: 1000px; font-family: "Segoe UI", "Avenir Next", "Calibri Light", "Arial"; padding-top: 8px; border-top: 1px solid #006699; font-size: 1.2em; text-transform: uppercase; letter-spacing: .3em; float: left; clear: both; }
		

/*---:[ header styles ]:---*/

#nav { font-family: "Segoe UI", "Avenir Next", "Calibri Light", "Arial"; width: 100%; background: #669966; float: left; margin-top: 0 !important; margin-top: -4px; }

	#nav ul { list-style: none; }

		#nav li { float: left; }

			#nav li a, #nav li a:visited { color: #fff; text-decoration: none; font-size: 1.5em; letter-spacing: .1em; float: left; text-transform: uppercase; font-weight: normal; }
		
                        #nav li a span { padding-right: 20px; }

                        #nav li a:hover { color: #ffcc00; text-decoration: none; }

                        #nav li a.blog, #nav li a.blog:visited, .blog #nav li a.blog, .blog #nav li a.blog:visited { background: #2178c9 url(images/left-tab-bl.gif) left top no-repeat; text-decoration: none; padding-left: 20px; }

                        #nav li a.archives, #nav li a.archives:visited, .archive #nav li a.archives, .archive #nav li a.archives:visited, .blog #nav li a.archives, .blog #nav li a.archives:visited { background: #003366 url(images/left-tab-ar.gif) left top no-repeat; text-decoration: none; padding-left: 20px; }

                        .blog #nav li a.archives, .blog #nav li a.archives:visited {background: #003366 url(images/left-tab-ar2.gif) left top no-repeat; text-decoration: none; padding-left: 20px; } 

                         #nav li a.about, #nav li a.about:visited, .about #nav li a.about, .about #nav li a.about:visited { background: #339999 url(images/left-tab-ab.gif) left top no-repeat; text-decoration: none; padding-left: 20px; }

                         .archive #nav li a.about, .archive #nav li a.about:visited { background: #339999 url(images/left-tab-ab2.gif) left top no-repeat; text-decoration: none; padding-left: 20px; }

                         #nav li a.history, #nav li a.history:visited, .history #nav li a.history, .history #nav li a.history:visited { background: #669966 url(images/left-tab-hi.gif) left top no-repeat; text-decoration: none; padding-left: 20px; }

                         .about #nav li a.history, .about #nav li a.history:visited { background: #669966 url(images/left-tab-hi2.gif) left top no-repeat; text-decoration: none; padding-left: 20px; }

#pic { width: 1000px; height: 286px; clear: both; float: left; padding-top: 15px; }

/*---:[ content styles ]:---*/

.post { width: 730px; margin-bottom: 50px; font-size: 1.4em; line-height: 1.7em; color: #444; float: left; }

	.entry ul, .entry ol { margin: 0 0 15px 40px; color: #000; font-weight: normal; }
	
	.entry ul { list-style-type: square; }
	
		.entry li { padding: 3px 0; }
		
			.entry ul li ul, .entry ul li ol, .entry ol li ul, .entry ol li ol { margin: 0 0 0 30px; }
	
	.entry dl { margin-bottom: 15px; }
			
	.entry dt { font-weight: bold; color: #000; }
	
	.entry dd { margin: 0 0 0 20px; font-style: italic; }

	.entry img.left { padding: 6px; margin: 0 10px 5px 0; background: #f5f5f5; border: 1px solid #bbb; float: left; }

	.entry img.left_off { margin: 0 10px 5px 0; float: left; }
	
	.entry img.right { padding: 6px; margin: 0 0 5px 10px; background: #f5f5f5; border: 1px solid #bbb; float: right; }

	.entry img.right_off { margin: 0 0 5px 10px; float: right; }
	
	.entry img.center { display: block; padding: 6px; margin: 0 auto 15px auto; background: #f5f5f5; border: 1px solid #bbb; }
	
	.entry img.center_off { display: block; margin: 0 auto 15px auto; }
	
	.post_meta { width: 610px; padding: 4px 10px; border-top: 1px dotted #bbb; border-bottom: 1px dotted #bbb; background: #f5f5f5; line-height: normal; float: left; }
	
		p.num_comments { padding-left: 27px; margin-bottom: 0; line-height: 1.6em; background: url('images/icon_comment.gif') 0 50% no-repeat; float: right; }
		
		p.tagged { padding-left: 27px; margin-bottom: 0; line-height: 1.6em; background: url('images/icon_file.gif') 0 50% no-repeat; float: left; }
	
.navigation { width: 710px; padding: 10px; margin-bottom: 30px; font-size: 1.4em; line-height: 1.7em; background: #f5f5f5; float: left; }

* html .navigation { line-height: normal; }
	
	.previous { padding-left: 27px; margin-bottom: 0; background: url('images/icon_previous.gif') 0 50% no-repeat; float: left; }
	
	.next { padding-right: 27px; margin-bottom: 0; background: url('images/icon_next.gif') 100% 50% no-repeat; float: right; }
	
	.jump { padding: 4px 6px 4px 33px; margin: 0 0 10px 10px; background: #f5f5f5 url('images/icon_down.gif') 6px 50% no-repeat; float: right; clear: both; }


/*---:[ sidebar styles ]:---*/

#sidebar ul { list-style: none; }

	#sidebar ul li { width: 230px; float: left; word-wrap: break-word}

                .sidebar_title { color: #2178c9; background: #fff; text-transform: uppercase; font-weight: normal; padding-top: 6px; padding-bottom: 4px; border-top: 0px; border-bottom: 1px dotted #349bfa; font-size: 2.1em; margin-bottom: 15px; }

		.sidebar_section { width: 230px; padding: 10px 0 7px 0; background: #fff; float: left; margin-bottom: 15px; }
		
			.sidebar_section p { margin-bottom: 10px; }
			
			.sidebar_section p.center { text-align: center; }
			
			.sidebar_section img.off { border: none; }

		.sidebar_blurb { width: 205px; padding: 10px 10px 7px 10px; background: #ebf3f4; float: left; margin-bottom: 15px; }
		
                        
			.sidebar_blurb p { margin-bottom: 10px; }

			.sidebar_blurb p.center { text-align: center; }
			
			.sidebar_blurb img.off { border: none; }



			#sidebar ul li ul, #sidebar ul li ol { list-style: square; width: 210px; font-size: 1.1em; }
			
				#sidebar ul li ul li, #sidebar ul li ol li { width: 200px; }
				
					.quick_date { padding-left: 10px; color: #999; }
	

/*---:[ footer styles ]:---*/

#footer p { font-family: "Segoe UI", "Avenir Next", "Calibri Light", "Arial"; text-align: center; }

#footer a, #footer a:visited { color: #222; text-decoration: none; }

#footer a:hover { color: #222; text-decoration: none; }


/*---:[ comment styles ]:---*/

#comments { width: 730px; font-size: 1.4em; color: #444; float: left; clear: both; }

	ul.comment_list { list-style: none; margin-bottom: 40px;  text-align: justify; padding: 8px; }
		
		ul.comment_list li, ul.comment_list li.alt, ul.comment_list li.author_comment_, ul.comment_list li.author_comment_alt { width: 480px; padding: 10px 10px 5px 10px; border: 1px solid #ddd; border-radius: 4px; -moz-border-radius: 4px; -khtml-border-radius: 4px; -webkit-border-radius: 4px; }

		ul.comment_list li.alt, ul.comment_list li.author_comment_alt { background: #f5f5f5; }
		
			.comment_intro { width: 710px; margin-bottom: 15px; line-height: normal; float: left; padding: 0 0 10px 0; }
			
			* html .comment_intro { margin-bottom: 15; }

 			.author_comment_ .comment_intro { width: 683px; padding-left: 27px; background: url('images/icon_author.gif') 0 50% no-repeat; } 

			.author_comment_alt .comment_intro { width: 683px; padding-left: 27px; background: url('images/icon_author_alt.gif') 0 50% no-repeat; }
			
				img.avatar { float: left; padding: 2px; background: #fff; border: 1px solid #ddd; border-radius: 2px; -moz-border-radius: 2px; -khtml-border-radius: 2px; -webkit-border-radius: 2px; }
			
				.comment_author { font-weight: bold; font-size: 1.1em; }
				
                                .comment_avatar {float: left; padding: 10px 10px 5px 10px; }

				.comment_meta { font-size: .9em; }
				
					.comment_meta a, .comment_meta a:visited, .comment_meta a:hover { color: #999; text-decoration: none; }
		
			.comments_entry { clear: both; font-size: 1em; }
			
			.comments_entry ul, .comments_entry ol { margin: 0 0 15px 40px; color: #000; float: none; }
	
			.comments_entry ul { list-style-type: square; }
	
				.comments_entry li { width: auto; padding: 3px 0; float: none; }
		
					.comments_entry ul li ul, .comments_entry ul li ol, .comments_entry ol li ul, .comments_entry ol li ol { margin: 0 0 0 30px; }


/*---:[ photo caption styles ]:---*/

.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: 0 4px 5px; margin: 0; }

img.alignright { padding: 4px; margin: 0 0 2px 7px; display: inline; }

img.alignleft { padding: 4px; margin: 0 7px 2px 0; display: inline; }

.alignright { float: right; }

.alignleft { float: left; }

/*---:[ comment form styles ]:---*/

#comment_form { width: 730px; padding: 10px 0; float: left; }

	#comment_form p { padding: 6px 0; margin-bottom: 0; }
	
		#comment_form label { padding-left: 10px; font-size: .9em; }

		#comment_form .text_input { width: 40%; padding: 3px; color: #444; font: normal 1.4em Cambria, Georgia, "Times New Roman", Times, serif; border-top: 2px solid #999; border-left: 2px solid #999; border-right: 1px solid #fff; border-bottom: 1px solid #fff; }
		
		#comment_form .text_area { width: 95%; padding: 3px; color: #444; font: normal 1.4em Cambria, Georgia, "Times New Roman", Times, serif; border-top: 2px solid #999; border-left: 2px solid #999; border-right: 1px solid #fff; border-bottom: 1px solid #fff; }
	
		#comment_form .text_input:focus, #comment_form .text_area:focus { border-top: 2px solid #444; border-left: 2px solid #444; border-right: 1px solid #ddd; border-bottom: 1px solid #ddd; }
	

/*---:[ search form styles ]:---*/

#search_form { text-align: center; }

	#search_form .text_input { width: 85%; padding: 3px; color: #444; font: normal 1.4em Cambria, Georgia, "Times New Roman", Times, serif; border-top: 1px solid #999; border-left: 1px solid #999; border-right: 1px solid #f5f5f5; border-bottom: 1px solid #f5f5f5; }
	
	#search_form .text_input:focus { border-top: 1px solid #444; border-left: 1px solid #444; border-right: 1px solid #ddd; border-bottom: 1px solid #ddd; }

/*---:[ meta ]:---*/

.meta {
	padding-bottom:9px;
	background:transparent url(box-shadow.png) no-repeat bottom left;
	font-size:.9em;
}

.meta dl {
	border:1px solid #c6c6c6;
	background:white;
	margin:0;
	padding:4px;
	list-style:none;
	display:block;
}

* html .meta dl {
	height:1em;
}

.meta dl dd, .meta dl dt {
	display:inline;
	margin:0;
	padding:0;
}

.meta dl dt {
	margin:0 .5em 0 0;
	color:#828282;
        font-family: "Cambria", "Georgia", "Times New Roman";
        font-weight: bold;
}

.meta dl dt a {
	color:#828282;
	text-decoration:none;
}

.meta dl dd {
	margin:0 1em 0 0;
	font-weight:bold;
        font-style: italic;
	color:black;
}

.meta dl img {
	vertical-align:middle;
}

.meta dl dd a {
	text-decoration:none;
	color:black;
}

#footer-long {
  text-align: center;
  width: 770px;
  height: 410px;
  float: center;
  padding-top: 10px;
  padding-bottom: 10px;
  border-top: 1px solid #dddddd;
}

#footer-bars {
  text-align: left;
  border-top: 1px solid #dddddd;
  border-bottom: none;
  height: 240px;
  padding-bottom: 20px;
  font-size: 1.2em;
}

#google-bar {
  text-align: center;
  border-top: 1px solid #dddddd;
  padding-top: 10px;
  padding-bottom: 10px;
  border-bottom: none;
}

#footer-bar-gen ul li:after {
  content: "<br>";
  }

#footer-bar1 {
  float: left;
  width: 235px;
  margin-right:15px;
  }

#footer-bar2 {
  float: left;
  width: 235px;
  margin-right:15px;
}

#footer-bar3 {
  float: left;
  width: 235px;
  margin-right: 15px;
 }

#footer-bar4 {
  float: left;
  width: 235px;
  margin-right: 15px;
 }

#wp-calendar
{
text-align: center;
width: 100%;
border-collapse: collapse;
padding: 0;
margin: 0;
font-size: 1em;
}

#wp-calendar caption a, #wp-calendar caption a:hover
{
background: transparent;
}

#wp-calendar th
{
font-weight: bold;
}

#wp-calendar a
{
text-decoration: none;
display: block;
color: black;
}

#wp-calendar td, #wp-calendar th
{
text-align: center;  
}

#wp-calendar tbody td a
{
text-decoration: underline;
background-color: #a1cbed;
}

#wp-calendar caption
{
letter-spacing: 0.1em;
padding: 0.2em 1em 0.2em 0em;
font-weight: normal;
text-align: left;
font-size: 1.2em;
text-transform: uppercase
}


/* Archives */

.year-list, .month-list {
	width: 100% !important;
	float: left !important;
	margin: 0 !important;
	padding: 0 !important;
	text-indent: 0 !important;
}

.year-list {
	margin-top: 10px !important;
	background: url(img/archive-year-background.png) repeat-x center bottom;
}

.month-list {
	border-bottom: 2px solid #E8EDEE;
	padding: 5px 3px !important;
}

.year-list li, .month-list li {
	list-style: none !important;
	float: left;
	clear: none !important;
	font-size: 14px;
	color: #BDC0C3;
	margin: 0 !important;
	padding: 0 !important;
	line-height: 1 !important;
}

.year-list li:before, .month-list li:before {
	content: '' !important;
}

.year-list a {
	float: left;
	font-size: 28px;
	padding: 5px 7px 10px !important;
}

.year-list .current {
	background: url(img/archive-year-pointer.png) no-repeat center bottom;
	color: #000;
}

.month-list li {
	padding: 3px 5px !important;
}

.month-list .current, .month-list .current a {
	background: none;
	color: #000;
}

.archive-list li {
	list-style: none !important;
	margin-bottom: 10px;
}

.archive-list li h2 {
	font-size: 14px;
	font-weight: bold;
	margin: 0;
	padding: 0;
}

/* Fancy */
#smart-archives-fancy a {
	outline: none !important;
}

.pane {
	float: left;
	clear: both;
	display: none;
	width: 100%;
}

.month-heading {
	margin: 20px 0 10px;
        font-size: 24px;
}

span.month-archive-link {
	font-size: 70%;
	font-weight: normal;
        text-transform: none;
}

/* Block */
#smart-archives-block {
	float: left;
	width: 100%;
}