/*
* CSS for Inkscape Website (http://www.inkscape.org/)
*
* By: Josef Vybíral | cornelius (http://cornelius.gimp.cz/)
* By: Dale Harvey | (http://deadhit.com)
* Graphics & initial design by Daj
*
*/

html,body {
    height:100%;
}

body {
    color: #000000;
    padding: 0px;
    margin: 0px;
    font-family: arial, Helvetica, 'Bitstream Vera Sans', 'Luxi Sans', Verdana, Sans-Serif;
    font-size: 11px;
}

#wrapper {
    width: 100%;
    margin: 0px auto 0 auto;
    background: #ffffff;
    position:relative;
    height: auto;
    min-height:100%;
}

a:link, a:visited, a:hover {
    font-weight: bold;
    color: #62C012;
    text-decoration: none;
}

a:hover {
    text-decoration: underline;
}

a:visited {
    color: #6B8E29;
}

div.top {
    padding-top:10px;
    width: 100%;
    height: 32px;
}

div.topRight {
    margin-left: 220px;
    _margin-left: 217px;
    border-left: 1px solid #999999;
    height: 34px;
}

img {
   border:0;
}

img.drawfreely {
   float: left;
   margin-top: 12px;
   margin-left: 12px;
}

div.downloadnow span
{
    position:relative;
    top:-8px;
    margin-right:5px;
}

div.downloadnow {
    background: #404040;
    color: #efefef;
    font-size: 1.6em;
    text-align:right;
    height: 30px;
    margin: 0px 0px 0px 220px;
    _margin: 0px 0px 0px 217px;
    padding: 0px 27px 0px 0px;
    border-left: 1px solid #999999;
}

div.downloadnow a img {
    border: 0px solid #404040;
    margin-left: 8px;
}

div.headerImage
{
    height:120px;
    margin-left: 220px;
    _margin-left: 217px;
    border-left: 1px solid #999999;
    border-bottom: 1px solid #999999;
}

div.rule
{
    position:absolute;
    left:220px;
    height:30px;
    border-left: 1px solid #999999;
}

/* News and Screenshot Signatures */
div.signature {
    text-align:right;
}

/* Language flags */
div.top img.lang {
    border:none;
    position:absolute;
    top:75px
}

#lang-en { left:25px; }
#lang-de { left:75px; }
#lang-fr { left:125px; }
#lang-it { left:175px; }
#lang-es { left:225px; }
#lang-ru { left:275px; }
#lang-ja { left:325px; }

/* Doc page tutorial table */
table.tutorial        { width:auto; margin-top:10px; } /* margin-left:0px */
table.tutorial td    { width:150px; font-size:80%; border:thin solid #cccccc; }
table.tutorial td.empty    { border:none; }
table.tutorial td.head    { background-color:#eeeeff; font-size:100%; }

/* Status page table */
table.status        { width:auto; } /* margin-left:0px */
table.status td        { width:150px; font-size:80%; border:thin solid #cccccc; }
table.status td.empty    { border:none; }
table.status td.head    { background-color:#eeeeff; font-size:100%; }

h1#header a
 {
    margin-left:14px;
    display:block;
    width:183px;
    height:34px;
    text-indent:-1000px;
    background:url("../images/header-logo.png") no-repeat;
}

div.top h1 {
    color: #ffffff;
    background: transparent;
    font-size: 18px;
    font-family: arial;
    margin: 0px;
    float: left;
}

img.logo {
    float: left;
    border: none;
}

#menu {
    clear: both;
    float: left;
    width: 202px;
    margin: 7px 0px 0px 0px;

}

#menu ul {
    list-style: none;
    padding: 0px;
    margin: 0px;
}

#menu li.sub {
    color: #000000;
    font-weight: bold;
    padding: 0px;
    background: url('../images/menu-header-back.png') no-repeat;
    line-height: 18px;
    height: 18px;
    margin: 1px 0px 1px 0px;
}

#menu div.title {
    color: #000000;
    font-weight: bold;
    padding: 0px;
    background: url('../images/menu-header-back.png') no-repeat;
    line-height: 18px;
    height: 18px;

    padding: 0px;
    margin: 0px;
    text-align: center;
}


#menu ul.sub {
    padding: 0px 0px 0px 0px;
    margin: 0px 8px 0px 10px;
    list-style: none;
}

#menu li a
{
    display: block;
    background:#E6E6E6;
    color: #555555;
    border-top: 1px #ffffff solid;
    border-bottom: 1px #ffffff solid;
    margin: 0px;
    padding: 0px;
    padding-left: 10px;
    width: 100%;
    line-height: 18px;
    height: 18px;
    font-weight: normal;
    font-size: 11px;
}

#menu li a:visited {
    color: #555555;
}

#menu li a {
    width: auto;
}

