body {
    background-color: #aea990;
}

body,td,div {
    
    font-family: 'Oxygen', sans-serif;
}

.col-xxs-1, .col-xxs-2, .col-xxs-3, .col-xxs-4,
.col-xxs-5, .col-xxs-6, .col-xxs-7, .col-xxs-8,
.col-xxs-9, .col-xxs-10, .col-xxs-11, .col-xxs-12 {
    min-height: 1px;
    padding-left: 15px;
    padding-right: 15px;
    position: relative;
}

@media (max-width: 384px) {
    .col-xxs-1,
    .col-xxs-2,
    .col-xxs-3,
    .col-xxs-4,
    .col-xxs-5,
    .col-xxs-6,
    .col-xxs-7,
    .col-xxs-8,
    .col-xxs-9,
    .col-xxs-10,
    .col-xxs-11 {
        float: left;
    }

    .col-xxs-1 {
        width: 8.333333333333332%;
    }

    .col-xxs-2 {
        width: 16.666666666666664%;
    }

    .col-xxs-3 {
        width: 25%;
    }

    .col-xxs-4 {
        width: 33.33333333333333%;
    }

    .col-xxs-5 {
        width: 41.66666666666667%;
    }

    .col-xxs-6 {
        width: 50%;
    }

    .col-xxs-7 {
        width: 58.333333333333336%;
    }

    .col-xxs-8 {
        width: 66.66666666666666%;
    }

    .col-xxs-9 {
        width: 75%;
    }

    .col-xxs-10 {
        width: 83.33333333333334%;
    }

    .col-xxs-11 {
        width: 91.66666666666666%;
    }

    .col-xxs-12 {
        width: 100%;
    }

    .col-xxs-push-1 {
        left: 8.333333333333332%;
    }

    .col-xxs-push-2 {
        left: 16.666666666666664%;
    }

    .col-xxs-push-3 {
        left: 25%;
    }

    .col-xss-push-4 {
        left: 33.33333333333333%;
    }

    .col-xxs-push-5 {
        left: 41.66666666666667%;
    }

    .col-xxs-push-6 {
        left: 50%;
    }

    .col-xxs-push-7 {
        left: 58.333333333333336%;
    }

    .col-xxs-push-8 {
        left: 66.66666666666666%;
    }

    .col-xxs-push-9 {
        left: 75%;
    }

    .col-xxs-push-10 {
       left: 83.33333333333334%;
    }

    .col-xxs-push-11 {
       left: 91.66666666666666%;
    }

    .col-xxs-pull-1 {
        right: 8.333333333333332%;
    }

    .col-xxs-pull-2 {
        right: 16.666666666666664%;
    }

    .col-xxs-pull-3 {
        right: 25%;
    }

    .col-xxs-pull-4 {
        right: 33.33333333333333%;
    }

    .col-xxs-pull-5 {
        right: 41.66666666666667%;
    }

    .col-xxs-pull-6 {
        right: 50%;
    }

    .col-xxs-pull-7 {
        right: 58.333333333333336%;
    }

    .col-xxs-pull-8 {
        right: 66.66666666666666%;
    }

    .col-xxs-pull-9 {
        right: 75%;
    }

    .col-xxs-pull-10 {
        right: 83.33333333333334%;
    }

    .col-xxs-pull-11 {
        right: 91.66666666666666%;
    }

    .col-xxs-offset-1 {
        margin-left: 8.333333333333332%;
    }

    .col-xxs-offset-2 {
        margin-left: 16.666666666666664%;
    }

    .col-xxs-offset-3 {
        margin-left: 25%;
    }

    .col-xxs-offset-4 {
        margin-left: 33.33333333333333%;
    }

    .col-xxs-offset-5 {
        margin-left: 41.66666666666667%;
    }

    .col-xxs-offset-6 {
        margin-left: 50%;
    }

    .col-xxs-offset-7 {
        margin-left: 58.333333333333336%;
    }

    .col-xxs-offset-8 {
        margin-left: 66.66666666666666%;
    }

    .col-xxs-offset-9 {
        margin-left: 75%;
    }

    .col-xxs-offset-10 {
        margin-left: 83.33333333333334%;
    }

    .col-xxs-offset-11 {
        margin-left: 91.66666666666666%;
    }
} 

