/*
3DHOP - 3D Heritage Online Presenter
Copyright (c) 2014, Marco Callieri - Visual Computing Lab, ISTI - CNR
All rights reserved.    

This program is free software: you can redistribute it and/or modify
it under the terms of the GNU General Public License as published by
the Free Software Foundation, either version 3 of the License, or
(at your option) any later version.

This program is distributed in the hope that it will be useful,
but WITHOUT ANY WARRANTY; without even the implied warranty of
MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
GNU General Public License for more details.

You should have received a copy of the GNU General Public License
along with this program.  If not, see <http://www.gnu.org/licenses/>.
*/

@font-face {
   font-family: 'My Font';       
   src: local('My Font'), url('../fonts/MYRIADPRO-REGULAR.OTF') format('truetype');  
}

@font-face {
   font-family: 'My Font IE';       
   src: url('../fonts/Museo_Slab_500.eot');   
}

body {  
	width					:100%; 
	height					:100%;
	margin					:0px;
	cursor					:default;
	-webkit-user-select		:none; 
	-webkit-touch-callout	:none; 
	-khtml-user-select		:none; 
	-moz-user-select		:none; 
	-ms-user-select			:none; 
	user-select				:none; 
	touch-action			:none; 
	-ms-touch-action		:none; 
}

h1 {
	letter-spacing			:20px
}

button {
	margin					:0px 0px 5px 5px;
	width					:120px; 
	height					:40px;
	vertical-align			:center;
	font-family				:"My Font IE", "My Font", "Palatino Linotype", "Book Antiqua", Palatino, serif; 
	font-size				:15px;
	text-align				:center;
	text-transform			:capitalize;
}

button img { 
	width					:30px;
	height					:30px;
} 

button:hover { 
	cursor					:hand;
}

#container{
	background				:url(../img/background.jpg) no-repeat center top fixed; 
	background-size			:cover;
	-webkit-background-size	:cover;
	-moz-background-size	:cover;
	-o-background-size		:cover;
	width					:100%;
	height					:100%;
	-webkit-user-select		:none; 
	-webkit-touch-callout	:none; 
	-khtml-user-select		:none; 
	-moz-user-select		:none; 
	-ms-user-select			:none; 
	user-select				:none; 
	touch-action			:none; 
	-ms-touch-action		:none; 
}

#title { 
	margin					:0 0 5 0;
	vertical-align			:middle;
	font-family				:"My Font IE", "My Font", "Palatino Linotype", "Book Antiqua", Palatino, serif; 
	text-align				:center;
	text-transform			:capitalize;
	text-shadow				:1px 1px black, -1px -1px 0 black, 1px -1px 0 black, -1px 1px 0 black, 10px 10px 20px black;	
	font-size				:40px;
	-webkit-user-select		:none; 
	-webkit-touch-callout	:none; 
	-khtml-user-select		:none; 
	-moz-user-select		:none; 
	-ms-user-select			:none; 
	user-select				:none; 
	touch-action			:none; 
	-ms-touch-action		:none; 
}

#commands { 
	background				:url(./../../../distribution/latest/skins/backgrounds/grey_gradient.jpg) no-repeat center top fixed; 
	background-size			:cover;
	-webkit-background-size	:cover;
	-moz-background-size	:cover;
	-o-background-size		:cover;
	margin					:0px 10px; 
	padding					:0px 10px; 
	width					:270px;
	height					:660px;
	border					:2px solid black; 
	border-radius			:3px;
	box-shadow				:10px 10px 20px black;
	-webkit-user-select		:none; 
	-webkit-touch-callout	:none; 
	-khtml-user-select		:none; 
	-moz-user-select		:none; 
	-ms-user-select			:none; 
	user-select				:none; 
	touch-action			:none; 
	-ms-touch-action		:none; 
}

.panel img {
	user-drag: none; 
	-webkit-user-drag: none; 
}

.tdhop { 
	border					:2px solid black; 
	border-radius			:3px;
	box-shadow				:10px 10px 20px black;
}