/*
Theme Name: Eu Hua's Blog
Theme URI: http://blog.euhua.com/
Description: Eu Hua's customised wordpress theme
Author: Tan Eu Hua
Author URI: http://euhua.com/
Tags: custom theme

	Eu Hua's Blog Theme
	 http://blog.euhua.com/

	Eu Hua's customised wordpress theme
*/

body
{
	background-color: #242A30;
	font-size: 62.5%; /* Resets 1em to 10px */
	font: 12px verdana, arial, helvetica;
	color: #FFF8BE;
	line-height: 1.9;
	text-align: center;
	margin: 0px 0px 15px 0px;
	padding: 0px;
}

p
{
	margin-top: 0px;
	margin-bottom: 20px;
}

/* layout structure */
#container
{
	background-color: #334353;
	background-image: url('./interface/body_bg.gif');
	background-repeat: repeat-y;
	width: 840px;
	margin: 0px auto;
	padding: 0px;
	text-align: left;
}

#header
{
	background-image: url('./interface/top_corner.gif');
	background-repeat: no-repeat;
	width: 820px;
	height: 120px;
	margin: 0px auto;
	padding-left: 20px;
	text-align: left;
}

html > body #content { margin: 0px 20px; }
#content
{
	float: left;
	width: 540px;
	margin: 0px 10px;
	padding: 0px;
}

#sidebar
{
	width: 260px;
	float: right;
	position: relative;
	padding: 0px;

}

#footer
{
	background-image: url('./interface/footer_dot.gif');
	background-repeat: repeat-x;
	width: 540px;
	margin: 0px 20px;
	height: 60px;
}

#footerCorner
{
	background-color: #242A30;
	background-image: url('./interface/bottom_corner.gif');
	background-repeat: no-repeat;
	width: 840px;
	height: 8px;
	margin: 0px auto;
	padding: 0px;
}

.clear
{
	height: 20px;
	width: 100%;
	clear: both;
}
/* end of layout structure */


/* header */
#header h1, #header hr, #header h2
{
	display: none;
	height: 0px;
	width: 0px;
}

#header hr
{
	clear: both;
}

#header img
{
	margin: 0px;
	margin-left: -4px;
	padding: 0px;
}

#navi
{
	position: relative;
	width: 450px;
	height: 25px;
	margin: -27px 0px 0px 98px;
}

#navi ul
{
	list-style: none;
	padding: 0px;
	margin: 0px;
}

#navi ul li
{
	float: left;
	position: relative;
	padding: 0px 20px 0px 16px;
	font: 1.3em 'trebuchet ms', tahoma, 'times new roman';
	color: #BAE55F;
	background-image: url('./interface/navi_bg.gif');
	background-repeat: no-repeat;
	background-position: left;
}

#navi ul li a
{
	text-decoration: none;
}

#navi ul li#selected, #navi ul li:hover
{
	background-image: url('./interface/navi_selected_bg.gif');
}

#navi ul li#selected a:link{ color: #FFF;}
#navi ul li#selected a:visited{ color: #FFF;}
#navi ul li#selected a:hover{ color: #FFF; text-decoration: underline; }

#navi ul li a:link{ color: #BAE55F; }
#navi ul li a:visited{ color: #BAE55F; }
#navi ul li a:hover{ color: #FFF; text-decoration: underline; }

#searchBox
{
	width: 240px;
	margin: 35px 0px 5px 20px;
	color: #FFF;
	height: 30px;
	position: relative;
	float: right;
}

.s
{
	background-color: #FFF;
	margin-left: 20px;
	color: #999;
	border: 1px solid #242A30;
	font: 1.1em Verdana, Arial, Helvetica, sans-serif;
	padding: 3px;
}

html > body #searchButton{ margin-bottom: -7px; }
#searchButton
{
	margin-bottom: -4px;
	background-color: #FFF;
}
/* end of header */


/* sidebar */
html > body #sidebar h2{ margin-top: -2px; }
#sidebar ul li h2
{
	background-image: url('./interface/sidebar_header.gif');
	background-repeat: repeat-y;
	width: auto;
	height: 25px;
	font: 1.4em 'trebuchet ms', tahoma, 'times new roman';
	padding: 3px 5px 2px 42px;
	margin: 0px;
	color: #FFF;
	letter-spacing: 2px;
}

#sidebar ul
{
	margin: -2px 0px 0px 0px;
	padding: 0px;
	list-style: none;
}

#sidebar ul li ul
{
	margin: 5px 10px 20px 0px;
	padding: 0 0 0 42px;
	list-style: none;
}

html > body #sidebar ul li ul li { margin: 7px 0px; }
#sidebar ul li ul li
{
	margin: 2px 0px;
	color: #BAE55F;
	font: 1.1em 'trebuchet ms', tahoma, 'times new roman';
}

#sidebar ul li a
{
	text-decoration: none;
	color: #BAE55F;
}

#sidebar ul li a:link { color: #BAE55F; }
#sidebar ul li a:visited { color: #BAE55F; }
#sidebar ul li a:hover { color: #FFB400; text-decoration: underline; }

#sidebar ul li #photoGallery
{
	margin: 15px 0px 0px 42px;
	padding: 0px;
	width: 200px;
}
/* end of sidebar */


