/*
 UWiKiCMS is a lightweight web content management system.
 Copyright (C) 2005, 2006, 2007, 2009, 2013, 2015, 2016 Christian Mauduit <ufoot@ufoot.org>

 This program is free software; you can redistribute it and/or
 modify it under the terms of the GNU General Public License as
 published by the Free Software Foundation; either version 2 of
 the License, or (at your option) any later version.

 This program is distributed in the hope that it will be useful,
 but WITHOUT ANY WARRANTY; without even the implied warranty of
 MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
 GNU General Public License for more details.

 You should have received a copy of the GNU General Public
 License along with this program; if not, write to the Free
 Software Foundation, Inc., 51 Franklin St, Fifth Floor, Boston,
 MA  02110-1301  USA
*/

body {
    font-size: large;
    color: #ffffff;
    background-color: #000000;
    background-image: url('../../images/babal/stars-sky.png');
    background-repeat: repeat;
}
/* see .default for default text color */
a {
    text-decoration: underline;
    color: #29d6d6;
}
a:active {
    text-decoration: underline;
    color: #29d6d6;
}
a:visited {
    text-decoration: underline;
    color: #29d6d6;
}
a:hover {
    text-decoration: underline;
    color: #d6d629;
    font-weight: bold;
}
.box a {
    text-decoration: underline;
    color: #29d6d6;
}
.box a:active {
    text-decoration: underline;
    color: #29d6d6;
}
.box a:visited {
    text-decoration: underline;
    color: #29d6d6;
}
.box a:hover {
    text-decoration: underline;
    color: #d6d629;
    font-weight: bold;
}
.image a {
    text-decoration: underline;
    color: #29d6d6;
}
.image a:active {
    text-decoration: underline;
    color: #29d6d6;
}
.image a:visited {
    text-decoration: underline;
    color: #29d6d6;
}
.image a:hover {
    text-decoration: underline;
    color: #d6d629;
    font-weight: bold;
}
.default {
    color: #ffffff;
    margin-bottom: 1em;
}
.status0 {
    color: #ffffff;
    background-color: #000000;
    border-width: 2px;
    border-style: solid;
    border-color: #ffffff;
    margin-bottom: 1em;
}
.status1 {
    color: #d6d6d6;
    background-color: #000000;
    border-width: 2px;
    border-style: dashed;
    border-color: #d6d6d6;
    margin-bottom: 1em;
}
.status2 {
    color: #d6d6d6;
    background-color: #000000;
    border-width: 4px;
    border-style: dashed;
    border-color: #d6d6d6;
    margin-bottom: 1em;
}
.status3 {
    color: #d6d6d6;
    background-color: #000000;
    border-width: 8px;
    border-style: dashed;
    border-color: #d6d6d6;
    margin-bottom: 1em;
}
.box {
    font-size: medium;
    color: #ffffff;
    background-color: #292929;
}
.image {
    font-size: medium;
    color: #ffffff;
    background-color: #d629d6;
}
.default input {
    font-size: large;
    color: #000000;
    background-color: #ffffff;
}
.status0 input {
    font-size: large;
    color: #000000;
    background-color: #ffffff;
}
.status1 input {
    font-size: large;
    color: #000000;
    background-color: #d6d6d6;
}
.status2 input {
    font-size: large;
    color: #000000;
    background-color: #d6d6d6;
}
.status3 input {
    font-size: large;
    color: #000000;
    background-color: #d6d6d6;
}
.box input {
    font-size: medium;
    color: #000000;
    background-color: #ffffff;
}
.default textarea {
    font-size: large;
    color: #000000;
    background-color: #ffffff;
}
.status0 textarea {
    font-size: large;
    color: #000000;
    background-color: #ffffff;
}
.status1 textarea {
    font-size: large;
    color: #000000;
    background-color: #d6d6d6;
}
.status2 textarea {
    font-size: large;
    color: #000000;
    background-color: #d6d6d6;
}
.status3 textarea {
    font-size: large;
    color: #000000;
    background-color: #d6d6d6;
}
.box textarea {
    font-size: large;
    color: #000000;
    background-color: #ffffff;
}
.default select {
    font-size: large;
    color: #000000;
    background-color: #ffffff;
}
.status0 select {
    font-size: large;
    color: #000000;
    background-color: #ffffff;
}
.status1 select {
    font-size: large;
    color: #000000;
    background-color: #d6d6d6;
}
.status2 select {
    font-size: large;
    color: #000000;
    background-color: #d6d6d6;
}
.status3 select {
    font-size: large;
    color: #000000;
    background-color: #d6d6d6;
}
.box select {
    font-size: medium;
    color: #000000;
    background-color: #ffffff;
}
/* Buggy MSIE (Internet Explorer) can't inherit colors in IMG tag */
.msiehackbox {
    border-color: #d6d6d6;
}
a:visited .msiehackbox {
    border-color: #d6d6d6;
}
a:hover .msiehackbox {
    border-color: #d6d629;
}
.msiehackimage {
    border-color: #d6d6d6;
}
a:visited .msiehackimage {
    border-color: #d6d6d6;
}
a:hover .msiehackimage {
    border-color: #d6d629;
}
img {
    border-style: solid;
    border-width: 2px;
    margin: 1px;
    vertical-align: middle;
}
img:hover {
    border-width: 3px;
    margin: 1px;
}
input {
    border-width: 2px;
    margin: 1px;
}
input:hover {
    border-width: 3px;
    margin: 1px;
}
input.button {
    border-style: outset;
}
input.edit {
    border-style: inset;
}
textarea {
    border-width: 2px;
    margin: 1px;
}
textarea:hover {
    border-width: 3px;
    margin: 1px;
}
select {
    border-width: 3px;
    margin: 1px;
}
select:hover {
    /* Dynamic border-width doesn't work on Mozilla for select... */
    border-width: 3px;
    margin: 1px;
}
h1 {
    font-variant: small-caps;
}
h2 {
    font-variant: small-caps;
}
h3 {
    font-variant: small-caps;
}
h4 {
    font-variant: small-caps;
}
h5 {
    font-variant: small-caps;
}
h6 {
    font-variant: small-caps;
}
.box {
    border-width: 2px;
    border-style: solid;
    border-color: #d6d6d6;
    padding: 2px;
}
.image {
    border-width: 2px;
    border-style: solid;
    border-color: #d6d6d6;
    padding: 2px;
    margin: 2px;
    text-align: center;
}
.odd {
    float: left;
    width: 240px;
}
.even {
    float: right;
    width: 240px;
}
.menu {
    font-variant: small-caps;
}
.admin {
}
.system {
    font-style: italic;
}
.textmode {
    display: none;
}

@media only screen and (max-width: 799px) {
    .mobile {
        display: inline;
    }
    .desktop {
        display: none;
    }
}

@media only screen and (min-width: 800px) {
    .mobile {
        display: none;
    }
    .desktop {
        display: inline;
    }
}