/* */
body
    {
    font-size: 62.5%; /* Resets 1em to 10px */
    font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif;
    background-color: #e7e7e7;
    color: #333;
    text-align: left;
    margin: 0;
    padding: 0;
    }

#page
    {
    border: 1px solid #959596;
    text-align: left;
    LEFT: 11.3em;
    WIDTH: 880px;
    PADDING-TOP: 0px;
    POSITION: absolute; 
    margin: 8px auto;
    padding: 0px;
    border: 1px solid #959596;
    }


#header
    {
    background-color: #73a0c5;
    padding: 0;
    margin: 0 auto;
    height: 168px;
    width: 100%;
    }

#content
    {
    font-size: 1.2em;
    }

.widecolumn .entry p
    {
    font-size: 1.05em;
    }

.widecolumn .entrytext p
    {
    font-size: 1.05em;
    }

.yai .entry, .widecolumn .entry
    {
    line-height: 1.4em;
    }

.widecolumn {
    line-height: 1.6em;
    }

.alt
    {
    background-color: #f8f8f8;
    border-top: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
    padding: 0px 0px 0px 0px;
    margin: 30px 0px 0px 0px;
    }

#footer
    {
    background-color: #eee;
    padding: 0 0 0 0px;
    margin: 0 auto;
    width: 880px;
    clear: both;
    }

#footer p
    {
    margin: 0;
    padding:0px 0px 28px 0px;
    text-align: center;
    }
    
#headerimg
    {
    margin: 0;
    height: 168px;
    width: 100%;
    }

small
    {
    font-family: Arial, Helvetica, Sans-Serif;
    font-size: 0.9em;
    line-height: 1.5em;
    }

h1, h2, h3
    {
    font-family: 'Trebuchet MS', 'Lucida Grande', Verdana, Arial, Sans-Serif;
    font-weight: bold;
    }

h1
    {
    font-size: 4em;
    text-align: center;
    }

.description
    {
    font-size: 1.2em;
    text-align: center;
    }

h2
    {
    font-size: 1.6em;
    }

h2.pagetitle
    {
    font-size: 1.6em;
    }

#sidebar h2
    {
    font-family: 'Lucida Grande', Verdana, Sans-Serif;
    font-size: 1.2em;
    }

h3
    {
    font-size: 1.3em;
    }

h1, h1 a, h1 a:hover, h1 a:visited, .description
    {
    text-decoration: none;
    color: white;
    }

h2, h3, h3 a, h3 a:visited
    {
    color: #333;
    }

h2 a, h2 a:visited, h3 a, h3 a:visited
    {
    font-family: Arial, Sans-Serif;
    color: #069;
    }

h2, h2 a, h2 a:hover, h2 a:visited, h3, h3 a, h3 a:hover, h3 a:visited, #sidebar h2, #wp-calendar caption, cite
    {
    text-decoration: none;
    }

.entry p a:visited
    {
    color: #b85b5a;
    }

.commentlist li, #commentform input, #commentform textarea
    {
    font: 0.9em 'Lucida Grande', Verdana, Arial, Sans-Serif;
    }

.commentlist li
    {
    font-weight: bold;
    }

.commentlist cite, .commentlist cite a
    {
    font-weight: bold;
    font-style: normal;
    font-size: 1.1em;
    }

.commentlist p
    {
    font-weight: normal;
    line-height: 1.5em;
    text-transform: none;
    }

#commentform p
    {
    font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif;
    }

a, h2 a:hover, h3 a:hover
    {
    color: #06c;
    text-decoration: none;
    }

a:hover
    {
    color: #147;
    text-decoration: underline;
    }
    
/* */


.yai
    {
    float: left;
    padding: 0 0 20px 45px;
    margin: 0px 0 0 20px;
    width: 540px;
    }

.widecolumn
    {
    padding: 10px 0 20px 0;
    margin: 5px 0 0 120px;
    width: 530px;
    }

.yai .postmetadata
    {
    padding-top: 5px;
    }

/* */

/* */
h1
    {
    padding-top: 70px;
    margin: 0;
    }

