/*
*************************************************

Happy Cog'aoke 2
Sponsor Page Styles

Created by the friendly folks at Happy Cog
http://www.happycog.com/

*************************************************
*/





* { margin: 0; padding: 0; }
body { padding: 20px 0 0 0; width: 630px; margin: 0px auto; font: 16px Georgia, sans-serif; color: #cdcdcd; line-height: 26px; letter-spacing: 1px; background: #202225 url(/teaser/m/screen/sponsor-bg.png) repeat; background-attachment: fixed;}
	div.copper, div.bronze, div.silver, div.gold, div.platinum { margin-bottom: 30px;}
	#main {position: relative;}
	p { padding-bottom: 30px; }
	div div p { padding-bottom: 0;}				
	div div p a { color: #44b2d2; font-size: 16px;}
	ul { font-size: 16px; color: #cdcdcd; text-indent: 5px; list-style-position: outside; list-style-type: square; padding: 0; margin-left: 20px;} 
	ul li {margin-bottom: 5px;}
	#main > ul {margin-bottom: 30px;}
	p.link-home {padding-bottom: 0;}
	.link-home a { background: url(/teaser/m/screen/sprite-sponsor-badge.png) no-repeat 0 0; width: 150px; height: 60px; display: block; text-indent: -9999px; overflow: hidden; position: absolute; left: -33px;}
	.link-home a:hover { background-position: 0 -60px;}
	
/* HEADINGS */
h1  { background:url(/teaser/m/screen/sponsor-header.png) no-repeat 0 40px; height: 148px; width: 629px; padding-bottom: 30px;  overflow: hidden; text-indent: -9999px;}
.alpha { font-family: Georgia, serif; font-size: 32px; font-weight: normal; text-transform: uppercase; color: #adeee5; letter-spacing: .15em; line-height: 1em;	border-top: solid 1px #b0b0b0; padding-top: 20px; padding-bottom: 20px;}	
.beta { font-family: Georgia, serif; font-size: 18px;  font-weight: normal; text-transform: uppercase; color: #e9e4a7; letter-spacing: 1px; padding-bottom: 5px;}
.gamma { font-family: Georgia, serif; font-size: 24px;  font-weight: normal; text-transform: uppercase; color: #e9e4a7; letter-spacing: 1.5px; border-top: dotted 1px #b0b0b0; padding-top: 25px; padding-bottom: 10px;}	 
.delta { font-family: Georgia, serif; font-style:normal; letter-spacing: 1px; font-size: 19px; padding-bottom: 5px; font-weight: normal; }
.epsilon { font-family: Verdana, sans-serif; font-size: 11px;  letter-spacing: 1.5px; font-weight: bold; text-transform: uppercase; color:#e9e4a7; padding-top: 2px;  }
.zeta { font-family: Georgia, serif; font-style:normal; letter-spacing: 1px; font-size: 20px; font-weight: normal; color: #fff; padding-left:60px;	padding-top: 14px; padding-bottom: 24px;}
	.zeta em { font-style:normal; float: right; padding-left: 30px; padding-bottom:3px; margin-top:-15px; margin-right: 60px; border-left: 1px dashed #6c6c6c; width: 150px; line-height:18px;}
	.zeta em span { font-family: Verdana, sans-serif; font-size:9px; text-transform: uppercase; color: #cdcdcd; display: block;}

.copper h4 { background: url(/teaser/m/screen/copper-microphone.png) no-repeat left center;}
.bronze h4 { background: url(/teaser/m/screen/bronze-microphone.png) no-repeat left center;}
.silver h4 { background: url(/teaser/m/screen/silver-microphone.png) no-repeat left center;}
.gold h4 { background: url(/teaser/m/screen/gold-microphone.png) no-repeat left center;}
.platinum h4 { background: url(/teaser/m/screen/platinum-microphone.png) no-repeat left center;}


p.highlight { background: url(/teaser/m/screen/icon-sponsers-arrow.png) no-repeat 0 8%; margin-left: -30px; padding-left: 30px;}
div div p.highlight { background-position: 0 center; }


a:link {color: #44b5d5; text-decoration: none;}
a:hover {color: #91d2e5; text-decoration: underline;}
a:visited {color: #828690; text-decoration: none;}

#footer { border-top: solid 1px #b0b0b0; padding-top:13px;}
#footer:after { clear: both; }   
#footer p.hc-credit { text-transform: uppercase; color: #929292; font-size: 13px; letter-spacing: 2px; width: 50%; float: left;}
#footer p.hc-credit a { display: block; text-indent: -9999px; background: url(/teaser/m/screen/sprite-hc-logo.png) no-repeat 0 0; width: 175px; height: 33px;}
#footer p.hc-credit a:hover { background-position: 0 -33px;}


#footer p.nav { float: right; }
#footer p.nav a, #footer p.nav a:visited  { text-transform: uppercase; color: #44B5D5; font-size: 10px; }
#footer p.nav a:hover {color: #91d2e5; text-decoration: underline;}

.temp-hide { display: none;}
.to-print {display: none;}