/*----------------------------------------------------------
#  _            _
# | |_ ___ _ __| |_ ___ _ _    __ ______
# |  _/ _ \ '_ \  _/ -_) ' \ _/ _(_-<_-<
#  \__\___/ .__/\__\___|_||_(_)__/__/__/
#         |_|
#
#--------------------------------------------------------
# File      : topten.css
# Author    : Richard Lewis
# Project   : /mnt/webdev/top_ten_programming_languages_2008/css/top_ten_programming_languages_2008/
# Syntax    : css
# Date      : Tue 25 Nov 2008
# Copyright : Richard Lewis 2008
#--------------------------------------------------------
# topten.css -
----------------------------------------------------------*/

body,
div,
table, tbody, thead, tfoot, tr, th, td,
h1, h2, h3, h4, h5, h6,
p,
ul, ol, dl, li, dt, dd {
    font-family :
        "Century Gothic",
        "Bitstream Vera Sans",
        "Verdana",
        "Arial",
        sans-serif;
    line-height    : 1.7em;
    letter-spacing : 0.14em;
}
/*--------------------------------------------------------*/

body, div, p, 
table, tbody, thead, tfoot, tr, th, td,
ul, ol, dl, li, dt, dd {
    font-size : 11px;
}
/*--------------------------------------------------------*/

a, span,
abbr, acronym {
    border          : 0;
    text-decoration : none;
}
/*--------------------------------------------------------*/

body {
    color      : #000000;
    background :
        url(/img/top_ten_programming_languages_2008/bg.png)
        repeat-x top left;
    text-align       : center;
    background-color : #bfffc4;
}

div.page {
    width            : 700px;
    color            : #000000;
    margin           : 24px auto 24px auto;
    border           : 2px solid #777799;
    padding          : 24px 24px 24px 24px;
    background-color : #f7f7f7;
}
/*--------------------------------------------------------*/

div.header {
    text-align : center;
}

table.header {
    margin : 0px auto 16px auto;
}

h1, p.strap {
    letter-spacing : 0.2em;
}

h1 {
    margin      : 0px 0px 2px 0px;
    font-size   : 30px;
    text-align  : right;
    line-height : 1em;
}

h1 a:link, h1 a:link:visited,
p.strap a:link, p.strap a:link:visited {
    color : #009900;
}

h1 a:link:hover,
p.strap a:link:hover {
    color : #00cc00;
}

p.strap {
    margin      : 0px 0px 0px 0px;
    padding     : 0px 7px 0px 0px;
    font-size   : 10px;
    text-align  : right;
    line-height : 1.4em;
}
/*--------------------------------------------------------*/

p {
    margin     : 24px 0px 32px 0px;
    text-align : justify;
}

ul {
    margin     : 24px 0px 32px 0px;
    text-align : left;
}

li {
    margin : 8px 0px 0px 16px;
}
/*--------------------------------------------------------*/

a:link, a:link:visited {
    color : #000066;
}

a:link:hover,
a:link:visited:hover {
    color : #000099;
}
/*--------------------------------------------------------*/

div.hr hr {
    display : none;
}

div.hr {
    clear      : both;
    width      : 77%;
    margin     : 32px auto;
    border     : 0px;
    border-top : 1px solid #999999;
}
/*--------------------------------------------------------*/

p.copyright,
p.design,
p.promo {
    text-align     : center;
    line-height    : 1.9em;
    letter-spacing : 0.2em;
}
/*--------------------------------------------------------*/

ul.topten li {
    font-family :
        "Bitstream Vera Sans Mono",
        "Courier New",
        "Courier",
        monospace;
    list-style-type : none;
}
/*--------------------------------------------------------*/