/*  

Theme Name: 1edy

Theme URI: http://www.jauhari.net/themes/

Description: <p>1edy Theme is clean layout that build with 3 Columns Layout, <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: 1.0

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/

	Last Edit: 27 March 2008 16.37  +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;

}

*

{

	padding: 0;

	margin: 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, img.alignright

{

	float: right;

	margin: 10px 0 0 10px;

}

img.left, img.alignleft

{

	float: left;

	margin: 0 10px 10px 0;

}

hr

{

	display: none;

}

body

{

	font: 76%/1.6em arial, verdana, tahoma, sans-serif; 

	margin: 0 0 30px;

	padding: 0;

	color: #333;

	text-align: center;

	background: #fff;

}

a

{

	text-decoration: none;

}

a:link, a:visited

{

	color: #B11718;

}

a:hover, a:active

{

	color: #000;

}

h1, h2, h3, h4, h5, h6

{

	font-family: Arial, Verdana, Serif;

}



/* Etc

******************** */

		br.clear {

			clear: both;

		}

		/* clearfix */

		.clearfix:after {

		content: "."; 

		display: block; 

		height: 0; 

		clear: both; 

		visibility: hidden;

		}

		.clearfix {display: inline-block;}

		/* Hides from IE-mac \*/

		* html .clearfix {height: 1%;}

		.clearfix {display: block;}

		/* End hide from IE-mac */



/* Design 

******************** */

#page {

	text-align: left;

	width: 970px;

	margin: 0 auto;

}

#top {

	background: #B11718;

	height: 15px;

}

#sub-page {

}

#pager {

	margin: 10px 0;

	padding: 0;

	text-align:left;

	position: relative;

	height: 80px;

	border-bottom: 1px dotted #666;

}

	#headr {

		position: absolute;

		top: 5px;

		left: 0;

	}

	#headr h1 {

		font-size: 3em;

	}

		#headr h1 a {

			background: transparent url(images/logo.gif) 0 0 no-repeat;

			height: 37px;

			display: block;

			width: 333px;

			text-indent: -6000px;

		}

		.description {

			display: none;

		}

	#cari-1edy {

		position: absolute;

		right: 0;

		bottom: 10px;

	}

		#cari-1edy #s {

			width: 180px;

			padding: 2px 4px;

			margin-right: 5px;

		}

		#cari-1edy #searchsubmit, .page-search #searchsubmit {

			width: 56px;

			padding: 2px 4px;

			background: #666;

			border: 2px solid #999;

			color: #fff;

		}





#content-wrap {

	float: left;

	width: 100%;

}



#content {

	margin: 0 470px 0 0;

}

.archives {

	padding: 10px;

}

.archives ul, .archives li {

	margin-left: 10px;

}



/* For Sidebar */

.side1 {

	width: 190px;

	float: left;

	margin-left: -460px;

}

	.side1 ul, .side2 ul {

		list-style: none;

		

	}

	.side1 .boxr, .side1 .categories, .side1 .linkcat, .side1 .about,

	.side2 .boxr, .side2 .categories, .side2 .linkcat {

		background: #efefef; 

		padding: 10px;

		margin-bottom: 10px;

	}

	.side1 h2,.side2 h2 {

		border-bottom: 2px solid #3B3B3B;

		margin-bottom: 5px;

		font-size: 1.4em;

	}

	.stats {

		padding: 4px 0 4px 20px;

		font-size: .9em;

		background: transparent url(images/ico/stats.png) 0 2px no-repeat;

		border-top: 1px dotted #666;

		border-bottom: 1px dotted #666;

	}

	.side1 .categories li {

	background: transparent url(images/ico/page.png) 0 2px no-repeat;

	padding-left: 16px;

	}

		.side1 .categories .current-cat a {

			color: #000;

			font-weight: 600;

		}

	.side1 .archiv li {

	background: transparent url(images/ico/calendar.png) 0 2px no-repeat;

	padding-left: 16px;	

	}

	.side2 .linkcat li, .side1 .linkcat li {

	background: transparent url(images/ico/link.png) 0 4px no-repeat;

	padding-left: 16px;	

	}

	.side2 .meta li {

	background: transparent url(images/ico/folder.png) 0 2px no-repeat;

	padding-left: 16px;	

	}





