/*----------------------------------------------------
	
	SCREEN.CSS
	
	SITE: www.bigchill.co.uk
	CREATED: Wed 26.05.10 @ 10:24
	AUTHOR: KJR
	
----------------------------------------------------*/

@import url("reset.css");

@font-face 					{font-family:'LeagueGothicRegular'; src:url('/fonts/League_Gothic-webfont.eot'); src:local('?'), url('/fonts/League_Gothic-webfont.woff') format('woff'), url('/fonts/League_Gothic-webfont.ttf') format('truetype'), url('/fonts/League_Gothic-webfont.svg#webfont') format('svg'); font-weight:normal; font-style:normal;}


/*--- 00. Common Elements ---------------------------------------------------------------------------*/

body						{background:url(/img/_bkg.jpg) top center repeat-x #01AEF0; color:#FFFFFF; font-family:'LeagueGothicRegular', Arial, Helvetica, sans-serif; font-size:62.5%;}

a							{}
a:hover						{text-decoration:none;}


/*--- 01. Heading ---------------------------------------------------------------------------*/


/*--- 02. Main Layout ---------------------------------------------------------------------------*/

#main-container				{background:url(/img/_billboard.png) 0 162px no-repeat; margin:0px auto; position:relative; width:990px;}
#content-container			{}


/*--- 03. Header ---------------------------------------------------------------------------*/

#header						{float:left; padding:0 20px; width:600px;}
#logo						{background:url(/img/_logo.png) no-repeat; float:left; height:94px; margin:17px 0 0 0; text-indent:-9999px; width:587px;}
#header h3					{color:#FBE3CD; color:rgba(255,255,255,0.8); float:left; font-size:1.8em; margin:-10px 0 0 0; text-align:right; text-transform:uppercase; width:583px;}

#date						{float:right; font-size:2.4em; line-height:1.3em; margin:38px 20px 0 0; text-align:right; text-transform:uppercase;}
#date span					{display:block; font-size:2em;}

/*--- 04. Billboard ---------------------------------------------------------------------------*/

#billboard					{clear:both; padding:40px 35px 100px 35px; width:575px;}
#billboard h2				{background:url(/img/_heading_bigchilllineup.png) no-repeat; height:52px; margin:44px 0 8px 0; text-indent:-9999px;}
#billboard .ticket-link		{background:url(/img/_btn_tickets.png) no-repeat; color:#FFFFFF; display:block; float:left; font-size:4.8em; height:81px; margin:10px 0 0 -4px; padding:12px 0; text-align:center; text-decoration:none; text-shadow:rgba(0,0,0,0.4) 1px 1px 1px; width:296px;}
#billboard .ticket-link:hover	{background-position:-296px 0;}

#billboard .acts			{font-size:1.8em;}
#billboard .acts li			{padding:4px 0;}
#billboard .acts a			{color:#FFFFFF;}
#billboard .acts li.headliner	{display:inline; font-size:2.1em; padding-right:20px;}
#billboard .supporting		{font-size:1.6em;}
#billboard .acts-3			{font-size:1.3em;}


/*--- 05. Newsletter & Lineup ---------------------------------------------------------------------------*/

#newsletter					{float:right; margin:186px 16px 0 0; width:484px;}
#newsletter label			{background:url(/img/_heading_bethefirsttoknow.png) no-repeat; display:block; height:22px; margin:0 0 7px 0; text-indent:-9999px;}
#newsletter input[type="text"]	{border:0; color:#999999; float:left; font-family:Arial, Helvetica, sans-serif; font-size:14px; font-weight:bold; padding:17px 10px; width:340px; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px;}
#newsletter input.input-warning	{background:url(/img/icon_warning.png) 330px 17px no-repeat #FFFFFF;}
#newsletter input.input-success	{background:url(/img/icon_tick.png) 330px 17px no-repeat #FFFFFF;}
#newsletter input[type="submit"]	{background:url(/img/_btn_send.png) no-repeat; border:0; color:#FFFFFF; cursor:pointer; font-family:'LeagueGothicRegular', Arial, Helvetica, sans-serif; font-size:24px; height:58px; margin:-4px 0 0 14px; text-shadow:rgba(0,0,0,0.4) 1px 1px 1px; text-transform:uppercase; width:108px;}
#newsletter input[type="submit"]:hover	{background-position:-108px 0;}

#full-lineup				{clear:both; font-size:1.8em; margin:0px auto; padding:1px 0 0 0; width:700px;}
#full-lineup h2				{background:url(/img/_heading_bigchill2010lineup.png) no-repeat; height:52px; margin:75px auto 12px auto; text-indent:-9999px; width:528px;}
#full-lineup h4				{background:url(/img/_pixel_white.png) left center repeat-x; margin:26px 0 11px 0; text-align:center;}
#full-lineup h4 span		{background:#01AEF0; padding:0 5px;}
#full-lineup ul				{height:100%; overflow:hidden;}
#full-lineup li,
#full-lineup p				{text-align:center; text-transform:uppercase;}

#deer-park-stage > li,
#revellers-stage > li,
#paradiso > li,
#starburst > li				{float:left; width:33%;}

#full-lineup .headliner		{font-size:2.5em; padding-bottom:25px;}
#full-lineup .supporting	{font-size:2em;}
#full-lineup .act-3			{font-size:1.3em;}
#deer-park-stage span		{display:block; margin:-14px 0 -5px 0;}
#full-lineup li span		{font-size:14px;}


/*--- 06. Content ---------------------------------------------------------------------------*/

#content-container			{background:#C42B82; border-top:10px solid #636CB9; margin:50px 0 0 0; padding:40px 0;}
#content					{font-family:Arial, Helvetica, sans-serif; font-size:1.2em; margin:0 auto; width:700px;}
#content p					{padding:8px 0;}
#content h2					{font-size:1.4em; font-weight:bold; margin:10px 0 0 0;}
#content a					{color:#FFFFFF; font-weight:bold;}


/*--- 51. Form Elements ---------------------------------------------------------------------------*/

#p-security					{clear:both; display:none; height:0px; visibility:hidden;}
#p-security label			{float:none; padding:0 0 4px 0; text-align:left; width:auto;}
#p-security input[type="text"]	{display:block; float:none;}


/*--- 52. Response Elements ---------------------------------------------------------------------------*/

#msg-response				{background:url(/img/response_bkg.jpg) #FFFFFF repeat-x; border:1px solid #CCCCCC; clear:both; cursor:pointer; font-family:Arial, Helvetica, sans-serif; font-size:11px; font-weight:bold; line-height:1.3em; margin:20px 0; padding:1px; position:relative; zoom:1; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px;}
#msg-response a				{color:#333333;}
#msg-response a:hover		{text-decoration:none;}
#msg-response span			{background:url(/img/response_close.gif) no-repeat; height:11px; position:absolute; right:10px; top:8px; width:10px;}

#msg-response div			{padding:6px 46px; -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px;}
.msg-error					{background:url(/img/response_error.jpg) left center no-repeat; color:#B7220A;}
.msg-success				{background:url(/img/response_success.jpg) left center no-repeat; color:#0F8915;}


/*--- 53. Skip Link ---------------------------------------------------------------------------*/

#skip-link					{float:left; margin:0 0 0 -9999px; text-decoration:none;}
#skip-link:focus			{background:#333333; border-bottom:1px solid #FFFFFF; border-right:1px solid #FFFFFF; color:#FFFFFF; font-size:11px; margin:0; padding:3px 7px 3px 5px; position:relative; z-index:1000;}