/*  
Theme Name: Pitr
Theme URI: http://www.jauhari.net/themes/pitr
Description: Pitr is 3 Coloum Layout that build with little bit icon and some color blending effect and Custom Header.</p> <p>Please Note <a href="http://meidell.dk/threadedcomments/">Brian's Threaded Comments</a> must enable to make Comment work, or if you want remove it? just replace comments.php with file from default theme.</p> <p>Visit the <a href="http://www.jauhari.net/themes/pitr">Theme Page</a>.</p><p>The CSS, XHTML and design is released under a <a href="http://creativecommons.org/licenses/by/3.0/">Creative Commons Attribution 3.0 License</a></p>
Version: 2.2
Author: Nurudin Jauhari
Author URI: http://www.jauhari.net/

	This theme was designed and built by Nurudin Jauhari,
	whose blog you will find at http://www.jauhari.net/themes/pitr
	Crafted on 20 -23 March 2007
	Last Edit: 13 January 2009 21.48

	The CSS, XHTML and design is released under a Creative Commons Attribution 3.0 License:
	http://creativecommons.org/licenses/by/3.0/

*/

/* Social Style 
********************* */

html
{
	height: 100%;
	margin-bottom: 0.1em;
	overflow-y: scroll;
}
*
{
	margin: 0;
	padding: 0;
}
img
{
	border: 0;
}
p
{
	line-height: 1.6em;
	margin: 0.7em 0;
}
dl
{
	margin: 1em 0;
}
dt
{
	font-weight: bold;
}
dd
{
	margin: 0.5em;
	padding: 0;
}
img.right
{
	float: right;
	margin: 10px 0 0 10px;
}
img.left
{
	float: left;
	margin: 0 10px 10px 0;
}
hr
{
	display: none;
}
body
{
	background: #f3f3f3 url(images/bgr) left bottom repeat-x;
	background-attachment: fixed;
	color: #444;
	font: 76%/1.6em verdana, tahoma, arial, sans-serif;
	margin: 0 0 30px;
	padding: 0;
	text-align: center;
}
a
{
	text-decoration: none;
}
a:link, a:visited
{
	color: #bf1016;
}
a:hover, a:active
{
	border-bottom: #963 1px solid;
}
div.wp-caption a:hover, div.wp-caption a:active
{
	border: none;
}
h1, h2, h3, h4, h5, h6
{
	font-family: Georgia, Verdana, Arial, Serif;
}

/* Main Design
********************* */
#pager
{
	background: #666;
	border-bottom: 2px solid #666;
	height: 10px;
	margin: 0;
	padding: 0;
}
#page
{
	background: #fff;
	border-top: 4px solid #d1261e;
	margin: 0 auto;
	padding: 0 0 20px;
	position: relative;
	text-align: left;
/*	width: 950px; */
	width: 1000px;
}
* html #page
{
/*	width: 950px; */
	width: 1000px;
}
#header
{
	background: #F6D530 url(images/headr.jpg) right top no-repeat;
	border-bottom: 1px solid #d1261e;
/*	height: 150px; */
	height: 164px;
	margin: 0 0 10px;
	padding: 0;
	position: relative;
}
#headr
{
	padding-right: 10px;
	padding-top: 55px;
	text-align: right;
}
#headr h1
{
	font-size: 2.7em;
	margin: 0;
	padding: 0;
}
#headr h1 a
{
	color: #555;
	font-family: sans;
	text-decoration: none;
	border: none;
}
#headr .description
{
	margin-top: 6px;
	font-weight: bold;
	color: #c40000;
}
#content
{
	float: right;
	padding-right: 20px;
/*	width: 480px; */
	width: 570px;
}
#sidebar
{
	float: left;
/*	width: 420px; */
	width: 380px;
}
#footer
{
	clear: both;
	color: #999;
	margin-bottom: 20px;
	padding: 10px 0;
}
#footer a
{
	color: #666;
}
#footer
{
	background: transparent;
	clear: both;
	margin: 0 auto;
	text-align: left;
/*	width: 940px; */
	width: 1000px;
}
html #footer
{
	height: 1%;
}
#footer p
{
	float: left;
	line-height: 1.2em;
	width: 55%;
}
#footer p.right
{
	color: #999;
	float: right;
	font-size: 0.9em;
	margin: 1em 0;
	text-align: right;
	width: 40%;
}
#header, #content, #sidebar, #footer
{
	overflow: hidden;
}

