/*  
Theme Name: michaelooi3
Theme URI: http://www.michaelooi.net
Description: WordPress theme by <a href="http://www.michaelooi.net">Michael Ooi</a>.
Version: 3.0
Author: Michael Ooi
Author URI: http://www.michaelooi.net
*/
* {margin: 0; padding: 0;}
html {height: 100%; padding-bottom: 1px;}
body {
	background: #000000 no-repeat center top fixed;
	font-size: 12px; 
	line-height: 140%;
	font-family: Verdana, Arial;
	color: #b2b2b2;
	text-align:center;
	}
	
a {color: #ff0000; text-decoration: none;}
a:link {color: #ff0000; text-decoration: none;}
a:visited {color: #ff0000; text-decoration: none;}
a:active {color: #ff0000; text-decoration: none;}
a:hover {color: #ffffff; text-decoration:none;}

p {margin: 10px 0px 10px 0px;}
h1 {font: normal 145% Verdana, Arial; color: #545454; padding: 0px 0px 7px 0px;}
h2 {font: bold 15px Verdana, Arial; color: #545454; line-height:80%; padding: 16px 10px 2px 10px;}
h3 {font: bold 145% Verdana, Arial; color: #ff0000; margin: 10px 0px 0px 0px;}
h4 {font: normal 175% Verdana, Arial; color: #545454; padding: 0px 0px 7px 0px;}

blockquote
{
font-family:verdana, verdana;
font-style:italic;
color:#ffffff;
background: url(http://www.michaelooi.net/pics/quote.gif) no-repeat top left;
margin: 5px 40px 0px 10px;
padding: 10px 10px 10px 10px;
border: none;
}

#page {width: 950px; margin: 0 auto; text-align:left;}
#headerimg 	{padding: 7px 7px 0px 0px; height: 84px; width: 448px;}
#content {margin: 0px 0px 0px 5px; padding: 10px; width: 755px; border: 1px solid #333333;}
#sidebar {width: 158px; border: none;margin: 0px;}
#sidebar ul {font-size:9px; line-height:135%; padding: 0px 10px 0px 10px; border:none; margin-bottom: 20px;}
#sidebar ul ul {margin-bottom: 0px;}
#sidebar li {list-style: none; padding: 0px;}
#sidebar a {border:none;color:#b2b2b2;text-decoration:none;}
#sidebar a:visited{border:none;color:#b2b2b2;text-decoration:none;}
#sidebar a:active{border:none;color:#b2b2b2;text-decoration:none;}
#sidebar a:hover{color:#ff0000;text-decoration:none;height: 0px;}
#searchform {padding: 15px 0px 8px 10px; text-align: left;}
#s {width: 100px; font-size:9px; color:#b4b4b4;padding: 2px; border: 1px solid #b4b4b4;background: #333333;}
#footer {width: 748px; text-align:center; font: 80% verdana, arial; color:#545454; margin: 30px 0px 30px 0px;}
#footer li {text-align:center;}
#respond {display: block; margin: 30px 0px 30px 0px;}

.clearer {clear: both; font-size: 0;}
.alignleft {float: left;}
.alignright {float: right;}
.post {margin-bottom: 10px; border-bottom: 1px dashed #333333;}
.date {color: #ffffff; font-size: 9px; }
.entry {margin: 0px 0px 20px 0px;}

.links {font: 10px verdana, arial; color: #b2b2b2; line-height:132%;}
.links a{border:none;color:#b2b2b2;text-decoration:none;}
.links a:visited{border:none;color:#b2b2b2;text-decoration:none;}
.links a:active{border:none;color:#b2b2b2;text-decoration:none;}
.links a:hover{color:#ff0000;text-decoration:none;height: 0px;}

.comment {font: 9px Verdana, Arial; color:#545454; padding: 0px 0px 15px 0px; clear: both;}
.navigation {text-align:center; font: 80% Verdana, Arial; color:#545454; padding: 0px 0px 10px 0px;}
.navigation li {text-align:center;}
.attachment {text-align: center; margin: 5px 0px;}
.comment_navigation {text-align:center; font: 80% Verdana, Arial; color:#545454; padding: 15px 0px 15px 0px;}
.comment_navigation li {text-align:center;}
.img2 {padding: 0px 15px 0px 0px;}

.tags {font: 9px Verdana, Arial; font-style:italic; color:#545454; padding: 0px; margin: 0px 0px 20px 0px; clear: both;}
.tags li {margin: 0px 0px 0px 20px; }
.tags a{border:none;color:#545454;text-decoration:none;}
.tags a:visited{border:none;color:#545454;text-decoration:none;}
.tags a:active{border:none;color:#545454;text-decoration:none;}
.tags a:hover{color:#ff0000;text-decoration:none;height: 0px;}

.h1_link a{border:none;color:#545454;text-decoration:none;}
.h1_link a:visited{border:none;color:#545454;text-decoration:none;}
.h1_link a:active{border:none;color:#545454;text-decoration:none;}
.h1_link a:hover{color:#ffffff;text-decoration:none;height: 0px;}

/*Start: Tabbed navigation*/
#nav_container {margin: 0px 0px 0px 5px; padding: 0px; width: 755px; border: none;}
#nav {margin: 0px; padding: 0px; position: relative; height:30px; display: block; width: auto;} 
#tab {margin: 0; padding: 0; position: absolute; bottom: -1px; width: 748px;}
#tab li {display: inline; list-style: none;}

#tab .page_item a, .current_page_item a {
width: auto;
display: block;
float: left;
text-align: center;
font-family: Verdana, Arial;
font-size: 11px;
text-decoration: none;
color: #606060;
margin: 0px 2px 0px 0px;
padding: 4px 10px 4px 10px;
}

#tab .page_item a {
background: #292929;
border-top: 1px solid #333333;
border-right: 1px solid #333333;
border-bottom: 1px solid #333333;
border-left: 1px solid #333333;
margin: 0px 2px 0px 0px;
padding: 4px 10px 3px 10px;
}

#tab .page_item a:hover {
border-top: 1px solid #414141;
border-right: 1px solid #414141;
border-bottom: 1px solid #333333;
border-left: 1px solid #414141;
background: #414141;
color: #ffffff;
margin: 0px 2px 0px 0px;
padding: 4px 10px 3px 10px;
}

#tab .current_page_item a, .current_page_item a:hover {
border-top: 1px solid #333333;
border-right: 1px solid #333333;
border-bottom: none;
border-left: 1px solid #333333;
background: #000000;
color: #606060;
margin: 0px 2px 0px 0px;
padding: 4px 10px 4px 10px;
}
/*End: Tabbed navigation*/

/*Start: Comment form*/
label
{
font: Verdana, Arial;
color:#545454;
padding: 1px;
margin: 5px 0px 5px 0px;
}

textarea {
padding:3px 3px 3px 3px;
margin-top:2px;
color: #b2b2b2;
background: #303030;
border: 1px solid #b2b2b2;
}

input.formbutton 
{
font-family:verdana, arial;
color:#b2b2b2;
font-size:9px;
background: #303030;
margin-left:2px;
margin-top:5px;
border: 1px solid #b2b2b2;
}

input
{
padding:0px 2px 0px 2px;
color: #b2b2b2;
background: #303030;
border: 1px solid #b2b2b2
}

.nocomments {font: 15px verdana, arial; color: #545454; padding: 15px 0px 0px 5px; line-height:132%;}
/*End: Comment form*/

/*Start: comments*/
ol.commentlist {font: 12px Verdana, Arial; color: #b2b2b2;}
ol.commentlist li 
{
font: 12px Verdana, Arial;
color: #b2b2b2;
margin: 0px;
padding: 0px 8px 7px 8px;
background-color: #000000;
border-bottom: 1px solid #545454; 
display: block;
}
/*End: comments*/

/*Start: comment author name and URL*/
ol.commentlist li div.comment-author {margin:0px;padding: 8px 0px 0px 0px;}
ol.commentlist li div.vcard {font: bold 100% Verdana, Arial;}
ol.commentlist li div.vcard cite.fn {font-style:normal;color: #545454;}
ol.commentlist li div.vcard cite.fn a.url {color:#ff0000; text-decoration:none;}
ol.commentlist li div.vcard cite.fn a.url:hover {color:#ffffff;}
ol.commentlist li div.vcard img.avatar {border:none; float:left; padding: 0px 8px 5px 0px;}
ol.commentlist li div.vcard span.says {display:none;}
/*End: comment author name and URL*/

/*Start: post author formatting*/
ol.commentlist li.bypostauthor
{
font: 12px Verdana, Arial;
color: #ffffff;
margin: 0px;
padding: 0px 8px 7px 8px;
background-color: #222222;
border-bottom: 1px solid #545454;
border-right: 1px solid #545454;
border-left: 1px solid #545454;
display: block;
}
/*End: post author formatting*/

/*Start: comment author date and permalink*/
ol.commentlist li div.comment-meta {font: 80% Verdana, Arial; margin:0px; padding: 0px 0px 18px 0px;}
ol.commentlist li div.comment-meta a {color:#545454; text-decoration:none;}
ol.commentlist li div.comment-meta a:hover {color:#ffffff;}
/*End: comment author date and permalink*/

/* Captions */
.aligncenter,
div.aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

.wp-caption {
	border: none;
	text-align: center;
	background-color: #555555;
	padding-top: 4px;
	margin: 10px;
	-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;
	color:#ffffff;
	font-style:italic;
	line-height: 17px;
	padding: 4px 0px 4px 5px;
	margin: 0;
}
/* End captions */