/*
Theme Name:		blogHelper II
Theme URI:		http://bloghelper.is-there.net
Description:	I'm thinking of one.
Version:		0.01
Author:			Ang Zhuu Ming
Author URI:		http://www.zmang.com
*/

/* Base */

body {
	background: #fff;
	color: #333; 
	font: 62.5% Verdana, Arial, Sans-serif;
	}

* {
	padding: 0; 
	margin: 0;
	}

/* Globals */

a {
	color: #1c9bdc; 
	text-decoration: underline;
	}

a:visited {
	color: #333333; 
	text-decoration: underline;
	}

a:hover {
	color: #4C5763; 
	text-decoration: underline;
	}

p {
	margin: 0 0 15px 0;
	}

blockquote {
	padding: 5px 10px 0 10px; 
	margin: 0 0 15px 0; 
	border-top: 1px solid #bbb; 
	border-bottom: 1px solid #bbb; 
	background: #f5f5f5; 
	color: #666;
	}

	blockquote p {
		margin-bottom: 7px;
		}
	
code {
	color: #090; 
	font-family: "Courier New", Courier, monospace;
	}

pre {
	width: 440px; 
	margin-bottom: 15px; 
	font-size: 1.2em; 
	float: left;
	}

* html pre {
	font-size: 1.0em; 
	overflow: hidden;
	}


/* Headlines */

h1 {
	font-weight: bold; 
	font-size: 4.0em; 
	line-height: 1.8em;
	}

	#header h1 {
		text-align: left;
		}
	#select-view h1 {
        text-align:right;
}
	h1 a, h1 a:visited, h1 a:hover {
	color: #222; 
	text-decoration: none;
	}
	
h2 {
	font-weight: normal; 
	font-size: 1.75em;
	line-height:1.2em;
	padding: 0.2em;
	}

	.post h2 {
		font-family:Arial, sans-serif;
		color: #000; 
		font-weight:bold;
		background:#333 url('http://bloghelper.is-there.net/stripes.gif');
        border: 1px solid #948F8F;
		}
	#pagetitle {
		background:none;
		border:none;
		padding-top:0;
		margin-top:-0.3em;
		}
		
#bestposts h2 {}

		.post h2 a {
			color: #498FD1; 
			text-decoration: none;
			}
		
		.post h2 a:visited {
			color: #498FD1; 
			text-decoration: none;
			}
		
		.post h2 a:hover {
			color: #948F8F; 
			text-decoration: none;
			}
	
	#sidebar h2 {
		color: #FFF;
		font-size:1.1em;
		font-weight:bold;
		}

	
	h2.form_head {
		padding-left:0;
		font-size:1.65em;
		font-family:Arial, sans-serif;
		}
	h2.comment_head {
		font-family:Arial, sans-serif;
		font-size:1.65em;
		}
	
h3 {
	font-weight: normal; 
	font-size: 1.5em; 
	margin-bottom: 4px; 
	color: #999;}

h4, #bestposts h4 {
	display: inline; 
	font-weight: normal; 
	padding: 0.4em; 
	line-height: 1.2em; 
	font-size: 0.8em; 
	text-transform: uppercase; 
	color:#ecebeb;
	background: #545254; 
	border: 1px solid #948F8F;
	border-right:0;
	border-bottom:0;
}

	#bestposts h4 {
		background: #000;
		display:block;
		width:82px;
		border-right:1px solid #948F8F;
		}

/* Containers */

#container {
	max-width:96em; 
	margin: 0 auto;
	padding-left:45px;
	padding-right:45px;
	}

	#page {max-width:96em; float: left;}

		#header {height:100px;margin-bottom: 30px;}
				.insidehf {max-width:96em;margin:0 auto;padding-left:45px;padding-right:45px;}
		#content_box {padding-bottom: 5px;}
		
			#content {width: 56%; overflow: hidden; float: left;}
			
			* html #content {overflow: hidden;}
			
			#sidebar {width: 42%; color: #222; font-size: 1.1em; line-height: 1.5em; float: right;}
			
			* html #sidebar {overflow: hidden;}
			
		#footer {width: 100%; padding-top: 8px; margin-top:30px;border-top: 4px solid #222; border-bottom:1px solid #AAAAAA; font-size: 1.1em; letter-spacing: 0; float: left; clear: both;}
		

