body {
  background-color:#114466;
  background-color:#334455;
  background-image:url('../images/schraffursemi2.png');
  background-image:url('../images/bg_lowcontrast_800.jpeg');
  /*background-image:url('http://sourceforge.net/sflogo.php?group_id=48206&type=1');*/
  background-position: 0 0;
  background-position: center;
  font-family:sans-serif;
  font-size:0.8em;
}
#page {
    /*width:700px;*/
    margin-left:auto;
    margin-right:auto;
    margin-top:30px;
    margin-bottom:30px;
    padding:0px 0px 80px 0px;
}
#head {
    background-color:#444466;
    height:125px;
    padding:50px;
    -webkit-border-top-left-radius:20px;
    -webkit-border-top-right-radius:20px;
    -moz-border-radius-topleft:20px;
    -moz-border-radius-topright:20px;
}

table[id$="framed"], div[id$="framed"]{
  text-shadow: -1px -1px 0px rgba(255,255,255,.3), 1px 1px 0px rgba(0,50,100,.3), 1px 0px 5px rgba(0,80,160,.7), 1px 0px 9px rgba(0,80,160,1);
  /*background-image:url('../images/schraffursemi.png');*/
    /*text-shadow: 2px 0px 7px rgba(0,0,0,0.7);*/
     color:#FFFFFF;
    -webkit-border-top-left-radius:25px;
    -webkit-border-top-right-radius:25px;
    -moz-border-radius-topleft:25px;
    -moz-border-radius-topright:25px;
    -webkit-border-bottom-left-radius:25px;
    -webkit-border-bottom-right-radius:25px;
    -moz-border-radius-bottomleft:25px;
    -moz-border-radius-bottomright:25px;
    border-top-left-radius:25px;
    border-top-right-radius:25px;
    border-bottom-left-radius:25px;
    border-bottom-right-radius:25px;

    border: 3px solid white;
    Box-shadow: 0px 0px 10px 5px rgba(130,190,255,0.4) ,
 	        0px 0px 10px 5px rgba(130,190,255,0.4) inset;
    /*Box-shadow: 0px 0px 10px 5px rgba(255,230,130,0.4) ,
 	        0px 0px 10px 5px rgba(255,230,130,0.4) inset;*/

    padding:5px 5px 5px 5px;
}
#main {
    background-color:black;
    background-image:url('../images/bg_lowcontrast_blurred_800.jpeg');
    background-position: center;
    background-repeat: repeat;

    padding-bottom:50px;
    /*width:100%;*/

    -webkit-border-top-left-radius:60px;
    -webkit-border-top-right-radius:60px;
    -moz-border-radius-topleft:60px;
    -moz-border-radius-topright:60px;
    -webkit-border-bottom-left-radius:60px;
    -webkit-border-bottom-right-radius:60px;
    -moz-border-radius-bottomleft:60px;
    -moz-border-radius-bottomright:60px;
    border-top-left-radius:50px;
    border-top-right-radius:50px;
    border-bottom-left-radius:50px;
    border-bottom-right-radius:50px;


  -moz-background-clip: padding;     /* Firefox 3.6 */
  -webkit-background-clip: padding;  /* Safari 4? Chrome 6? */
  background-clip: padding-box;      /* Firefox 4, Safari 5, Opera 10, IE 9 */

    /*Box-shadow: 20px 20px 30px 30px rgba(0,0,0,0.4),
           21px 21px 0px 8px rgba(0,0,0,0.4) inset;*/
    /*Box-shadow: 16px 16px 30px 20px rgba(0,0,0,0.7),
                15px 15px 30px -5px rgba(130,190,255,0.4) inset,
                -15px -15px 30px -5px rgba(255,180,100,0.15) inset;*/
    Box-shadow: 16px 16px 30px 20px rgba(0,0,0,0.3),
                15px 15px 30px -5px rgba(80,100,130,0.4) inset,
                -15px -15px 30px -5px rgba(130,100,80,0.3) inset;

    /*border: 2px solid rgba(255,255,255,1);*/
    border: 2px solid rgba(255,255,255,1);
}
#body {
    background-color:white;
    color:#433;
    margin-left:200px;
    padding:20px;
}
#foot {
    color:#cccccc;
    font-size:80%;
    background-color:#664444;
    height:20px;
    padding:15px;
    text-align:center;
    -webkit-border-bottom-left-radius:20px;    
    -webkit-border-bottom-right-radius:20px;    
    -moz-border-radius-bottomleft:20px;    
    -moz-border-radius-bottomright:20px;    
}
#sidebar {
    background-color:white;
    width:160px;
    color:#433;
}
a.menu { 
    display:block;
    height:25px;
    padding-top:10px;
    padding-left:20px;
    border-bottom:1px dotted grey;
    text-decoration:none;
    color:#866;
}
a.menu:hover { 
    color:black;
    border-bottom:1px solid grey;
    background-color:#ccc;
}
table.layout td {
    margin:0px;
    padding:0px;
}
#logo {
    float:left;
    height:100px;
    width:100px;
    margin-top:25px;
    margin-left:25px;
}

