/*
    Syndicatie.nl stylesheet
    Copyright 2003 Syndicatie.nl, All Rights Reserved.
    Last update: 20030728
*/
html,
body
{
    margin:                 0;
    padding:                0;
}
body
{
    color:                  #000;
    background-color:       #fff;
    font-family:            "Times new roman", times, serif;
}
#box
{
    width:                  654px;
    position:               absolute;
    top:                    0;
    left:                   50%;
    margin-left:            -327px;
}
#leftshadow
{
    background:             url("gfx/shadow_left.gif") repeat-y top left;
}
#rightshadow
{
    background:             url("gfx/shadow_right.gif") repeat-y top right;
}
#content
{
    width:                  620px;
    position:               relative;
    top:                    0;
    left:                   16px;
    border-left:            1px solid #000;
    border-right:           1px solid #000;
    background-color:       #f9f9f9;
}
#header
{
    position:               relative;
    margin:                 0;
    padding:                0;
    border-bottom:          1px solid #999;
}
#header h1
{
    margin:                 0;
    padding:                6px 12px;
    font-size:              32px;
    letter-spacing:         .1em;
}
#header p
{
    margin:                 -12px 0 16px 18px;
    font-size:              16px;
    letter-spacing:         .1em;
}
#navigation
{
    width:                  100%;
    position:               absolute;
    bottom:                 0;
    left:                   0;
    margin:                 0;
    padding:                0;
    border-top:             1px solid #999;
    font-family:            Verdana, sans-serif; 
    font-size:              .9em;
}
#navigation ul
{
    margin:                 .4em 12px;
    padding:                0;
    list-style-type:        none;
}
#navigation li
{
    display:                inline;
    margin:                 0;
    padding:                0 1.2em 0 0;
}
#navigation a
{
    color:                  #777;
    text-decoration:        none;
    outline:                none;
}
#overview #navigation a.overview,
#top40 #navigation a.top40,
#add #navigation a.add,
#info #navigation a.info
{
    color:                  #000;
}
#navigation a:hover   
{
    color:                  #555;
}
#navigation a em
{
    font-style:             normal;
    text-decoration:        none;
}
#navigation a:hover em
{
    text-decoration:        underline;
}
#flavours
{
    float:                  right;
    margin:                 .7em 12px .4em 12px;
    padding:                0;
    font-size:              .7em;
}
#flavours .label
{
    float:                  left;
    margin:                 .1em .2em 0 0;
    padding:                0;
    display:                none;
}
#flavours:hover .label
{
    display:                block;
}
#flavours a
{
    width:                  1em;
    height:                 1em;
    display:                block;
    float:                  left;
    margin:                 0 .2em;
    padding:                1px;
    border:                 1px solid #777;
    outline:                none;
}
#flavours a:hover
{
    border:                 1px solid #555;
}
#flavours a:active
{
    border:                 1px solid #000;
}
#flavours a.beach,
#flavours a.beach:hover
{
    color:                  #97b2bf;
    background-color:       #97b2bf;
}
#flavours a.store,
#flavours a.store:hover
{
    color:                  #d8b13c;
    background-color:       #d8b13c;
}
#flavours a.newspaper,
#flavours a.newspaper:hover
{
    color:                  #bc9494;
    background-color:       #bc9494;
}
#flavours a.minimal,
#flavours a.minimal:hover
{
    color:                  #fff;
    background-color:       #fff;
}
#footer
{
    margin:                 0;
    padding:                .4em 12px;
    border-top:             1px solid #999;
    color:                  #777;
    font-family:            Verdana, sans-serif;
    font-size:              .7em;
}
#footer .lastupdate
{
    float:                  right;
}
a:link
{
    color:                  #007;
    text-decoration:        none;
}
a:visited
{
    color:                  #004;
    text-decoration:        none;
}
a:hover,
a:link:hover
{
    color:                  #229;
    text-decoration:        underline;
}
a:visited:hover
{
    color:                  #226;
    text-decoration:        underline;
}
a:active
{
    color:                  #900;
}
ol#main
{
    margin:                 0;
    padding:                0;
}
div#main
{
    margin:                 0;
    padding:                .4em 12px;
}
#main li
{
    margin:                 0;
    padding:                .4em 12px;
    list-style-position:    inside;
    border-top:             1px solid #ddd;
    color:                  #777;
}
ol#main li.first
{
    border-top:             none;
}
.title
{
    font-size:              1.2em;
    letter-spacing:         .1em;
}
#main li p
{
    margin:                 .2em 0 .6em 0;
    color:                  #000;
    font-style:             italic;
}
.missing
{
    color:                  #777 !important;
}
#main li div.feed
{
    font-size:              .7em;
    font-family:            verdana, sans-serif;
}
#main div.fold
{
    margin-bottom:          1em;
    font-size:              .7em;
}
#main li .info
{
    float:                  right;
    text-align:             right;
    font-size:              .7em;
    font-family:            verdana, sans-serif;
}
#main li .new
{
    color:                  #f60; 
}
#main li .up,
#main li .dot,
#main li .down
{
    margin-left:            .5em;
    font-size:              1em;
}
#main li .up
{
    color:                  #0c0;
}
#main li .dot
{
    color:                  #d80;
}
#main li .down
{
    color:                  #c00;
}
#main li.unavailable p,
#main li.unavailable .title
{
    color:                  #999;
}
a.feed
{
    margin:                 0;
    padding:                0 4px; 
    border:                 1px solid #999;
    font-family:            Verdana, sans-serif; 
    font-weight:            bold;
    font-size:              9px;
    text-decoration:        none;
}
a.feed:link,
a.feed:visited
{
    color:                  #777;
}
a.feed:hover,
a.feed:link:hover,
a.feed:visited:hover
{
    color:                  #fff; 
    text-decoration:        none;
    background-color:       #f60;
    border-color:           #f93 #930 #930 #f93;
}
a.feed:active
{
    border-color:           #920 #f93 #f93 #920 !important;
    outline:                none;
}
div.feed a.validate
{
    margin-left:            .4em;
    color:                  #777;
    text-decoration:        none;
}
div.feed a.validate:hover
{
    color:                  #999;
    text-decoration:        none;
}
form div
{
    margin:                 1.2em 0;
}
.error
{
    padding:                .2em;
    border:                 1px solid #f00;
    background-color:       #fff9f9;
}
h2
{
    margin:                 0;
    font-size:              1.6em;
    font-weight:            normal;
    letter-spacing:         .1em;
}
h3
{
    margin:                 1em 0;
    font-size:              1em;
    font-weight:            bold;
    letter-spacing:         .1em;
}
p
{
    line-height:            1.4em;
    word-spacing:           .1em;
}
div.image
{
    text-align:             center;
}
div.image img
{
    border:                 1px solid #999;
}