/*  
Theme Name: Saur
Theme URI: http://www.jauhari.net/themes/Saur
Description: <p>Saur Theme is clean layout that build with 3 Columns Layout.</p><ul style="list-style:none;"><li>* 2 Right Sidebar and Random Header</li><li>* Widget Ready and Iconic Meta Info</li><li>* Change About text via Admin Profile</li><li>* Tested on WordPress 2.1.x</li></ul> <p>Visit the <a href="http://www.jauhari.net/themes/saur">Theme Page</a> for theme update and other related information.</p>
Version: 1.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://jauhari.net/themes/saur
	Crafted on 14 September 2007
	Last Edit: 15 April 2008 21.53  +7 GMT

	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;
}
*
{
	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.alignright, img.right
{
	float: right;
	margin: 0 0 0 5px;
}
img.alignleft, img.left
{
	float: left;
	margin: 0 5px 0 0;
}
hr
{
	display: none;
}
body
{
	background: #fff;
	color: #333;
	font: 74%/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: #666;
}
a:hover, a:active
{
}
h1, h2, h3, h4, h5, h6
{
	font-family: Garamond, Georgia, Verdana, Arial, Serif;
}

/* Etc
******************** */
br.clear {
	clear: both;
}

/* Design 
******************** */
#page {
	text-align: left;
	width: 960px;
	margin: 10px auto;
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	background: url(images/bg-content.gif) right top repeat-y;	
}
#pager {
	margin: 10px auto 0;
	background: #48C93E;
	width: 960px;
}
#pager  h4 {
	font: 1.15em bold Arial, verdana;
	color: #000;
}
#pager h4 strong {
	border-bottom: 1px solid #fff;
}
#pager .p2 {
	margin: 0 auto;
	width: 960px;
	text-align: left;
	position: relative;
	height: 115px;
}
.p2 .about {
	padding: 10px 0;
	position: absolute;
	right: 10px;
	top: 0;
	width: 430px;
}
.p2 .about .avatr {
	float: left;
	margin-right: 10px;
	border: 4px solid #37A62E;
}
#header {
	background: #1BACF2;
	border-bottom: 5px solid #B98718;
}
#headr {
	width: 960px;
	margin: 0 auto;
	padding: 0;
	text-align:left;
	color: #C3EAFB;
	position: relative;
}
#headr h1 {
	margin: 5px 0 0;
	font: bold 2.5em Garamond, Georgia, "Times New Roman", times, serif;
}
#headr h1 a {
	color: #333;
	}
#headr .description {
	color: #666;
	margin-bottom: 10px;
}
#headr .cari {
	position: absolute;
	right: 0;
	bottom: 5px;
}
.cari #s {
	width: 436px;
	color: #999;
	padding: 5px 5px;
	border: 2px solid #ccc;
}
.cari #s:focus, .cari #s:hover {
	width: 436px;
	color: #000;
	padding: 5px 5px;
	border: 2px solid #48C93E;
}
#content-wrap {
	float: left;
	width: 100%;
}
#content {
	margin: 0 450px 0 0;
	padding-top:  10px;
}
#content .gap {
	margin-right: 10px;
}
.post {
	margin-bottom: 10px;
	border-bottom: 1px solid #ccc;
}
.post span.biru {
	padding: 2px 4px;
	background: #D4EEF7;
	color: #007298;
}
.post span.merah {
	padding: 2px 4px;
	background: #F7DCD4;
	color: #E23700;
}
.post span.kuning {
	padding: 2px 4px;
	background: #F7F7D4;
	color: #B49000;
}
.post span.ijo {
	padding: 2px 4px;
	background: #E6F7D4;
	color: #315931;
}


.side1 {
	width: 190px;
	float: left;
	color: #000;
	margin-left: -450px;
	padding: 10px;
}
.side2 {
	width: 230px;
	float: left;
	color: #000;
	margin-left: -230px;
	padding-top: 10px;
	}


