/* 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;
}