@charset "utf-8";
/* CSS Document */

@font-face{
    font-family: BariolRegular;
    src:url('../../fonts/Bariol_Regular.otf'),
	url('../../fonts/Bariol_Regular.woff') format('woff')
}

@font-face{
    font-family:BariolBold;
    src:url('../../fonts/Bariol_Bold.otf'),
	url('../../fonts/Bariol_Bold.woff') format('woff');
}

@font-face{
    font-family: BariolLight;
    src:url('.../../fonts/Bariol_Light.otf'),
	url('.../../fonts/Bariol_Light.woff') format('woff')
}

body{
	background-color:#333333;
	font-family:BariolBold, Verdana, Geneva, sans-serif;
	margin:0px;
	color:#FFFFFF;
	font-size:160%;
	cursor:none;
}

h1{
	font-size:3em;
	margin-top:80px;
}

h2{
	font-size:3em;
}

p{
	font-family:BariolRegular;
	font-size:3em;
}

p strong{
	font-family:BariolBold;
	font-weight:normal;
}

iframe{
	position:absolute;
	width:100%;
	height:100%;
	border:none;
}

#left_banner{
	position:absolute;
	top:0px;
	left:0px;
	width:20%;
	height:100%;
	background-color:#000000;
	background-position:center center;
	background-size:100% 100%;
	background-image:url('graphics/sidebar-laptops.jpg') /* default is laptops */
}

body.rooms #left_banner{color:#333333;background-image:url('graphics/sidebar-rooms.jpg');}

#date{
	font-size:120%;
	margin-top:12%;
	text-align:center;	
}

#time{
	font-size:300%;
	margin-top:5px;
	text-align:center;
}

#central_content{
	position:absolute;
	top:0px;
	left:25%;
	width:70%;
	height:100%;
}

#stats_content{
	margin-top:100px;
	border:2px solid #999999;
	padding:0px 6%;
	border-radius:50px;
}

/* smaller plasma screens */
@media (max-height: 1000px){
	
	#date{font-size:100%;}
		
}

/* mobile */
@media (max-width: 700px){
	
	body{font-size:100%;cursor:auto;}
	
	
	
	#central_content{
		left:0px;
		width:94%;
		margin:1% 3% 1% 3%;
	}
	
	
	
}