/* CSS Document */

@charset 'utf-8';

/* RESET */

section,nav,hgroup,header,footer,figure,figcaption,details,aside,article{display:block}
video,canvas,audio{display:inline-block;*display:inline;*zoom:1}
audio:not([controls]),[hidden]{display:none}
html,textarea,select,input,button{font-size:100%}
html{-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;overflow-y:scroll;}
body,figure,form,textarea,select,input,button{margin:0}
textarea,select,input,button,body{font-family:sans-serif}
a{color:#00e}
a:visited{color:#551a8b}
a:focus{outline:thin dotted}
a:active,a:hover{outline:0}
abbr[title]{border-bottom:1px dotted}
strong,b{font-weight:bold}
blockquote{margin:1em 40px}
dfn{font-style:italic}
mark{background:#ff0;color:#000}
samp,kbd,code,pre{font:1em monospace,serif;_}
pre{white-space:pre;white-space:pre-wrap;word-wrap:break-word}
q{quotes:none}
q:after,q:before{content:'';content:none}
small,sup,sub{font-size:75%}
sup,sub{line-height:0;position:relative}
sup,sub,textarea,select,input,button{vertical-align:baseline}
sup{top:-0.5em}
sub{bottom:-0.25em}
ol,ul{margin:1em 0;padding:0 0 0 40px}
dd{margin:0 0 0 40px}
nav ol,nav ul{list-style:none;list-style-image:none}
img,legend,input::-moz-focus-inner,button::-moz-focus-inner{border:0}
img{-ms-interpolation-mode:bicubic}
svg:not(:root){overflow:hidden}
fieldset{border:1px solid silver;margin:0 2px;padding:0.35em 0.625em 0.75em}
legend{*margin-left:-7px}
textarea,select,input,button{*vertical-align:middle}
input,button{line-height:normal}
input[type='submit'],input[type='reset'],input[type='button'],button{cursor:pointer;-webkit-appearance:button;*overflow:visible}
input[type='radio'],input[type='checkbox']{box-sizing:border-box}
input[type='radio'],input[type='checkbox'],input::-moz-focus-inner,button::-moz-focus-inner{padding:0}
input[type='search']{-webkit-appearance:textfield;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box}
input[type='search']::-webkit-search-decoration{-webkit-appearance:none}
textarea{overflow:auto;vertical-align:top}
table{border-collapse:collapse;border-spacing:0}

/* FONTS */

@font-face {
	font-family: 'FuturaBKBT';
	src: url('/css/fonts/futura_book_bt-webfont.eot');
	src: url('/css/fonts/futura_book_bt-webfont.eot?#iefix') format('embedded-opentype'),
		 url('/css/fonts/futura_book_bt-webfont.woff') format('woff'),
		 url('/css/fonts/futura_book_bt-webfont.ttf') format('truetype'),
		 url('/css/fonts/futura_book_bt-webfont.svg#FuturaBkBTBook') format('svg');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'FuturaBKBT';
	src: url('/css/fonts/futura_book_italic_bt-webfont.eot');
	src: url('/css/fonts/futura_book_italic_bt-webfont.eot?#iefix') format('embedded-opentype'),
		 url('/css/fonts/futura_book_italic_bt-webfont.woff') format('woff'),
		 url('/css/fonts/futura_book_italic_bt-webfont.ttf') format('truetype'),
		 url('/css/fonts/futura_book_italic_bt-webfont.svg#FuturaBookItalic') format('svg');
	font-weight: normal;
	font-style: italic;
}
@font-face {
	font-family: 'FuturaBKBT';
	src: url('/css/fonts/futura_medium_bt-webfont.eot');
	src: url('/css/fonts/futura_medium_bt-webfont.eot?#iefix') format('embedded-opentype'),
		 url('/css/fonts/futura_medium_bt-webfont.woff') format('woff'),
		 url('/css/fonts/futura_medium_bt-webfont.ttf') format('truetype'),
		 url('/css/fonts/futura_medium_bt-webfont.svg#FuturaMedium') format('svg');
	font-weight: bold;
	font-style: normal;
}
@font-face {
	font-family: 'FuturaMediumBT';
	src: url('/css/fonts/futura_medium_bt-webfont.eot');
	src: url('/css/fonts/futura_medium_bt-webfont.eot?#iefix') format('embedded-opentype'),
		 url('/css/fonts/futura_medium_bt-webfont.woff') format('woff'),
		 url('/css/fonts/futura_medium_bt-webfont.ttf') format('truetype'),
		 url('/css/fonts/futura_medium_bt-webfont.svg#FuturaMedium') format('svg');
	font-weight: normal;
	font-style: normal;
}
@font-face {
    font-family: Aaargh;
    src: url('/styles/fonts/folks-normal-webfont.eot');
    src: url('/styles/fonts/folks-normal-webfont.eot?#iefix') format('embedded-opentype'),
         url('/styles/fonts/folks-normal-webfont.woff') format('woff'),
         url('/styles/fonts/folks-normal-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: Aaargh;
    src: url('/styles/fonts/folks-italic-webfont.eot');
    src: url('/styles/fonts/folks-italic-webfont.eot?#iefix') format('embedded-opentype'),
         url('/styles/fonts/folks-italic-webfont.woff') format('woff'),
         url('/styles/fonts/folks-italic-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: italic;
}
@font-face {
    font-family: Aaargh;
    src: url('/styles/fonts/folks-bold-webfont.eot');
    src: url('/styles/fonts/folks-bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('/styles/fonts/folks-bold-webfont.woff') format('woff'),
         url('/styles/fonts/folks-bold-webfont.ttf') format('truetype');
    font-weight: bold;
    font-style: normal;
}
@font-face {
    font-family: Aaargh;
    src: url('/styles/fonts/folks_italic_bold-webfont.eot');
    src: url('/styles/fonts/folks_italic_bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('/styles/fonts/folks_italic_bold-webfont.woff') format('woff'),
         url('/styles/fonts/folks_italic_bold-webfont.ttf') format('truetype');
    font-weight: bold;
    font-style: italic;
}

/* GENERAL */

html {
	min-width: 100%;
	min-height: 100%;
}
body,
h1, 
th, 
td, 
p, 
pli, 
input,
textarea,
select,
button {
	font-family: FuturaBKBT, 'FuturaBQ Book', 'Futura Bk BT', 'Futura Book BT', 'Futura BT', Futura, 'Myriad Pro', Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
}
body, th, td, p, h1, h2, h3, h4 {
	color: #FFFFFF;
}
body {
	background: #000000;
	background: linear-gradient(-8deg, #000000 0%, #1d234f 50%, #25005d 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#45484d', GradientType=0);
	background-size: cover;
	min-height: 100%;
}
a, a:visited, a:hover {
	color: #E4DCE9;
	text-decoration: none;
}
a:hover {
	color: #FFFFFF;
}

/* FORMS */

.buttons {
	clear: both;
	margin: 20px 0;
}
button,
.button,
a.button,
input[type=submit],
input[type=button] {
	box-shadow: inset 0 1px 0 0 #dcecfb;
	background: #9faebd;
	background: linear-gradient(to bottom, #9faebd 0%, #3c4b59 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#9faebd', endColorstr='#3c4b59',GradientType=0 );
	background-color: #9faebd;
	border-top-left-radius: 0px;
	border-top-right-radius: 0px;
	border-bottom-right-radius: 0px;
	border-bottom-left-radius: 0px;
	text-indent: 0;
	border: 1px solid #5f80a1;
	display: inline-block;
	color: #f0f0f0;
	text-transform: uppercase;
	height: 35px;
	line-height: 35px;
	min-width: 100px;
	text-decoration: none;
	text-align: center;
	text-shadow: 1px 1px 0 #2a3a4a;
	padding-right: 15px;
	padding-left: 15px;
	margin: 0 0 1rem;
}
button:active, .button:active, a.button:hover, input[type=submit]:active, input[type=button]:active {
	background: #3c4b59;
	background: linear-gradient(to bottom, #3c4b59 5%, #9faebd 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#3c4b59', endColorstr='#9faebd');
}
button:active, .button:active, input[type=submit]:active, input[type=button]:active {
	position: relative;
	top: 1px;
}
button.submit, button#submit, a.button, input.submit, input#submit {
	box-shadow: inset 0 1px 0 0 #e6cafc;
	background: #c579ff;
	background: linear-gradient(to bottom, #c579ff 5%, #a341ee 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#c579ff', endColorstr='#a341ee');
	border: 1px solid #a946f5;
	color: #ffffff;
	text-shadow: 1px 1px 0 #8628ce;
}
button.submit:active, button#submitsubmit:active, a.button:hover, input.submit:active, input#submit:active {
	background: #a341ee;
	background: linear-gradient(to bottom, #a341ee 5%, #c579ff 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#a341ee', endColorstr='#c579ff');
}
@media (min-width 800px) {
	button, .button, input[type=submit], input[type=button] {
		margin: 0;
	}
}

/* GENERAL */

#main {
	margin: 30px 20px 15px;
	text-align: center;
	max-width: 1100px;
}
#logo {
	display: inline-block;
	margin: 0 auto 40px;
	text-align: center;
}
h1, h2, h3, p {
	line-height: 180%;
	text-align: center;
}
p {
	font-size: 17px;
}
h1 {
	color: rgba(255, 255, 255, 0.7);
	font-size: 52px;
}
h2 {
	color: rgba(255, 255, 255, 0.8);
	font-size: 35px;
}
h3 {
	color: rgba(255, 255, 255, 0.85);
	font-size: 28px;
}
.buttons {
	margin-top: 30px;
}
.small {
	font-size: 10px;
}

@media screen and (min-width: 768px) {
	#main {
		width: calc(100% - 40px);
		margin: 30px auto 15px;
	}
}

@media screen and (min-width: 1115px) {
	#main {
		width: 100%;
	}
}

/* HOME */

#logo img {
	max-width: 561px;
	max-height: 141px;
	height: auto;
	width: 100%;
}

/* SCRABBLE */

#scrabble_words {
	list-style: none;
	margin: 0;
	padding: 0;
}
#letters_form .letters {
	background-color: #e8d98e;
	border: 0 none;
	border-radius: 2px;
	font-size: 20px;
	letter-spacing: 1px;
	padding: 7px;
	text-align: center;
	text-transform: uppercase;
	max-width: 261px;
}
#scrabble_words li {
	margin: 0 0 5px;
	padding: 0;
}
#scrabble_words .letter {
	background: none repeat scroll 0 0 #6a6837;
	border-radius: 5px;
	box-shadow: 2px 2px 1px rgba(0, 0, 0, 0.9);
	color: #ecebe5;
	display: inline-block;
	font-size: 21px;
	height: 25px;
	margin: 0 2px 0 0;
	padding: 5px 0 0;
	text-align: center;
	vertical-align: middle;
	width: 30px;
}

/* ERRORS */

#error {
	background: rgb(56, 49, 34);
	background: linear-gradient(top bottom, #383122 0%, #383122 11%, #40223E 64%, #7B0E87 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#383122', endColorstr='#7b0e87', GradientType=0);
}
#error #main {
	margin: 30px auto 0;
	text-align: center;
}
#error #logo {
	display: inline-block;
	margin: 0 auto 40px;
	text-align: center;
}
#error h1, #error p {
	font-size: 17px;
	line-height: 180%;
	text-align: center;
}
#error h1 {
	font-size: 45px;
}
#error .buttons {
	margin-top: 30px;
}