/*  http://matthewjamestaylor.com/blog/perfect-stacked-columns.htm  */
html{
	margin:0; 	/* Top right bottom left*/ 
	padding:0; 	/* Top right bottom left*/ 
	/*background:#000099;*/
	margin-top:0;
}
body {
	margin:0; 	/* Top right bottom left*/
	padding:0; 	/* Top right bottom left*/
	border:0;			/* This removes the border around the viewport in old versions of IE */
	/*width:1024px;  original 100%*/
	color: #333333;
	/*min-width:600px;		  Minimum width of layout - remove line if not required */
										/* The min-width property does not work in old versions of Internet Explorer */
	font-size:90%;
	text-align: center; /* center the*/
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	background-image: url(images/mybg.png);
	background-repeat: no-repeat;
	background: #f7f0e3 url(images/mybg.png) no-repeat;
	
}
div#container
{
	margin-left: auto;
	margin-right: auto;
	/* width: 50em; */
	width:1024px;
	text-align: left;
}
a {
	color:#369;
}
a:hover {
	color:#fff;
	background:#00B8C1; /*  #369;*/
	text-decoration:none;
}
/* headers */
h1, h2, h3 {
/**/	margin:.8em 0 .2em 0;
	padding:0;
	font-family: 'Trebuchet MS', Tahoma, Sans-serif;
		color: #00B8C1;/**/
	
}
h1 {
	font-size: 230%;	
	font-weight: normal;
	letter-spacing: -1px;
}
h2 {
	font-size: 180%;
	color: #333333;/**/
}
h3 {
	font-size: 150%;	
	font-weight: normal;	
}

h1, h2, h3, p {
/*	padding: 10px;		*/
	margin: 20px 0 5px 0 ;
}
h1 a, h2 a, h3 a {
	text-transform: uppercase;
	text-decoration: none;	
}
p {
	margin:.4em 0 .8em 0;
	padding:0;
}
img {
	/*margin:10px 0 5px;*/
}
#ads img {
	display:block;
	padding-top:10px;
}

/* Header styles */

#logo {
	/*background-color:#FF0000;*/
	right:0;
	top:0;
	position:absolute;
	width:147px;
	height:120px;
	z-index:2;
} 
#header {
	clear:both;
	float:left;
	width:100%;
	position:relative;
}
#header {
	border-bottom:1px solid #000;
}
#header p,
#header h1,
#header h2 {
	padding:.4em 15px 0 15px;
	margin:0;
}
#header ul {
	clear:left;
	float:left;
	width:100%;
	list-style:none;
	margin:10px 0 0 0;
	padding:0;
}
#header ul li {
	display:inline;
	list-style:none;
	margin:0;
	padding:0;
}
#header ul li a {
	display:block;
	float:left;
	margin:0 0 0 1px;
	padding:3px 10px;
	text-align:center;
	background:#eee;
	color:#000;
	text-decoration:none;
	position:relative;
	left:15px;
	line-height:1.3em;
}
#header ul li a:hover {
	background:#369;
	color:#fff;
}
#header ul li a.active,
#header ul li a.active:hover {
	color:#fff;
	background:#000;
	font-weight:bold;
}
#header ul li a span {
	display:block;
}
/* End of header */
/* 'widths' sub menu */
#layoutdims {
	clear:both;
	background:#eee;
	border-top:4px solid #000;
	margin:0;
	padding:6px 15px !important;/**/
	text-align:right;
}
/* column container */
.colmask {
	position:relative;	/* This fixes the IE7 overflow hidden bug */
	clear:both;
	float:left;
	width:100%;			/*  width of whole page */
	overflow:hidden;		/* This chops off any overhanging divs */
}
/* common column settings */
.colright,
.colmid,
.colleft {
	float:left;
	width:100%;			/* width of page */
	position:relative;
	
}
/* tak yah usik dia link dengan yang bawah nanti*/

.col1,
.col2,
.col3 {
	float:left;
	position:relative;
	padding:0 0 1em 0;	/* no left and right padding on columns, we just make them narrower instead 
					only padding top and bottom is included here, make it whatever value you need */
	overflow:hidden;
	
}
/* 3 Column settings */
.threecol {
	/*background:#eee;		 right column background colour kelabu*/
	background-color:#00B8C1;
}
.threecol .colmid {
	right:20%;			/* width of the right column <--*/
	background:#fff;		/* center column background colour putih*/
	background-color: #F9F9F9;
	background: #fff url(images2/content-bg.jpg) repeat-x;
}
.threecol .colleft {
	right:55%;			/* width of the middle column <-----*/
	/*background:#f4f4f4;	 left column background colour */
	background-color: #999999;
}
/*Kene pahamkan la lol*/
.threecol .col1 { /*  center  */
	width:51%;			/* width of center column content (column width minus padding on either side) [besar dia]*/
	left:102%;			/* 100% plus left padding of center column --> */
	
}
.threecol .col2 { /* left */
	width:25%;			/* Width of left column content (column width minus padding on either side) [besar dia]*/
	left:24%;			/* width of (right column) plus (center column left and right padding) plus (left column left padding) --->*/
}
.threecol .col3 {  /* right */
	width:17%;			/* Width of right column content (column width minus padding on either side)[besar dia] */
	left:81%;			/* Please make note of the brackets here:
					(100% - left column width) plus (center column left and right padding) plus (left column left and right padding) plus (right column left padding) --->*/
}
.threecol .col3 p {
	color: #FFFFFF;
	font-weight: bold;
}
/* Footer styles */
#footer {
	clear:both;
	float:left;
	width:100%;
	border-top:1px solid #000;
}
#footer p {
	padding:10px;
	margin:0;
}
.info{
	padding:10px; 
	margin:0 0 12px 0;
}
.info h2 {
	color:#00CAD5;
}
.col1 h2 {
	color:#00CAD5;
}

/* naszuan tambah kasi cantik sikit*/

/* images */

/*
img {
	background: #fafafa;
   border: 1px solid #dcdcdc;
	padding: 5px;
}
img.float-right {
  	margin: 5px 0px 10px 10px;  
}
img.float-left {
  	margin: 5px 10px 10px 0px;
}
*/
.float-left {
	background: #fafafa;
   border: 1px solid #dcdcdc;
	padding: 5px;
  	margin: 5px 10px 10px 0px;
		}

code {
  	margin: 5px 0;
  	padding: 10px;
  	text-align: left;
  	display: block;
  	overflow: auto;  
  	font: 500 1em/1.5em 'Lucida Console', 'courier new', monospace ;
  	/* white-space: pre; */
  	border: 1px solid #F4F3EC; 
	background: #FAFAE7;  
}

acronym {
  cursor: help;
  border-bottom: 1px dashed #777;
}
blockquote {
	margin: 10px;
	padding: 0 0 0 35px;
	border: 1px solid #F4F3EC;
		background: #FAFAE7; /*url(images2/quote.jpg) no-repeat 7px 10px; 
	font: bold 1.3em/1.5em 'Trebuchet MS', Tahoma, Sans-serif; */
	color: #006666;
}
/* postmeta */
.postmeta {	
	padding: 5px; margin: 20px 0px 20px 0px;	
	font-size: 95%;	
	color: #99997D;
	border: 1px solid #EAE7DB;
	background: #FAFAE7;
}
.postmeta .date{ margin: 0 10px 0 5px;	}
.postmeta a.comments { margin: 0 10px 0 5px;	}
.postmeta a.readmore { margin: 0 10px 0 5px;	}

.post-info { font-size: .95em;	padding-top: 0; margin-left: 5px;	}

/* alignment classes */
.float-left  { float: left; }
.float-right { float: right; }
.align-left  { text-align: left; }
.align-right { text-align: right; }

/* display and additional classes */
.clear { clear: both; }


/* start - table
table {
	border-collapse: collapse;
	margin: 10px;	
}
table th strong {
	color: #fff;
}
th {
	background: #93BC0C url(nav.jpg) repeat-x;
	height: 35px;
	padding-left: 12px;
	padding-right: 12px;
	color: #fff;
	text-align: left;
	border-left: 1px solid #B6D59A;
	border-bottom: solid 2px #fff;
}
tr {
	height: 32px;
}
td {
	padding-left: 11px;
	padding-right: 11px;
	border-left: 1px solid #fff;
	border-bottom: 1px solid #fff;
}

} */
/* end - table */
td.first,th.first {
	border-left: 0px;
	height: 32px;
	
	
}

th{
	background: #93BC0C url(nav.jpg) repeat-x;/**/
	height: 35px;
	padding-left: 12px;
	padding-right: 12px;
	color: #fff;
	text-align: left;
	border-left: 1px solid #B6D59A;
	border-bottom: solid 2px #fff;
	background-color: #666666;
}
/**/
th.first strong {
	color: #fff;
}
	
tr.row-a {
	background: #F8F8F8;
}
tr.row-b {
	background: #EFEFEF;	

/* form elements
form {
	margin:10px; padding: 0 5px;
	border: 1px solid #f1f1f1; 
	background-color: #f5f5f5; 	
}
label {
	display:block;
	font-weight:bold;
	margin:5px 0;
}
input {
	padding:2px;
	border:1px solid #eee;
	font: normal 1em Verdana, sans-serif;
	color:#777;
}
textarea {
	width:400px;
	padding:2px;
	font: normal 1em Verdana, sans-serif;
	border:1px solid #eee;
	height:100px;
	display:block;
	color:#777;
}
input.button { 
	font: bold 12px Arial, Sans-serif; 
	height: 24px;
	margin: 0;
	padding: 2px 3px; 
	color: #FFF;
	background: #8EB50C url(nav.jpg) repeat-x 0 0;
	border: 1px solid #88AD0C;
}
 */