body.index #menu li.ncindex a,
body.download #menu li.ncdownload a,
body.discussion #menu li.ncdiscussion a,
body.mailing_lists #menu li.ncmailing_lists a,
body.report_bugs #menu li.ncreport_bugs a,
body.docindex #menu li.ncdocindex a,
body.screenshotsindex #menu li.ncscreenshots a,
body.showcaseindex #menu li.ncshowcase a,
body.docdevdocs #menu li.ncdevdocs a,
body.statusindex #menu li.ncstatus a,
body.svn #menu li.ncsvn a,
#menu li.item a:hover, ul.sub li.item a:hover {
    display: block;
    background: #72c304 url(../images/menu-hover.png);
    color: #ffffff;
    border-top: 1px #ffffff solid;
    border-bottom: 1px #ffffff solid;
    text-decoration: none;
}

#translate
{
    margin-left:27px;
}

#translate a
{
   display:block;
   width:14px;
   height:12px;
   float:left;
   text-indent:-1000px;
   margin:8px;
   background: url(../images/flags.png) no-repeat;
}

#translate a.en {background-position: 0 0}
#translate a.de {background-position: -14px 0}
#translate a.fr {background-position: -28px 0}
#translate a.it {background-position: -42px 0}
#translate a.es {background-position: -56px 0}
#translate a.cs {background-position: -70px 0}
#translate a.pt {background-position: -84px 0}
#translate a.ru {background-position: -98px 0}
#translate a.ja {background-position: -112px 0}

#sourceforge {
    text-align: center;
    border: none;
}

#sourceforge {
    width: auto;
}

div.content {
    padding: 0px 20px 70px 10px;
    /* this is a hack */
    margin-left: 220px;
    margin-right: 20px;
    font-size: 12px;
}

#skipnav {
    display: none;
}

#togglecss {
    position: absolute;
    top: 110px;
    right: 10px;
}

div.news {
    float: left;
}

div.news h3 {
  font-size: 14px;
  padding-left: 0px;
  border-bottom: 1px solid #999999;
}

div.news b {
  font-size: 12px;
  margin-left: 2px;
}


div.news div.item {
}

div.news div.item:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

div.news div.item img {
    margin: 10px;

}

div.news div.item img.right {
    float: right;
    margin-top: 0px;
    margin-right: 0px;
}

div.news div.item img.left {
    float: left;
    margin-top: 0px;
    margin-left: 0px;
}

div.news p.caption {
    font-size: 9px;
    font-weight: bold;
    font-style: italic;
}

img.thumb {
    border: 1px #999999 solid;
}

div.news div.item h3 {
   font-weight: bold;
   border-bottom: 0px solid white;
   margin-bottom: 4px;
   margin-left: 0px;
   clear: right;
   font-size: 16px;
}

div.news div.item p {
    margin-top: 0px;
    margin-left: 2px;
    margin-right: 10px;
}

p {
    text-align: justify;
}

h2 {
    border-bottom: 1px #000000 solid;
    clear: right;
}

pre {
    border: 1px #999999 solid;
    background: #f6f6f6;
    padding: 4px;
}


/* File Releases */

div.rss-files {
}

div.rss-files div.file {
    background: #f0f0f0;
    color: #000000;
    border: 1px #999999 solid;
    padding: 2px;
    margin: 20px;
}

div.rss-files div.file div.title {
    font-weight: bold;
    padding: 4px;
    padding-top: 2px;
}
div.rss-files div.file div.description {
    font-weight: normal;
    border: 1px #999999 solid;
    background: #ffffff;
    color: #000000;
    padding: 4px;
}

#footer {
    width: 100%;
    height:43px;
    /* temp fix */
    /*position:absolute;
    bottom:0px;*/
    border-top: 1px solid #A7A7A7;
    border-bottom: 1px solid #A7A7A7;
    background: #E5E7E4;
    color: #000;
    clear: both;
}

#footer img {
    border: none;
}

#footer a {
    color: #333333;
}

#footer .validcss,#footer .validxhtml {
    display:block;
    width:80px;
    height:15px;
    text-indent:-1000px;
}

#footer .validcss,#footer .validxhtml,#footer .button{
     background:url(../images/footerbuttons.png) no-repeat;
}

#footer .sourceforge {
     display:inline;
     width:88px;
     height:31px;
     background-image: url('http://sourceforge.net/sflogo.php?group_id=93438');
     text-indent:-1000px;
     float:left;
     margin-left:9px;
     margin-right:3px;
}

#footer .button {
     display:inline;
     width:109px;
     height:31px;
     background-position:-80px 0;
     text-indent: -10000px;
     float:left;
     margin-left:6px;
     margin-right:6px;
}

#footer .validcss {
}

#footer .validxhtml {
    clear:right;
    margin-top:1px;
    background-position:0 -15px;
}