.description
    {
    text-align: center;
    }

h2
    {
    margin: 10px 0 0;
    }

h2.pagetitle
    {
    margin: 20px 0;
    text-align: center;
    }

#sidebar h2
    {
    margin: 5px 0 0;
    padding: 0;
    }

h3
    {
    margin: 10px 0 0;
    padding: 0;
    }

h3.comments
    {
    padding: 0;
    margin: 40px auto 20px ;
    }
/* */


/* */
p img
    {
    padding: 0;
    max-width: 100%;
    }

/*  Using 'class="alignright"' on an image will (who would've
    thought?!) align the image to the right. And using 'class="centered',
    will of course center the image. This is much better than using
    align="center", being much more futureproof (and valid) */
    
img.centered
    {
    display: block;
    margin-left: auto;
    margin-right: auto;
    }
    
img.alignright
    {
    padding: 4px;
    margin: 0 0 2px 7px;
    display: inline;
    }

img.alignleft
    {
    padding: 4px;
    margin: 0 7px 2px 0;
    display: inline;
    }

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

ul {
    MARGIN: 0px 0px 1em
}
ol {
    MARGIN: 0px 0px 1em
}

#banner {
    position: absolute;
    right: 0;
    width: 15em;
    Z-INDEX: 3;
    text-align: left;
    top: 8em;
}

#nav {
    Z-INDEX: 3; WIDTH: 20em; PADDING-TOP: 0px; POSITION: absolute; top: 8em;
    font-family: 'Lucida Grande', Verdana, Arial;border:0; text-align: left;
    font-size: 90%;
        left:0.2em;
}
#nav UL 
{
    padding : 0px 0px 0px 0px ;
    border: 0px 0px 0px 0px ;
    text-align: left;
}
#nav UL * {
    BORDER-TOP-WIDTH: 0px; DISPLAY: block; BORDER-LEFT-WIDTH: 0px; BORDER-BOTTOM-WIDTH: 0px;
    BORDER-RIGHT-WIDTH: 0px;list-style-type :none;text-decoration: none;
    border-top: 1px solid #e7e7e7;
    border-bottom: 1px solid #e7e7e7;
}
#nav A:hover {
    background-color: #f8f8f8;
    border-top: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
    color: #06C;
}
#nav UL LI A:hover {

    background-color: #f8f8f8;
    border-top: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
    color: #06C;

}
#nav UL EM {
    COLOR: red; FONT-STYLE: bold
}
#nav UL LI {
    MARGIN-BOTTOM: 0em
}
#nav UL LI A {
    PADDING-LEFT: 0.5em; FONT-WEIGHT: bold; FONT-SIZE: 1.6em
}
#nav UL LI EM {
    PADDING-LEFT: 0.5em; FONT-WEIGHT: bold; FONT-SIZE: 1.2em
}
#nav UL LI UL A {
    PADDING-LEFT: 3em; FONT-WEIGHT: bold; FONT-SIZE: 1em
}
#nav UL LI UL EM {
    PADDING-LEFT: 3em; FONT-WEIGHT: bold; FONT-SIZE: 1em
}
#nav UL A {
    PADDING-LEFT: 2em; COLOR: #146;
}
#nav UL EM {
    PADDING-LEFT: 2em; COLOR: #146;
}
#nav UL EM {
    COLOR: #ccc; FONT-STYLE: normal
}
#nav UL UL {
    MARGIN: 0px
}
#nav UL UL EM {
    PADDING-LEFT: 1.5em
}
#nav UL LI UL UL LI * {
    PADDING-RIGHT: 1em; PADDING-LEFT: 4.5em; FONT-SIZE: 0.9em; 
    PADDING-BOTTOM: 0px; PADDING-TOP: 0px; HEIGHT: 2em;
}

#nav #nav_active
{
    BACKGROUND: #f8f8f8;
    border-top: 1px solid black;
    border-bottom: 1px solid black;
}

#nav #nav_active_path
{
    BACKGROUND: #f8f8f8;
}

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

hr
    {
    display: none;
    }

a img
    {
    border: none;
    }

/* */