/* comments */
h2#comments, h2#respond
{
	width: auto;
	background-color: #242A30;
	font: 1.6em 'trebuchet ms', tahoma, 'times new roman';
	font-weight: normal;
	color: #97D10B;
	padding: 2px 7px 3px 7px;
	line-height: 1.0;
}

.commentlist
{
	padding: 0;
	width: auto;
	margin: 15px 0px 5px 0px;
	text-align: justify;
}

.commentlist li 
{
	margin: 5px 0 5px 0px;
	padding: 7px 10px 3px 7px;
	list-style: none;
	border: 1px dashed #7298C1;
	background-color: #2F4963;
}

.commentlist p
{
	margin: 10px 5px 10px 0;
}

.commentlist cite
{
	font: 11px Arial, Verdana, Helvetica;
	font-weight: bold;
}

#commentform p
{
	margin: 5px 0;
}

.nocomments 
{
	text-align: center;
	margin: 0;
	padding: 0;
}

.commentmetadata 
{
	margin: 0;
	display: block;
}

li.alt, .alt
{
	margin: 5px 0px 5px 0px;
	padding: 7px 10px 3px 7px;
	border: 1px dashed #7298C1;
	background-color: #2E3B48;
}

.alt
{
	padding-bottom: 15px;
}

#commentform input 
{
	width: 170px;
	padding: 2px;
	margin: 5px 5px 1px 0;
	border: 1px solid #242A30;
}

#commentform textarea 
{
	border: 1px solid #242A30;
	width: 534px;
	padding: 2px;
}

#commentform #submit 
{
	margin: 0;
	float: right;
}
/* end of comments */


/* photoGallery */
#photoGallery img
{
	border: 0px;
	float: left;
	position: relative;
	padding: 5px;
	margin: 7px 15px 5px 0px;
	background-color: #7298C1;
}
/* end of photoGallery */


/* content */
#content h2
{
	font: 1.6em 'trebuchet ms', tahoma, 'times new roman';
	color: #B8DDFF;
	margin: 10px 0px 0px 0px;
	letter-spacing: 1px;
	line-height: 1.25;
	text-align: left;
}

#content h3
{
	font: 1.2em 'trebuchet ms', tahoma, 'times new roman';
	color: #B8DDFF;
	margin: 10px 0px 0px 0px;
	letter-spacing: 1px;
	line-height: 1.25;
	text-align: left;
}

#content hr
{
	display: none;
}

#content h2.pagetitle 
{
	text-align: center;
	color: #B1DA5E;
	font-size: 1.7em;
}

#content .wp-caption
{
	text-align: center;
	margin-left: auto;
	margin-right: auto;
}

#content .wp-caption .wp-caption-text
{
	font-weight: bold;
	margin: -5px auto 10px auto;
	
}

#content a
{
	color: #FFB400;
}

#content h2 a
{
	text-decoration: none;
	color: #E45A49;
}

#content a:link{ color: #B8DDFF; }
#content a:visited{ color: #B8DDFF; }
#content a:hover{ color: #FFB400; }
/* end of content */


/* navigation */
html > body .navigation{ margin-top: 17px; }
.navigation 
{
	display: block;
	width: auto;
	text-align: center;
	height: 25px;
	margin-top: 5px;
	margin-bottom: 5px;
}
/* end of navigation */


/* post */
#content .post
{
	margin: 0px 0px 50px 0px;
	text-align: justify;
}

#content .post p
{
	margin-top: 15px;
}

#content .post small
{
	font: 11px Arial, Verdana, Helvetica;
	color: #CCC;
}

.post img
{
	padding: 5px;
	margin: 3px;
	background-color: #7298c1;
	color: #333;
	border: 1px solid #7298c1;
}

#content .post .postmetadata
{
	margin-top: 25px;
	text-align: center;
	color: #CCC;
	font: 0.9em Verdana, Arial, Helvetica, sans-serif;
	background-color: #2e3b48;
	padding: 7px 5px;
}

#content .post .postmetadata img
{
	background-color: #334353;
	margin: 0px 2px 0px 0px;
	padding: 0px;
	border: 0px;
}

/* end of post */


/* smiley */
img.wp-smiley
{
	border: none;
	background-color: #334353;
	padding: 0px;
	margin: 0px;
}
/* end of smiley */


/* blockquote */
blockquote
{
	margin: 2px 15px 2px 15px;
	padding: 0px 7px 0px 30px;
	background-image: url('./interface/blockquote.gif');
	background-repeat: no-repeat;
	border: 1px dashed #7298C1;
	background-color: #2E3B48;
	text-align: left;
}

blockquote cite
{
	display: block;
	margin: 5px 0 0 0;
	text-align: right;
	line-height: 1.25;
}

/* end of blockquote */


/* alignments */
.center { text-align: center; }

.alignright { float: right; }
	
.alignleft { float: left; }
/* end of alignments */


/* footer */
#footer p
{
	text-align: center;
	padding: 7px 2px;
	font: 0.8em Verdana, Arial, Helvetica, sans-serif;
	color: #B8DDFF;
}

#footer hr
{
	display: none;
	height: 0px;
	width: 0px;
}

#footer hr
{
	display: none;
	height: 0px;
	width: 0px;
}

#footer img
{
	border: 0px;
}

#footer a:link{ color: #B8DDFF; }
#footer a:visited{ color: #B8DDFF; }
#footer a:hover{ color: #FFB400; }
/* end of footer */