/*  
Theme Name: Biskut
Theme URI: 
Author: Matt Mohd (tak ada degree)
Author URI: http://mattmohd.com/
Description: Simple theme, 2 columns, green
Version: 0.2
Tags: simple, blue, 2 columns

*/


body {
font-family : 'MS Reference Sans Serif', Arial,Tahoma;
font-size : 12px;
color : #000;
margin:15px; padding:0;
background : #99CCFF  url() repeat fixed;

<script type="text/javascript">
var gaJsHost = (("https:" == document.location.protocol) ? "https://ssl." : "http://www.");
document.write(unescape("%3Cscript src='" + gaJsHost + "google-analytics.com/ga.js' type='text/javascript'%3E%3C/script%3E"));
</script>
<script type="text/javascript">
try {
var pageTracker = _gat._getTracker("UA-6992229-3");
pageTracker._trackPageview();
} catch(err) {}</script>
}

a {
color : auto;
text-decoration : underlined;
}
a:hover {
color : #2390F0;
text-decoration : none;
}
img {margin:0; padding:0;}
a img {border:0;}
p {
padding : 5px 0;
margin : 0;
}

#wrapper {
  width : 930px; margin:0 auto; padding:0;
 }

/*  ====================== Page Structure ======================= */
#header {
width : 940px; height:325px;
margin-top: 10px;
background : transparent url(images/header.jpg) no-repeat;
}

#menu {
	width: 100%;
	font-size: 14px;
	position: relative;
}

#menu ul {
	width: 100%;
}

#menu li {
	display: block;
	line-height: 2.5em;
	float: left;
	margin-right: 10px;
	background: url(img/menu_left_bg.gif) no-repeat left;
	font-weight: bolder;
}

#menu li a {
	line-height: 2.5em;
	display: block;
	background: #fff;
	margin-left: 1px;
	color: #000;
	padding-left: 19px;
	padding-right: 20px;
	text-decoration : none;
	text-transform : uppercase;
}

* html #menu li a {
	width: 1%;
}

#menu li.current_page_item, #menu li.current_page_item a {
	background:	#99CCFF;
	color: #fff;
}

#menu li.current_page_item a:hover {
	text-decoration: none;
}
#main-content {
width : 940px;
background : #FFF;
padding-top : 55px;
}

#content{
width : 640px; float:left; margin:0;padding:0px 14px 0 17px;
}
#sidebar {
width : 250px; float:left;padding:0px 0px 0 0;
border : 1px dashed #99CCFF;
}

#footer {
width : 940px; height:30px;padding-top:4px;
background : #99CCFF url() no-repeat;
border-top : 3px solid #0066FF;
border-bottom : 3px solid #0066FF;
}

/*  ================================= Content ============================= */

/* -------------------------- Posts ----------------------------- */
.post{
  width:610px; padding:0px 13px 5px 13px; margin-bottom:15px;
  background: transparent url(images/post-bg.gif) repeat-x;
	border : 1px dashed #99CCFF;
}
.post-title {
  width:600px; height:23px;
  background: #99CCFF;
}
.post-title h2 {padding:2px 0 0 10px;margin:0;font-size:14px;text-align : center;color:#000;}
.post-title h2 a,.post-title h2 a:hover {color:#000; text-decoration:none;}
.post-title .sp {padding:14px 0 0 5px;margin:0;font-size:14px;float:left;color:#000;}
.post-title .comnt{padding:15px 0 0 5px;margin:0;font-size:10px;float:left;color:#000;}
.post-title .mail a{padding:15px 10px 0 0;margin:0; display:block;
width:17px; height:11px; font-size:12px;float:right;
background:url(images/mail.gif) no-repeat 0 15px;
}
.post-title .mail a:hover {text-decoration:none;}

.entry {padding:5px;}
/* --------------- SideBars ----------------*/

#sidebar ul {
list-style : none;
margin:0;padding:0px;
}
#sidebar ul li {
list-style : none;
margin : 0 0 15px 0;
padding : 0 0 5px 0;
background : transparent;
}

#sidebar ul li.widget_categories{
background : transparent url() repeat 0 23px;
padding : 0;
}

#sidebar ul li h2 {
margin:0; padding:0 0 0 0px;
height:23px;
line-height : 23px;
font-size : 12px;
text-align : center;
background : #99CCFF url() repeat-x;
color : #FFF;
font-weight : bold;
display:block;
text-transform:none;
}
#sidebar ul ul {
list-style : none;
margin :0;
padding : 0;}

#sidebar ul ul li {
list-style : disc;
margin : 0 0 0 22px;
padding : 5px 0 0 5px;
font-weight : normal;
background : url(images/sidebar-bg-li.gif) no-repeat 10px 7px;
font-size : 12px;
}

#sidebar ul li.widget_categories ul li{
list-style : disc;
padding : 0 0 0 5px;
margin:0 0 0 22px;
font-weight : normal;
line-height:26px;
background : url(images/catg-li-t.gif) no-repeat 10px 10px;
font-size : 12px;
}

