/*
     FILE ARCHIVED ON 14:22:34 Jan 27, 2012 AND RETRIEVED FROM THE
     INTERNET ARCHIVE ON 3:20:50 Jan 16, 2015.
     JAVASCRIPT APPENDED BY WAYBACK MACHINE, COPYRIGHT INTERNET ARCHIVE.

     ALL OTHER CONTENT MAY ALSO BE PROTECTED BY COPYRIGHT (17 U.S.C.
     SECTION 108(a)(3)).
*/
html {overflow-y: scroll;}

img {border: 0;}

body {font-family: Arial, Verdana, Geneva, Helvetica, sans-serif; font-size:100%; background:url("../images/bg.jpg") repeat-x top center #000; margin:0;}

/* FONTS */
@font-face {
	font-family: 'BookmanMediumBold';
	src: url('/web/20120127142234/http://www.canyoucrackit.co.uk/fonts/bkb_____-webfont.eot');
	src: url('/web/20120127142234/http://www.canyoucrackit.co.uk/fonts/bkb_____-webfont.eot?iefix') format('eot'),
	url('/web/20120127142234/http://www.canyoucrackit.co.uk/fonts/bkb_____-webfont.woff') format('woff'),
	url('/web/20120127142234/http://www.canyoucrackit.co.uk/fonts/bkb_____-webfont.ttf') format('truetype'),
	url('/web/20120127142234/http://www.canyoucrackit.co.uk/fonts/bkb_____-webfont.svg') format('svg'); font-weight:normal; font-style:normal;}
	
@font-face {
	font-family:'BookmanLightBold';
    	src: url('/web/20120127142234/http://www.canyoucrackit.co.uk/fonts/bkd_____-webfont.eot');
    	src: url('/web/20120127142234/http://www.canyoucrackit.co.uk/fonts/bkd_____-webfont.eot?iefix') format('eot'),
    	url('/web/20120127142234/http://www.canyoucrackit.co.uk/fonts/bkd_____-webfont.woff') format('woff'),
    	url('/web/20120127142234/http://www.canyoucrackit.co.uk/fonts/bkd_____-webfont.ttf') format('truetype'),
    	url('/web/20120127142234/http://www.canyoucrackit.co.uk/fonts/bkd_____-webfont.svg') format('svg'); font-weight:normal; font-style:normal;}

.container {z-index:1; margin:0 auto; width:998px; height:833px; background:url("../images/code-bg.jpg") 0 0 no-repeat; padding:0; position:relative;}

.container .heading, .container2 .heading {width:742px; padding:135px 0 40px 0; margin:0 auto; text-align:center;}
.container .heading a, .container2 .heading a {text-align:center;}

.container h1 {color:#a0d5d5; font-weight:normal; font-family:BookmanMediumBold, Arial, Verdana, Geneva, Helvetica, sans-serif; font-size:2.4em; margin:0 0 25px 0; text-align:center;}
.container h2 {color:#a0d5d5; font-weight:normal; font-family:BookmanMediumBold, Arial, Verdana, Geneva, Helvetica, sans-serif; font-size:1.4em; margin:0 0 16px 0; text-align:left; clear:both;}
.container h3 {color:#a0d5d5; font-weight:normal; font-family:BookmanMediumBold, Arial, Verdana, Geneva, Helvetica, sans-serif; font-size:1.2em; margin:0 0 16px 0; text-align:left;}
.container p {font-size:1.05em; color:#a0d5d5; line-height:1.4em; margin:0 0 1.2em;}

.container #home-content {width:848px; margin:0 auto; text-align:center;}
.container #scroll-content {width:818px; margin:0 auto; padding:0 30px 0 0; height:365px; overflow-y:scroll;}
.container #scroll-content p {text-align:left;}
.container #scroll-content p#code {text-align:center;}

.container #scroll-content #submission {height:30px; margin:0 0 20px;}
.container #scroll-content #submission p#error {float:left; width:200px; margin:0 0 0 62px; display:inline; color:#f00; font-weight:bold;}
.container #scroll-content #submission #submit-form {width:400px; float:right; margin:0 68px 0 0; display:inline;}
.container #scroll-content #submission #submit-form label {color:#A0D5D5; float:left;}
.container #scroll-content #submission #enter {color:#A0D5D5; float:left; margin:1px 0 0 8px; display:inline; border:0; border-bottom: 1px solid #a0d5d5; background:#000; padding:0 0 3px 0; width:200px;}
.container #scroll-content #submission #button {background:#a0d5d5; color:#000; border:0; font-size:0.9em; font-weight:bold; float:right; margin:0; padding:2px; width:75px; cursor:pointer;}

.container #actions {width:848px; margin:0 auto; text-align:left; position:absolute; bottom:96px; left:75px; height:95px;}

.container #actions .counter {width:250px; float:left; text-align:left; font-size:0.8em;}

.container #actions .counter p {font-size:0.95em;color:#a0d5d5;font-weight:bold; margin:10px 0 5px 0;}

#actions #buttons {width:554px; float:left; margin:36px 0 0 44px;}
#actions #scroll-button {margin:36px auto 0; width:260px;}
#actions #buttons a, #actions #scroll-button a {display:block; width:260px; height:21px; padding:10px 0; background:url('../images/buttons.jpg') 0 0 no-repeat; text-align:center; color:#a0d5d5; text-decoration:none; font-size:1.4em; line-height:21px;}
#actions #buttons #register {float:left;}
#actions #buttons #explained {background-position:0 -41px; float:right;}





.footer {width:998px; text-align:left; margin:0 auto;}

.footer .social {width: 320px;float:left; margin:20px 0 0;}
.footer .social a {color:#000;}
.footer .social img {width: 33px;margin-right:6px;}

.footer #feedback {float:right; font-size:0.75em; color:#a0d5d5; margin:40px 10px 0 0;}
.footer #feedback a {color:#a0d5d5; text-decoration:underline;}
.footer #feedback a:hover {text-decoration:none;}

.footer .contact {width: 670px;float:right;text-align:right;}
.footer .contact p {font-size:0.95em;color:#a0d5d5; margin:0;}

.footer .contact a:link {color: #a0d5d5;text-decoration: underline;}
.footer .contact a:visited {color: #a0d5d5;text-decoration: underline;}
.footer .contact a:hover {color: #fff;text-decoration: none;}
.footer .contact a:focus {color: #fff;text-decoration: none;}
.footer .contact a:active {color: #a0d5d5;text-decoration: underline;}


.cleardivs {
	clear: both;
}

.ctr {text-align:center;}