/*! mageia.org nav CSS */

/**
 * TODO top nav must stay on top when scrolling (reduced or full)
 *
*/
/** Global rules for *.mageia.org */
/*
body {
    background: #fff;
    font-family: Verdana, "Trebuchet MS", "Lucida Grande", "Lucida Sans", Verdana, Tahoma, Arial, sans-serif;
}
a, a:link { color: #2383c2; text-decoration: none; }
*/
h1,
h2,
h3 {
  font-family: "Century Gothic", "Trebuchet MS", Arial, sans-serif;
  font-weight: normal;
  color: #3494d3;
}

h2 a,
h3 a {
  color: #3494d3;
  text-decoration: none;
}

/** Specific to navigation elements */

#hmgn { margin: 0; padding: 0; }
#mgnav {
    margin: 0; padding: 0;
    padding-bottom: 4px;
    background: #2383C2;
    background: -webkit-linear-gradient(top, #3494D3 0%, #2383C2 50%);
    background: -moz-linear-gradient(top, #3494D3 0%, #2383C2 50%);
    background: -o-linear-gradient(top, #3494D3 0%, #2383C2 50%);
    background: linear-gradient(top, #3494D3 0%, #2383C2 50%);
    font: normal 13px/1.3em "Trebuchet MS", "Lucida Grande", "Lucida Sans", Verdana, Tahoma, Arial, sans-serif;
}

#nav {
    margin: 0;
    padding: 0;
    display: table;
}
#nav li {
    display: table-cell;
    padding: 0;
    border-right: 1px solid #f0f0f0;
}
#nav li:last-child { border: none; }
#nav a {
    display: block;
    height: 64px;
    padding: 0 1.4em;
    text-decoration: none;
    text-align: center;
    line-height: 75px;
    min-width: 2.5em;
    color: #444;
    background: #fff;
    cursor: pointer;
}
#nav a:hover {
    color: #2383C2;
}

#nav a.mageia {
    width: 143px;
    background: #fff url(//nav.mageia.org/css/mageia-logo-nav-3.png) no-repeat 26px 12px;
    color: transparent;
    text-shadow: none;
}

.about #mgnav .about,
.downloads #mgnav .downloads,
.community #mgnav .community,
.blog #mgnav .community,
.section-index #mgnav .community, /*forum*/
.mediawiki #mgnav .wiki,
.support #mgnav .support,
.contribute #mgnav .contribute,
.donate #mgnav .donate,
.bugs-mageia-org #mgnav .contribute,
.contrib #mgnav .contrib,
.you #mgnav .you,
.contact #mgnav .contact,
.doc #mgnav .doc
{
    font-weight: bold;
    background: transparent;
    color: white;
    text-shadow: 0 0 3px #222;
    /*outline: 4px solid white;
     => works with Chrome 18+, fails with Firefox 12
     => using this ~ hack in the meantime {{
    */
    /*border: 4px solid white;*/
    border-top: 0;
    /*margin-bottom: -4px;*/
    /* }} */
}

h1,
h2,
h3 {
  font-family: "Century Gothic", "Trebuchet MS", Arial, sans-serif;
  font-weight: normal;
  color: #3494d3;
}

h2 a,
h3 a {
  color: #3494d3;
  text-decoration: none;
}

#mgnavtitle, /* deprecated */
#mgnavt /* preferred */
{
    font-size: 24px;
    margin: 0;
    padding: 0.5em 1em 0.8em 30px;
    color: #fff;
    text-shadow: 0 0 3px #222;
    background: #2383C2;
    background: -webkit-linear-gradient(top, #2383C2 0%, #1272B1 50%);
    background: -moz-linear-gradient(top, #2383C2 0%, #1272B1 50%);
    background: -o-linear-gradient(top, #2383C2 0%, #1272B1 50%);
    background: linear-gradient(top, #2383C2 0%, #1272B1 50%);
}
#mgnavt a { color: #fff; }

/* allows to have a title + contextual sub menu */
header#mgnavt { text-align: left; }
#mgnavt h1 { font-size: 24px; color: #fff; margin: 0; padding: 0; display: inline; }
#mgnavt ul { font-size: 12px; margin: 0 0 0 4em; padding: 0; display: inline; }
#mgnavt ul li { display: inline; margin: 0 1em; padding: 0; }
#mgnavt ul li a { display: inline-block; text-decoration: none; }