#sidebar ul ul ul li {
list-style : none;
margin : 0;
padding : 5px 0 0 10px;
font-weight : normal;
background : url(images/sidebar-li.png) no-repeat 0 10px;
font-size : 10px;
}

#sidebar a {
margin : 0;padding : 0;
color : #000;
text-decoration : none;
}
#sidebar a:hover {
color :  #2390F0;
text-decoration :none;
}



/*  ================================= Footer ============================= */
#footer p{
  font-size: 5px; color:#eee;
  line-height:10px; margin:0; padding:3px 0 0 30px;font-weight:bold;
}
#footer a{
  color:#FFF; text-decoration:none;
}
#footer a:hover{
  color:#ccc; text-decoration:underline;
}




/* Others */

.clr {
clear : both;
margin : 0; padding : 0;
font-size:1px; line-height:1px;
}

/* Search Form */
#searchform {margin: 0;padding:5px;text-align:center;	}
#searchform br {display:none;}
#searchform input {

margin : 0; padding :3px;
background:#141F27; color : #9C9D9F;
border : 0;
font-size : 10px;
}
#searchform input#s {
width : 80px;
padding :5px 5px 3px 5px;
height : 14px;
}



/* --------------------- common elements --------------------------- */
.navigation { display: block; color : #000; width:98%;}
p.postinfo {margin:10px 0; padding:0; font-size:10px;color:#000;}
p.postinfo .non{color:#000;}

h2.pagetitle, h2.center {margin:0;text-align: center; padding:10px 0; font-size:16px; color:#2D3C45;}
h3.comments {padding: 0;margin: 20px auto 20px ;}
.more-link {font-weight:bold;text-align:right;}
a.more-link, a:hover.more-link {float:right;padding-top:5px;}

p.postmetadata {
	font-size : 10px;
	margin:0;
	padding: 5px 0;
}
.alt { 	
	background-color: transparent;

	}

input, select, textarea {
  border: 10px; color: #000; background:#ccc;
}
#commentform #submit {margin: 0; color: #000; background:#ccc;}

blockquote{
padding: 10px 35px 5px 35px;
margin: 3px 30px;
background:#CEE3F6  url("images/quotes.gif") top left no-repeat;
-moz-border-radius: 3px;
-khtml-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
}

ol.commentlist {margin:0;padding:0;}
.commentlist li { font-weight:normal;}
.commentlist cite, .commentlist cite a {
	font-weight: bold;
	font-style: normal;
	font-size: 12px;
	}

code { font: 1.1em 'Courier New', Courier, Fixed; background:#eee;}

/* Begin Calendar */
#wp-calendar {empty-cells: show;margin: 10px auto 0;width: 80%;	}
#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 { background-color: #424242; }
#wp-calendar #prev a, #wp-calendar #next a {font-size: 9pt;	}
#wp-calendar a {text-decoration: none;	}
#wp-calendar caption { 	text-align: center; }
#wp-calendar th { font-style: normal;text-transform: capitalize;}
#wp-calendar #today {font-weight:bold;color : #5692BA;}
/* End Calendar */

.smallattachment {text-align: center; float: left;margin: 5px 5px 5px 0px;}
.attachment {text-align: center; margin: 10px 0px;}



/* Begin Images */
p img {	padding: 0;	max-width: 90%;	}
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; }

/* End Images */



/* Begin Lists */
.entry ol,.entry ul {margin: 0;	padding: 5px 0 5px 35px; }
.entry li {margin: 0; padding: 0; }
.postmetadata ul, .postmetadata li { display: inline; list-style: none;}


/* Begin Form Elements */
.entry form { text-align:center; }
select { width: 130px; }
#commentform input { width: 170px; padding: 2px; margin: 5px 5px 1px 0; }
#commentform textarea { width: 80%; padding: 2px;}
/* End Form Elements */



/* Begin Comments*/
.alt { 	margin: 0; padding: 10px; }
.commentlist { padding: 0; text-align: justify;}
.commentlist li { margin: 15px 0 3px; padding: 5px 10px 3px; list-style: none;}
.commentlist p {margin: 10px 5px 10px 0; }
#commentform p { margin: 5px 0;	}
.nocomments { text-align: center; }
.commentmetadata {display: block; font-size:10px;font-weight:normal;}

/* End Comments */

/* Begin Various Tags & Classes */
acronym, abbr, span.caps { 	cursor: help;}
acronym, abbr { border-bottom: 1px dashed #424242; }
blockquote { margin: 15px 30px 0 10px;padding-left: 20px;}
blockquote cite { margin: 5px 0 0; display: block;}
.center { text-align: center;}
hr { display: none; }
.alignright { float: right;	}
.alignleft { float: left;}
.navigation .alignright { width:48%; text-align:right; 	}
.navigation .alignleft {width:48%; text-align:left;}
/* End Various Tags & Classes*/

.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;
   /* optional rounded corners for browsers that support it */
   -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;
}