/*
Theme Name: Ezypzy Blog's
Theme URI: http://www.ezypzy.com.my
Description: Ezypzy Blog's Theme
Version: 1.0
Author: Ahmad Albakri

http://www.ezypzy.com.my
*/

body{ 
	background: url('images/bg.gif') fixed repeat-x top #c9f2ba;
	font: 11px Lucida Sans Unicode, Arial, Helvetica, sans-serif; line-height:1.8em; color:#758e9d 
}
img { behavior: url('iepngfix.htc'); border:none}
a{text-decoration:none; color:#327ebe}
a:hover{text-decoration:none; color:#89c984}
input{background:transparent}

.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 */


/* - - PLACEHOLDER - - */
.container { padding: 0 1.0em; overflow:hidden}
.main {	position: relative; width: 800px; margin: 0 auto }

/*- - MINOR - -*/
h1{font: 150%/130% Trebuchet Ms, Century Gothic, "Cooper Black", Georgia, Times, serif;	font-weight:bold; color: #768e9d}
h2{ font: 170%/190%  Georgia, Century Gothic, "Cooper Black", Times, serif; text-transform:capitalize; color:#89c984}
h2 a{color:#89c984}
h2 a:hover{color:#768e9d}

/* - - GLOBAL - - */
small{font-weight:normal; font: 100%/100% Arial, Helvetica, sans-serif}
p{padding:4px 0}
.search{ font-size: small; color:#c7d4de; background:url('images/search_icon.gif') top left no-repeat; padding-left:20px}
.left{float:left; width: auto}
.right{float:right; width:auto}
.meta{background:#f9fbff; border-top:1px solid #efefef; border-bottom:1px solid #efefef; padding:0 3px}
.textright{float:right; width:82%; padding-left:5px; border-left:1px solid #e2e2e2}
.bold, label, legend {font-weight: bold !important;}
.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 */


/* - - HEADER - - */
#header{	
	background:url('images/header.gif') top center no-repeat;
	overflow:hidden;
	min-height:140px; height:auto !important; height:140px
}

#navi{
	font-family: Arial, Helvetica, sans-serif;
	font-size:10px; font-weight:bold; margin-top:10px;
	float:left;
	width:70px;
	position:absolute;
}

#navi a{ color:#000; padding:4px 50px 4px 5px}
#navi li{width:90px; margin:2px 1px}

#navi a.blog{background:url('images/navi0.png') top left no-repeat}
#navi a.home{background:url('images/navi1.png') top left no-repeat}
#navi a.plan{background: url('images/navi2.png') top left no-repeat}
#navi a.sign{background:url('images/navi3.png') top left no-repeat}
#navi a.log{background:url('images/navi4.png') top left no-repeat}
#navi a:hover{ color:#84c984; text-decoration:none; background-position: 0 -20px}

/* - - CONTENT - - */
#content{background: url('images/main_bg.gif') top left repeat-y}
.entry{width:73%; padding:15px}
.entry img{padding:1px; background:#327ebe; margin:2px}
/*#entry #sub{ border-top:1px dashed #e2e2e2; background:url('images/line2.gif') bottom repeat-x;}*/

.date{width:10%; margin:8px 0}
.date .day{ width:50%; font-size:28px; font-weight:bold}
.date .month{ width:40%; font:inherit; font-size:xx-small; line-height:1.2em}
.date span{	font-family: "myriad pro","lucida grande",helvetica,arial,sans-serif; font-size: 28px; color: #758e9d}

#text{width:82%; padding-left:5px; border-left:1px solid #e2e2e2}
.entry #span{ border-top:1px solid dotted #e2e2e2}

.comment{padding:8px 3px; margin:8px 5px 0 0; border-top:1px solid #efefef;  border-bottom:1px solid #efefef; background:#f9fbff}
.comment p{font-weight:lighter}
.comment input{background:#fff; border-bottom:1px solid #efefef; color:#3b3b3b}
.comment input:focus{ border-bottom:1px solid #e1e1e1}
.comment input.save{
  width:120px;
  color:#fff;
  font-family:arial,helvetica,sans-serif;
  font-size: 12px;
  font-weight:bold;
  background:url('images/button.gif') no-repeat #4384f0;
  border:1px solid #1e5fc7;
  margin-top:3px;
  padding:4px 16px 1px;
}

.comment textarea{ background:#fff; border:none; border-bottom:1px solid #efefef; font-family:Arial, Helvetica, sans-serif;}
.comment a{ color:#89c984}
.comment a:hover{ color:#768e9d}
.comment h1{background:url(images/icon_comment.png) no-repeat top left; padding:0 0 10px 20px; font:120%/160% Georgia, 'Times New Roman', Times, serif}
.comment h3{ font-family: "myriad pro",geneva,"lucida grande", helvetica, arial, sans-serif; letter-spacing:1px; font-size: 12px; font-weight:bold; padding:4px 0}

.comment span.add{ float:right; color:#ccc; position:relative; padding:1px 2px; width:40px; top:-8px; right:-3px; z-index:100; background:url('images/drop_down_arrow.gif') top right no-repeat;  height:10px; font:110%/100% Arial, Helvetica, sans-serif; font-size:x-small; border-left:1px solid #cccccc; border-bottom:1px solid #cccccc}

.comment ul{ list-style:none; padding:0; margin:0 }
.comment li{background: url(images/dotline.gif) #fff bottom repeat-x; padding:5px 0}
.comment li span{background:#ff0066; color:#fff; padding:1px 5px; margin-right:3px}
.comment li.alt{background: url(images/dotline.gif) #f9fbff bottom repeat-x; padding:5px 0}
.comment li.alt span{background:#33cc00}
.comment li span a{color:#fff}
.comment li span a:hover{text-decoration:underline; color:#f9fbff}


#sidebar{width:20%; padding:0 15px 25px 0px}
#sidebar #sub{padding:0 20px}
#sidebar h2{font-family: "myriad pro",geneva,"lucida grande", helvetica, arial, sans-serif; font-size: 14px; font-weight:bold; color: #768e9d}
#search{ width:168px; padding:5px 6px; background:url('images/search_bg.gif') top left repeat-y; margin-top:1px; margin-bottom:10px}
#sidebar ul{ list-style:none; padding:5px 0 5px 0; margin:0 }
#sidebar li{ width:auto }
#sidebar a{ background: url('images/icon_bullet_orange.gif') left top no-repeat; padding-left:15px}

#footer{background:url('images/footer.gif') no-repeat; padding:1px 0}