@import url(../../../stylesheets/application.css);

#header h1:before {
	content: url("/images/logo.png");
	margin-right: 0.5em;
	float: left;
}

#content .wiki img {
	max-width: 98%;
}

#content .wiki {
	max-width: 50em;
	text-align: justify;
}

h2, .wiki h1 { background-color: #edf3fe; margin: -6px -10px 10px; padding: 10px 20px; font-size: 14px; color: #000; }

@media screen and (max-width: 899px)
{
  #header {
    background-color: #292929 !important;
  }

  .flyout-menu {
    background-color: #000 !important;
  }

  .flyout-menu h3 {
    background-color: #292929 !important;
  }
}

@media screen and (min-width: 900px)
{
  #main-menu {
    margin: 0 3em;
  }

  #main {
    margin: 0 3em;
  }

  #wrapper {
    background-color: #eee;
  }

  #content {
    border-left: 1px solid #ddd;
  }

  #content > .contextual {
     text-align: right;
     float: none;
     background-color:#eee;
     font-size:0.9em;
     margin:-6px -10px 6px;
     padding:6px;
     text-indent:15px;
  }
}

p.breadcrumb {
  background-color:#eee;
  border-bottom:1px solid white;
  font-size:0.9em;
  margin:-6px -10px 6px;
  padding:6px;
  text-indent:15px;
}

/* Menu */
#top-menu { background-color: #000; }

#header { background-color: #292929; }

#main-menu li a { background-color: #666; }
#main-menu li a:hover { background: #666; }
#main-menu li a.selected, #main-menu li a.selected:hover { background-color:#EEEEEE; }
#main-menu li a.new-object { background-color:#666; text-decoration: none; }

#main-menu .menu-children {
  border-right: 1px solid #666;
  border-bottom: 1px solid #666;
  border-left: 1px solid #666;
}
#main-menu .menu-children li a:hover { background-color: #666;}


/* Tables */
table.list tbody td, table.list tbody tr:hover td { border: solid 1px #d7d7d7; }
table.list thead th {
    border-width: 1px;
    border-style: solid;
    border-top-color: #d7d7d7;
    border-right-color: #d7d7d7;
    border-left-color: #d7d7d7;
    border-bottom-color: #999999;
}