/*********************************************************************************
 *	screen.css
 *
 *	Decription:
 *		This is the main file for all rules of CSS of the whole site.
 *	Author:
 *		Thien Nguyen
 *	Date:
 *		July 14th, 2009
 *	Modified:
 *		
 *********************************************************************************/


/**
 * CSS RULES FOR HTML SELECTORS
 */

body { font-family:Arial, Helvetica, Geneva, Verdana, Tahoma, Monaco, sans-serif; background:url('../images/bg_main_01.png') 0 0 repeat-x; }

/* headings */
h1, h2, h3, h4, h5 {  }
h2 a, h3 a, h4 a, h5 a {  }
h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover {  }
h1 { font-size:36px; width:100%; margin:0 0 15px 0; padding:0; line-height:1.2em; }
	h1 a:hover { text-decoration:none; }
h2, #comments .comments-head { font-size:24px; font-family:Georgia, "Times New Roman", Times, serif; color:#006699; line-height:1.2em; }
h3 { margin:0 0 10px 0; padding:0; }
h4 {  }
h5 {  }

/* anchors */
a { color:#36F; text-decoration:none; outline:none; }
a:hover { color:#36F; text-decoration:underline; }

/* misc */
ul, ol { list-style-position:inside; }

/**
 * FORM ELEMENTS
 */

input, label, textarea, select, option { font-family: Arial, Helvetica, Geneva, Verdana, Tahoma, Monaco, sans-serif; }
#q { width:190px; }

#searchForm { position:absolute; top:20px; right:40px; }
#searchForm p { margin:10px 0; }
#searchForm p * { vertical-align:middle; }

.comments-form { margin:0 0 20px 0; }
.comments-form .comments-head { font-size:16px; margin:0 0 20px 0; }
.comments-form ul { margin:0; padding:0; }
.comments-form li { clear:both; display:block; list-style-type:none; }
.comments-form #rememberInfo { margin-left:120px; vertical-align:middle; }
.comments-form label { width:120px; float:left; display:block; }
.comments-form label.choice { display:inline; float:none; }
.comments-form input.text, .comments-form textarea, .comments-form .large { font-size:12px; line-height:1.2em; width:350px; }
.comments-form span.error { margin:0 0 20px 0; display:block; }

/**
 * COMMON SITEWIDE ELEMENTS
 */

.avatar { margin:5px 10px 15px 0; padding:1px; float:left; border:1px solid #ccc; }
#gotohome { background:url('../images/icon_home_01.gif') 0 4px no-repeat; color:#338729; padding:0 0 0 15px; top:10px; right:40px; position:absolute; }


/**
 * MAIN STRUCTURE
 */


/* #header */
#header { position:relative; border-bottom:1px solid #ccc; }
	#header img { margin:15px 0; display:block; float:left; }
	#header li { display:inline; list-style-type:none; }
	.weblogName { float:left; }
	.rCategory { margin:0; position:absolute; bottom:15px; right:40px; }
	.rCategory li { font:14px Geneva, Verdana, Tahoma, Monaco, sans-serif; margin:0 0 0 20px; text-transform:uppercase; position:relative; }
	.rCategory a { font-weight:bold; color:#36F; padding-bottom:3px; border-bottom:2px solid #fff; }
	.rCategory a:hover { text-decoration:none; border-bottom:2px solid #3366FF; }
	.rCategory li.selected { font-weight:bold; color:#36F; padding-bottom:3px; border-bottom:2px solid #36F; }
	.rNavigationBar { margin:10px 0; float:right; }
	.rNavigationBar li { margin:0 0 0 10px; }
	.rNavigationBar a { font-size:11px; color:#CCC; text-decoration:underline; }

/* #main */
#main { background:url('../images/sep_02.gif') 614px 0 repeat-y; clear:both; }
	/* #content */
	#content { padding-top:20px; border-color:#ccc; }
		#searchAgain { background:#FFFFCC; margin:0 0 15px 0; padding:15px; clear:both; border:1px solid #EFEFEF; }
		.entryBox { margin-bottom:30px; }
			.dayTitle { font:10px bold Geneva, Verdana, Tahoma, Monaco, sans-serif; color:#666; margin:0 0 5px 0; text-transform:uppercase; }
			.entryInfo, .comment-details { font-style:italic; color:#666; margin-top:5px; padding:5px 0; border:dotted #DFDFDF; border-width:1px 0; }
		.next-previous { clear:both; margin:0 0 20px 0; }
	
	/* #sidebar */
	#sidebar { padding-top:20px; }
		.sbblk { margin-bottom:30px; }
		.sbblk ul { margin:0; }
		.hCalendarTable { margin-bottom:0; border:1px solid #eee; }
		.hCalendarTable td, .hCalendarDayTitle { padding:0; text-align:center; }
		.hCalendarTable .hCalendarMonthYearRow { font-weight:bold; background:#efefef; color:#333; padding:3px 0; text-transform:uppercase; }
		.hCalendarNextPrev { height:0; display:none; }

/* #footer */
#footer {  }


/**
 * SPECIFICS
 */