/* Sidebar Style 
********************* */
#sidebar ul
{
	list-style: none;
	margin: 0;
	padding: 0;
}
#sidebar .about
{
	margin-bottom: 20px;
	margin-left: 20px;
	text-align: right;
}
#sidebar .about h2
{
	border-bottom: 1px solid #ccc;
}
.about p.stats
{
	border-bottom: 1px solid #ccc;
	margin-top: 10px;
	border-top: 1px solid #ccc;
	color: #999;
	background: url(images/pink_star.png) right center no-repeat;
	font-size: 0.9em;
	padding-right: 14px;
}
#sidebar .iright
{
	float: right;
	padding-left: 10px;
}
#sidebar .about p
{
	padding-left: 10px;
}
#sidebar h2
{
	font-size: 1.4em;
	font-weight: normal;
	margin: 0;
	padding: 0;
}
.side1
{
	background: url(images/side1r.gif) top right no-repeat;
	border-right: 1px solid #9dcdff;
	float: left;
	text-align: right;
/*	width: 200px; */
	width: 180px;
}
.side1 a
{
	color: #0d60b6;
}
.side1 .linkcat,.side1 .widget, .side1 .categories, .side1 .donasi, .side1 .mylogr
{
	padding: 10px;
}
.side1 .widget_calendar {

}
.side1 .mylogr
{
	text-align: left;
}
.side1 .donasi a
{
	border: 0;
}
.side1 .donasi div
{
	padding-top: 10px;
}
.side1 .linkcat h2, .side1 .archive h2, .side1 h2
{
	background: url(images/side1h2r.gif) top right no-repeat;
	text-align: right;
}
.side2
{
	float: right;
/*	width: 200px; */
	width: 180px;
}
.side2 .boxr, .side2 .widget 
{
	background: #eee;
	border: 1px solid #d1261e;
	margin-bottom: 20px;
	padding: 10px;
}
.side2 .widget:hover, .side2 .boxr:hover
{
	background: #b0e4f8;
	border: 1px solid #6dcff6;
	margin-bottom: 20px;
	padding: 10px;
}
.side2 .widget a, .side2 .boxr a
{
	color: #227190;
}
.side2 #emploan
{
	background: #e3fbbf;
	border: 1px solid #e3fbbf;
	margin-bottom: 20px;
	padding: 10px;
}
.side2 #emploan a
{
	border: none;
	color: #005e20;
	text-decoration: none;
}
.side2 #emploan:hover
{
	border: 1px solid #9bc65b;
}
.side2 .sb-latest h2, .side2 .archive h2
{
	color: #790000;
}
.side2 .latest
.side2 .box2
{
	background: #efefef;
	margin-bottom: 20px;
	padding: 10px;
}

/* Post Style 
********************* */
h2.pagetitle
{
	border-bottom: 1px solid #ccc;
	font-family: arial, verdana;
	font-size: 1.8em;
	font-weight: normal;
	margin-bottom: 20px;
	text-align: right;
	text-transform: uppercase;
}
.post
{
	border-bottom: 1px dashed #ccc;
	margin-bottom: 20px;
}
.post h2
{
	margin: 0;
	padding: 0;
	font-family: Arial, san-serif;
	font-weight: normal;
}
.post h2 a
{
	text-decoration: none;
}
.post h2 a:hover
{
	text-decoration: underline;
}
p.postmetadata
{
	color: #999;
	font-size: 85%;
	margin-bottom: 10px;
}
p.postmetadata a
{
	color: #666;
	text-decoration: none;
}
span.timr
{
	background: url(images/timr.png) 0 0 no-repeat;
	padding-left: 15px;
}
span.catr
{
	background: url(images/catr.png) 0 0 no-repeat;
	padding-left: 15px;
}
span.editr
{
	background: url(images/editr.png) 0 0 no-repeat;
	padding-left: 15px;
}
span.commr
{
	background: url(images/commr.png) 0 0 no-repeat;
	padding-left: 15px;
}
/*
.post a img, .post img {
	float: right;
	padding-left: 5px;
}
*/
.post ul {
	margin-left: 35px;
}
.post ol {
	margin-left: 40px;
}

.navigation
{
}
.navigation a
{
	color: #666;
}
/*
.alignleft
{
	float: left;
	width: 46%;
	padding-left: 16px;
	background: url(images/arrow-left.png) 0 50% no-repeat;
}
.alignright
{
	float: right;
	text-align: right;
	width: 46%;
	padding-right: 16px;
	background: url(images/arrow-right.png) right 50% no-repeat;

}
*/
.arsip h2
{
	margin: 0;
	padding: 0;
}
.arsip ul
{
	list-style: none;
	margin: 0;
	padding: 0;
}
#category_cloud
{
	margin-bottom: 20px;
}
ul.srgr strong
{
	font-family: Arial, Verdana;
	font-size: 1.6em;
	font-weight: normal;
}