/* Header */

#header img {border:0;}

#nav {width: 100%; border-top: 1px solid #AAA; border-bottom: 1px solid #AAA; background-color:#000;float:left;}

	#nav ul {list-style: none;}

		#nav li {float: left;}
		
			#nav li a, #nav li a:visited {display: block; height: 2.8em; padding: 0 1.2em; line-height:2.8em; color: #f7f7f6; text-decoration: none; font-size: 1.0em; text-transform: uppercase; letter-spacing: .3em; float: left;letter-spacing: 0; font-weight:bold;}
		
			#nav li a:hover {color: #fff; background: #222; text-decoration: none;}
			
			li#current a, li#current a:visited {background: #2f2f2f; color: #fff; cursor: default;}

/* Book View */
#toc, #archivelist {font-size: 1.2em;line-height: 1.5em;color: #444;}
	#toc ul, #toc ol, #archivelist ul {margin: 0 0 15px 20px; color: #444;}
	#toc ul {list-style-type:none;}
		#toc li, #archivelist li {padding: 3px 0;}
			#toc ul li ul, #toc ul li ol, #toc ol li ul, #toc ol li ol, #archivelist ul li ul {margin: 0 0 0 30px;}
#toc ul li ol li ul {list-style-type:square;}
.topictitle {font-family:Arial;color:#000;font-size:1.6em;line-height:1.8em;font-weight:bold;}
.subtopic {font-family:Arial;color:#333;font-size:1.3em;line-height:1.4em;font-weight:bold;}

/* Archives */
	#archivelist ul, #archivelist ul li ul {list-style-type:circle;}
.splitarchive {float:left;width:50%;}
/* Content */

.post {width:100%;padding-top:5px;margin-bottom: 50px; font-size: 1.2em; line-height: 1.7em; color: #444; float: left;}
.entry {float:left;width:98%;padding: 10px 1% 0 1%;}
.entry p {
	margin: 0;
        padding: 0 0 15px 0;
	}
	.entry ul, .entry ol {margin: 0 0 15px 40px; color: #333;}
	
	.entry ul {list-style-type: square;}
	
		.entry li {padding: 3px 0;}
		
			.entry ul li ul, .entry ul li ol, .entry ol li ul, .entry ol li ol {margin: 0 0 0 30px;}
	
	.entry dl {margin-bottom: 15px;}
			
	.entry dt {font-weight: bold; color: #000;}
	
	.entry dd {margin: 0 0 0 20px; font-style: italic;}

	.entry img.left {padding: 6px; margin: 0 10px 5px 0; background: #f5f5f5; border: 1px solid #bbb; float: left;}

	.entry img.leftnoborder {margin: 0 10px 2px 0; float: left;border:none;}
	
	.entry img.right {padding: 6px; margin: 0 0 5px 10px; background: #f5f5f5; border: 1px solid #bbb; float: right;}

	.entry img.rightnoborder {margin: 0 0 2px 10px; float: right;border:none;}
	
	.entry img.center {display: block; padding: 6px; margin: 15px auto 0 auto;}
	
	.entry img.center_off {display: block; margin: 0 auto 15px auto;}
	
	.post_meta {width:98%;padding: 4px 1% 2px; border-top: 1px dotted #bbb; background: #f5f5f5; line-height: normal; float: left;}
		.post_meta2 {width:98%;padding: 2px 1% 4px; border-bottom: 1px solid #948F8F; background: #f5f5f5; line-height: normal; float: left;}
	
		p.num_comments {float:right;padding-left: 20px; margin-bottom: 0; line-height: 1.4em; background: url('images/comment.gif') 0 50% no-repeat;}
		p.authored_by {float:left;padding-left: 20px; margin-bottom: 0; line-height: 1.4em; background: url('images/author.gif') 0 50% no-repeat;}
		p.edit {float:right;padding-left: 20px; margin-bottom: 0; line-height: 1.4em; background: url('images/edit.gif') 0 50% no-repeat;}
		p.tagged, p.post_time, p.post_time2 {float:left;padding-left: 20px; margin-bottom: 0; line-height: 1.4em; background: url('images/categories.gif') 0 50% no-repeat;}
		p.post_time {background: url('images/post_time.gif') 0 50% no-repeat;}
		p.post_time2 {float:right;background: url('images/post_time.gif') 0 50% no-repeat;}
.navigation {width: 98%; padding: 0.5em 1% 0.5em; margin-bottom: 30px; font-size: 1.2em; line-height: 1.5em; background: #f5f5f5; float: left;_padding: 0.7em 1% 0.7em;}
#info {margin-bottom:20px;} 
#botnav {margin-bottom:0;}
* html .navigation {line-height: normal;}
	
	.previous {padding-left: 20px; margin-bottom: 0; background: url('images/previous.gif') 0 50% no-repeat; float: left;}
	
	.next {padding-right: 20px; margin-bottom: 0; background: url('images/next.gif') 100% 50% no-repeat; float: right;}
	
	.jump {padding: 4px 6px 4px 33px; margin: 0 0 10px 10px; background: #f5f5f5 url('images/icon_down.gif') 6px 50% no-repeat; float: right; clear: both;}

.alignright {
	float: right;
	}
	
.alignleft {
	float: left
	}


/* Sidebar */

#side1 {float:left;width:50%;margin:0;padding:0;}
#side2 {float:left;width:50%;margin:0;padding:0;}
#sidebar ul {list-style: none;}

	#sidebar ul li {width:100%;margin-bottom: 0; list-style: none;}
.sidebar_title2, .sidebar_title_top {width:95%;padding: 10px 0 10px 5%; background: #1c1c1c; }
.sidebar_title_top {width:97.5%;padding-left: 2.5%;background:#1c1c1c;}
.sidebar_title, .sidebar_title_top2 {width:95%;padding: 10px 0 10px 5%; background: #535252; }
.sidebar_title_top2 {width:97.5%;padding-left: 2.5%;background: #1c1c1c;}
		.sidebar_section {width: 84%; padding: 5px 6% 8px 6%; margin-right:4%;background: #f5f5f5; }
		* .sidebar_section {width: 84%;margin-right:3%;}		
		.sidebar_section_top {width: 92%; padding: 5px 3% 8px 3%; margin-right:2%;background: #f5f5f5; }
		* .sidebar_section_top {width: 92%;margin-right:1%;}
		
			.sidebar_section p {padding: 0 10px; margin-bottom: 10px;}	
			.sidebar_section p.center {text-align: center;}
			
			.sidebar_section img.off {border: none;}

			#sidebar ul li ul, #sidebar ul li ol {list-style: none; margin: 0;padding:0;}
			
				#sidebar ul li ul li, #sidebar ul li ol li {padding: 3px 0 2px 0; margin-bottom: 0;}
				#sidebar ul li ul li ul, #sidebar ul li ul li ul li ul {margin-left:10px;}
					.quick_date {padding-left: 10px; color: #999;}
	

/* Footer */

#footer p {text-align: center;}

/* Comments */

#comments {width: 100%; font-size: 1.2em; line-height: 1.6em; color: #444; float: left; clear: both;}

	ul.comment_list {list-style: none; margin-bottom: 40px; float: left;}
		
	ul.comment_list li, ul.comment_list li.alt, ul.comment_list li.author_comment_, ul.comment_list li.author_comment_alt {
		width: 100%; 
		padding: 10px 10px 5px 10px; 
		border: 1px solid #bbb; 
		float: left;
		margin-bottom:5px;
		}
		
		ul.comment_list li.author_comment_, ul.comment_list li.author_comment_alt {border: 1px solid #000;}
		
		ul.comment_list li.alt, ul.comment_list li.author_comment_alt {background: #F5F5F5;}
		
			.comment_intro {width: 100%; margin-top:5px;margin-bottom: 5px; line-height: normal; float: left;}
			
			.commentcount {
			float:right;
			right: 2em;
			top: 0;
			font-family: Verdana,sans-serif;
			font-size: 24px;
			font-weight: normal;
			color: #AAAAAA;
			}
			.authorcom {
			float:right;
			margin-top:-1.5em;
			font-size: 0.9em;
			color: #74C94E;
			}
			* html .comment_intro {margin-bottom: 0;}
			
			.author_comment_ .comment_intro {width: 100%;}
			
			.author_comment_alt .comment_intro {width: 100%;}
			
				img.gravatar {float: right; margin: 0 0 10px 10px;}
			
				.comment_author {font-weight: bold; font-size: 1.2em;}
				
				.comment_meta {font-size: .9em;}
				
					.comment_meta a, .comment_meta a:visited, .comment_meta a:hover {color: #999; text-decoration: none;}
		
			#comments .entry {clear: both;width:100%;padding-right:0;padding-left:0;}
			
			#comments .entry ul, #comments .entry ol {margin: 0 0 15px 40px; color: #000; border: none; float: none;}
	
			#comments .entry ul {list-style-type: square;}
	
				#comments .entry li {width: auto; padding: 3px 0; border: none; float: none;}
		
					#comments .entry ul li ul, #comments .entry ul li ol, #comments .entry ol li ul, #comments .entry ol li ol {margin: 0 0 0 30px;}


/* Comment Form */

#comment_form {width: 100%; padding: 10px 0; float: left;}

	#comment_form p {padding: 5px 0; margin-bottom: 0;}
	
		#comment_form label {padding-left:10px; font-size: .9em;}

		#comment_form .text_input {width: 40%; padding: 0 3px; color: #444; font: normal 1.1em Georgia, "Times New Roman", Times, serif; border: 1px solid #999;}
		
		#comment_form .text_area {width: 95%; padding: 3px; color: #444; font: normal 1.1em Georgia, "Times New Roman", Times, serif; border: 1px solid #999;}
	
		#comment_form .text_input:focus, #comment_form .text_area:focus {border-top: 2px solid #444; border-left: 2px solid #444; border-right: 1px solid #ddd; border-bottom: 1px solid #ddd;}
	

/* Inputs */
	
	.input_button, .input_button2 {
	border: 0.5px solid #948F8F;
	background: #333333;
	color: #FFF;
	font-family: verdana, arial, sans-serif;
	font-size: 1.1em;
	padding: 2px;
	}
	
/* Extras */

#searchbox {padding-bottom:0;margin-bottom:0;}

#svimg {margin:0;padding:0;border:0;}
#svimg img {margin:0;padding:0;border:0;}
#toggleimg {margin:0;padding:0;border:0;}

.entrywrap {
border-left: 1px solid #948F8F; border-right: 1px solid #948F8F;
}
.displaytoggle, .displaytoggle img {
margin:0;
padding:0;
border:0;
}
.displaytoggle {
position:relative;
float:right;
right:0.7em;
top:1.37em;
font-weight:bold;
}
* html .displaytoggle {
top:1.28em;
}

.infos {padding:0; margin:0; list-style-type:none;position:relative; }

.infos li a {text-indent:-999px; display:block; width:16px; height:16px; position:absolute; line-height:8px;}

.infos li a em {visibility:hidden; position:absolute;}

.infos li a.bs {top:26px; right:27px;}
.infos li a.ln {top:26px; right:85px;}
.infos li a.sw {top:26px; right:145px;}
.infos li a.nt {top:26px; right:205px;}

.infos li a:hover {text-indent:0; height:1.2em; font-size:1em; color:#fff; line-height:1em; padding:2px 10px; width:90px;}

.infos li a:hover em {visibility:visible; margin-left:5px; background:#fff; border:1px solid #498FD1; width:150px; color:#444444; padding:15px;font-style:normal; line-height:1.5em;}

#sidebar a {text-decoration:none;}
#networkroll ul li {padding: 2px 0 1px 0;}