.message {
    color:#ff0;
    width:80%;
    padding: 20px 50px 20px 50px;
    font-size: medium;
}

input[type=text], input[type=password] {
    background-color:rgba(220,220,220,255);
     display: table;
    color:#333;

    -webkit-border-top-left-radius:15px;
    -webkit-border-top-right-radius:15px;
    -moz-border-radius-topleft:15px;
    -moz-border-radius-topright:15px;
    -webkit-border-bottom-left-radius:15px;
    -webkit-border-bottom-right-radius:15px;
    -moz-border-radius-bottomleft:15px;
    -moz-border-radius-bottomright:15px;
    border-top-left-radius:15px;
    border-top-right-radius:15px;
    border-bottom-left-radius:15px;
    border-bottom-right-radius:15px;

    /*width: auto;
    height: auto;*/

    text-align: left;

    /*border: 3px solid white;*/
    border: 1px solid white;

    Box-shadow: 0px 0px 10px 2px rgba(130,190,255,0.4) ,
 	        0px 0px 10px 2px rgba(130,190,255,0.4) inset;

    /*animation:mymove1 0.05s infinite;
    -webkit-animation:mymove1 0.05s infinite;*/
    padding: 3px 8px 3px 8px;

}
.button {
     background-color:rgba(64,84,128,0.7);
     display: table;
    -webkit-border-top-left-radius:20px;
    -webkit-border-top-right-radius:20px;
    -moz-border-radius-topleft:20px;
    -moz-border-radius-topright:20px;
    -webkit-border-bottom-left-radius:20px;
    -webkit-border-bottom-right-radius:20px;
    -moz-border-radius-bottomleft:20px;
    -moz-border-radius-bottomright:20px;
    border-top-left-radius:20px;
    border-top-right-radius:20px;
    border-bottom-left-radius:20px;
    border-bottom-right-radius:20px;

    /*width: auto;
    height: auto;*/

    text-align: center;

    /*border: 3px solid white;*/
    border: 3px solid white;

    Box-shadow: 0px 0px 10px 5px rgba(130,190,255,0.4) ,
 	        0px 0px 10px 5px rgba(130,190,255,0.4) inset;

    /*animation:mymove1 0.05s infinite;
    -webkit-animation:mymove1 0.05s infinite;*/
    padding:8px 16px 8px 16px;

}

.transpBG {
     background-color: rgba(60,60,60,.6);
     /*background-image:url('../images/schraffursemi.png');*/
    -webkit-border-top-left-radius:22px;
    -webkit-border-top-right-radius:22px;
    -moz-border-radius-topleft:22px;
    -moz-border-radius-topright:22px;
    -webkit-border-bottom-left-radius:22px;
    -webkit-border-bottom-right-radius:22px;
    -moz-border-radius-bottomleft:22px;
    -moz-border-radius-bottomright:22px;
    border-top-left-radius:22px;
    border-top-right-radius:22px;
    border-bottom-left-radius:22px;
    border-bottom-right-radius:22px;
    padding: 25px 45px 25px 45px;
}

