/*
    Handheld vandervossen.net stylesheet
    Copyright 2003, 2004 Thijs van der Vossen - thijs@vandervossen.net

    You are not allowed to copy my visual design. Read http://www.vandervossen.net/2003/12/copyright
*/
body
{
    margin:                 0;
    padding:                2px 1em;
    color:                  #000;
    background-color:       #fff;
    font-family:            verdana, sans-serif;
    font-size:              11px;
}
#header
{
    color:                  #777;
    text-decoration:        none;
}
#main ul,
#main ol
{
    margin:                 1em 0;
    padding:                0;
}
#main li
{
    margin:                 0;
    padding:                0;
}
ul#navigation
{
    margin:                 0;
    list-style-type:        none;
}
#navigation li
{
    display:                inline;
    margin:                 0 .5em 0 0;
}
#navigation a:link, 
#navigation a:visited   
{
    color:                  #666;
}
body.home #navigation li.home a,
body.archive #navigation li.archive a,
body.item #navigation li.archive a,
body.categories #navigation li.categories a
{
    color:                  #000;
    font-weight:            bold;
}
#navigation a em
{
    font-style:             normal;
}
#sidebar
{
    margin:                 1em 0;
    padding:                1em 0 0 0;
    clear:                  both;
    border-top:             1px solid #666;
    border-bottom:          1px solid #666;
    color:                  #666;
}
#sidebar dl,
#sidebar ul,
#sidebar dd,
#sidebar dt,
#sidebar li
{
    margin:                 0;
    padding:                0;
}
#sidebar dl,
#sidebar ul
{
    list-style-type:        none;
}
#sidebar dd
{
    margin-bottom:          1em;
}
#sidebar dt
{
    margin-bottom:          .5em;
    font-variant:           small-caps;
}
.sublink
{
    text-align:             right;
}
ul#nearby
{
    margin:                 0;
    padding:                0;
    list-style-type:        none;
    color:                  #777;
}
#footer
{
    margin:                 1em 0;
    text-align:             center;
    clear:                  both;
    color:                  #666;
}
div.item
{
    margin:                 0 0 1em 0;
}
h1,
h2,
h3
{
    margin:                 1em 0;
    padding:                0;
}
h1,
h2
{
    font-size:              12px;
}
h3
{
    font-size:              11px;
}
h1
{
    font-weight:            bold;
}
h2,
h3
{
    font-weight:            normal;
}
h3
{
    font-style:             italic;
}
h3.tt
{
    font-style:             normal;
    font-family:            monospace;
}
div.pubdate
{
    text-align:             right;
    color:                  #777;
}
p,
div.description
{
    margin:                 .5em 0 1em 0;
}
div.example,
div.code
{
    margin:                 1em 0;
    padding:                2px;
    border:                 1px dotted #999;
    text-align:             left;
}
div.code
{
    background-color:       #eee;
}
code
{
    display:                block;
}
div.code code:before
{
    content:                "\00b7\0020";
    color:                  #999;
}
div.code img.callout
{
    float:                  right;
}
tt
{
    background-color:       #eee;
    border:                 1px solid #eee;
    font-family:            monospace;
}
a:link
{
    color:                  #740;
}
a:visited
{
    color:                  #406;
}
a.tr,
a.gl
{
    vertical-align:         top;
    font-variant:           small-caps;
}
h1 a:link,
h1 a:visited
{
    color:                  #740;
}
.pubdate a:link,
.pubdate a:visited
{
    color:                  #777;
}
.button
{
    padding:                3px 1em;
    border:                 1px solid #eee;
    color:                  #000;
    background-color:       #ddd;
    border-color:           #eee #aaa #aaa #eee;
    cursor:                 default;
}
.button:hover
{
    background-color:       #eee;
}
.button:active
{
    background-color:       #ccc;
    border-color:           #999 #ddd #ddd #999;
}
img
{
    max-width:              100%;
    border:                 0;
}
img.photo,
img.illustration,
img.screenshot
{
    width:                  100%;
    display:                block;
    margin:                 1em 0;
    border:                 0;
}
abbr
{
    font-variant:           small-caps;
    font-style:             normal;
}
abbr[title]
{
    cursor:                 help;
}
q:lang(en)
{ 
    quotes:                 "\2018" "\2019";
}
q:lang(nl)
{ 
    quotes:                 "\2018" "\2019";
}
blockquote
{
    margin:                 1em 0;
    padding:                0 0 0 .5em;
    border-left:            2px solid #999;
}
#betterbrowser,
#ad
{
    display:                none;
}
table.data
{
    border-collapse:        collapse;
}
table.data td,
table.data th
{
    padding:                1px;
    vertical-align:         top;
    text-align:             left;
    font-weight:            normal;
}
table.data thead
{
    background-color:       #eee;
    border-bottom:          1px solid #999;
}
table.data colgroup+colgroup
{
    border-left:            1px solid #999;
}
table.data .num
{
    text-align:             right;
}