body {
    font-family         : arial, helvetica;
    color               : #faf6e6;
    background-color    : #336699;
}

#header h1 {
    background-color    : #6699cc;
    border              : 1px solid #336699;
    font-size           : 300%;
    text-align          : left;
    padding             : 0.25em 1em;
}

/**************************************************************************
** Navigation
*/

#navigation {
    margin                      : 0.25em 0 1em 0;
}

#navigation ul {
    /* border                      : 1px solid white; */
    display                     : inline;
    margin                      : 0.25em;
    padding                     : 0 0.25em;
}

#navigation ul li {
    display                     : inline;
    border                      : 1px solid #336699;
    list-style                  : none;
    padding                     : 0.2em 0.4em;
}

#navigation ul li:hover {
    /* background-color            : #6699cc; */
    border-bottom               : 1px solid #ffffff;
    background-color            : #4477aa;
}

#navigation a {
    display                     : inline-block;
    border                      : none;
    color                       : #ffffff;
}

/**************************************************************************
** Col1 (center column)
*/

.col1 ul {
    list-style-type             : none;
    margin                      : 0.25em;
    padding                     : 0 0.25em;
}

.col1 ul li {
    border                      : 1px solid #336699;
    background-color            : #4477aa;
    padding                     : 0.2em;
}

.col1 ul li:hover {
    background-color            : #6699cc;
}

.col1 a {
    display                     : block;
    color                       : #ffffff;
}

.col1 ul * h2, h3, h4, h5 {
    margin                      : 0px;
    padding                     : 0px;
}

.col1 ul li h3 {
    color                       : #99ccff;
}

.col1 ul li h4 {
    color                       : #ffffff;
}

.col1 ul li h5 {
    color                       : #ffffff;
}

.col1 * li a img {
    border                      : 4px solid #ffffff;
}

/**************************************************************************
** Col2 (left column)
*/

.col2 ul {
    list-style-type             : none;
    margin                      : 0.25em;
    padding                     : 0 0.25em;
}

.col2 ul li {
    border                      : 1px solid #336699;
    background-color            : #4477aa;
    padding                     : 0.2em;
}

.col2 ul li:hover {
    border-right                : 1px solid #ffffff;
    background-color            : #6699cc;
}

.col2 a {
    display                     : block;
    color                       : #ffffff;
}


#header h1 a {
    color               : #ffffff;
}

#header h2 {
    font-size       : 100%;
    text-align      : right;
    color           : #cccccc;
}

#center h1 {
    color           : #606060;
    font-size       : 300%;;
    font-weight     : normal;
    margin-top      : 0;
}

#center h2 {
    font-weight     : normal;
    color           : #336699;
}

#center h4 {
    font-weight     : normal;
    color           : #336699;
}

#leftColumn {
    display         : none;
    border          : 1px solid red;
    font-size       : 80%;
}

#leftColumn h2 {
    font-size: 200%;
}

#leftColumn ul {
    list-style-type: none;
    padding: 0px;
}

#rightColumn {
    font-size       : 80%;
    padding         : 1em;
}

#footer {
    font-size: 70%;
}


a {
    color: #6699ff;
    text-decoration: none;
}

/**************************************************************************/

.htable * th {
    border-collapse         : collapse;
    border-style            : none;
}

.htable tr th, td {
    font-size               : 80%;
}

.htable tr th {
    border-bottom           : 1px solid #cccccc;
}

/**************************************************************************/

.vtable * th {
    border-collapse         : collapse;
    border-style            : none;
}

.vtable tr th, td {
    font-size               : 80%;
}

input, select {
    font-size               : 80%;
}

/**************************************************************************/

.article h3 {
    font-weight: normal;
    color: #99cccc;
}

.articleColumn {
    font-size: 90%;
}

.articleContent {
    font-size: 90%;
}

/**************************************************************************/

.post h3 {
    font-weight: normal;
    color: #99cccc;
}

.postColumn {
    font-size: 90%;
}

.postContent {
    font-size: 80%;
}

.postContent h3 {
    font-weight: normal;
    color: #99cccc;
}

.postContent pre {
    font-size: 120%;
    border: 1px solid  #303030;
    background-color: #0c0c0c;
}

.postContent tt {
    font-size: 140%;
}

/**************************************************************************/

.extra {
    color               : #cccccc;
    background-color    : #336699;
}

.extra h3 {
    color               : #ffffff;
    font-weight         : normal;
    padding             : 0.25em;
}

.extra h4 {
    color               : #ffffff;
    font-weight         : normal;
    width               : 90%;
}

.extra a {
    text-decoration: none;
    color: #99cccc;
}

.extraColumn {
    font-size: 80%;
}

.extraContent {
    padding             : 0.25em;
}

/***************************************************************************
**
*/

.group h3 {
    border              : 1px solid #6699cc;
    color               : #808080;
    width               : 90%;
}

/**************************************************************************
** Col1 (center column)
*/

.threecol .col1 h1 {
    font-family         : "Times New Roman";
    font-weight         : normal;
    font-size           : 300%;
    margin              : 0;
}

.twocolleft .col1 h1 {
    font-family         : "Times New Roman";
    font-weight         : normal;
    font-size           : 300%;
    margin              : 0;
}

.onecol .col1 h1 {
    font-family         : "Times New Roman";
    font-weight         : normal;
    font-size           : 300%;
    margin              : 0;
}

/***************************************************************************
**
*/

a {
    text-decoration             : none;
}

.album span {
    display                     : inline-block;
    border                      : 1px solid #336699;
}

.album span:hover {
    border                      : 1px solid #ffffff;
    background-color            : #4477aa;
}