.side2 {

	width: 270px;

	float: left;

	margin-left: -270px;

}

	.side2 ul.in {

		width: 260px;

		margin-left: 10px;

		}



	/* Box Ads */

		.box-ad {

		margin: 0;

		overflow: hidden;

		padding: 0;

		width: 100%;

		text-align: center;

		list-style: none;

				font-size: 0.9em;

		}

		

		.box-ad li {

		float: left;

		margin: 0 0 3px 10px;

		padding: 0;

		display: inline;

		}

		.box-ad li a {

		   text-decoration: underline;

		}

		.box-ad img {

		}

		

.trackbackr {

	background: transparent url(images/ico/arrow_refresh.png) 0 2px no-repeat;

	padding: 4px 4px 4px 20px;

	margin-bottom: 5px;

}

.commentsfeedr {

	background: transparent url(images/ico/feed.gif) 0 2px no-repeat;

	padding: 4px 4px 4px 20px;

}



		

		

#footer {

	border-top: 1px dotted #666;

	width: 970px;

	margin: 10px auto 20px;

	padding: 0;

	text-align: left;

	position: relative;

}

	#footer .right {

		position: absolute;

		top: 0;

		right: 0;

		text-align: right;

	}

	#footer .rss {

		background: transparent url(images/ico/feed-icon-10x10.png) 0 2px no-repeat;

		padding-left: 14px;

	}



/* Tabber */

/*--------------------------------------------------

  REQUIRED to hide the non-active tab content.

  But do not hide them in the print stylesheet!

  --------------------------------------------------*/

.tabberlive .tabbertabhide {

 display:none;

}



/*--------------------------------------------------

  .tabber = before the tabber interface is set up

  .tabberlive = after the tabber interface is set up

  --------------------------------------------------*/

.tabber {

}

.tabberlive {

}



/*--------------------------------------------------

  ul.tabbernav = the tab navigation list

  li.tabberactive = the active tab

  --------------------------------------------------*/

ul.tabbernav

{

 margin:0;

 padding: 10px 0 3px;

 border-bottom: 1px solid #778;

 font: bold 12px Verdana, sans-serif;

 background: #000;

}



ul.tabbernav li

{

 list-style: none;

 margin: 0;

 display: inline;

}



ul.tabbernav li a

{

 padding: 3px 0.5em;

 margin-left: 3px;

 font-size: 0.8em;

 border: 1px solid #E6B900;

 border-bottom: none;

 background: #E68B00;

 text-decoration: none;

}



ul.tabbernav li a:link { color: #efefef; }

ul.tabbernav li a:visited { color: #fff; }



ul.tabbernav li a:hover

{

 color: #000;

 background: #E65700;

 border-color: #E68B00;

}



ul.tabbernav li.tabberactive a

{

 background-color: #FFFFB3;

 border-bottom: 1px solid #FFFFB3;

 color: #B2270C;

}



ul.tabbernav li.tabberactive a:hover

{

 color: #000;

 background: #FFFFB3;

 border-bottom: 1px solid #FFFFB3;

}



/*--------------------------------------------------

  .tabbertab = the tab content

  Add style only after the tabber interface is set up (.tabberlive)

  --------------------------------------------------*/

.tabberlive .tabbertab {

 padding:5px;

 border-top:0;

 background: #FFFFB3;



 /* If you don't want the tab size changing whenever a tab is changed

    you can set a fixed height */



 /* height:200px; */



 /* If you set a fix height set overflow to auto and you will get a

    scrollbar when necessary */



 /* overflow:auto; */

}



/* If desired, hide the heading since a heading is provided by the tab 

.tabberlive .tabbertab h3 {

 display:none;

}

*/

.tabberlive .tabbertab h2 {

 display:none;

}



/* Example of using an ID to set different styles for the tabs on the page */

.tabberlive#tab1 {

}

.tabberlive#tab2 {

}

.tabberlive#tab2 .tabbertab {

 height:200px;

 overflow:auto;

}





.jarak {

	margin-bottom: 10px;

}

	.tabbertab .inner {

		margin-left: 20px;

	}

	

