body
{
    font-size:      12pt;
    font-family:    sans-serif;
    color:          #fc1; /* golden yellow */
    text-shadow:    2px 2px 4px black;
    background:     black url("../img/tolex.png");
    background-attachment: fixed;
}

#main
{
    margin:         5%;
    margin-top:     90px;
    margin-bottom:  0;
    text-align:     justify;
}

a
{
    padding-left:   2px;
    padding-right:  2px;
}

a[href ^="http:"]
{
    padding-left:   22px;
    padding-right:  3px;
    background:     transparent url(../img/http-icon.png) no-repeat 2px center;
}

a[href ^="mailto:"]
{
    padding-left:   24px;
    padding-right:  3px;
    background:     transparent url(../img/mailto-icon.png) no-repeat 5px center;
}

a[href $=".mp3"]
{
    padding-left:   24px;
    padding-right:  3px;
    background:     transparent url(../img/mp3-icon.png) no-repeat 3px center;
}

a:link
{
    color:                  #fe8;
    font-weight:            bold;
    background-color:       transparent;
    text-decoration:        none;
}
a:visited
{
    color:                  #fe8;
    font-weight:            bold;
    background-color:       transparent;
    text-decoration:        none;
}
a:hover
{
    color:                  #fe8;
    background-color:       #558;
    text-decoration:        none;
    border-radius:          5px;
    -moz-border-radius:     5px;
    -webkit-border-radius:  5px;
}
a:active
{
    color:                  #fe8;
    background-color:       transparent;
    text-decoration:        none;
}
a:focus
{
    color:                  #fe8;
    background-color:       transparent;
    text-decoration:        none;
}

a.naked-link:link, a.naked-link:visited, a.naked-link:hover, a.naked-link:active, a.naked-link:focus
{
    color:            transparent;
    background-image: none;
    background-color: transparent;
}

hr
{
    height:             4px;
    /*color:              #37d;*/ /* light blue */
    /*background-color:   #37d;*/ /* light blue */
    color:              #666;
    background-color:   #666;
    border:             0;
}

img
{
    border:  0;
    opacity: 1.0;
    filter:  alpha(opacity=100);
}

#title-box
{
    margin-left:            auto;
    margin-right:           auto;
    padding:                1em;
}
#title-box img
{
    margin-left:    auto;
    margin-right:   auto;
}

.chapter
{
    margin-left:    +5%;
}

.chapter-header
{
    height:                 1.5em;
    font-size:              20pt;
    font-weight:            bold;
    width:                  100%;
    background-image:       url(../img/bg_gray_trans_60.png);
    padding-top:            .3em;
    padding-left:           .5em;
    border-radius:          10px;
    -moz-border-radius:     10px;
    -webkit-border-radius:  10px;
    margin-top:             1.5em;
    margin-bottom:          1em;
}

.section-header
{
    height:                 1.5em;
    font-size:              14pt;
    font-weight:            bold;
    background-image:       url(../img/bg_blue_trans.png);
    padding-left:           .5em;
    padding-top:            .5em;
    border-radius:          10px;
    -moz-border-radius:     10px;
    -webkit-border-radius:  10px;
    margin-top:             2em;
    margin-bottom:          1em;
}

/* video */

.videobox .topradius
{
    border-top-left-radius:         20px;
    border-top-right-radius:        20px;
    -moz-border-radius-topleft:     20px;
    -moz-border-radius-topright:    20px;
    -webkit-border-top-left-radius: 20px;
    -webkit-border-top-right-radius:20px;
}

.videobox .btmradius
{
    border-bottom-left-radius:          20px;
    border-bottom-right-radius:         20px;
    -moz-border-radius-bottomleft:      20px;
    -moz-border-radius-bottomright:     20px;
    -webkit-border-bottom-left-radius:  20px;
    -webkit-border-bottom-right-radius: 20px;
}

.videobox
{
    margin:                 2em auto 1em auto;
    padding:                0;
    border:                 4px #666 solid;
    border-spacing:         0;
    border-radius:          20px;
    -moz-border-radius:     20px;
    -webkit-border-radius:  20px;
}

.videobox .titlebox
{
    padding:                .5em 1em .5em 1em;
    font-size:              14pt;
    font-weight:            bold;
    line-height:            1.8em;
}

.videobox .titlecell
{
    background-image:       url(../img/bg_blue_trans.png);
}

.videobox .titlebox .detail
{
    font-size:              75%;
    font-weight:            normal;
}

.videobox .videocontainer
{
    margin:                 0 auto 0 auto;
    padding:                1em 20px 1em 20px;
    background:             black;
}

/* */

.small
{
    text-align:     center;
    font-size:      small;
    font-family:    sans-serif;
    color:          #bb8;
    margin-left:    auto;
    margin-right:   auto;
}

.verysmall
{
    text-align:     center;
    font-size:      xx-small;
    font-family:    sans-serif;
    color:          #886;
    margin-left:    auto;
    margin-right:   auto;
}
.verysmall a:link    { color: inherit; font-weight: bold; background-color: transparent; text-decoration: none; }
.verysmall a:visited { color: inherit; font-weight: bold; background-color: transparent; text-decoration: none; }
.verysmall a:hover   { color: inherit; font-weight: bold; background-color: transparent; text-decoration: underline; }
.verysmall a:active  { color: inherit; font-weight: bold; background-color: transparent; text-decoration: none; }
.verysmall a:focus   { color: inherit; font-weight: bold; background-color: transparent; text-decoration: none; }

.black-glass-long
{
    background-image:       url('../img/bg-black-glass-800.png');
    border:                 1px solid;
    border-color:           #666 #000 #000 #666;
    border-radius:          20px;
    -moz-border-radius:     20px;
    -webkit-border-radius:  20px;
}

.black-glass-medium-large
{
    background-image:       url('../img/bg-black-glass-600.png');
    border:                 1px solid;
    border-color:           #666 #000 #000 #666;
    border-radius:          20px;
    -moz-border-radius:     20px;
    -webkit-border-radius:  20px;
}

.black-glass-medium
{
    background-image:       url('../img/bg-black-glass-400.png');
    border:                 1px solid;
    border-color:           #666 #000 #000 #666;
    border-radius:          20px;
    -moz-border-radius:     20px;
    -webkit-border-radius:  20px;
}

.black-glass-short
{
    background-image:       url('../img/bg-black-glass-192.png');
    border:                 1px solid;
    border-color:           #666 #000 #000 #666;
    border-radius:          20px;
    -moz-border-radius:     20px;
    -webkit-border-radius:  20px;
}

.break
{
    clear:  both;
}