/*
 * Main aspect of the page.
 */
body {
    /* Set a theme matching color */
    background:#f0f0f0;
    /* Remove margin from trac.css */
    margin:0;
}
#wrapper {
    /** Set the background */
    background-image: url("/chrome/site/bg.png");
    background-repeat: repeat-y;
    background-attachment: scroll;
    background-position: center top;
}
#banner {
    /* Put the head in middle */
    width:980px;
    height:70px;
    overflow:hidden;
    margin:0px auto;
    background: #003d53;
}
#header {
    /* Put the logo on the left*/
    float:right;
    padding-top: 5px;
}
#header img {
    /* Remote image margin from trac.css */
    margin:0;
}
#search {
    /* Hide the searh */
    display: none;
}

#search input[type="submit"]:hover {
    /* When hovering the image button ... */
    cursor:pointer;
}
#metanav :link, #metanav :visited {
    /* Those links, need to be white */
    color: white;
}
#metanav :link:hover, #metanav :visited:hover {
    /* Keep white color */
    background-color: transparent;
    color: white;
}
#metanav.nav ul {
    display: block;
    height: 70px;
    border: none;
    width: 710px;
    padding: 0px 0px 0px 15px;
    position: static;
    float: none;
}
#metanav.nav li {
    display: list-item;
    float: left;
    border-style: none;
    border: none;
    position: static;
    vertical-align: bottom;
    margin: 0px;
    padding: 0px 1px 0px 1px;
    height: 70px;
    border: none;
    border-width: 0px;
}
#metanav.nav li.active {
    /*Change the background for active item*/    
    background: #4c7eb1;
}
#metanav.nav a {
    padding: 23px 7px 0 6px;
    font-family: 'DejaVu Sans', Tahoma, sans-serif;
    font-size: 14px;
    display: block;
    text-decoration: none;
    color: white;
    margin: 0px 0px 0px -1px;
    height: 41px;
    padding: 23px 7px 0 6px;
    text-align: center;
    font-size: 14px;
    font-weight: normal;
    border: none;
    position: relative;
}

/*
 * Main navigation placed under the banner.
 * Also used to display the slideshow.
 */
#mainnav {
    /* Align it in the middle */
    width: 980px;
    margin: 0 auto;
    background: white;
    /* Remote padding and border from trac.css */
    padding: 0;
    border: none;
}
#mainnav.slideshow {
    /* For slideshow */
    height: 290px;
    background: #f0f0f0 url("/chrome/site/slideshow.jpg") no-repeat 0 0;
}
#mainnav.slideshow-home {
    height: 390px; background: #f0f0f0 url("/chrome/site/slideshow-home.jpg") no-repeat 0 0;
    /*background: #f0f0f0 url("/chrome/site/slideshow-home.png") no-repeat 0 0;*/
}
#mainnav.slideshow .content {
    font-size: 24px;
    padding: 40px 400px 40px 40px;
    width: 540px;
    color:white;
}
#mainnav.slideshow-home .content {
    font-size: 24px;
    padding: 60px 540px 40px 40px;
    width: 400px;
    color:black;
}

#mainnav.nav ul {
    /* Set the main nav look */
    /* Set font style */
    font-size:14px;
    font-weight:normal;
    /* Set bacground light gray */
    background: #eeeeee;
    /* Position the nav at right */
    float: right;
    padding: 5px 0 5px 15px;
    /* Bottom-left corner rounded */
    border-radius: 0 0 0 5px;
    -moz-border-radius: 0 0 0 5px;
    -webkit-border-radius: 0 0 0 5px;
}
#mainnav :link, #mainnav :visited {
    /* Remote style from trac.css */
    background: transparent;
    border-right: none;
    border-left: none;
    padding:0;
    /* Make it dark gray */
    color: #24383e;
    /* Increase space between each link */
    /*padding-left:5px;
    padding-right:5px;*/
    margin: 0 15px 0 0;
}
#mainnav :link:hover, #mainnav :visited:hover {
    /* Remote style from trac.css */
    background-color: transparent;
    border-right: none;
}
#mainnav .active :link, #mainnav .active :visited {
    /* Remote style from trac.css */
    background: transparent;
    border-right: none;
    border-left: none;
    /* Set color to Red */
    color: #CE0027;
}
#mainnav .active :link:hover, #mainnav .active :visited:hover {
    /* Remote border from trac.css */
    border-right: none;
    /* trac.css make it underline */
}