#footer {
	width: 960px;
	margin: 0 auto;
	text-align: left;
}
#footer {
	color: #999;
	font-size: 0.9em;
}
#footer a {
	color: #666;
	text-decoration: underline
}
#footer a:hover {
	color: #666;
	text-decoration: none;
}
#bloglog {
 border-bottom: 1px solid #ccc;
}
/* Design  RSS
******************** */
.rss-style {
	border: 1px solid #ccc;
	padding: 10px;
	margin-bottom: 10px;

	background: url(images/rss-bg.gif) bottom left no-repeat;
}
.rss-style h1 {
	text-align: left;
	font: 700 1.6em Arial, verdana;
}
.rss-style h1 a {
	color: #f0000f;
}
p.stats {
	color: #666;
	font-size: .9em;
	border-left: none;
	border-right: none;
	margin: 0;
	padding: 0;
}
.side1  ul, .side2  ul{
	list-style: none;
}
.side1  .children, .side2 ul.children{
	margin-left: 16px;
}
.boxy, #sidebar .categories, .widget, #sidebar .linkcat {
	margin-bottom: 10px;
}
.side2 input#s {
	width: 150px;
	padding: 5px;
	margin-bottom: 10px;
	background: #ECFBEA;
	border: 2px solid #D6F7D4;
}
.side2 input#s:focus {
	background: #fff;
	color: #227612;
}

.side2 input#searchsubmit
{
	background: #30BA47;
	border: #269237 2px solid;
	color: #fff;
	font-size: 1.3em;
	margin: 0;
	font-weight: bold;
	padding: 4px 6px;
}
.side2 input#searchsubmit:focus
{
	background: #BCE240;
}

/* Design  Typo
********************* */
.side1  h2, .side2  h2{
	font-size: 1.4em;
	font-family: Garamond, Georgia, "Times New Roman", times, serif;
	border-bottom: 1px solid #ccc;
	margin-bottom: 5px;
}
.side1 a, .side2 a {
	color: #1D7A03;
}
li.current-cat a {
	color: #F0000F;
	font-weight: bold;
}
.side1 a:hover, .side2 a:hover  {
	color: #F0000F;
}
.side1 ul li ul li, .side2 ul li ul li {
	margin-bottom: 5px;
	font-size: .9em;
}
.side1 ul li ul li, .side2 ul li ul li {
}
.side2 .flickr ul li{
	background: none;
   float: left;
   padding-left: 0;
  margin-right: 5px;
}
.side2 .flickr ul li img {
 border: 1px solid #48C93E;
}
.side2 .flickr ul li img:hover {
 border: 1px solid #406618;
}
.side2 ul li ul li.current-cat a  {
	padding-left: 15px;
	color: #8A0E3A;
}
h2.pagetitle {
	text-align: left;
	font: 1.5em Arial, verdana;
	border-bottom: 1px solid #ccc;
}
.post h2 {
	font: bold 1.8em Arial, Helvetica, sans-serif; 
}
.post h2 a {
	color: #000;
	display: block;
}
.post h2 a:hover {	
	color: #F0000F;
}
.post h3 {
	font: bold 1.4em Arial, Helvetica, sans-serif; 
}
.post h4 {
	font: bold 1.2em Arial, Helvetica, sans-serif; 
}
.post h3, .post h4 {
	border-bottom: 1px solid #efefef;
	color: #48C93E;
}
p.postmetadata
{
	color: #666;
	font-size: 85%;
	margin-bottom: 10px;
}
p.postmetadata a
{
	color: #666;
	text-decoration: none;
}
span.timr
{
	background: url(images/ico/date.png) 0 0 no-repeat;
	padding-left: 15px;
}
span.user
{
	background: url(images/ico/user.png) 0 0 no-repeat;
	padding-left: 15px;
}span.catr
{
	background: url(images/ico/page.png) 0 0 no-repeat;
	padding-left: 15px;
}
span.editr
{
	background: url(images/ico/pencil.png) 0 0 no-repeat;
	padding-left: 15px;
}
span.commr
{
	background: url(images/ico/comment.png) 0 0 no-repeat;
	padding-left: 15px;
}
.post ul.postspermonth{
	list-style:none;
	padding: 0;
	margin: 0;
}
.post p a {
	text-decoration: underline;
}
.post ul {
	margin-left: 35px;
}
.post ol {
	margin-left: 40px;
}
.post p a:hover {
	text-decoration: none;
}

.categr, .monthr {
	margin-bottom: 20px;
}
.categr h2, .monthr h2{
	border-bottom: 1px solid #ccc;
}

.rss {
	background: url(images/feed-icon-10x10.png) left center no-repeat;
	padding-left: 12px;
}
.tags {
	margin-bottom: 10px;
	font-weight: bold;
}
	.tags a {
		font-weight: normal;
	}

/* Comment Etc
********************* */
h3#comments  {
	border-bottom: 1px solid #ccc;
	font-size: 1.4em;
	margin-bottom: 10px;
}
.navigation 
{
	margin-bottom: 10px;
}

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

