HTML, BODY {
    background: #fff;
    font-family: Georgia;
    font-size: 14px;
    margin: 0
}
A, A:visited {
    color: #0A53AB;
    padding: 2px
}
A:hover {
    color: #D70606;
    padding: 2px
}
A:active { outline: none }
A IMG { border: 0!important }
A.js {
    color: #000;
    text-decoration: none;
    border-bottom: 1px #000 dashed
}
.vertical { vertical-align: middle }
H1, H2, H3 { margin: 0; padding: 0; display: inline-block }
H1 {
    font-family: Arial;
    margin: 0
}
INPUT[type=submit] {
    cursor: pointer
}
LI {
    padding:  3px
}

HEADER {
    display: block;
    background: #333;
    color: #fff;
    height: 50px;
    line-height: 50px;
    padding-left: 30px;
    border-bottom: 3px #d1d1d1 solid
}
HEADER A, HEADER A:visited {
    color: #fff;
    text-decoration: none;
    padding: 1px;
    border-bottom: 1px #fff solid;
    margin-right: 23px
}
HEADER A:hover {
    color: #dcdcdc;
    border-bottom: 1px #dcdcdc solid;
    padding: 1px
}
HEADER A#sel {
    border-bottom: 2px #69a0e2 solid
}

#path-bar {
    font-family: Arial;
    font-size: 13px;
    cursor: default
}
#path-bar STRONG {
    font-weight: normal;
    padding: 2px
}
#path-bar H3 {
    padding: 2px;
    margin-left: 2px
}
#path-bar A H3 {
    margin: 0
}
#search INPUT[type=text] {
    width: 200px;
    color: #c0c0c0
}
#search INPUT[type=text]:focus {
    color: #000
}
#search INPUT[type=submit] {
    width: 50px
}

FOOTER TABLE {
    border-top: 1px #c0c0c0 solid;
    cursor: default
}
FOOTER A, FOOTER A:visited {
    text-decoration: none;
    padding: 1px!important;
    border-bottom: 1px #0A53AB solid;
}
FOOTER A:hover {
    border-bottom: 1px #D70606 solid;
}

.label {
    color: #333;
    font-size: 18px;
    border-bottom: 1px #ccc solid;
    padding-bottom: 3px;
    margin-bottom: 5px
}
.label A, .label A:visited, .label A:hover {
    color: #333
}
.label IMG {
    margin-right: 5px;
    vertical-align: middle
}
.font {
    font-size: 16px
}
.micro-font, .micro-font A, .micro-font A:visited, .micro-font A:hover {
    font-size: 14px;
}

/* page:  portfolio */
.portfolio A {
    display: inline-block;
    font-size: 18px;
    text-decoration: none;
    padding: 0px;
    margin-bottom: 3px;
    border-bottom: 1px #0A53AB solid;
}
.portfolio A:hover {
    border-bottom: 1px #D70606 solid;
}
.portfolio H3 {
    display: inline-block;
    font-size: 18px;
    font-family: Arial
}
.portfolio INDENT {
    display: block;
    margin-left: 40px
}
.portfolio TD IMG {
    margin-right: 10px;
    vertical-align: middle
}
.portfolio INDENT A, .portfolio INDENT A:hover {
    font-size: 16px;
    border: 0;
    text-decoration: underline
}
.portfolio INDENT IMG {
    display: inline-block!important;
    border: 1px #e4e4e4 solid!important
}
.selecting {
    background: #EEEECC;
    padding: 10px!important;
    word-spacing: 5px;
    line-height: 20px
}
.selecting A, .selecting A:visited {
    font-size: 16px
}

/* page:  contact */
#contact-email A {
    display: inline-block;
    font-size: 42px;
    background: #090;
    color: #fff;
    font-weight: normal;
    text-decoration: none;
    padding: 5px
}
#contact-email A:hover {
    background: #3A3
}
.contact TD IMG {
    margin-right: 5px;
    vertical-align: middle
}

/* page:  blog */
.blog {
    font-size: 16px;
    line-height: 20px;
    font-family: Arial;
    font-weight: normal;
    cursor: default
}
.blog A.link {
    text-decoration: none;
    border-bottom: 1px #0A53AB solid;
    padding: 1px
}
.blog A.link:hover {
    border-bottom: 1px #D70606 solid
}
.blog H1 {
    font-family: Tahoma;
    font-size: 26px;
    padding: 3px 3px 3px 0px
}
.blog .date {
    font-size: 12px;
    color: #888888;
    margin: 2px;
    margin-right: 30px
}
.blog .date A {
    color: #888888;
    padding: 0;
    text-decoration: none;
    border-bottom: 1px #888888 dotted
}
.blog .date A:hover {
    color: #D70606;
    border-bottom: 1px #D70606 solid
}
.blog .tags {
    margin: 2px;
    margin-top: 7.5px
}
.blog .tags A {
    padding: 0
}
.blog .tags B {
    font-weight: normal;
    margin-right: 5px;
    margin-left: 5px
}
.blog .tags IMG {
    vertical-align: middle
}
.blog .tags #select {
    background: #EEEECC;
    padding: 2px
}
.blog TD.sidebar {
    padding-left: 10px;
    width: 200px!important
}
.blog TD.sidebar select {
    width: 48%
}
.blog TD.sidebar input {
    padding: 3px;
    text-align: center;
    width: 100%;
    margin-top: 3px
}


#tagcloud {
    width: 75%;
    padding: 10px;
    text-align: center;
    font-family: Arial
}
#tagcloud SPAN {
    display: inline-block;
    padding: 5px;
}
.smallest { font-size: 12px }
.small { font-size: 18px }
.medium { font-size: 22px }
.large { font-size: 26px }
.largest { font-size: 32px }

.error {
    background: #ffdbd4;
    border-left: 3px #FF8050 solid;
    border-right: 3px #FF8050 solid;
    padding: 10px;
    text-align: center;
    margin-bottom: 1px;
    color: #000
}
.success {
    background: #deffd3;
    border: 3px #6bc02b solid;
    -moz-border-radius: 5px;
    padding: 10px;
    text-align: center;
    margin-bottom: 3px;
    color: #000
}

/* pagination */
.pages, .pages A, .pages B {
    font-size: 18px
}
.pages A, .pages B {
    display: inline-block;
    padding: 2px;
    margin-top: 4px;
    margin-right: 4px;
    padding-left: 7px;
    padding-right: 7px;
    border: 1px transparent solid;
    font-weight: normal
}
.pages B {
    background: #7A9BAC;
    color: #fff
}
.pages A:hover {
    background: #C5DAE5;
    border: 1px #7A9BAC solid;
    color: #0A53AB;
    text-decoration: none
}