/*************
 * All sizes 
 *************/
/* Hide separators */
.sidebar .widget-about.sep-after:after { border: none; }
.entry-footer .sep-before:before { border: none; }

/* Hide title and description in sidebar */
.sidebar .widget-about h2 { display: none; }
.sidebar .widget-about .desc { display: none; }
.site-desc { display: none; }

/* No sidebar padding */
.sidebar { padding: 0; }
 
/* Padding between sidebar menu items */
.sidebar .sidebar-menu .item { padding: .5em 0; }
.sidebar .sidebar-menu .sub-menu .item { padding: .2em 0; }

/* Logo container full width of sidebar */
.sidebar .widget-about .logo { max-width: 100%; }

/* Keep submenus expanded */
.sidebar .sidebar-menu .item .sub-menu { display: block; }

/* Hide submenu toggle button */
.sidebar .sub-menu-toggler { display: none; }

/* Sidebar and submenu styling */
.sidebar .widget-about .logo img { max-width: 80%; }
.sidebar .sidebar-menu { font-size: 1em; }
.sidebar .sidebar-menu .sub-menu .item { padding-right: 0; }
.sidebar .sidebar-menu > .container > ul > li.item > a, .sidebar .sidebar-menu .sub-menu-title { 
  color: #455a64;
  font-weight: bold; 
}
.sidebar-menu .sub-menu a:hover { color: #000; }
.sidebar-menu .sub-menu a {
  font-size: .8em;
  color: #a0a0a0;
}

/* Entry content tweaks */
.entry-content a { 
  border-bottom: .1em dotted #263238; 
  font-weight: bold;
}
.entry-content p { text-align: justify; }
.entry-content h3 { 
  margin-top: 0;
  font-size: 1.25em; 
}

iframe {
  max-width: 100%;
}

/* Headers */
h4 {
  font-size: 1.1em;
}

/* Disclosure timeline */
table.timeline {
  border: none;
}

table.timeline td {
  vertical-align: top;
  border: none;
  padding: .2em;
}

table.timeline tr > td:first-of-type {  
  width: 7em;
  text-align: right;
  font-weight: bold;
}

/* Prefix table */
table#prefixes {
  font-size: .75em;
  white-space: nowrap;
}
table#prefixed td {
  padding: .275em .375em;
}

/* Footer styling */
footer {
  font-weight: bold;
}
footer a#disclaimer {
  font-style: normal;
  text-decoration: underline;
}

/*************
 * For >= 920px
 *************/
@media screen and (min-width: 920px) {
  /* Camera */
  .sidebar .widget-about .logo a { text-align: left; }
  .sidebar .widget-about .logo img { max-width: 100%; }
}