#footer .footerimg {
     padding-top:6px;
     padding-right:10px;
     width:182px;
     height:37px;
     border-right: 1px solid #A7A7A7;
     float:left;
}

#footer .affiltrans {
     padding-top:6px;
     margin-left:210px;
}

#footer .footerbutton {
     padding-top:6px;
     padding-right:10px;
     width:109px;
     height:37px;
     border-left: 1px solid #A7A7A7;
     float:right;
}


#footer .steal { float:right; }

/* We are overriding some earlier styles here, so this needs to be at the end
 */
/*
a.external:link,
a.external:visited,
a.external:hover,
#menu li a.external,
#menu li a.external:hover
{
    background-image: url('/images/globe.png');
    background-repeat: no-repeat;
    background-position: center right;
    padding-right: 18px;
}
*/

/* Doxygen Specific */

div.doxygen {
}

div.doxygen pre {
    background: #F8F8C6;
    background: #fffff0;
    color: #000000;
    border: 1px #808000 solid;
}

div.doxygen pre a:hover {
}

div.doxygen pre .preprocessor {
    font-weight: bold;
    color: #006809;
}

div.doxygen pre .keyword {
    color: #68005F;
}

div.doxygen pre .keywordflow {
    color: #120053;
    font-weight: bold;
}

div.doxygen pre .keywordtype {
    font-weight: bold;
    color: #495300;
}

div.doxygen pre .comment {
    font-style: italic;
    font-weight: bold;
}




table {
    border-collapse:        collapse;


    background:             none;


/*    font-family: Arial, Helvetica, 'Bitstream Vera Sans', 'Luxi Sans', Verdana, Sans-Serif; */
    font-size: 13px;

}

td {
    padding:                8px;
    vertical-align:         top;
}


table.roadmap {
    background:             #eee;
}

table.roadmap td {

    border:                 1px solid #999;
    /* width:                  50%; */


}

tr.header {
    font-weight:            bold;
    background:             #ddd;
}

td.title {
    text-align:             center;
    font-size:              16px;
    font-weight:            bold;
    background:             #ddd;
}



img.float {
    float:                  right;
    border:                 3px solid #fcfcfc;
    margin-top:             7px;
    margin-left:            10px;
    /* margin-right:           10px; */
    margin-bottom:          10px;
}



/*@import: url(wiki.css)*/



/* FORM STUFF */

SELECT, option, textarea, input  {

    color:                  #000000;
    font-size:              10px;
    text-decoration:        none;
    background:             white;

    margin:                 2px 0px 2px 0;
    padding:                2px;

}

/* now make them all have nice hovers */



SELECT:hover, option:hover, textarea:hover, input:hover {
    background:             #ddd;
}


form.search {
    /*display:                inline;
    background:             #f0f0f0;
    */

    text-align:             right;
    display:                block;
    color:                  #0081ac;
    margin:                 0px;

    padding-right:          25px;
}

input {
/*    background: url('/images/form-back.png'); */
    height: 22px;
    line-height: 22px;
    width: 72px;
    padding: 0px;
    margin: 0px 0px 0px 0px;
}

input.searchbox {
    position:relative;
    top:-6px;
    width: 120px;
/*    background: url('/images/search-back.png'); */
    border: 1px solid #999999;
    padding:3px;
    height:12px;
}

#post_news input
{
    width:      35%;
}

#post_news textarea
{
    width:     100%;
    height:    150px;
}

input#login,
#post_news input#preview,
#post_news input#save,
#post_news input#reset
{
    width:      100px;
}


#post_news table
{
    padding:    0;
}

#post_news td
{
    padding-left:    0;
}
#post_news table tr td.header
{
    width:          10%;
    font-weight:    bold;
}

.alert
{
    color:          red;
}


div.alert
{
    border:         1px solid red;
    padding:        8px;
}

.preview,
.message
{
    border:         1px solid #ccc;
    padding:        8px;
}


#navbar
{
    padding:        8px;
    background:     #ccc;
}

#navbar a
{
    padding-right:  12px;
}

.caption
{
    float:          left;
    margin-top: 0px;
    margin-left: 20px;
    margin-right: 10px;

}

div.list-of-translations {
    font-family: "Courier New", monospace;
}

ul.list-of-translations {
    text-align: left;
    float: left;
    list-style-type: none;
    width: 150px;
    margin: 0px 0px 10px 0px;
    padding-left: 10px;
    color: #222222;
    border-left: 1px solid #ffffff;
}

ul.list-of-translations li {
    margin: 4px 0px 3px 0px;
}

ul.list-of-translations li b {
    color: #000000;
    margin: 2px 0px 2px -3px;
    background-color: #f3f3f3;
    border: 1px solid #aaaaaa;
    padding: 1px 3px 1px 3px;
}

.clear { clear: both; margin: 0 0 0 0; padding: 0 0 0 0; }