/*
 * Website Styles
 *
 * @author Elbert Bakker <code@elbert.ca>
 *
 * Colours
 * Red		ab0635
 * Yellow	eeb111
 */

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
	margin:0;
	padding:0;
	border:0;
	font-size:100%; line-height:1.3;
	vertical-align:baseline;
	font-family:Helvetica,sans-serif;
	font-family:'Merriweather', serif;
}

html {
	overflow-y:scroll;
	-webkit-text-size-adjust:100%;
	-ms-text-size-adjust:100%;
}
body {
	min-width:320px;	
	background:#f4f4f4 url(/theme/default/img/ribbon.png);
	background: url(/theme/default/img/ribbon.png), #f4f4f4 url(/theme/default/img/noise.png);
}

a { text-decoration:none; }

p,
ul,
ol,
dl { margin:1em 0; max-width:34em; }

h1,
h2,
h3 {
	margin:.5em 0;
	font-weight:bold;
	letter-spacing:-.05em;
	color:#ab0635;
}
h1 { font-size:2.5em; }
h2 { font-size:2em; }
h3 { margin:.75em 0 .5em 0; font-size:1.5em; text-transform:uppercase; }

form {}
fieldset { margin: 0 0 1em 0; }
legend { display:none; }
form strong { display:block; }
label.radio,
label.checkbox {
	position:relative; display:block; float:none !important; clear:both; 
	padding:.325em .5em .325em 2em; width:auto;
	border-radius:.25em;
	cursor:pointer;
}
label.radio:hover,
label.checkbox:hover { background:#bcd1d7; }
label.radio input[type='radio'],
label.checkbox input[type='checkbox'] { position:absolute; left:.25em; top:.175em; }
label.radio input[type='text'],
label.radio input[type='number'],
label.checkbox input[type='text'],
label.checkbox input[type='number'] { display:inline; vertical-align:middle; margin-top:-.03125em;  padding:0 .25em; }

input.small { width:6em; }

input,
textarea,
select {
	padding:.125em .5em;
	max-width:100%;
	box-sizing:border-box;
	font-size:1.125em; 
}
textarea {
	padding:.5em;
}
select {
	min-width:100%;
}


/* !Layout */

#wrapper {
	margin: 10% auto;
	max-width:14em;
	font-family:'Merriweather', serif;
	text-shadow: 1px 1px 0 #fff;
	font-size:1.25em;
}
#wrapper p {
	font-family:'Merriweather', serif;
}

.layoutBlock {
	margin:0 auto;
	padding:0 3.125%;
	max-width:960px;
}

/* !Responsive */

@media only screen and (-webkit-min-device-pixel-ratio:2) {

}

@media screen and (max-width:767px) {
	/* Typography */
	h1,h2,h3 { text-align:center; }
	/* Layout */
	/* Specific Content */
}

#hint {
	margin: 20vh auto;
	padding:2em;
	max-width:18em;
}