#banner-460 {

	margin-bottom: 10px;

	border: 1px dotted #333;

	border-left: none;

	border-right: none;

	padding: 5px 0;

	text-align: center;

}

	.post {

		border-bottom: 1px dotted #666;

		margin-bottom: 15px;

	}

		.tabbertab .post {

			padding: 10px;

			border-bottom: none;

			margin-bottom: 0;

		}

		.post h3 {

			font-size: 1.4em;

		}

		.post h2 {

			font-size: 1.7em;

				}

		.post h2 a {

			color: #333;

		}

		.post .entry {

		}

		.post .postmetadata {

			position: relative;

			width: 100%;

			border-top: 1px dotted #ccc;

		}

			

			.post .timr {

				background: transparent url(images/ico/date.png) 0 0 no-repeat;

				padding-left: 16px;

			}

			.post .usr {

				background: transparent url(images/ico/user.png) 0 0 no-repeat;

				padding-left: 16px;

			}

			.post .catr {

				background: transparent url(images/ico/page.png) 0 0 no-repeat;

				padding-left: 16px;

			}

			.post .commr {

				position: absolute;

				right: 0;

				top: 0;

				background: transparent url(images/ico/comment.png) 0 3px no-repeat;

				padding-left: 16px;

			}

		.post .tags {

			margin-bottom: 5px;

			background: transparent url(images/ico/tag.png) 0 2px no-repeat;

			padding-left: 20px;

			font-weight: bold;

		}

		.post .entry a {

			text-decoration: underline;

		}

		.post .entry a:hover {

			text-decoration: none;

		}

		pre {

			width: 500px;

			max-width: 500px;

			overflow: scroll;

			padding: 10px;

			color: #333;

			background: #FAFFE5;

		}

		blockquote {

			border-left: 2px solid #ccc;

			padding-left: 10px;

			margin-left: 10px;

		}

		.entry ol, .entry ul {

			margin-left: 30px;

		}

		

		h2.pagetitle {

			border-top: 1px dotted #ccc;

			padding: 4px 0;

			font-size: 1.3em;

			color: #666;

			border-bottom: 1px dotted #ccc;

		}

		.page-search #s {

			width: 400px;

			padding: 2px 4px;

			margin-top: 10px;

		}



.navigation {

	margin: 10px 0;

}

.navigation .alignleft

{

	float: left;

	width: 50%;

}

.navigation .alignright

{

	float: right;

	text-align: right;

	width: 50%;

}	



/* comment */

h3#comments, h3#respond, h3#trackbacks {

	border-bottom: 2px solid #E6B900;

	margin-bottom: 10px;

}

	h3#respond {

		margin-top: 10px;

	}

ol.commentlist {

	list-style: none;

}

ol li.comment {

	background: #FFFFB3;

	padding: 5px;

	margin-bottom: 10px;

	clear: left;

	min-height: 60px;

}

	ol li.alt {

		background: #FAFFE5;

	}

	.commentlist li.my_comment {

		background:#CAE370;

		border-bottom:1px solid #A3C627;

		border-top:1px solid #A3C627;

		}

		.commentlist li.my_comment a {

			color: #0F490D;

		}

	.comment .one {

		float: left;

		width: 150px;

		text-align: right;

	}

	.comment .two {

		padding-left: 170px;

	}

		.comment .two p {

			margin: 0;padding: 0;

		}



ol#trackbacklist {

	list-style: none;

}		

	ol#trackbacklist .timr {

		background: transparent url(images/ico/date.png) 0 2px no-repeat;

		padding-left: 16px;

	}

#comment {

	width: 500px;

	}



ul.menu {

list-style-type:none;

width:auto;

position:relative;

display:block;

height:33px;

background:url(images/bg/menu-bg.png) repeat-x top left;

font-family:Verdana,Helvetica,Arial,sans-serif;

border-bottom:1px solid #fff;

margin:0;

padding:0;

}



ul.menu li {

display:block;

float:left;

margin:0;

padding:0;

}



ul.menu li a {

float:left;

color:#333;

text-decoration:none;

height:24px;

padding:9px 15px 0;

}



ul.menu li a:hover,.current_page_item {

color:#fff;

background:url(images/bg/menu-bg2.png) repeat-x top left;

}



ul.menu .current_page_item a {

color:#fff;

font-weight:700;

color: #B11718;

}





/*RED*/

ul.menu.red{

background-color:#B11718;

}

ul.menu.red li a:hover, .menu.red li.current_page_item {

background-color:#DE3330;

color: #000;

}





/*Float Clearing*/



.clearfloat:after {

	display:block;

	visibility:hidden;

	clear:both;

	height:0;

	content:".";

	}

	

.clearfloat {

	display:inline-block

	}



.clearfloat {

	display:block

	}





/* Change Log ****

1.0	: First Public Released

*** */