/******************************************************************************
* Created       Sat Jul 3 21:25:47 EST 1999
* Modified      Sun Nov 27 17:04:36 EST 2005
* Copyright (c) 1999-2005 by Hoang Scott Nguyen, all rights reserved.
* MODIFY HISTORY
*******************************************************************************
* Thu Jul 15 22:06:27 EST 2004
* Adding CSS properties for search form
******************************************************************************/

        html, body {
                background: #FFFFFF;
                /*
		background-image: url("http://www.mrnguyen.com/weblog/image/bg_wallpaper.jpg");
		*/
		background-repeat: no-repeat; 
		background-position: right bottom;
		background-attachment: fixed; 
	        color: #222222;
                text-decoration: none;
                font-family: Verdana ,Arial, Helvetica, sans-serif;
                font-size: 13px;
         }
        a:link {
                color: #069;
                text-decoration: underline;
         }
        a:visited {
                color: #069;
                text-decoration: underline;
          }
        a:hover {
                color: #C00;
                text-decoration: none;
          }
        .menu a {
                text-decoration: none;
                text-decoration: none;
                font-family: Arial Black;
                font-size: 14px;
          }
        .menu a:link {
                color: #069;
                text-decoration: none;
                font-family: Arial Black;
                font-size: 14px;
                border-top: 1px solid #FFFFFF;
                border-bottom: 1px solid #FFFFFF;
                border-left: 1px solid #FFFFFF;
                border-right: 1px solid #FFFFFF;
          }
        .menu a:visited {
                color: #069;
                text-decoration: none;
                font-family: Arial Black;
                font-size: 14px;
                border-top: 1px solid #FFFFFF;
                border-bottom: 1px solid #FFFFFF;
                border-left: 1px solid #FFFFFF;
                border-right: 1px solid #FFFFFF;
          }
        .menu a:active {
                color: #C00;
                text-decoration: none;
                font-family: Arial Black;
                border-top: 1px solid #FFFFFF;
                border-bottom: 1px solid #FFFFFF;
                border-left: 1px solid #FFFFFF;
                border-right: 1px solid #FFFFFF;
                font-size: 14px;
          }
        .menu a:hover {
                color: #C00;
                text-decoration: none;
                font-family: Arial Black;
                border-top: 1px solid #C00;
                border-bottom: 1px solid #C00;
                border-left: 1px solid #C00;
                border-right: 1px solid #C00;
                font-size: 14px;
          }
        .menu .nolink {
                color: #C00;
                text-decoration: none;
                font-family: Arial Black;
                font-size: 14px;
          }
        #menu {
                background: #FFFFFF;
                border: solid 1px #FFFFFF;
                border-top-color: #000000;
                border-left-color: #000000;
                padding: 0px;
          }
        #content {
                background: #FFFFFF;
                border: solid 1px #FFFFFF;
                border-bottom-color: #000000;
                border-right-color: #000000;
                padding: 0px;
          }
        #q {
                background: #EFEFEF;
                border: solid 1px #CCCCCC;
                border-bottom-color: #000000;
                border-right-color: #000000;
                padding: 2px;
          }
        #q:hover, #q:focus {
                background: #FFFFFF;
          }
        #submit {
                background-color: #FFFFFF;
                border: solid 1px #000000;
                color: #069;
                font-weight: bold;
          }
        #submit:hover, #submit:focus {
                background: #FFFFFF;
                color: #000000;
                font-weight: bold;
          }
        blockquote {
		background: url(http://www.mrnguyen.com/weblog/image/quote.gif) no-repeat top left;
		padding: 0 0 0 50px;
                font-style: italic;
                /* quotes: "\201C" "\201D"; */
          }
        img {  
                border: none; 
          }
        h2 {
		font-style: italic;
		color: #C00;
                font-size: large;
                border-bottom: 1px solid #069;
                text-decoration: bold;
                display: block;
                padding-top: 10px;
          }
        .title {
                font-weight: bold;
		font-style: italic;
                color: #C00;
		/*
                font-size: large;
		*/
		/* background: #EEEEEE; */
                border-bottom: 1px solid #069;
                display: block;
          }
	/*
        .title:before {
                font-weight: bold;
	        content: "# ";
	        color: #069;
		background: #EEEEEE;
          }
	*/
        .normal {
                font-family: Verdana ,Arial, Helvetica, sans-serif;
                font-size: 13px;
                /*
                text-align: justify;
                */
                padding-bottom: 5px;
                padding-top: 5px;
          }
        .normal a:link, .normal a:visited {
                color: #069;
                text-decoration: underline;
         }
        .normal a:hover {
                color: #C00;
                text-decoration: none;
          }
        .author {
                color: #11788C;
          }
        .datestamp {
                color: #C0C0C0;
                font-size: x-small;
                padding-bottom: 10px;
          }
        .hide {
                visibility: hidden;
          }
        .show {
                visibility: visible;
          }
        #headerGroup {
                display: block;
                position: relative;
                width: 613px;
                height: 146px;
                margin: 0;
                padding: 0; 
          }
        #headerGroup li {
                visibility: hidden;
                list-style-type: none;
                position: absolute;
                background: url("../image/25w.png");
                border: 1px solid black;
                font-family: sans-serif;
                font-size: small;
                color: #000;
                padding: 0;
                line-height: 1.3em;
                overflow: hidden; }
        #headerGroup span {
                visibility: hidden;
                display: block;
                width: 100%;
                padding: 5px;
                background: url("../image/65w.png");
                position: absolute; bottom: 0; 
	    }
        #headerGroup a { text-decoration: none; color: #069; }
        #headerGroup:hover li { visibility: visible; }
        #headerGroup li:hover { background: transparent; border-color: white; }
        #headerGroup li:hover span {visibility: visible;}
        #chat { left: 3px; top: 2px; width: 140px; height: 140px; }
        #bio { left: 158px; top: 2px; width: 140px; height: 140px;}
        #archive { left: 313px; top: 2px; width: 140px; height: 140px;}
        #photofriday { left: 468px; top: 2px; width: 140px; height: 140px;}
	    #glideDiv { position:absolute; left:20px; top:20px; z-index:200; width:210px; height:200px; padding:6px; background-color: silver; opacity:.50; filter: alpha(opacity=50); -moz-opacity: 0.5; border: 1px solid black; }
	    #fade { background-color: silver; opacity:.90; filter: alpha(opacity=90); -moz-opacity: 0.9; border: 1px solid black; }
		#stat-table {font-size:10px;text-align:left;border-collapse:collapse;border:1px solid #69c;margin:20px;}
		#stat-table th{font-weight:normal;font-size:12px;color:#039;border-bottom:1px dashed #69c;padding:12px 17px;}
		#stat-table td{color:#669; padding:7px 17px;}
		#stat-table tbody tr:hover td{ color:#339;background:#d0dafd;}