/*General Formatting */

body, html {
    background-color                : black ;
    height                          : 100% ;
  margin: 0;
}

.bg {
  /* The image used */
  background-image: url("img/splashbg.png");

  /* Full height */
  height: calc(100% - 10px); 

  /* Center and scale the image nicely */
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}

body, td, a, .headBody {
    
    font-family                     : "Raleway", sans-serif;
    font-size                       : 1.0em ;
    font-style                      : normal;
    font-weight                     : 400;
    
}

a, a:hover, a:visited, a:active, a:link { 
    
    color                           : yellow ;
    text-decoration                 : none;
    
}

td {
    
    text-align                      : left;
    vertical-align                  : top ;
    
}

.smallText {
    
    font-size                       : 0.8em ;
    
}

/* Layout */

.center {
    text-align                      : center;
}

.right {
    text-align                      : right;
}

.container {
    
    margin                          : 0px ;
    margin-right                    : 10px ;
    
}

.contentBlock, .imageBlock {
    
  opacity: 0.8;
    width                           : calc(100% - 10px) ;
    
}

.contentBlock {
    
    background-color                : #967BB6;
    border-radius                   : 10px 0px;
    border-left                     : 3px solid purple;
    border-right                    : 3px solid #3f51b5;
    color                           : white;
    margin-left                     : 10px;
    margin-top                      : 10px;
    padding                         : 5px;
    
}

.imageBlock {
    
    border-radius                   : 10px 0px;
    border-left                     : 3px solid purple;
    border-right                    : 3px solid #3f51b5;
    margin-left                     : 10px;
    margin-top                      : 10px;
    overflow                        : hidden;
}

.contentHead, .pageHead {
    
    font-family                     : "Raleway", sans-serif;
    font-size                       : 1.2em ;
    font-style                      : normal;
    font-weight                     : 700;
    
}

.pageHead {
    
    padding                         : 5px;    
    
}

.headTitle {
    
    font-family                     : "Srisakdi", serif;
    font-size                       : 1.3em;
    font-style                      : normal;
    font-weight                     : 700;
    width : 100%;
    display:inline-block;
    
}

.headAttr {
    
    font-family                     : "Srisakdi", serif;
    font-size                       : 1.0em;
    font-style                      : normal;
    font-weight                     : 700;
    width : 100%;
    display:inline-block;
    
}