/* reset */ body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;}table{border-collapse:collapse;border-spacing:0;}fieldset,img{border:0;}address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}li{list-style:none;}caption,th{text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}q:before,q:after{content:'';}abbr,acronym{border:0;font-variant:normal;}sup{vertical-align:text-top;}sub{vertical-align:text-bottom;}input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;}legend{color:#000;}a{outline:none;}

body { margin: 0px auto; background-color: #f9f9f9; background-image: url('/assets/image/whitenoise.gif'); font: normal 16px Arial,sans-serif; }
a { color: #AAA; }

q:before { content: '“'; }
q:after { content: '”'; }

input {
	-webkit-appearance: button; position: relative;
	-moz-box-shadow: 2px 2px 6px 0px #e8e8e8; -webkit-box-shadow: 2px 2px 6px 0px #e8e8e8; box-shadow: 2px 2px 6px 0px #e8e8e8;
	height: 1.85em; border: 1px solid #7a7a7a;
	-webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px;
	background-color: #f3f3f3; padding: 0 12px; color: #555; -webkit-text-size-adjust: 140%; font-size: 20px; cursor: pointer; }

input:hover {
	background-color: #fafafa; color: #616161; }

input:active {
	top: 1px; right: -1px;
	-moz-box-shadow: 1px 1px 4px 0px #e8e8e8; -webkit-box-shadow: 1px 1px 4px 0px #e8e8e8; box-shadow: 1px 1px 4px 0px #e8e8e8; }

input:disabled {
	color: #CCC;
	border-color: #BBB; }

#sound { height: 0; }

#content { color: #555; font-weight: bold; text-align: center; }

#input .instructions { margin: 18px 18px 16px; font-size: 1.25em; line-height: 140%; }
	#raw_list { width: 400px; height: 241px; padding: 8px; resize: none; }
	#ready { margin-top: 16px; }
	#heythere { margin: 16px 0; font-size: 13px; }
	#heythere a { color: #aaa; }
	#heythere a:hover { color: #bbb; }

#output { display: none; }

	#tabs {
		background-color: #222937; background-image: url('/assets/image/denim.png');
		text-align: center;
	}
	
	#tabs ul {
		margin-top: 14px;
	}
	
	.ui-tabs { position: relative; padding: .2em; zoom: 1; } /* position: relative prevents IE scroll bug (element with position: relative inside container with overflow: auto appear as "fixed") */
	.ui-tabs .ui-tabs-nav { margin: 0; padding: .2em .2em 0; }
	.ui-tabs .ui-tabs-nav li { display: inline-block; vertical-align: bottom; list-style: none; position: relative; top: 1px; margin: 0 .2em 1px 0; border-bottom: 0 !important; padding: 0; white-space: nowrap; }
	.ui-tabs .ui-tabs-nav li a { padding: .5em 1em; text-decoration: none; }
	.ui-tabs .ui-tabs-nav li.ui-tabs-selected { margin-bottom: 0; padding-bottom: 1px; }
	.ui-tabs .ui-tabs-nav li.ui-tabs-selected a, .ui-tabs .ui-tabs-nav li.ui-state-disabled a, .ui-tabs .ui-tabs-nav li.ui-state-processing a { cursor: text; }
	.ui-tabs .ui-tabs-nav li a, .ui-tabs.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-selected a { cursor: pointer; } /* first selector in group seems obsolete, but required to overcome bug in Opera applying cursor: text overall if defined elsewhere... */
	.ui-tabs .ui-tabs-panel { display: block; border-width: 0; padding: 1em 1.4em; background: none; }
	.ui-tabs .ui-tabs-hide { display: none !important; }
	.ui-sortable-helper a {
		position: relative; top: 18px;
		z-index: 0;
	}

	#tabs a {
			margin: 0 4px;
			-webkit-border-top-left-radius: 8px; -webkit-border-top-right-radius: 8px; -moz-border-radius-topleft: 8px; -moz-border-radius-topright: 8px; border-top-left-radius: 8px; border-top-right-radius: 8px;
			background-color: #DDD; color: #555; text-decoration: none; 
	}

	#tabs a.current { background-image: url('/assets/image/whitenoise.gif'); }

	#meat { position: relative; z-index: 1001; padding-top: 18px; background-image: url('/assets/image/whitenoise.gif'); }

	#task { margin: 0 18px 24px; -webkit-text-size-adjust: 200%; font-size: 2em; font-weight: bold; color: #333; }

	#timer {
		display: none; width: 260px; margin: 24px auto 30px;
		-webkit-border-radius: 16px; -moz-border-radius: 16px; border-radius: 16px;
		border: 5px solid #888; background-image: url('/assets/image/whitenoise.gif'); padding: 24px 0; color: #666; font-size: 48px; cursor: pointer; }
	#timer:active { position: relative; top: 2px; left: 2px; }
	#timer.paused { color: #999; }

	#all_done { display: none; -webkit-text-size-adjust: 200%; font-size: 2em; font-weight: bold; color: green; }
	#edit { display: block; margin: 16px auto; width: 80px; font-size: 14px; color: #aaa; }

#about { display: none; margin: 18px; text-align: left; }
	#about p { margin-bottom: .8em; font-size: 26px; line-height: 1.4em; color: #222; font-weight: bold; }
	#about p a { color: #999; text-decoration: none; }
	#about p a:hover { color: #aaa; }