/* CSS Document: BubbleGumKing.com */
html {
	margin:0;
	padding:0;
	width:100%;
	height:100%;
}

body {
	margin:0;
	padding:0;
	width:100%;
	height:100%;
	background: #000000 url(../../images/site.bg.jpg) no-repeat;
}

div.siteHolder {
	position:relative; margin:0; padding:0;
	width:2358px;
	height:900px;
}
div.trailer {
	position:absolute;
	top:230px;
	left:724px;
}
div.newsletter {
	position:absolute;
	width:448px;
	height:153px;
	top:727px;
	left:13px;
}
#log_res { text-align:center; font-size:12px; color:#5C4727;}
#log_res.ajax-loading {
	padding: 5px 0;
	background: url(../../images/emailing.gif) no-repeat center;
}
#newsletterForm.ajax-clear { visibility:hidden; height:0px; }
form.newsletterForm{ margin:0 auto; padding:0; }
form.newsletterForm input{
	font: 11px/12px "Times New Roman", Times, serif;
	text-indent:3px;
	background:#faeedb;
	border:1px solid #a38e75;
	color:#6e6962;
	width: 170px;
}
form.newsletterForm input.submit {
	background:url(../../images/btn.submit.gif) no-repeat;
	border:none;
	text-indent:-2000px;
	width:73px;
	height:38px;
}
a.myspace {
	position:absolute;
	display:block;
	width:80px;
	height:20px;
	top:786px;
	left:472px;
	text-indent:-2000px;
}

#tagline {
	position:absolute;
	top: 60px;
	left: 450px;
	width: 300px;
}

.white-text {
	color: white;
	font-size: 12pt;
	letter-spacing: 1.5px;
	font-family: 'PT Sans', sans-serif;
	text-shadow: 2px 1px #2e2e2e;
}

.black-shadow-text {
	color: #2e2e2e;
	font-size: 12pt;
	letter-spacing: 1.5px;
	font-family: 'PT Sans', sans-serif;
	text-shadow: 2px 1px white;
}

#soundtrack-title {
	font-size: 1.2em;
	margin: 0 0 6px 0;
}

#festivals {
	position: absolute;
	top: 417px;
}

#copyright {
	color: white;
	position: absolute;
	bottom: 100px;
	left: 30px;
}

#contact {
	font-size: 1.3em;
	position: absolute;
	bottom: 78px;
	left: 30px;
}

#contact a {
	color: white;
}

#facebook {
	position: absolute;
	bottom: 10px;
	left: 30px;
}

#facebook img {
	width: 150px;
}

#gravitas {
	position: absolute;
	bottom: 25px;
	left: 250px;
}

#content {
	position:absolute;
	top:231px;
	left:1509px;
}

#purchase-buttons {
	position: absolute;
	top: 515px;
	left: 240px;
	display: flex;
	flex-direction: row;
	align-items: center;
	justify-content: center;
	flex-wrap: wrap;
	width: 400px;
	background: radial-gradient(farthest-corner, #e4d8be 75%, #d9c4a3);
	padding: 2px;
	padding-bottom: 6px;
}

#purchase-buttons img {
    margin: 4px;
	width: 110px;
}

#purchase-buttons > a {
	text-decoration: none;
	line-height: 0;
	width: 133px;
}

#purchase-header {
	flex-basis: 100%;
	text-align: center;
}

#soundtrack {
	position: absolute;
	top: 675px;
	left: 660px;
	display: flex;
	flex-direction: column;
	align-items: stretch;
	flex-wrap: wrap;
	height: 84px;
	justify-content: space-between;
}

#soundtrack > a {
	text-decoration: none;
	line-height: 0;
}

#soundtrack-image {
	padding-right: 6px;
}

.scroller {
	width: 285px;
	height: 325px;
	font-family: 'veteran_typewriterregular',sans-serif;
	font-size: 11pt;
	color: #2c2b27;
	overflow-y: auto;
	padding-right: 30px;
}

.scroller p a:link {
	color: #666;
}

.title {
	color: #990000;
	font-family: 'veteran_typewriterregular',sans-serif;
	font-size: 16pt;
	letter-spacing: 0.5px;
	margin-bottom: 0.5em;
}

#menu {
	padding-left: 42px;
	margin-top: 10px;
	width: 328px;
}

.center {
	display: inline-block;
	margin-left: auto;
	margin-right: auto;
}

.menuitem {
	display: inline-block;
	width: 65px;
	font-family: 'veteran_typewriterregular';
	font-size: 9pt;
	letter-spacing: 0.5px;
	color: #2c2b27;
	background-color: #c3caa7;
	text-align: center;
	vertical-align: middle;
	margin: 0 2px;
	padding: 4px 0;
	cursor: pointer;
	opacity: 0.6;
}

.nobottom {
	margin-bottom: 0;
}

.indent {
	padding-left: 1em;
	margin-top: 0;
}

.flag-emoji {
	font-size: xx-large;
	position: absolute;
	right: 5px;
	bottom: 10px;
}
