/* css for DETECTIVELAND - this will override the defaults in versifier.css */

@font-face {
       font-family: pirate;
       src: url("vinque.ttf");
}

@font-face {
       font-family: letterpress;
       src: url("AveriaSerif-Regular.ttf");
}
@font-face {
       font-family: letterpress;
       src: url("AveriaSerif-Bold.ttf");
       font-weight: bold;
}
@font-face {
       font-family: letterpress;
       src: url("AveriaSerif-Italic.ttf");
       font-style: italic;
}

/*
@media (orientation: landscape){
       div#scroller {
               height: 75%;
       }

       div#score:before {
               content: "Score: "
       }
}
*/

body {
       background-color: #000000;
       font-family: letterpress, Serif;
       font-size: 16pt;
       /* font-weight: bold; */
       /* color: #000000; */
}

a {
       /* color: #ffffff; */
}

button {

       font-family: letterpress, Serif;
       font-weight: bold;
       color: #ffffff;
       /* color: #ffffff; */
}
div#room_description button.examine {
       background-color: #000000;
}

div#top_bar {
       font-family: pirate;
       font-size: 18pt;
       background-color: #663300;
       color: #ffff00;
}

div#scroller_content {
       font-family: letterpress;
       background-color: #ffffcc;
       color: #000000;
       background: #ffffcc url('img/thompsonmap.jpg') center repeat-y;
       background-size: 100%;
       /* color: #000000; */
       /* line-height: 1.25; */
}
div#scroller a {
       /* background-color: #000000; */
}
div#scroller button {
       /* background-color: #000000; */
}
div#scroller p {
       margin: 0;
       padding: 0;
       text-indent: 1em;
}
span.prompt {
       /* font-family: pirate; */
       color: #990000;
       text-transform: lowercase;
}
span.old_prompt {
       /* font-family: pirate; */
       color: #996666;
       text-transform: lowercase;
}
span.old_message {
       color: #666633;
}
span.treasure {
       color: #ffff00;
}
button:disabled span.treasure {
       color: #888888;
}

}
div#conversation {
       background-color: #ffffff;
       padding: 8px;

       display: none;
}
div#conversation_container {
       /* background-color: #ffffff; */
}

div#conversation a {
       /* background-color: #000000 */
}
div#conversation button {
       /* background-color: #000000 */
       color: #003300;
}

div#room_description {
       background: #333300 url("img/wood.jpg") repeat;
       color: #ffffff;
}
div#room_description_container {
       background-color: #333333;
}
div#right-column {
       /* background-color: #cccccc; */
}

div#room_description a {
       /* background-color: #222222; */
}
div#room_description button {
       background-color: #000000;
       color: #ffffff;
}
div#room_description span.unavailable_exit {
       /* color: #666666; */
}
div#wait {
       /* background-color: #cccccc; */
}
div#wait a {
       /* background-color: #222222; */
}
div#wait button {
       /* background-color: #222222; */
}

div#holding {
       background-color: #663300;
       color: #ffffff;
}
div#holding_container {
       background-color: #663300;
}

div#holding a {
       background-color: #000000;
       color: #ffffff;
}
div#holding button {
       background-color: #000000;
       color: #ffffff;
}
div#holding ul {
       display: inline-block;
}

div#inventory {
       background-color: #330000;
       color: #ffffff;
}
div#inventory_container {
       background-color: #330000;
}

div#inventory a {
       background-color: #000000;
       color: #ffffff;
}
div#inventory button {
       background-color: #000000;
       color: #ffffff;
}
div#inventory button:disabled {
       color: #888888;
}

div#save_load {
       line-height: 1;
}

div#save_load button {
       background-color: #000000;
       border: 1px solid #999999;
       color: #ffffff;
       font-family: pirate, pirate_ie;
       font-weight: normal;
       font-size: 16pt;
       /* background-color: #111111; */
}

div#saved_games {
       /* background-color: #111111; */
       /* color: #ffffff; */
}
div#saved_games a {
       /* background-color: #000000; */
}
div#saved_games button {
       /* background-color: #000000; */
}

div#options {
       /* background-color: #444444; */
       /* color: #ffffff; */
}

div#options a {
       /* background-color: #222222; */
}
div#options button {
       /* background-color: #222222; */
}

div#credits {
       background-color: #444444;
       /* color: #ffffff; */
}
div#credits a {
       color:#ffcccc;
}

div#credits a {
       /* background-color: #222222; */
}
div#credits button {
       /* background-color: #222222; */
}



a.button {
       display: inline-block;
       text-decoration: none;
       padding: 0.1cm 0.5cm 0.1cm 0.5cm !important; */
       border-radius: 0.25cm;
       border: 0px;
       margin: 2px;
       white-space: nowrap;
}

/*
ul.room_contents_in_scroller {
       display: inline;
}
ul.room_contents_in_scroller li {
       display: inline;
}
*/

div#splashscreen {
       width: 100%;
       height: 100%;
       position: absolute;
       background-color: #000000;
       text-align: center;
}

div#splashscreen img {
       max-height: 70%;
}
div#splashscreen button {
       /* background-color: #cccccc; */
       font-family: pirate, pirate_ie;
       font-weight: normal;
       font-size: 16pt;
       color: #000000;
       margin: 12px;
       border: 1px solid #222222;
}
div#splashscreen button:disabled {
       background-color: #666666;
}

div#splashscreen a {

}

img#pirate_title {
       max-width: 90%;
       margin: 12px;
}

h2.hints {
       text-align: center;
       margin-top: 3em;
}

div.hintsGroup {
       text-align: center;
       margin-bottom: 8px;
       border-bottom: 1px solid #888888;
}

div.hintsGroupTitle {
       text-transform: uppercase;
       font-size:16pt;
       /* color: #222222; */
}

div.hintsGroup button {
       /* background-color: #444444; */
}

img.npc {
       float: right;
}

div#conversation {
       background: #333333 url("img/black-canvas.jpg") repeat;
       color: #ffffff;
}