@font-face {
   font-family: Bebas;
   src: url('bebas.otf');
   src: url('bebas.eot'); /* For IE */
} 

.cardspan {
	float:left;
	z-index:19;
	width:175px;
	height:100%;
	box-sizing: border-box;
	border: 2px solid black;
}
#jcarouselleft {
	float:left;
	font-size:28px;
}
#jcarouselright {
	float:right;
	font-size:28px;
}
#jcbuttons {
	width:30%;
	margin-left:35%;
}
.jcarousel {
    position: relative;
    overflow:hidden;
}

#cardspandiv {
    width: 20000em;
    height:250px;
    position: relative;
    margin: 0;
    padding: 0;
}

.cardtd {
	box-sizing:border-box;
	border:2px solid black;
	width:175px;
	height:250px
}

.card {
	float:left;
	width:100%;
	display:block;
	height:100%;
	z-index:20;
}
.card img {
	border: 2px solid transparent;
}
#timerdiv {
	height:50px;
}
#storybody a {
	color:black;
	text-decoration: none;
}
#storybody a:hover {
	text-decoration: underline;
}
#storybegin a {
	color:black;
	text-decoration: none;
}
#storybegin a:hover {
	text-decoration: underline;
}
#startheader {
	font-family: 'Bebas', serif;
	font-size:112px;
	text-align:center;
}
#headlevel {
	float:right;
}
#headtitle {
	float:left;
	width:100%;
}
#leveltext, #levelcount {
	font-family: 'Bebas', serif;
	font-size:112px;
	text-align:center;
}
#startscreen {
	height:100%;
}
#startbody, #winbody {
	font-family: 'Bebas', serif;
	font-size:32px;
	text-align:center;
}
#winbody {
	top:50px;
	position:relative;
}
#startbody a, #winbody a {
	color:#000;
	text-decoration: none;
}
#startbody a:hover, #winbody a:hover {
	text-decoration: underline;
}
#storybegin {
	font-family: 'Bebas', serif;
	font-size:32px;
	text-align:center;
	margin-top:20px;
}
.cardtext {
	width:140px;
	text-align:center;
	margin-left:5%;
	font-family: 'Bebas', serif;
	font-size:16px;
}
.cardtext input {
	width:60px;
}
.front img, .back img {
	/* width:80%; */
	margin-left:10%;
	height:100%;
}
.storycard img {
	 height:160px;
	 width:140px;
}
.storycard {
	width:140px;
}
.card {
	margin:10px;
}
.front, .back {
	padding:10px;
	position:absolute;
}

.front img, .back img {
	}
.cardback {
}
#cards tbody tr td {
	
}
#cards tbody tr, #cards {
	width:100%;
}
#game-container {
	height:100%;
}

body, html, #cards {
	height:100%;
}
#game {
	width:720px;
	height:460px;
}
#pbar_outerdiv {
	width:100% !important;
	clear:both;
	height:24px !important;
}

#game-header {
	text-align:center;
	font-family: 'Bebas', serif;
	font-size:20px;
}

#startscreen {
        background-image: no-repeat center center fixed; 
        -webkit-background-size: cover;
        -moz-background-size: cover;
        -o-background-size: cover;
        background-size: cover;
}

#font-effect-shadow-multiple{

text-shadow: none;

}