body
{
    font-size        : smaller;
    font-family      : sans-serif;
    background-color : white;
}

p
{
    margin-bottom : 1.5em;
}

a img
{
    border  : 0px;
    margin  : 0px;
    padding : 0px;
}

h2
{
    margin-top    : 0px;
    color         : #2090B0;
    font-size     : 160%;
    display       : inline;
    border-bottom : 1px dotted #2090B0;
}

h3
{
    padding          : 0.5em 0px;
    color            : #2090B0;
    font-size        : 120%;
    background-color : #E0FFE0;
}

h3 img
{
    vertical-align : middle;
    margin-right   : 5px;
}

h4
{
    color : #2090B0;
}

pre
{
    padding          : 0.5em;
    margin-right     : 20px;
    font-size        : larger;
    background-color : #F0FFF0;
    border           : 1px dotted #909090;
}

q
{
    font-style : italic;
}

strong
{
    color : #2090B0;
}

code
{
    font-family : monospace;
    color       : #007298;
}

a.code
{
    font-family     : monospace;
    color           : #007298;
    text-decoration : none;
}

a.code:hover
{
    text-decoration : underline;
}

div#logo
{
    background : url("./images/logo-bg.jpg") repeat-x;
}

div#logo a
{
    display : block;
}

div#container
{
    margin-left : 150px;
}

div#navigation
{
    display       : inline;
    float         : left;
    margin-top    : 0.5em;
    margin-bottom : 1em;
    margin-left   : -150px;
    width         : 150px;
}

div#language
{
    background    : url("./images/language-bg.jpg") no-repeat;
    padding       : 5px;
    padding-left  : 15px;
    margin-bottom : 5px;
}

div#language a
{
    font-size : larger;
    color     : white;
    position  : relative;
    top       : -5px;
    border    : 0px;
}

div#main_menu
{
    line-height   : 150%;
    font-size     : 120%;
    height        : 330px;
    margin-bottom : 10px;
    background    : url("./images/menu-bg.jpg") no-repeat;
}

div#main_menu ul
{
    margin         : 0px;
    padding-top    : 10px;
    padding-left   : 10px;
    padding-bottom : 10px;
}

div#main_menu li
{
    padding-bottom  : 7px;
    list-style-type : none;
}

div#main_menu a
{
    position        : relative;
    font-weight     : bolder;
    color           : white;
    text-decoration : none;
}

div#main_menu a:hover
{
    color : #2080D0;
}

div.menu_button
{
    margin-left   : 15px;
    margin-bottom : 10px;
}

div#rss_button a
{
    font-size       : 9pt;
    color           : #707070;
    text-decoration : none;
    background      : url("./images/icon-feed-14x14.png") left center no-repeat;
    padding-left    : 18px;
    padding-top     : 2px;
}

div#content
{
    padding : 1em 1.5em;
}

div#content li
{
    padding-bottom : 0.5em;
}

div#content ul li
{
    padding-left    : 12px;
    list-style-type : none;
    background      : url("./images/list-square.gif") no-repeat left 3px;
}

a.external
{
    font-weight     : bold;
    color           : #2090B0;
    padding-left    : 12px;
    text-decoration : none;
    background      : url("./images/link-icon.gif") no-repeat left center;
    border-bottom   : 1px dotted #2090B0;
}

a.internal
{
    font-weight     : bold;
    color           : #2090B0;
    text-decoration : none;
    border-bottom   : 1px dotted #2090B0;
}

div#download_now
{
    width      : 182px;
    height     : 122px;
    float      : right;
    background : url("./images/download-now.png") no-repeat center center;
}

div#download_now a
{
    margin          : 0;
    padding         : 0 12px;
    font-size       : 15pt;
    font-style      : italic;
    line-height     : 35px;
    color           : white;
    text-decoration : none;
    display         : block;
}

div#footer
{
    color           : #606060;
    padding-top     : 1em;
    text-decoration : overline;
    text-align      : center;
    font-size       : smaller;
    clear           : both;
}

div#footer a
{
    color           : #007298;
    text-decoration : none;
}

p.news_text
{
    margin-left  : 2em;
    padding-left : 1em;
    width        : 70%;
    border-left  : 2px solid #2090B0;
}

p.news_date
{
    font-weight   : bold;
    color         : #2090B0;
    margin-bottom : 0.2em;
    margin-top    : 2em;
    padding-left  : 38px;
    padding-top   : 8px;
    height        : 24px;
    background    : url("./images/news-icon-default.png") no-repeat left center;
}

p.website
{
    background-image : url("./images/news-icon-website.png");
}

p.download
{
    background-image : url("./images/news-icon-download.png");
}

p.api
{
    background-image : url("./images/news-icon-api.png");
}

p.community
{
    background-image : url("./images/news-icon-community.png");
}

div.tuto_nav
{
    line-height  : 1.5em;
    padding-left : 1em;
    border-left  : 2px solid #2090B0;
}

div.tuto_nav a
{
    text-decoration     : none;
    color               : #2090B0;
    padding-left        : 20px;
    background-repeat   : no-repeat;
    background-position : left center;
}

div.tuto_nav a.previous
{
    background-image : url("./images/arrow-left.gif")
}

div.tuto_nav a.index
{
    background-image : url("./images/arrow-up.gif")
}

div.tuto_nav a.next
{
    background-image : url("./images/arrow-right.gif")
}

div.dl_code
{
    margin-top       : 5px;
    margin-right     : 20px;
    background-color : #F0FFF0;
    border           : 1px solid #909090;
}

table.files
{
    margin          : 1em 2em;
    width           : 90%;
    border-collapse : collapse;
    border-color    : #808080;
    line-height     : 1.5em;
}

table.files th
{
    padding          : 0.3em;
    background-color : #CFE4F5;
    line-height      : 2em;
}

table.files td
{
    padding : 0.3em 0.3em 0.3em 4%;
}

table.files td.desc
{
    padding     : 0.3em;
    line-height : 2em;
}

table.files a
{
    border-style : none;
    font-weight  : normal;
}

table.files span.filesize
{
    font-size : smaller;
}

a.dl_all
{
    padding-left : 52px;
    background   : url("./images/icon-all-os.gif") no-repeat left center;
}

a.dl_windows
{
    padding-left : 20px;
    background   : url("./images/icon-windows.gif") no-repeat left center;
}

a.dl_linux
{
    padding-left : 20px;
    background   : url("./images/icon-linux.gif") no-repeat left center;
}

a.dl_osx
{
    padding-left : 20px;
    background   : url("./images/icon-macos.gif") no-repeat left center;
}

pre span.string
{
    color : #509090;
}

pre span.comment
{
    color : #509050;
}

pre span.keyword
{
    color : #5050FF;
}

pre span.preprocessor
{
    color : #5050FF;
}

div.screenshot
{
    margin : 10px;
}

div.tutos
{
    width         : 90%;
    padding       : 5px;
    margin-bottom : 1em;
    border        : 1px solid #B0B0B0;
}

div.tutos a
{
    display         : block;
    color           : black;
    font-size       : 110%;
    text-decoration : none;
}

div.tutos img
{
    margin-right   : 5px;
    vertical-align : middle;
}

div.tutos.current_version
{
    background-color : #8BE38B;
}

div.tutos.next_version
{
    background-color : #F3DDAF;
}

div.tutos.previous_version
{
    background-color : #D6DBEA;
}

p.warning_old_tuto
{
    text-align  : center;
    font-weight : bold;
    color       : #808080;
}

img.icon
{
    margin-right   : 5px;
    vertical-align : middle;
}

img.download-logo
{
    float: left;
    margin-right: 20px;
}