/*
 * Main - wiki content.
 */
#main {
    /* Position to the middle */
    width:980px;
    margin:0px auto;
    padding-top:30px;
    /* Set background to white */
    background-color:white;
}

#ctxtnav {
    /* Hide the context nav */
    display:none;
}

div.trac-modifiedby {
    /* Hide the modify by */
    display:none;
}

#content {
    padding-left: 10px;
    padding-right: 10px;
}

#pagepath {
    display: none;
}

#attachments { 
    border: none; padding: 5px;
}

.wikipage {
    padding-left: 0px
}

/*
 * Set the footer look.
 */
#footer {
    /* Remove style from trac.css */
    border-top:none;
    /* Position to middle */
    padding: 10px;
    width:960px;
    margin: 0 auto;
    /* Set font style */
    color:#ffffff;
    font-size:12px;
    font-weight:normal;
    /* Set background to dark gray */
    background-color:#24383e;
}

#footer #tracpowered {
    background-color:#ffffff;
}

/* 
 * Style for ticket close
 */
a.closed:link, a.closed:visited {
    /* make it black */
    color: #000000;
    /* Trac.css will striketrought */
}

dt em {
    color: #CE0027;
}
.milestone .info h2 em { 
    color: #CE0027;
}

.column {
    position:relative;
    display:inline;
    min-height:100px;
    background-color:#f0f0f0;
    padding:10px;
    -moz-border-radius: 5px 5px 5px 5px;
    border-radius: 5px 5px 5px 5px;
}

.wikipage h1, .wikipage h2, .wikipage h3 { 
    margin-left: 0px; 
}

.clear {
	clear: both;
	display: block;
	overflow: hidden;
	visibility: hidden;
	width: 0;
	height: 0;
}

.column1_3 {
    float:left;
    width:30%;
}

.column2_3 {
    float:left;
    width:30%;
    margin:0 1% 0 1%;
}

.column3_3 {
    float:left;
    width:30%;
}

.column1_2 {
    float:left;
    width:47%;
}

.column2_2 {
    float:right;
    width:47%;
}

h1:hover .anchor, h2:hover .anchor, h3:hover .anchor,
h4:hover .anchor, h5:hover .anchor, h6:hover .anchor {
    visibility: hidden;
}

/*
 * Fix for Admin section
 */
#content.admin h1 {
    float: none;
}

/*
 * Define the default link style.
 */
:link, :visited {
    /* Remote trac.css style*/
    text-decoration: none;
    border-bottom:none;
    /* Set color to orange */
    color: #CE0027;
}
:link:hover, :visited:hover {
    /* Remote trac.css style */
    background-color: inherit;
    /* Keep orange color + underline */
    text-decoration: underline;
    color: #CE0027;
}

/*
 * Define header style.
 */
h1, h2, h3, h4, h5, h6 {
    /* Set the font */
    font-family: "Bitstream Vera Sans","DejaVu Sans", Tahoma, sans-serif;
}
/* Make the font bigger */
h1 { font-size: 36px}
h2 { font-size: 24px }
h3 { font-size: 16px }
h1, h2, h3 { font-weight: normal; }
h1 :link, h1 :visited ,h2 :link, h2 :visited, h3 :link, h3 :visited,
h4 :link, h4 :visited, h5 :link, h5 :visited, h6 :link, h6 :visited {
    /* Keep orance color for link */
    color: #CE0027;
}