.ileft {
	float: left;
	margin-right: 5px;
}

#avatr {
	border: 1px solid #92278f;
}

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: 2px 0 2px 20px;
}
#content .trackbackr
{
	background: url(images/arrow_refresh.png) no-repeat left center;
	padding: 2px 0 2px 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: #ccc /*url(images/shadow_top.gif) repeat-x top*/;
	border-bottom: #ddd 1px solid;
	list-style: none;
	margin: 0 0 10px;
	padding: 1em 0.5em;
	position: relative;
}
.big-numb {
	position: absolute;
	right: -5px;
	top: 4px;
	color: #fff;
	font-family: Georgia, "Times New Roman";
	font-size: 6em;
}
.comment .title 
{
	font: 600 1.2em arial, verdana;
}
.comment .title a:link, .comment .title a:visited {
	color: #1D7A03;
}

.alt
{
	background: #efefef;
}
.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;
}
#comment {
	width: 98%;
}
#addcommentbutton {
	background: #1D7A03;
	padding: 4px 10px;
	color: #fff;
	border: 2px solid #114801;
	border-top: 2px solid #239304;
	border-left: 2px solid #239304;
}
#addcommentbutton:focus, #addcommentbutton:hover {
	background: #114801;
	padding: 4px 10px;
	color: #fff;
	border: 2px solid #000;
	border-top: 2px solid #1D7A03;
	border-left: 2px solid #1D7A03;
}	
/* Top Navigation Style 
********************* */
#top {
	margin: 0 0 5px;
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
}
#navr
{
	background: transparent;
	font-family: Trebuchet MS,Tahoma, Verdana, Arial, Serif;
	margin: 0 auto;
	overflow: hidden;
	padding: 0;
	position: relative;
	text-align: left;
	width: 960px;
}
html #navr
{
	height: 1%;
}
#navr ul li
{
	float: left;
	list-style-type: none;
	margin: 0;
}
#navr ul li.page_item a, #navr ul li.current_page_item a
{
	color: #666;
	display: block;
	font-weight: bold;
	letter-spacing: 0px;
	padding: 4px 10px;
	text-decoration: none;
	border-right: 1px solid #ccc;
}
#navr ul li.admintab a {
	color: #f0000f;
	display: block;
	font-weight: bold;
	letter-spacing: 0px;
	padding: 4px 10px;
	text-decoration: none;
	border-right: 1px solid #ccc;
}
#navr ul li.page_item a:hover, #navr ul li.current_page_item a:hover,#navr ul li.admintab a:hover {
	color: #1D7A03;
}
#navr ul li a:active, #navr ul li.current_page_item a
{
	color: #333;
	background: #ccc;
	color: #000;
	font-weight: bold;
}
#navr ul li.h1r
{
	background: #055296;
	color: #fff;
	display: block;
	font-weight: bold;
	letter-spacing: 0px;
	padding: 2px 10px;
	text-decoration: none;
	text-transform: uppercase;
}


#navigation {
clear:both;
padding-top:7px;
*padding-top:3px;
_padding-top:5px;
 }

#navigation ul {
float:right;
margin:0px;
padding:0px;
} 

#navigation li {
line-height:35px;
font-size:14px;
float:left;
list-style:none;
padding-left:10px;
padding-right:10px;
border-right:1px solid #BD1900;
*height:34px;
display:block;
} 

#navigation li a:link {
display:block;
color: #fff;
text-decoration:none;
}    

#navigation li a:visited {color: #fff;
text-decoration:none;
}  

#navigation li a:hover {color:#fff;
display:block;
text-decoration: none;
background-image:url(images/nav-hover.gif);
background-position:bottom center;
background-repeat:no-repeat;
color:#FEE6C8;
}   

.nav-current {
color:#fff;
display:block;
text-decoration: none;
background-image:url(images/nav-hover.gif);
background-position:bottom center;
background-repeat:no-repeat;
color:#FEE6C8;}

fieldset {
	border: none;
}
textarea#cp_message {
	width: 100%;
}

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

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

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


/* Change Log *** 
1.0	: Public Releaed
1.1	: Support For WordPress 2.3
1.2	: WordPress 2.5 Compatible and Tweak Code
*** */

/* 

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; }

.imagecaptioneasy_right { margin: 11px 0 11px 11px; float: right; }

.imagecaptioneasy_nowrap { margin: 11px 0 11px 0; float: none; }