@font-face {
    font-family: rock-salt;
    src: url(../font/RockSalt-Regular.ttf);
}

@font-face {
	font-family: courier-prime;
	src: url(../font/courier-prime.regular.ttf);
}

/*
@media screen and (orientation: portrait) {
	html {
		width: 70vh;
		height: 70vw;
	}
} */


body {
	line-height: 1.2;
}

body#home {
	/* background: #b0b0b0 url(../imagesnew/legalpadbg.png) repeat-y top center; */
	background: #b0b0b0 url(../imagesnew/legalpadbg2.jpg) no-repeat top center;
}

body p {
	padding-bottom: 20px;
	max-width: 800px;
}

div#title {
	text-align: center;
	/* margin-top: 50px; */
	padding: 50px 0 0 0;
}

/*
#title a {
	font-family: rock-salt, sans-serif;
	font-size: 38px;
	color: #000;
	font-weight: 700;
	text-transform: uppercase;
}


img#zumastanding {
	position: absolute;
	top: -5px;
	left: 193px;
}

body#home img#zumastanding {
	position: absolute;
	top: -5px;
	left: 193px;
}
*/
a.navbar-item {
	font-size: 16px;
    color: #000;
    font-family: rock-salt, sans-serif;
    font-weight: 400;
    padding: 0 15px;
}

a.navbar-item:hover {
	background-color: transparent !important;
}

#wrapper {
    width: 900px;
    margin: 0 auto;
    background-color: #dddea9;
    min-height: 1056px;
}

body#home #wrapper {
    background: none;
}

body {
	background-color: #b0b0b0;
}

.synopsis { padding:0 0 15px 30px; }
.playtitle { margin-top:20px; padding-bottom:0; }

#subwrapper {
	margin-top: 30px;
	font-family: courier-prime, monospace;
    font-weight: 400;
    line-height: 1.2;
}

#subwrapper h3 {
	color: #000;
	margin-bottom: 20px;
	font-family: courier-prime, monospace;
    font-size: 29px;
}

#mainnav ul li {
    margin: 12px 0;
    padding-right: 5px;
    display: inline-block;
}

.homeFixed {
    position: absolute;
    z-index: 10;
    font-family: rock-salt, sans-serif;
}

.homeFixed a {
    font-size: 0.8rem;
    color: #000;
    font-family: rock-salt, sans-serif;
    font-weight: bold;
    text-transform: uppercase;
}

.homeFixed a:hover {
    color: #485fc7;;
}

#theaterLights {
    top: 10px; left: 200px; width: 71px; height: 52px;
}
#curtains {
    top: 70px; left: 120px; width: 183px; height: 114px;
}
#curtainsLink {
    top: 140px; left: 180px; width: 100px; height: 30px;
}
#audience {
    top: 180px; left: 135px; width: 147px; height: 158px;
}
#zumaswim {
    top: 290px; left: 60px; width: 208px; height: 82px;
}
#shark {
    top: 370px; left: 100px; width: 91px; height: 109px;
}
#sharkLink {
    top: 490px; left: 110px; width: 100px; height: 30px;
}
#bubble {
    top: 20px; left: 370px; width: 215px; height: 149px;
}
#bubbleLink {
    top: 70px; left: 420px; width: 130px; height: 30px;
}
#neilhead {
    top: 150px; left: 270px; width: 379px; height: 283px;
}
#laptop {
    top: 500px; left: 200px; width: 448px; height: 139px;
}
#ufos {
    top: 50px; left: 660px; width: 164px; height: 36px;
}
#starburst {
    top: 120px; left: 640px; width: 201px; height: 171px;
}
#starburstLink {
    top: 190px; left: 695px; width: 130px; height: 30px;
}
#zumabubble {
    top: 300px; left: 600px; width: 160px; height: 128px;
}
#zumabubbleLink {
    top: 330px; left: 630px; width: 130px; height: 60px; text-align: center;
}
#zumapen {
    top: 420px; left: 560px; width: 251px; height: 172px;
}

.abpos {
	position: absolute;
    z-index: 10;
}

#plays-zuma-fencing {
	width: 175px;
	height: 135px;
	top: -20px;
	left: 450px;
}

#bio-zuma-3d {
	width: 128px;
	height: 110px;
	top: 100px;
	right: 20px;
}

#resume-zuma-witch {
	width: 95px;
	height: 78px;
	top: 300px;
	right: 30px;
}

#resume-zuma-ufo {
	width: 120px;
	height: 78px;
	top: 10px;
	right: 210px;
}

#links-zuma-1 {
	width: 129px;
	height: 121px;
	top: 10px;
	left: 350px;
}

#links-zuma-2 {
	width: 131px;
	height: 91px;
	top: 40px;
	left: 530px;
}

#links-zuma-sniff {
	width: 123px;
	height: 106px;
	top: 30px;
	left: 400px;
}

@media only screen and (max-device-width: 1366px) {
	body { background-color: #dddea9 !important; }
	body#home { background-color: #b0b0b0 !important;  }
}

@media only screen and (max-device-width: 768px) and (orientation: portrait) {
	body#home {
		background: #b0b0b0 url(../imagesnew/legalpadbg2.jpg) no-repeat top left !important;
	}
}

@media only screen and (max-width: 768px) and (orientation: landscape) {
	body#home {
		background: #b0b0b0 url(../imagesnew/legalpadbg2.jpg) repeat-x top left !important;
	}
}

/*
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait) {
	body#home img#zumastanding {
		position: absolute;
		top: -5px;
		left: 219px !important;
	}

	body {
		background-color: #dddea9 !important;
	}
}

@media only screen and (max-device-width: 768px) and (orientation: portrait) {
	body#home img#zumastanding {
		position: absolute;
		top: -5px;
		left: 259px !important;
	}

	body {
		background-color: #dddea9 !important;
	}
}

@media only screen and (max-device-width: 1205px) and (orientation: landscape) {
	body#home img#zumastanding {
		position: absolute;
		top: -5px;
		left: 259px !important;
	}

	body {
		background-color: #dddea9 !important;
	}
}

*/