.textbutton {
     background-color:rgba(64,84,128,.7);
     display: table;
    -webkit-border-top-left-radius:5px;
    -webkit-border-top-right-radius:5px;
    -moz-border-radius-topleft:5px;
    -moz-border-radius-topright:5px;
    -webkit-border-bottom-left-radius:5px;
    -webkit-border-bottom-right-radius:5px;
    -moz-border-radius-bottomleft:5px;
    -moz-border-radius-bottomright:5px;
    border-top-left-radius:5px;
    border-top-right-radius:5px;
    border-bottom-left-radius:5px;
    border-bottom-right-radius:5px;

    /*width: auto;
    height: auto;*/

    text-align: center;

    /*border: 3px solid white;*/
    border: 0px solid white;

    /*Box-shadow: 0px 0px 10px 5px rgba(0,0,0,.5) ,
               0px 0px 10px 5px rgba(0,0,0,.5) inset;*/

    /*animation:mymove1 0.05s infinite;
    -webkit-animation:mymove1 0.05s infinite;*/
    padding:2px 8px 2px 8px;

}
a:hover .button {
    /*Box-shadow: 0px 0px 10px 5px rgba(255,255,128,0.5) ,
 	        0px 0px 10px 5px rgba(255,255,128,0.5) inset;*/
    Box-shadow: 0px 0px 10px 5px rgba(130,190,255,0.8) , 0px 0px 10px 5px rgba(130,190,255,0.8) inset;
    /*border-color:#FFFF88;*/
    animation:buttonglow-hover 0.05s infinite;
    -webkit-animation:buttonglow-hover 0.05s infinite;
}
a:active .button {
    Box-shadow: 0px 0px 10px 5px rgba(0,128,255,0.8) , 0px 0px 10px 5px rgba(0,128,255,0.8) inset;
    border-color:#0080FF;
    animation:buttonglow-active 0.05s infinite;
    -webkit-animation:buttonglow-active 0.05s infinite;
}
/*a:visited .button {
    Box-shadow: 0px 0px 10px 5px rgba(255,0,0,0.8) , 0px 0px 10px 5px rgba(255,0,0,0.8) inset;
    border-color:#FF0000;
}*/
@keyframes buttonglow-normal {
from {Box-shadow: 0px 0px 10px 5px rgba(130,190,255,0.35) , 0px 0px 10px  5px rgba(130,190,255,0.35) inset;}
to   {Box-shadow: 0px 0px 10px 5px rgba(130,190,255,0.45) , 0px 0px 10px  5px rgba(130,190,255,0.45) inset;}
}
@keyframes buttonglow-hover {
from {Box-shadow: 0px 0px 10px 5px rgba(130,190,255,0.6) , 0px 0px 10px  5px rgba(130,190,255,0.6) inset;}
to   {Box-shadow: 0px 0px 10px 5px rgba(130,190,255,0.9) , 0px 0px 10px  5px rgba(130,190,255,0.9) inset;}
}
@keyframes buttonglow-active {
from {Box-shadow: 0px 0px 10px 5px rgba(0,128,255,0.6) , 0px 0px 10px  5px rgba(0,128,255,0.6) inset;}
to   {Box-shadow: 0px 0px 10px 5px rgba(0,128,255,0.9) , 0px 0px 10px  5px rgba(0,128,255,0.9) inset;}
}
@-webkit-keyframes buttonglow-normal {
from {Box-shadow: 0px 0px 10px 5px rgba(130,190,255,0.35) , 0px 0px 10px  5px rgba(130,190,255,0.35) inset;}
to   {Box-shadow: 0px 0px 10px 5px rgba(130,190,255,0.45) , 0px 0px 10px  5px rgba(130,190,255,0.45) inset;}
}
@-webkit-keyframes buttonglow-hover {
from {Box-shadow: 0px 0px 10px 5px rgba(130,190,255,0.6) , 0px 0px 10px  5px rgba(130,190,255,0.6) inset;}
to   {Box-shadow: 0px 0px 10px 5px rgba(130,190,255,0.9) , 0px 0px 10px  5px rgba(130,190,255,0.9) inset;}
}
@-webkit-keyframes buttonglow-active {
from {Box-shadow: 0px 0px 10px 5px rgba(0,128,255,0.6) , 0px 0px 10px  5px rgba(0,128,255,0.6) inset;}
to   {Box-shadow: 0px 0px 10px 5px rgba(0,128,255,0.9) , 0px 0px 10px  5px rgba(0,128,255,0.9) inset;}
}
.neonimg {
   /*opactiy: 0.5;
   filter:alpha(opacity=40);*/
}
#title {
    margin-top:25px;
    margin-left:150px;
    color:white;
    font-size:50pt;
    font-weight:bold;
    font-style:italic;
}
.about {
    font-size:80%;
    padding:20px 0px 20px 20px;
    text-align:justify;
    color:#666;
}
div.img, div.shadertoy {
  padding:5px 5px 3px 5px;
  margin:10px 10px 10px 10px;
  /*border:1px solid #0000ff;*/
  /*height:auto;
  width:auto;*/
  /*height:120px;
  width:130px;*/
  /*width:125px;*/
  min-width:125px;
  float:left;
  text-align:center;
    -webkit-border-top-left-radius:5px;
    -webkit-border-top-right-radius:5px;
    -moz-border-radius-topleft:5px;
    -moz-border-radius-topright:5px;
    -webkit-border-bottom-left-radius:5px;
    -webkit-border-bottom-right-radius:5px;
    -moz-border-radius-bottomleft:5px;
    -moz-border-radius-bottomright:5px;
    border-top-left-radius:5px;
    border-top-right-radius:5px;
    border-bottom-left-radius:5px;
    border-bottom-right-radius:5px;

    border: 1px solid white;

    Box-shadow: 0px 0px 4px 4px rgba(130,190,255,0.4) ,
 	        0px 0px 4px 4px rgba(130,190,255,0.4) inset;
}
.bgbutton {
  background-color:rgba(64,84,128,.7);
  padding:5px 5px 3px 5px;
  margin:10px 10px 10px 10px;
  /*border:1px solid #0000ff;*/
  /*height:auto;
  width:auto;*/
  /*height:120px;
  width:130px;*/
  /*width:125px;*/
  min-width:125px;
  float:left;
  text-align:center;
    -webkit-border-top-left-radius:5px;
    -webkit-border-top-right-radius:5px;
    -moz-border-radius-topleft:5px;
    -moz-border-radius-topright:5px;
    -webkit-border-bottom-left-radius:5px;
    -webkit-border-bottom-right-radius:5px;
    -moz-border-radius-bottomleft:5px;
    -moz-border-radius-bottomright:5px;
    border-top-left-radius:5px;
    border-top-right-radius:5px;
    border-bottom-left-radius:5px;
    border-bottom-right-radius:5px;

    border: 1px solid white;

    Box-shadow: 0px 0px 4px 4px rgba(130,190,255,0.4) ,
 	        0px 0px 4px 4px rgba(130,190,255,0.4) inset;
}
/*div.img {
  width:125px;
}*/
a:hover .img {
    Box-shadow: 0px 0px 4px 4px rgba(130,190,255,0.8) ,
 	        0px 0px 4px 4px rgba(130,190,255,0.8) inset;
}
div.img img {
  display:inline;
  margin:0px;
  border:1px solid #000000;
}
div.img a:hover img {
  border:1px solid #FFFF00;
}
div.desc {
  text-align:center;
  font-weight:normal;
  font-size:15px;
  /*width:120px;*/
  margin:0px;
}
a {
  text-decoration:none;
  outline: 0; /* removed dotted outlines around key-navigation outline */
}
a:link {color:#FF8800; border-color:#FFCCAA;}    /* unvisited link */
a:visited {color:#DD8800; border-color:#FFCCAA;} /* visited link */
a:hover {color:#FFDD00; border-color:#FFFFFF;}   /* mouse over link */
a:active {color:#FFAA88; border-color:#FFFFFF;}  /* selected link */
* {
 /*border: 1px solid red;*/
  text-shadow: 2px 0px 7px rgba(255,100,0,0.7);
  /*text-shadow: 2px 0px 1px rgba(255,0,0,1.0), -2px 0px 1px rgba(0,128,255,1.0), 0px 0px 10px rgba(255,255,0,0.6);*/
  /*text-shadow: 0px 0px 7px rgba(0,0,0,1.0);*/
  /*animation:abberation 0.01s infinite;*/
}
@keyframes abberation {
 from { text-shadow: 2px 0px 1px rgba(255,0,0,1.0), -2px 0px 1px rgba(0,128,255,1.0), 0px 0px 10px rgba(255,255,0,0.6) }
 to   { text-shadow: 0px 0px 0px rgba(255,0,0,1.0), -0px 0px 0px rgba(0,128,255,1.0), 0px 0px 10px rgba(255,255,0,0.6) }
}

/* The Modal (background) */
.modal {
    display: none; /* Hidden by default */
    position: fixed; /* Stay in place */
    z-index: 12; /* Sit on top */
    left: 0;
    top: 0;
    width: 100%; /* Full width */
    height: 100%; /* Full height */
    overflow: auto; /* Enable scroll if needed */
    background-color: rgb(0,0,0); /* Fallback color */
    background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
}

/* Modal Content/Box */
.modal-content {
  background: rgba(110, 130, 150, 0.9);
  /*background: radial-gradient(rgba(190, 210, 230, 0.9), rgba(200, 220, 240, 0.7), rgba(210, 230, 250, 0.5));*/
  background-image:url('../images/schraffursemi.png');
  /*background: radial-gradient(#DDEEFF, #CCDDEE, #99CCEE);*/
    -webkit-border-top-left-radius:25px;
    -webkit-border-top-right-radius:25px;
    -moz-border-radius-topleft:25px;
    -moz-border-radius-topright:25px;
    -webkit-border-bottom-left-radius:25px;
    -webkit-border-bottom-right-radius:25px;
    -moz-border-radius-bottomleft:25px;
    -moz-border-radius-bottomright:25px;
    border-top-left-radius:25px;
    border-top-right-radius:25px;
    border-bottom-left-radius:25px;
    border-bottom-right-radius:25px;
    /*opacity: 0.9;*/
    /*background-color: #CDE;*/
    margin: 15% auto; /* 15% from the top and centered */
    padding: 0px;
    border: 3px solid #FFF;
    width: 800px; /* Could be more or less, depending on screen size */
}