/* 
Blue blog template 
----------------------
You are free to use
this template in any
way you desire, no
author information or
link back are required.
*/

* {
    margin: 0;
    padding: 0;
}

body {
    background: #337FC6 url("bg_large.gif") top center repeat-y;
    font: normal 8pt/13pt verdana, arial,sans-serif;
    color: #808080;
}

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

a:hover {
    color: #808080;
}

a img {
    border: 0;
}

#header {
    /*6/5 times larger than before, all excecpt the font-size. 562, 60, 30, 18*/
    width: 674px;
    height: 72px;
    background: #000 url("header_large.gif") no-repeat;
    padding-top: 36px;
    padding-left: 22px;
    font-size: 16pt; /* 14 pt */
    color: #FFF;
}

#header h2{
    padding-top: 5px;
    font-size: 11pt; /* 9 pt */
    color: #C2D9EF;	
}

#container {
    width: 696px; /*580*/
    background: #fff ;
    border: solid 10px #fff;
    margin: 0 auto;
    text-align: left;
}

#horizontal {
    /*6/5 times larger than before, all excecpt the font-size. 560, 30, 6, 20*/
    width: 672px;
    height: 36px;
    /*background: url(horizontal.gif);*/
    background: url(horizontal_large.gif);
    font-weight: bold;
    font-size: 9pt;  /*10px previously*/
    padding-top: 7px;
    padding-left: 24px;
    -webkit-text-size-adjust: none;
}

#horizontal a, #horizontal a:visited {
    color: #C2D9EF;
    text-decoration: none;
    margin-right: 12px; /* 15 */
}

#horizontal a:hover {
    color: #FFF;
    text-decoration: none;
    margin-right: 12px; /* null */
}


#content {
    width: 672px; /*560*/
    background: #fff ;
    border: solid 10px #fff;
    margin: 0 auto;
    text-align: left;
}

#content h2{
    font-size: 12pt;
    font-weight: bold;
    color: #76A7DC;
    margin-bottom: 5px;
    padding-left: 14px;
    background: url(h2bg.gif) top left repeat-y;
}

#content h3{
    font-size: 12pt;
    font-weight: bold;
    color: #76A7DC;
    margin-bottom: 5px;
    padding-left: 14px;
    background: url(h2bg.gif) top left repeat-y;
}

#content h4{
    font-size: 8pt;
    font-weight: bold;
    color: #76A7DC;
    margin-bottom: 5px;
    padding-left: 14px;
    background: url(h2bg.gif) top left repeat-y;
}

.black {
    color: #000;
}

p {
    font-size: 10pt; /* null */
    margin-bottom: 20px;
    padding-left: 14px;
    background: url(articlebg.gif) top left repeat-y;
}

input.text {
    width: 70px;	
    border: 1px solid #ccc;
}

input.button {
    color: #808080;
    padding-left: 0px;
    font-size: 8pt;	
    border: none;
    background: none;
}

#searchbox {
    background: url(searchbox.gif) no-repeat;
    padding: 5px;
    height: 30px;
}

#footer {
    color: #ccc;
    background: #F9F9F9;
    clear: both;
    width: 670px;
    margin-left: 4px;
    height: 20px;
    padding: 4px;
    border: 1px solid #E4E4E4;
}

#footer a, #footer a:visited{
    color: #ccc;
}

#footer a:hover {
    color: #808080;
}

table {
    width:90%;
    margin:1em auto;
    border-collapse:collapse;
}

td {
    color:#678197;
    padding:.3em 1em;
    text-align:left;
}

th {
    color:#678197;
    padding:.3em 1em;
    text-align:left ;
}

tr.odd td {
    background:#f7fbff
}

tr.odd .column1 {
    background:#f4f9fe;
}

.column1 {
    background:#f9fcfe;
}

thead th {
    background:#f4f9fe;
    text-align:center;
    font:bold 1.2em/2em "Century Gothic","Trebuchet MS",Arial,Helvetica,sans-serif;
    color:#66a3d3;
}

tfoot th {
    background:#f4f9fe;
    text-align:center;
}

tfoot th strong {
    font:bold 1.2em "Century Gothic","Trebuchet MS",Arial,Helvetica,sans-serif;
    margin:.5em .5em .5em 0;
    color:#66a3d3;
}

tfoot th em {
    color:#f03b58;
    font-weight: bold;
    font-size: 1.1em;
    font-style: normal;
}

.notice {
    background: #FFF6BF;
    border-top: 2px solid #FFD324;
    border-bottom: 2px solid #FFD324;
    border-left: 2px solid #FFD324;
    border-right: 2px solid #FFD324;
    text-align: center;
    margin: 10px auto;
    padding: 5px 20px;
    font-family: 'Courier New',Courier,monospace;
}

#notice {
    background: #FFF6BF;
    border-top: 2px solid #FFD324;
    border-bottom: 2px solid #FFD324;
    border-left: 2px solid #FFD324;
    border-right: 2px solid #FFD324;
    text-align: center;
    margin: 10px auto;
    padding: 5px 20px;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 10px;
}


.p1{
    background-color: #C3D9FF;
}
.p2{
    background-color: #CDEB8B;
}
.vb{
    background-color: #FFFF88;
}
.vbd{
    background-color: #FFCC80;
}
.noun{
    background-color: #E9D1D7;
}

.code{
    background: #36393D;
    text-align: center;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 10px;
}