.dead, .win {
	text-align: center;
}

.merchant_item_label {
	width: 150px;
}

.merchant-credit {
    font-size: smaller;
    text-align: right;
    margin: 0;
    padding: 0;
    margin-bottom: 3px;

}

.inv-filter {
    margin-bottom: 4px;
    padding: 0px;
    text-align: center;
}

td {
	vertical-align: top;
}

h3 {
	text-align: center;
	font-variant: small-caps;
    background-color: #ccd;
    border: 1px solid #9393aa;
    margin:0;
    font-size: large;
    padding: 4px;
    border-radius: .25rem;
}
.stat-col {
    width: 50%;
    float: left;
    padding-left: 8px;
}
.playerstat {
     font-weight: bold;
}

.player-progress {
    height: 6px;
    min-height: 6px;
    background-color: #dde;
    padding: 0;
    margin: 0;
    width: 100%;
}
.player-progress-bar {
    height: 6px;
    background-image: url(../images/user_progress.gif);
    background-repeat: repeat-x;
    background-color: #5078ae;
    font-size: 6px;
    min-height: 6px;
    padding: 0;
    margin: 0;
}

.playerstat-fight {
    border-bottom: 1px dotted #999;
    margin-bottom: 2px;
}

.playerstat-label {
    display: inline-block;
    font-size:smaller;
    width: 40px;
}

.playerstat-armor {
    font-size: smaller;
    list-style-type: none;
    margin: 0;
    padding: 0;
}
.armorclass-next {
    display: inline-block;
    width: 50%;
    margin: 0;
    margin-right: 10px;
    padding: 0;
    height: 10px;
    font-size: 10px;
}

.item-name {
    font-size: smaller;
}

.exit {

    overflow: hidden;

}
.no-exit {

}
.previous-exit  {
 
}

table.navigator {
  
}

.navigator-cell {
    min-height: 60px;
}

.theme-ship {
   background-color: #999;
   background-image: url(../images/ship-pattern.png);
   background-repeat: repeat;

}
.theme-ship .no-exit {
    background-color: #333;
}

.theme-ship .previous-exit {
   background-color: #bbb;
   background-image: url(../images/ship-pattern.png);
   background-repeat: repeat;

}

.theme-mountains  {
    background-color: #919E97;
}

.theme-mountains .no-exit {
    background-color: #0A2A40;
}

.theme-mountains .previous-exit {
    background-color: #B3B3B3;
}

.theme-chaos  {
    background-color: #FD6E8A;
    background-image: url(../images/chaos-background.jpg);
}

.theme-chaos .no-exit {
    background-image: url(../images/chaos-background-no-exit.png);   
    
}

.theme-chaos .previous-exit {
     background-color: none;
    background-image: url(../images/chaos-background-previous-exit.png);   
}

.theme-forest{
    background-color: #778148;
}


.theme-forest .no-exit{
    background-color:#3c2923;
}


.theme-forest .previous-exit{
    background-color: #949265;
}

.theme-desert {
    background-color: #dabf77;
}

.theme-desert .no-exit{
    background-color: #84500b;
}

.theme-desert .previous-exit{
    background-color: #ead7a4;
}

.theme-plains{
    background-color: #c4c2a4;
}

.theme-plains .no-exit {
    background-color: #444;
}

.theme-plains .previous-exit {
    background-color: #dad8c3;
}

.chamber  {

     
}


.armorclass-next >  .progress-bar {
    font-size: x-small;
    text-align: center;
}

