@import url('https://fonts.googleapis.com/css?family=Dosis:400,600|Libre+Franklin:400,400i,600|Source+Code+Pro:500&display=swap');

body {
  font-family: "Libre Franklin", "Candara", "Verdana", "Arial", "Helvetica", sans-serif ;
}
.bg-primary{
    color:#fff;
    background-color: yellow !important;
}
.page-content h1, .page-content h2, .page-content h3,.page-content h4, .page-content h5, .page-content h6 {
  font-family: "Dosis", "Libre Franklin", "Candara", "Verdana", "Arial", "Helvetica", sans-serif ;
  font-weight: 600;
  margin-top: 1em;
  margin-bottom: 0.5em;
}
.pagetitle {
  font-family: "Dosis", "Libre Franklin", "Candara", "Verdana", "Arial", "Helvetica", sans-serif ;
  font-weight: 600;
  font-size: xx-large;
  margin-bottom: 0.5em;
}
p {
  margin-top: 0.5em;
}
.pagename {
  font-family: "Dosis", "Libre Franklin", "Candara", "Verdana", "Arial", "Helvetica", sans-serif ;
  font-weight: 600;
  text-align: left;
  margin-left: 21%;
}
.nav li {
  font-family: "Dosis", "Libre Franklin", "Candara", "Verdana", "Arial", "Helvetica", sans-serif ;
}
li#edit {
  background-color: #dd0000; color: #eeeeee !important;
}
li#edit a:hover {
  background-color: #ff0000; color: white !important;
}
li#info a:hover, li#more a:hover {
  background:rgba(255,0,0,0.2); color: white !important;
}
.wiki-title {
  font-family: "Dosis", "Libre Franklin", "Candara", "Verdana", "Arial", "Helvetica", sans-serif ;
  padding-top: 2px !important;
}
.wiki-title b {
  font-size: large;
}
.wiki-title a:hover {
  color: pink;
}
.fixed-header {
  margin-top: 0; padding-top: 0;
}
.header {
  background-color: #180403;
  background-image: url(./images/robot-guts-200h.jpg);
  background-overflow: visible;
  background-position: top left;
/*  width:2000px; */
  height:107px;
}
.footer {
  background-color: #770000;
  background-image: url(./images/robot-feet-200h.jpg);
  background-overflow: visible;
  background-position: -100px left;
/*  width:2000px; */
  height:72.73px;
  text-align: left;
  padding-left: 22%;
}
.cc {
   font-size: small;
}
.cc a:hover {
   color: pink;
}
.cc:before {
   content: ''; width:88px; height:31px; position: absolute;
   background-image: url('images/cc-by-88x31.png');
   background-size: cover; background-position: center;
   left: 16px; top: 40%; transform: translateY(-40%);
}
.wiki-version {
  font-size: x-small;
}
a {
  color:#880000;
}
a:hover,a:focus {
  color:#ff0000;
}
.pagename a:hover {
  color: pink;
}
.leftmenu {
  padding-top: 1em;
}
.floatright {
  float: right ; margin: 0.8em 0.8em 0.8em 0.8em ;
  border: 10px solid white ;
}
.imageplugin {
  border-radius: 9px; -moz-border-radius: 9px;
  background-color: white !important;
  display: inline-block;
}
.imageplugin caption {
  font-size: 70%; text-align: center; font-style: italic;
}
.imgFloatRight {
  margin: 1em; float:right !important;
  border: 10px solid white ;
}
.imgFloatLeft {
  margin: 1em; float:left !important;
  border: 10px solid white ;
}
.accordion .recentchanges {
  font-size: 80%;
  line-height: 0.8em;
}
.accordion .recentchanges * {
  margin-top: 8px; margin-bottom: 0;
  padding-top: 0; padding-bottom: 0;
}
tt, code, pre {
  font-family: "Source Code Pro", monospace;
}

/* custom styles ............................................................ */

 /* +++ 1050 Tag Support +++ */

