
/*
 *  Folk IJlst
 *  Site lay-out by Vp, 17-08-2007.
 *  Professional Circus Entertainment
 */


/* Global sections: */

body
{
    font:               100% sans-serif;
    line-height:        1.5;
    color:              #000000;
    background:         #E5E0D5 url(gfx/bg.png) repeat;
}

small
{
    display:            block;
}

img
{
    padding:            2px;
    border:             1px solid #AAAAAA;
}

#main
{
    width:              740px;
    margin:             1em auto;
    border:             1px solid #A5A090;
    background-color:   #F9F9F9;
}

#nav
{
    padding-top:        140px;
    text-align:         center;
    background:         url(gfx/logo.png) no-repeat;
}

#content
{
    padding:            48px;
    text-align:         justify;
}

#bottom
{
    clear:              both;
    padding:            20px;
    text-align:         center;
    font-size:          xx-small;
    color:              #B9BFB5;
}

.nexus
{
    min-height:         128px;
    padding-right:      138px;
    background:         no-repeat right top;
}

.textleft
{
    padding-right:      38%;
}

.textright
{
    float:              right;
    width:              30%;
    padding:            8px;
    background-color:   #EEEEEE;
}

.textcenter
{
    text-align:         center;
}

.balloon
{
    float:              right;
}

.num
{
    text-align:         right;
    color:              #509000;
}

#news
{
    background-image:   url(gfx/viool.png);
}

#about
{
    background-image:   url(gfx/gitaar.png);
}

#history
{
    background-image:   url(gfx/harmonica.png);
}

#agenda
{
    background-image:   url(gfx/piano.png);
}

#photos
{
    background-image:   url(gfx/fotos.png);
}

#links
{
    background-image:   url(gfx/test2.png);
}

#cmsaccess
{
    background-image:   url(gfx/keys.png);
}

#guestbook
{
    background-image:   url(gfx/draailier.png);
}


/* Lists */

ul, dl
{
    margin:             0;
}

#nav ul
{
    display:            inline;
    list-style-type:    none;
    padding:            8px 0;
    font-weight:        bold;
    border-bottom:      1px solid #999966;
}

#nav li
{
    display:            inline;
}

#content dt
{
    font-weight:        bold;
}

#content dd
{
    padding:            0;
    margin:             0 0 24px 0;
}

#photos ul
{
    list-style-type:    square;
}

#photos li, .textleft li
{
    padding-bottom:     1em;
}

#guestbook dl
{
    margin-top:         2em;
    text-align:         left;
}

#guestbook dt
{
    font-size:          smaller;
    font-weight:        normal;
    border-bottom:      1px dotted #AAAAAA;
    margin-bottom:      0.5em;
    color:              #808080;
}

#guestbook dd
{
    clear:              both;
}

.textright ul
{
    list-style-type:    none;
    font-size:          80%;
    padding:            0;
}


/* Hyperlinks */

a
{
    text-decoration:    none;
}

#nav a
{
    padding:            0 0.5em 8px 0.5em;
    color:              #999966;
}

#nav a:hover
{
    color:              #000000;
}

#nav .selected
{
    background:         url(gfx/vector.png) no-repeat center bottom;
}

#content a
{
    color:              #B67C00;
}

#content a:hover
{
    color:              #509000;
}


/* Tables */

td
{
    vertical-align:     top;
}

.textright table
{
    width:              100%;
}


/* Forms */

fieldset
{
    border:             none;
}

legend
{
}


/* NON-STANDARD browser adjustments: */

* html #nav ul
{
    padding:            0;
}

