﻿body {
    background-color: whitesmoke;
    background-image: url("images/zenbg.png"), url("images/zenbg-2.png");
    background-repeat: repeat-x, repeat;
}

/* Bold Title font */
@font-face {
    font-family: 'TWOWAF';
    src: url('fonts/The Walls of Wind and Fire - Title Bold.woff')  format('woff'),
        url('fonts/The Walls of Wind and Fire - Title Bold.eot') format('eot'),
        url('fonts/The Walls of Wind and Fire - Title Bold.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

/* Normal Text font */
@font-face {
    font-family: 'TWOWAFText';
    src: url('fonts/The Walls of Wind and Fire - Text.woff')  format('woff'),
        url('fonts/The Walls of Wind and Fire - Text.eot') format('eot'),
        url('fonts/The Walls of Wind and Fire - Text.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

/* Bold VATS Title, smaller size */
.vatsTitleSmall {
    font-family: 'TWOWAF';
    font-size: 35px;
    text-shadow: 1px 1px 1px whitesmoke, 0 0 0 #000, 1px 1px 1px whitesmoke;
}
        
/* Bold VATS Title, larger size */
.vatsTitleLarge {
    font-family: 'TWOWAF';
    font-size: 75px;
    text-shadow: 1px 1px 1px whitesmoke, 0 0 0 #000, 1px 1px 1px whitesmoke;
}
        
/* Bold VATS Text, normal size */
.vatsText {
    font-family: 'TWOWAFText';
    font-size: 1em;
    font-weight: normal;
}

.titleBar {
    display: inline-block;
    position: absolute;
    top: 20px;
    left: 0px;
    right: 0px;
    text-align: left;
    padding: 0 0 0 40px;
    clear: none;
}

.sigilContainer {
    display: inline-block;
    position: absolute;
    left: 355px;
    top: 0px;
    right: 355px;
    bottom: 40px;
    margin: 0;
    padding: 0;
    align-content: center;
}

.sigil {
    display: inline-block; /*margin: auto;*/
}

.panel {
    background-color: rgba(245, 245, 245, 0.4);
}

.panel-heading {
    background: transparent;
}

span.glyphicon {
    margin-right: 5px;
}