/* Often used Colours: 
orange: #FF9900;
orange-dark: #FF7700;
pink: #FF1493;
*/
*, *:before, *:after { box-sizing: border-box; }
html,body {
  background-color: #333;
  color: #aaa;
  font-family: helvetica, verdana, sans-serif;
  font-size: 10pt;
  height: 100%;
  width: 100%;
  text-align: center;
  vertical-align: center;
  position: relative;
  line-height: 1.2em;
}
a:link              { color:#ddd; text-decoration:underline; }
   a:visited           { color:#888; text-decoration:underline; }
   a:hover             { color:#fff; text-decoration:underline; }
   a:active            { color:#fff; text-decoration:underline; }

h1 {
  font-size: 2em;
  line-height: 2.3em;
  background: #000;
  color: #FF7700;
  text-shadow: 1px 1px #666;
}
h2, h3, h4, h5, h6, h7, h8 {
  color: #ccc;
  text-shadow: 0px 1px #000;
  font-size: 1.2em;
  text-align: left;
  font-weight: bold;
}
h3, h4 {
  font-size: 1.1em;
}
h5, h6, h7, h8 {
  font-size: 1em;
}
h5, h6 {
  font-style: italic;
}

p,ul,ol,div,dl {
  text-align: left;
}
p {
  padding: 0.5em;
  max-width: 850px;
}
article, section {
  border: 1px solid #ccc;
  padding: 0.5em;
  margin: 0.5em;
  width: auto;
}
em {font-style: italic;}
strong {font-weight: bold;}

del {text-decoration: line-through;}

dl { padding-left: 0.5em}
dt { font-weight: bold;}
dd {margin-left: 1em;}
dt:after {content: ':';}

blockquote {margin-left: 1em;margin-bottom: 1em; border: 1px solid #666; max-width: 850px;}
blockquote p:before {content: "\2018"; font-weight: bold; font-size: 1.5em;}
blockquote p:after {content: "\2019"; font-weight: bold; font-size: 1.5em;}
blockquote p { quotes: '\201C' '\201D'; }
blockquote p:before { content: open-quote; }
blockquote p:after { content: close-quote; }

blockquote footer { margin-left: 1em;}
/* HTML5Outline Table of Contents */
#nav {max-height:200px;overflow-y: auto;overflow-x: hidden;direction: rtl; width: 100%;padding: 0;max-width: 100%;margin: 0;padding-left: 0.5em}
#nav * {direction: ltr; }
#nav p#nav-contents { font-style: italic; width: 100%;max-width: 100%; text-align: left; padding: 0 0 0 0; }

.hidden {display: none;}
.pre {white-space:pre;}
.clearfix {height: 0px; clear: both; overflow: hidden;}

.command, .command-variable .output { background-color: black; display: inline-block; border: 1px solid #666;}
li.command, li.output { display: list-item; font-size: 1.15em; list-style: none;}
.command {max-width: 100%; }
.weechat, .console { color: white; font-family: "DejaVu Sans Mono", "Lucida Console", monospace; font-size: 0.8em;}
.weechat { color: white; }
.variable { color: #bada55; }
.example { border-bottom: 1px dashed #FE57A1; }
.console { color: lime; }
.console.command {padding: 0.5em; }
.console.command:before {content: 'your@your.host:~/$ '; color: green;}
.filepath, .env-var { color: #ddd; }
.env-var { font-style: italic;}
.g-plus {height: 69px;}

/* Ads */
.googlead {text-align: center; width: 100%;}
#dealextreme {background-color: #000; text-align: left;font-size: 0.8em; color: purple;border:1px solid purple;}
#dealextreme p:before {content: "Advertisement:"; font-weight: bold; color: white; display: block;}
/*#dealextreme p { border: 0px solid purple;margin: 0 0 0 0;padding: 0.4em;}*/
#dealextreme iframe {max-height: 60px;}

#container {text-align: left;}
#profile_text { width: auto; overflow: hidden; text-align: right;clear}
/*#profiles {display: none;}*/

.tldr:before {content: 'TLDR: '; font-weight: bold;}
.tldr { font-style: italic;}
.tldr em { font-style: normal;}
.indent {margin-left: 0.5em;}