/* Top Navigation Style 
********************* */
#navr
{
	font-family: Trebuchet MS,Tahoma, Verdana, Serif;
	text-align: left;
	
	overflow: hidden;
	position: relative;

	width: 950px;
	margin: 0;
/*	margin: 0 auto 10px;
	padding: 0 0 5px; */
	margin: -34px auto 0px;
	padding: 0 0 10px 5px;

}
html #navr
{
	height: 1%;
}
#navr ul li
{
	float: left;
	list-style: none;
	margin: 0 5px 0 0;
}
#navr ul li a
{
/*	color: #333;
	letter-spacing: 0px;
	text-decoration: none;
	font-weight: bold;

	display: block;
	background: #ccc;
	border: #666 1px solid;
	border-top: none;
	padding: 2px 10px; */
	color: #fff;
	letter-spacing: 0px;
	text-decoration: none;
	font-weight: bold;

	display: block;
	background: url( images/60pc_black.png );
	-moz-border-radius-topleft: 3px;
	-webkit-border-top-left-radius: 3px;
	-moz-border-radius-topright: 3px;
	-webkit-border-top-right-radius: 3px;
	border-bottom: none;
	padding: 2px 10px;

}
ul#navr a:focus { outline: none; }
#navr ul li a:hover {
	color: #fff;
	
	background: #999;
/*	border: #333 1px solid;
	border-top: none; */
	background: url( images/45pc_black.png );
	border-bottom: none;
}
#navr ul li a:active, #navr ul li.current_page_item a
{
/*	color: #fff;

	background: #666;
	border: #fff 1px solid;
	border-top: none; */
	color: #000;
	background: #fff;
	border-bottom: 1px solid white;
}
#navr ul li.search
{
	font-size: 0.9em;
	position: absolute;
	right: 0;
	top: 5px;
}
#navr ul li.search input#sr {
	padding: 3px;
}
#navr ul li.search input#submitr
{
	background: #999;
	border: #333 1px solid;
	color: #fff;
	font-size: 0.9em;
	margin: 0 0 0 2px;
	padding: 2px;
}

/* ETC and FOrm Style 
********************* */
.clear
{
	clear: both;
	height: 20px;
}
fieldset
{
	border: none;
}
textarea
{
	width: 100%;
}
br.both
{
	clear: both;
}
.wp-smiley, #wpstats
{
	background: none;
	border: 0;
	padding: 0;
}
blockquote
{
	background: url(images/blockquote.gif) no-repeat left top;
	color: #666;
	margin: 1em;
	padding: 0 0 10px 50px;
}
#content .commentsfeedr
{
	background: url(images/feed.png) no-repeat left center;
	padding-left: 20px;
}
#content .trackbackr
{
	background: url(images/arrow_refresh.png) no-repeat left center;
	padding-left: 20px;
}
input.textbox, textarea
{
	background: #fff url(images/shadow_top.gif) repeat-x top;
	border: #ccc 1px solid;
	font: 1em Verdana, Arial, Serif;
	padding: 2px;
}
input.textbox:focus, textarea:focus
{
	background: #fff url(images/shadow_top.gif) repeat-x top;
	border: #999 1px solid;
}
#submit
{
	padding: 3px 5px;
}
.comment
{
	background: #fff url(images/shadow_top.gif) repeat-x top;
	border-bottom: #ddd 1px solid;
	list-style: none;
	margin: 0;
	padding: 1em 0.5em;
}
.alt
{
	background: #f9f9f9;
}
.MyAvatars
{
	border: 1px solid #ccc;
	border-bottom: 1px solid #999;
	border-right: 1px solid #999;
	float: right;
	margin-left: 5px;
	margin-right: 10px;
	padding: 3px;
}

pre {
	width: 95%;
	overflow:auto;
	font: 13px 'Courier New', Courier, Verdana, Arial, sans-serif;
	color: #666;
	max-height: 350px;
	line-height: 18px;
	margin: 10px 0;
	border: 1px solid #ccc;
	padding: 5px;
	background: #efefef;
}

code {
font: 13px 'Courier New', Courier, Verdana, Arial, sans-serif;
color: #999;
padding: 2px;
}

/* Begin Various Tags & Classes */
acronym, abbr, span.caps {
	cursor: help;
	}

acronym, abbr {
	border-bottom: 1px dashed #999;
	}

small {
	}
img.wp-smiley { 
   vertical-align: -25%; 
}


/* Begin Calendar */
#wp-calendar {
	empty-cells: show;
	margin: 10px auto 0;
	width: 155px;
	}

#wp-calendar #next a {
	padding-right: 10px;
	text-align: right;
	}

