/* 
    Document   : global.css
    Created on : 31-Mar-2009, 15:36:54
    Author     : Jon Park
    Description:
        Global stylesheet for structure and content
*/

/* --- Tags --- */
* { margin: 0; padding: 0; }
html { font-size: 100%; }
body {
	width: 915px;
	margin: 0 auto;
	font-size: 62.5%;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	background: #000;
	color: #FFF;
}
a:focus { outline: none; }
a { color: #57B7DF; }
a:hover { text-decoration: none; }
a img { border: none; }
abbr, acronym { cursor: help; }
p { padding: 0 0 10px 0; font-size: 1.1em; line-height: 1.3em; }
h1, h2, h3, h4, h5, h6 { font-size: 1.0em; font-weight: normal; }

/* --- Main --- */
body#splash { width: 100%; background: #000; }
body#splash div#block { margin: 0 auto; width: 1024px; height: 800px; }
body#splash div.alt { display: none; }
body#splash a { width: 800px; height: 600px; position: relative; top: 100px; left: 50px; }

#splash_link { margin: 50px auto; width: 595px; height: 565px; background-image: url('../img/splash.jpg'); }

 
div.sidebar { width: 180px; float: left; clear: left; }
div#hdr h1#siteTitle { width: 146px; height: 359px; }
div#hdr h1#siteTitle a { width: 146px; height: 359px; background-image: url('../img/h1SiteTitle.gif'); }
div#hdr ul { width: 146px; margin: 0 auto; padding: 0 0 20px 0; list-style: none; }
div#hdr ul a { font-size: 1.2em; line-height: 1.8em; text-indent: 5px; color: #FFF; text-decoration: none; display: block; }
div#hdr ul a:hover, div#hdr ul a.active { background-color: #FFF100; color: #333; }
div#hdr ul ul { padding: 5px 0; background-color: #2A2A2A; display: none; }
div#hdr ul ul.active { display: block; }
div#hdr ul ul a { font-size: 1.1em; }
div#hdr ul ul a:hover, div#hdr ul ul a.active { background-color: transparent; color: #57B7DF; }

div#content, div#ftr { width: 724px; float: right; }
div#content { padding: 0px 0 20px 0; }
div#content h2 { padding: 10px 0 25px 0; font-size: 4.0em; font-family: Arial, Helvetica, sans-serif; color: #A39161; }
div#content h2.cufon { font-size: 4.5em; line-height: 0.95em; }
div#content div#frame { width: 589px; height: 152px; margin: 0 auto; background: url('../img/bg/divFrame.gif') no-repeat top; }
div#content div#frame div { width: 284px; }
div#content div#frame div.center { padding: 20px 0 20px 10px; width: 300px; margin: 0 auto; }
div#content div#frame div.right { padding: 20px 10px 20px 0; float: right; }
div#content div#frame h3.cReplace { font-size: 3.8em; font-weight: normal; color: #FFF; text-align: center; }
div#content div#frame a#registerBtn { width: 206px; height: 45px; margin: 0 auto; background-image: url('../img/iR/btnRegisterLarge.gif'); }
div#content div#frame a#voteBtn { width: 206px; height: 45px; margin: 10px auto; background-image: url('../img/iR/btnVoteLarge.gif'); }
div#content div.column { width: 332px; padding: 35px 0 0 0; }
div#content div.column span.bronze { font-weight: bold; }
div#content div.colLeft { float: left; }
div#content div.colRight { float: right; }
div#content h3.cReplace { padding: 10px 0 10px 0; font-size: 3.0em; line-height: 0.8em; color: #A39161; }
div#content h3.cufon { font-size: 3.5em; }
div#content ul.winningBenefits { padding: 0 0 0 20px; }
div#content ul.winningBenefits li { padding: 0 0 10px 0; line-height: 1.2em; font-size: 1.1em; }
div#content div ul.winningBenefits { padding: 0 0 0 20px; }

div#content ul#awards li div ul.winningBenefits { padding: 0 0 0 20px; }
div#content ul#awards li div ul.winningBenefits li { display: list-item; list-style: disc; padding: 0 0 10px 0; line-height: 1.2em; font-size: 1.1em; }



ol.rules { width: 620px; padding: 0 0 30px 30px; color: #A39161; }
ol.rules li { padding: 0 0 10px 0; font-size: 1.1em; line-height: 1.2em; }
ol.rules li span { color: #FFF; }

ul#awards { width: 689px; list-style: none; }
ul#awards li { padding: 20px 0; border-bottom: 1px solid #A39161; width: 100%; display: table; }

ul#awards li img { float: left; }
ul#awards li div { width: 519px; float: right; }
ul#awards li h3.cReplace { margin: 0 0 10px 0; font-size: 2.2em; line-height: 1.0em; color: #FFF; }
ul#awards li h3.cReplace.cufon { font-size: 2.5em; }
ul#awards li h4.cReplace { margin: 0 0 10px 0; font-size: 2.0em; color: #A39161; }
ul#awards li h4.cReplace.cufon { font-size: 2.5em; }

ul#awards ul { padding: 0 0 10px 0; list-style: none; }
ul#awards ul li { padding: 0 0 5px 0; border: none; }

body.pastWinners .midTitle { margin: 10px 0; }
body.pastWinners ul#awards li { width: 100%; display: table; }
body.pastWinners ul#awards li div { width: 497px; float: right; }

ul#judges { width: 689px; list-style: none; }
ul#judges li { padding: 10px 0 10px 145px; background-repeat: no-repeat; background-position: 0 20px; }
ul#judges li h3, ul#judges li h4 { font-size: 2.0em; }
ul#judges li h3.cufon, ul#judges li h4.cufon { font-size: 2.2em; line-height: 1.0em; }
ul#judges li h4 { margin: 0 0 10px 0; color: #A39161; }

div#voting { width: 149px; padding: 0 0 0 17px; }
div#voting h4.cReplace { padding: 0 0 10px 0; font-size: 4.0em; line-height: 0.8em; color: #A39161; }
div#voting a#registerLink, div#voting a#voteLink { width: 138px; height: 50px; margin: 0 0 25px 0; }
div#voting a#registerLink { background-image: url('../img/iR/btnRegister.gif'); }
div#voting a#voteLink { background-image: url('../img/iR/btnVote.gif');}

ul#votingForm { margin: 0; padding: 0!important; }
ul#votingForm li { border: 1px solid #A39161; border-width: 0 0 1px 0; }
ul#votingForm li p { font-size: 1.0em; }
ul#votingForm li .textSubTitle { padding: 0 0 10px 0; font-size: 2.0em; line-height: 0.8em; color: #A39161; }
ul#votingForm li table { margin: 0 0 10px 0; }
ul#votingForm li table th { font-size: 1.0em; text-align: left; font-weight: normal; }
ul#votingForm li table td textarea { width: 350px; height: 165px; padding: 3px 5px; border: 1px solid #333; font-family: Verdana, Arial, Helvetica, sans-serif; }
ul#votingForm li ul.radio { margin: 10px 0!important; padding: 0; }
ul#votingForm li ul.radio li { float: left!important; border: none!important; }
ul#votingForm li ul.radio input.option { margin: 0 5px 0 0; }
ul#votingForm li ul.radio li label { margin: 0 30px 0 0; font-size: 0.9em; }
ul#votingForm a#submit { width: 104px; height: 50px; background: url('../img/iR/btnSubmit.png') no-repeat; }

form#registration table {}
form#registration table th, form#registration table td { padding: 5px 10px 0 10px; font-size: 1.1em; text-align: left; font-weight: normal; }
form#registration table th { padding-left: 0px; }
form#registration table input.text, form#registration input.text { width: 200px; padding: 3px 5px; border: 1px solid #333; }
form#registration table input#registerPostcode, form#registration table input#votePostcode { width: 85px; }
form#registration table input#registerEmail, form#registration table input#voteEmail { width: 350px; }
form#registration div.clear { width: 100%; margin: 30px 0 20px 0; border-top: 1px solid #A39161; }
form#registration ul { padding: 10px 0 10px 10px; list-style: none; }
form#registration ul li, form#registration ol li { padding: 10px 0; }
form#registration div#bgtSupporting, form#registration div#tbaSupporting, form#registration div#emsSupporting { padding: 10px 20px; }
form#registration ol { padding: 5px 0 10px 25px; }
form#registration ol li { width: 605px; }
form#registration ol li span { color: #fff; }
form#registration a#submit { width: 104px; height: 50px; background: url('../img/iR/btnSubmit.png') no-repeat; }

form#registered table {}
form#registered table th, form#registered table td { padding: 5px 10px 0 10px; font-size: 1.1em; text-align: left; font-weight: normal; }
form#registered table th { color: #A39161; }

div#ftr { padding: 0 0 20px 0; float: right; clear: both; }
div#ftr ul { padding: 10px 0 10px 0; list-style: none; }
div#ftr ul li { font-size: 1.1em; display: inline; }
div#ftr p { line-height: 1.4em; }

ul.generic { padding: 0 0 10px 20px; }
ul#sitemap li { padding: 0 0 5px 0; }
ul#sitemap ul { padding: 10px 0 10px 20px; }

/* --- IDs and Classes --- */
.imgReplace { background-repeat: no-repeat; background-position: top; display: block; }
	.imgReplace span { width: 0; height: 0; overflow: hidden; display: block; }
a.imgReplace:hover { background-position: bottom; }
a.imgReplace.noHover:hover { background-position: top; }

a.btnReplace { visibility: hidden; }

div.clear { clear: both; }
.bronze { color: #A39161; }
.bronze { font-size: 1.1em; }
.midTitle { font-size: 3.0em; }
.textTitle { padding: 0 0 10px 0; font-size: 3.0em; color: #A39161; }

textarea { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 0.9em; }
input { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 1.0em; }

.fLeft { float: left !important; }
.fRight { float: right !important; }

.noBorder { border: none !important; }
.hidden { height: 0; overflow: hidden; visibility: hidden; }

.tCentre { text-align: center !important; }
img.tCentre { margin: 0 auto; display: block; }
.tRight { text-align: right; }

span.sIFR-jquery { position: static!important; } /* for inactive Flash Replace */
span.sIFR-alternate { visibility: hidden!important; }

.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }