body 
{
margin-left: 5em;
margin-right: 5em;
margin-top: 0;
background: #555555 url(http://wiki.openplm.org/media/img/openplm.png) no-repeat right top fixed;
font-family: Arial, sans-serif, Comic Sans MS, Verdana;
}

li
{
line-height: normal !important;
}

div#banner{
    background: url("banner.png") no-repeat scroll right top #343435;
    color: white;
    margin-left: -5em;
    margin-right: -5em;
    padding: 0.5em 5em 0.8em 5em;
margin-bottom: -5px;
box-shadow: 0 5px 8px #343434;
}
#mainnav {
	margin-top: 0;
border-left: medium none;
    border-right: medium none;
}

#metanav {
background-color: #343434;
    border-radius: 0 5px 0 0;
    padding: 0.5em;
}

div#openplm
{
background:#ffffff;
#padding:10px;
}

div#siteheader
{
    float: left;
}


#content {
	font-size:110%
	}

div.wiki {
width: 100%;
}

#main {
	padding:1em;
}

div.wikipage {
max-width: 1200px;
margin-left: auto;
margin-right: auto;
}

div#sidebar {
float: right;
width: 20%;
background-color: #777777;
padding: 5px;
margin-top: 50px;
}

/*Make sure your page contains a valid doctype at the top*/
#simplegallery1{ /*CSS for Simple Gallery Example 1*/
position: relative; /*keep this intact*/
visibility: hidden; /*keep this intact*/
border: 3px solid darkred;
margin: auto;
margin-top: 10px;
}

#simplegallery1 .gallerydesctext{ /*CSS for description DIV of Example 1 (if defined)*/
text-align: left;
padding: 2px 5px;
}

div.yt_holder{
margin-top: 20px;
margin-bottom: 150px;
}

div#ytvideo{
width:470px;
margin: auto;
}

ul.demo1{
list-style-type: none;
position: absolute;
margin-left: 35px;
}

li.youtubegallery{
display: inline;
margin: 5px;
position: relative;
}
li.youtubegallery a {
position: relative;
display:inline-block;
height: 90px;
}

div.youtubecomment{
display: none;
width:100%;
height: 100%;
position: absolute;
left: 0px;
top: 0px;
line-height: 90px;
text-align: center;
background-color: #333333;
color: #FFFFFF;
}

li.youtubegallery:hover div.youtubecomment{
display: block;
}

span.youtubecomment{
display: inline-block;
vertical-align: middle;
font-size: 12px;
line-height: 1.2em;
}

h1{
color : #343435;
}

h2{
background-color: #343435;
color : #e3e3e1;
border-bottom: 1px solid #3a325b;
}
/* css inspired from http://www.dynamicdrive.com/style/csslibrary/item/css-image-gallery */
#screenshots_container{
position: relative;
}

.thumbnail{
border : none;
}

.thumbnail img{
border: 1px solid white;
margin: 0 5px 5px 0;
}

.thumbnail:hover{
background-color: transparent;
}

.thumbnail:hover img{
border: 1px solid blue;
}

.thumbnail span{ /*CSS for enlarged image*/
position: absolute;
background-color: #015284;
padding: 5px;
left: -1000px;
border-width : 0;
visibility: hidden;
color: black;
text-decoration: none;
font-weight: bold;
}

.thumbnail span img{ /*CSS for enlarged image*/
padding: 2px;
width: 900px;
}

.thumbnail:hover span{ /*CSS for enlarged image*/
visibility: visible;
top: 0;
left: 230px; /*position where enlarged image should offset horizontally */
z-index: 50;
}

.thumbnail:hover span img{
border-width: 0;
}



#metanav :link, #metanav *:visited {
    color: #00a9e5;
}


#wikipage h2 {
    color: #eee;
    text-shadow: 1px 1px #000;
    background: #afacab;
    background-repeat: no-repeat;
    background-size: cover;
    padding: 0.5em 1em;
    font-size: 100%;
    font-weight: 600;
    background-image: url("h2_bg_2.png");
    border-radius: 2px 2px 0 0;
    border-bottom: 1px solid #666;
    line-height: inherit;

}