.merchant_item_price {
	width: 20px;
	font-weight: bold;
}
.inventory-row > td {
    padding-bottom: 7px;
    
}
.player-stats {
	font-size: larger;
	
	font-weight: bold;
}


.navigator  {
	width: 100%;
}

.navigator TD {
	width: 33%;
	overflow: hidden;
	height: 50px;
	text-align: center;
	padding: 4px;
	
}
.nav-room-name {
	font-size:x-small;
    background-color: rgba(255,255,255,0.3);
}

button:disabled,
button[disabled]{
  border: 1px solid #999999;
  background-color: rgba(128,128,128,128);
  color: #aaa;
}

.console {
	
}

.list-group-item {
    padding-top: 4px;
    padding-bottom: 6px;
    font-size: small;
}

.console-warning {
	color: orange;
}

.console-error {
	color:red;
}
.console-info {
	color:black;
}
.console-success {
	color:darkgreen;

}

.console-last {
	background-color: white;
	font-weight: bold;
}
.console-other {
	background-color: #eee;
}

.monster-section, .merchant-section {
	

}
.container {
    
}
.progress-bar-success {
	background-color: #ccc;
	color: black;
}


.fast-stats {
	border: 1px solid #666;
    background-color: white;
    padding: 0px;
    

}
.fast-stat {
    font-family: monospace;
	
	width: 25%;
	padding: 0;
	margin: 0;
	text-align: center;
	font-size: smaller;

}

.panel-heading {
    font-variant: small-caps;
    text-align: center;
    font-weight: bold;
}
input.seed {
    border: 1px solid #aaa;
    padding: 2px;
}
.menu-replay a{
    
}

.health-healthy {
    background-color: #cec8ab;
}

.health-hurt {
    background-color: #c5ac91;
}

.health-damaged {
    background-color: #b6816c;
}

.health-badly-damaged {
    background-color: #a65342;
}
.health-nearly-dead {
    background-color: #971c1c;
}

.health-dead {
    background-color: #550000;
}

.main {
    background-color: white;
    border: 1px solid black;
    padding: 1em;

}

.main p {
    margin-left: 1em;
    margin-right: 1em;
}

.main .intro {
    margin-left: 2em;
    margin-right: 2em;
    font-style: italic;
}

h4 {
   font-weight: bold;

}
.centered {
    margin-left: auto;
    margin-right: auto;
    text-align: center;
}

.manual-table {
    margin-left: auto;
    margin-right: auto;
}

.manual-table td + td { 
    text-align: right;
 }

 .manual-table .section {
    text-align: center;
 }

 .story {
    padding: 1em;
    border: 1px solid black;
    font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif;

    background: none;
    text-decoration: none;
    font-style: normal;
    font-variant: normal;
    font-weight: normal;
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}

.story h1 {
    font-size: 14pt;
    font-variant: small-caps;
    text-align: center;
    border-bottom: 1px solid #999;
 }

.story h2 {
    font-size: 12pt;
    text-align: right;
    font-style: italic;
}

.story p{
    font-size: 11pt;
}

.map {
    margin-right: auto;
    margin-left: auto;
    
    border: 1px solid #A96;
    width: 152px;
    padding: 5px;
    background-color: #FFE9BB;
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
    position: relative;
    top: 0;
    left: 0;
}

.title {
    text-align: center;
    font-family: serif;
    font-style: italic;
    font-weight: bold;
}
.map .tile {
    position: absolute;
}

.map .player {
    position: absolute;
}


.map-row {
    height:9px;
    font-family: monospace;font-size:0px;
    padding:0;
    margin:0;
}



.stats th {
    padding-left: 1em;
    padding-right: 1em;
    text-align: left;
}

.stats td {
    text-align: left;
}

.endboss_name {
    font-weight: bold;
    font-style: italic;
}

.news_img {
    float: left;
    clear: all;
    padding: 4px;
    border: 1px solid #ccc;
    margin: 4px;
}