#wp-calendar #prev a {
	padding-left: 10px;
	text-align: left;
	}

#wp-calendar a {
	display: block;
	}

#wp-calendar caption {
	text-align: center;
	width: 100%;
	}

#wp-calendar td {
	padding: 3px 0;
	text-align: center;
	}

#wp-calendar td.pad:hover { /* Doesn't work in IE */
	background-color: #fff; }

#wp-calendar #prev a, #wp-calendar #next a {
	font-size: 9pt;
	}

#wp-calendar a {
	text-decoration: none;
	}

#wp-calendar caption {
	font: bold 1.3em 'Lucida Grande', Verdana, Arial, Sans-Serif;
	text-align: center;
	}

#wp-calendar th {
	font-style: normal;
	text-transform: capitalize;
	}
/* End Calendar */


/* Begin Images */
p img {
	padding: 0;
	max-width: 100%;
	}

/*	Using 'class="alignright"' on an image will (who would've
	thought?!) align the image to the right. And using 'class="centered',
	will of course center the image. This is much better than using
	align="center", being much more futureproof (and valid) */

img.centered {
	display: block;
	margin-left: auto;
	margin-right: auto;
	}

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
	}
/* End Images */

.navigation {
	display: block;
	text-align: center;
	margin-top: 10px;
	margin-bottom: 60px;
	}
/* End Various Tags & Classes*/

.navigation .alignleft {
	float: left;
	width: 50%;
	text-align: left
}
.navigation .alignright {
	float: right;
	width: 50%;
	text-align: right;
}

/* Captions */
.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;
}
/* End captions */

/* Change Log *** 
1.0		: Initial Public Released
1.1 - 1.4 	: Fix Some Minnor Problem
1.5		: Made better Top Navigation
1.6		: Make Little bit change on Navigation Post 
1.7		: Change About Text from manual to generate from <php the_author_description(); ?> thanks for http://xiando.livelyblog.com/ to give this great Idea
1.7a		: Fix Minnor Bugs
2.1		: CHange License from GPL to Creative Commons Attribution 3.0 License:
*/

/* Google Adsense */

.adsense {
	margin-bottom: 25px;
}

/* 
Style Sheet code for Image Caption Easy Plugin for WordPress
Copy and Paste this code into your WordPress theme style sheet file (style.css) then upload to its location.
You can edit any of these to suit your needs.
*/

.imagecaptioneasy { padding: 5px; font-family: arial,helvetica,sans-serif; font-size: 10px; line-height: 1.15em; text-align: center; border: 1px solid #808080; background: #EAEAEA; color: #333; }
.imagecaptioneasy img { border: 0px solid #fff; margin-bottom: 5px; }
.imagecaptioneasy span { text-align: center; }
.imagecaptioneasy_top_left { margin: 0 11px 11px 0; float: left; }
.imagecaptioneasy_top_right { margin: 0 0 11px 11px; float: right; }
.imagecaptioneasy_top_nowrap { margin: 0 0 11px 0; float: none; }
.imagecaptioneasy_left { margin: 11px 11px 11px 0; float: left; padding: 5px; font-family: arial,helvetica,sans-serif; font-size: 10px; line-height: 1.15em; text-align: center; border: 1px solid #808080; background: #EAEAEA; color: #333; }
.imagecaptioneasy_right { margin: 11px 0 11px 11px; float: right; padding: 5px; font-family: arial,helvetica,sans-serif; font-size: 10px; line-height: 1.15em; text-align: center; border: 1px solid #808080; background: #EAEAEA; color: #333;}
.imagecaptioneasy_nowrap { margin: 11px 0 11px 0; float: none; }

/* Begin Images */
p img {
	padding: 0;
	max-width: 100%;
	}

/*	Using 'class="alignright"' on an image will (who would've
	thought?!) align the image to the right. And using 'class="centered',
	will of course center the image. This is much better than using
	align="center", being much more futureproof (and valid) */

img.centered {
	display: block;
	margin-left: auto;
	margin-right: auto;
	}

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
	}
/* End Images */

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

.wp-caption {
	border: 1px solid #ccc;
	text-align: center;
	background-color: #e3e3e3;
	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 5px 0 5px;
	border: 0 none;
}

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

.center {
	text-align: center;
	}

a img {
	border: none;
	}

/*
Styles for DDFM Plugin 
*/
.ddfmerrors {
	font: bold normal 1.2em Bitstream Vera Sans, verdana, helvetica, arial, sans-serif;
	color: #f00;
}
.ddfmwrap .errorlist {
	font: normal normal 1em Bitstream Vera Sans, verdana, helvetica, arial, sans-serif;
	color: #f00;
}