div.tags {
    display: block;
    width: 50%;
    height: 2.5em;
    vertical-align: middle;
    padding: 0.5em 1em 0.5em 2em;
    margin-bottom: 0.2em;
    background-position: 0.5em 0.75em;
    background-repeat: no-repeat;
    background-image: url(./images/tag.png);
    background-color: #E9F3F5;
    border-radius: 7px; -moz-border-radius: 7px;
}
div.tag_error {
    display: block;
    width: 50%;
    padding: 0.5em 1em 0.5em 3em;
    margin-bottom: 0.2em;
    background-position: .8em .9em;
    background-repeat: no-repeat;
    background-image: url(./images/tag-error.png);
    background-color: #FFFF80;
}
.tagcloud {
    font-size: smaller ;
    border: 1px #CCDEED solid;
    margin-top   : 2em ;
    margin-left  : 20% ;
    margin-right : 20% ;
    margin-bottom : 2em ;
    padding : 2em ;
    line-height : 300% ;
    background-color: #DEF9EE;
    border-radius: 13px; -moz-border-radius: 13px;
}
.tagcloud a { padding : 0.5em 0.5em 0.5em 0.5em ; white-space: nowrap }
.tagcloud .s1 { font-size : 90% ; color: #6D9D8A ; }
.tagcloud .s2 { font-size : 100% ; color: #568e78 ; }
.tagcloud .s3 { font-size : 120% ; color: #33725a ; }
.tagcloud .s4 { font-size : 150% ; color: #24503f ; height : 220% }
.tagcloud .s5 { font-size : 180% ; color: #244739 ; height : 250% }
.index .section a {
   color: #1D6263 ; font-size: larger ; font-weight: 600 ;
}

/* Neocortext plugins ............................................. */

a.prev {
    background: transparent url(images/prev.png) no-repeat center left;
    width: 48px; height: 48px;
    min-width: 48px; min-height: 48px;
    float:left;
    color: transparent;
}
a.prev:hover {
    background: transparent url(images/prev-hover.png) no-repeat center left;
    width: 48px; height: 48px;
    color: transparent;
}
a.next {
    background: transparent url(images/next.png) no-repeat center left;
    width: 48px; height: 48px;
    min-width: 48px; min-height: 48px;
    float:left;
    color: transparent;
}
a.next:hover {
    background: transparent url(images/next-hover.png) no-repeat center left;
    width: 48px; height: 48px;
    color: transparent;
}

/* custom styles ......................... */

.small { font-size: small ; }
.x-small, .fineprint { font-size: x-small ; }
.red { color: red; font-weight: bold }
.org { color: #FF8800; font-weight: bold }
.gry { color: gray }
.grn { color: #008800 ; font-weight: bold }
.prp { color: purple; font-weight: bold }

.aside {
  float: right; font-size: 85%; width: 30%;
  margin: 1em 1em 1em 3em; padding: 1em;
  border-left: 16px solid #eeeeee;
  background-image: none; 
  background-color: #fefefe; color: black;
}
.success {
  background-image: none; margin: 1em 25% 1em -16px;
  border-left: 16px solid #94FF36; border-top: none; border-right: none; border-bottom: none;
  background-color: #E6FEBB; color: black;
}
.info, .information {
  background-image: none; margin: 1em 25% 1em -16px;
  border-left: 16px solid #BBE6FE; border-top: none; border-right: none; border-bottom: none;
  background-color: #E8F7FF; color: black;
}
.warning {
  background-image: none; margin: 1em 25% 1em -16px;
  border-left: 16px solid orange; border-top: none; border-right: none; border-bottom: none;
  background-color: #FFDFC0; color: black;
}
.error {
  background-image: none; margin: 1em 25% 1em -16px;
  border-left: 16px solid red; border-top: none; border-right: none; border-bottom: none;
  background-color: #FFC0C0; color: black;
}

b { font-weight: 600 ; }
.extrabold { font-weight: 700 ; }
.blockquote {
  margin: 1em 4% 1em 4% ;
  padding: 1em 2em 1em 2em ;
  font-size: 90% ;
  background-color: #f9f9f9 ;
  max-width: 70em ;
  border: 1px solid #eeeeee;
  border-radius: 9px; -moz-border-radius: 9px;
}
.blockquote p {
  margin-top: 0.3em ;
}
.links h3 {
  font-size: 90% ;
}
.links {
  margin: 1em ;
  padding: 1em 2em 2em 2em ;
  background-color: #CCDEED ;
  border: thin dotted #d6e0e0 ;
  font-size : smaller ; line-height: 80% ;
  border-radius: 9px; -moz-border-radius: 9px;
}
.figure {
  float : right ;
  text-align : center ;
  vertical-align : middle ;
  font-size : 85% ;
  margin: 1em ;
  padding: 1em 1em 0.8em 1em ;
  background-color: white ;
  border-radius: 11px; -moz-border-radius: 11px;
}
.figure * img {
}
.indent {
  margin: 1em 2em 1em 2em ;
  padding: 1em 2em 1em 2em ;
  background-color: transparent ;
}
.hilite {
   background-color: Yellow;
   padding: 2px 2px 2px 2px ;
}
.welcome {
  font-size: 110%;
  margin: 1.5em;
  padding: 0.2em 1.5em 1.5em 1.5em;
  background-color: #FFF5F2;
  border: thin solid #FFE2DB;
  border-radius: 13px; -moz-border-radius: 13px;
}
.alias {
  margin-left: -1em; margin-bottom: 1.5em; padding: 0.4em 1em;
  width: 33%; font-size: small; font-style: italic;
  border-left: 16px solid #BBE6FE;
  background-color: #E8F7FF;
  border-radius: 5px; -moz-border-radius: 5px;
}
.alias a {
  color: #008BD9;
}
.index .header a, .index .section a {
  font-family: "Dosis", "Libre Franklin", "Candara", "Verdana", "Arial", "Helvetica", sans-serif ;
}
.index .section a {
  font-size: 110%;
  color: #880000;
}
.hx {
  margin: 2em 0 1em 0;
  font-family: "Dosis", "Libre Franklin", "Candara", "Verdana", "Arial", "Helvetica", sans-serif ;
  font-size: larger;
  font-weight: 600;
}

/* buttons .............................. */

.btn-primary{
    background-color:#a70000;
    border-color:#d70000
}
.btn-primary:focus,.btn-primary.focus{
    background-color:#670000;
    border-color:#970000
}
.btn-primary:hover{
    background-color:#670000;
    border-color:#c70000
}

.btn-primary:active,.btn-primary.active,.open>.dropdown-toggle.btn-primary{
    background-color:#670000;
    border-color:#c70000
}
.btn-primary:active:hover,.btn-primary.active:hover,.open>.dropdown-toggle.btn-primary:hover,.btn-primary:active:focus,.btn-primary.active:focus,.open>.dropdown-toggle.btn-primary:focus,.btn-primary:active.focus,.btn-primary.active.focus,.open>.dropdown-toggle.btn-primary.focus{
    background-color:#c70000;
    border-color:#970000
}
.btn-primary.disabled:hover,.btn-primary[disabled]:hover,fieldset[disabled] .btn-primary:hover,.btn-primary.disabled:focus,.btn-primary[disabled]:focus,fieldset[disabled] .btn-primary:focus,.btn-primary.disabled.focus,.btn-primary[disabled].focus,fieldset[disabled] .btn-primary.focus{
    background-color:#a70000;
    border-color:#d70000
}
.btn-primary .badge{
    color:#a70000;
    background-color:#fff
}
.userbox .btn-primary{
    background-color:#a70000;
    border-color:#d70000
}
.userbox .btn-primary:focus,.userbox .btn-primary.focus{
    background-color:#b70000;
    border-color:#970000
}
.userbox .btn-primary:hover{
    background-color:#b70000;
    border-color:#c70000
}
.userbox .btn-primary:active,.userbox .btn-primary.active,.open>.dropdown-toggle.userbox .btn-primary{
    background-color:#b70000;
    border-color:#c70000
}
.userbox .btn-primary:active:hover,.userbox .btn-primary.active:hover,.open>.dropdown-toggle.userbox .btn-primary:hover,.userbox .btn-primary:active:focus,.userbox .btn-primary.active:focus,.open>.dropdown-toggle.userbox .btn-primary:focus,.userbox .btn-primary:active.focus,.userbox .btn-primary.active.focus,.open>.dropdown-toggle.userbox .btn-primary.focus{
    background-color:#c70000;
    border-color:#970000
}
.userbox .btn-primary.disabled:hover,.userbox .btn-primary[disabled]:hover,fieldset[disabled] .userbox .btn-primary:hover,.userbox .btn-primary.disabled:focus,.userbox .btn-primary[disabled]:focus,fieldset[disabled] .userbox .btn-primary:focus,.userbox .btn-primary.disabled.focus,.userbox .btn-primary[disabled].focus,fieldset[disabled] .userbox .btn-primary.focus{
    background-color:#a70000;
    border-color:#d70000
}
.userbox .btn-primary .badge{
    color:#a70000;
    background-color:#fff
}
.btn:active,.btn.active {
    color:#fff;
    background-color:#c70000 !important;
    border-color:#d70000 !important;
}

/* end stylesheet ........................................................... */