html {font-family: "Trebuchet MS", Trebuchet, "Helvetica Neue", Helvetica, Arial;}

body {font-family: "Lucida Grande", "Lucida Sans", "Lucida Sans Unicode", "Trebuchet MS",Trebuchet, "Helvetica Neue", Helvetica, Arial; background: #77cfe5; color: #0b6aa8;}

a {color: #0b6aa8; font-weight: bold; text-decoration: underline;}

a:hover {color: #0b6aa8;}

#container {background: #77cfe5 url('/images/main_bg2.jpg') top left no-repeat; width: 906px; height: 693px; position: relative; top: 50px; left: 50%; margin: 0 0 0 -480px;}

h1 {text-indent: -2000px;}

#tickets {position: absolute; top: -10px; right: 0; width: 201px; height: 60px; background: #77cfe5 url('/images/gettickets.jpg') top left no-repeat; text-indent: -2000px;}

#tickets:hover {background: #77cfe5 url('/images/gettickets.jpg') bottom left no-repeat; cursor: pointer;}

#desc {width: 456px; position: absolute; top: 80px; right: 40px; text-shadow: 1px 1px 2px #ffffff;}

#desc p {font-size: 15px; padding-bottom: 12px; line-height:24px;}

#desc.fandango h2 {font-family: "atrament-web-1","atrament-web-2"; font-size: 22px; line-height: 26px; font-weight: bold; font-style: italic; color: #122C72; margin: 0 0 6px 0; padding: 0 0 4px 0; border-bottom: 1px dotted #fff;}

#desc.fandango p {line-height: 20px;}

#hp {width: 464px; position: absolute; top: 80px; right: 40px; text-shadow: 1px 1px 2px #ffffff;}

#hp h2 {font-family: "atrament-web-1","atrament-web-2"; font-size: 16px; line-height: 18px; font-weight: bold; font-style: italic; color: #122C72; margin: 0; padding: 0 0 6px 0;}

.wf-active #hp h2, .wf-active #desc.fandango h2 {
font-size: 30px;
line-height: 32px;
}

#hp p {font-size: 14px; padding-bottom: 10px; line-height:18px;}

.title {text-transform: uppercase; font-weight: bold;}

input {font-family: "atrament-web-1","atrament-web-2"; border: 0; font-size: 16px;}

label {position: relative; top: 2px;}

#share {position: absolute; bottom: 10px; right: 10px;}

#mailinglist {position: absolute; right: 28px; bottom: 264px; width: 300px; text-align: center;}

#mailinglist label {font-family: "atrament-web-1","atrament-web-2"; font-size: 20px; line-height: 22px; font-weight: bold; font-style: italic; color: #122C72; display: block; width: 300px; text-shadow: 1px 1px 2px #ffffff; margin: 0 0 6px 0;}

.wf-active #mailinglist label.small {font-size: 18px; line-height: 24px;}

.wf-active #mailinglist label.smaller {font-size: 15px; line-height: 24px;}

#mailinglist input {padding: 4px; box-shadow: 2px 2px 8px #7eb7c5; -webkit-box-shadow: 2px 2px 8px #7eb7c5; -moz-box-shadow: 2px 2px 8px #7eb7c5;}

#mailinglist #ujvid-ujvid, #mailinglist #utkhky-utkhky, #mailinglist #bikliy-bikliy {border: 1px solid #d5fdff; width: 190px; float: left;}

#mailinglist #submitbutton {background-color:#bf0000; color: #ffffff; font-weight: bold; text-shadow: 1px 1px 2px #7e0000; width: 90px; -moz-border-radius: 10px; -webkit-border-radius: 10px; float: right;}

#mailinglist #submitbutton:hover {background-color:#ffffff; color: #bf0000; text-shadow: 1px 1px 2px #ffffff; cursor: pointer;}

#fb {position: absolute; right: 28px; bottom: 80px; width: 300px; height: 176px; overflow: hidden; box-shadow: 2px 2px 8px #7eb7c5; -webkit-box-shadow: 2px 2px 8px #7eb7c5; -moz-box-shadow: 2px 2px 8px #7eb7c5; background-color: #ffffff; border-bottom: 1px solid #3a589b;}

.clear {clear: both;}

div .clear {height:0; line-height:0;}

.floatRight {float:right; margin: 12px -60px 0 0;}
img .floatRight {margin: 0 0 10px 10px;}

sup {font-size: 6px; position: relative; top: -6px;}

.fan-contest-title h1 {
	display:none;	
}

.fan-contest-title {
	width:529px;
	height:209px;
	background:url('../images/H2S_contest.png');	
}
