@import url(960.css);
@import url(jqueryui.css);

@font-face {  /* Generated by Font Squirrel (http://www.fontsquirrel.com) on August 27, 2010 */
	font-family: 'EquaSmallOrbit';
	src: url('../equa/equa-webfont.eot');
	src: local('☺'), url('../equa/equa-webfont.woff') format('woff'), url('../equa/equa-webfont.ttf') format('truetype'), url('../equa/equa-webfont.svg#webfontFAV8ab2s') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face { /* Generated by Font Squirrel (http://www.fontsquirrel.com) on August 27, 2010 */
	font-family: 'AstraRegular';
	src: url('../astral/astral_f-webfont.eot');
	src: local('☺'), url('../astral/astral_f-webfont.woff') format('woff'), url('../astral/astral_f-webfont.ttf') format('truetype'), url('../astral/astral_f-webfont.svg#webfontlFwqZhzj') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face { /* Generated by Font Squirrel (http://www.fontsquirrel.com) on August 27, 2010 */
	font-family: 'Alebing';
	src: url('../alebing/mamish_f-webfont.eot');
	src: local('☺'), url('../alebing/mamish_f-webfont.woff') format('woff'), url('../alebing/mamish_f-webfont.ttf') format('truetype'), url('../alebing/mamish_f-webfont.svg#webfontd5LfHMGj') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face { /* Generated by Font Squirrel (http://www.fontsquirrel.com) on August 27, 2010 */
	font-family: 'thousandRegular';
	src: url('../thousand/thousand-webfont.eot');
	src: local('☺'), url('../thousand/thousand-webfont.woff') format('woff'), url('../thousand/thousand-webfont.ttf') format('truetype'), url('../thousand/thousand-webfont.svg#webfontV36kgig1') format('svg');
	font-weight: normal;
	font-style: normal;
}

/* basic styles */

/* tweak html & body for our purposes */
html, body {height: 100%; margin: 0; padding: 0;}

/* argh...have to turn these on to get nice looking type... */
html {
	-webkit-font-smoothing: antialiased;
	text-rendering: optimizeLegibility;
}

/* tweak h* */
h1, h2, h3 { color: #000000; }

h1 { font-size: 3em; }
h2 { font-size: 2em; }
h3 { font-size: 1.5em; }

label { color: #666666; }


body {
	font-size: 10pt;
	font-family: "Lucida Grande", Verdana, Arial, sans-serif;
	color: #333333;
	background: #eeeeee;
	background-image: url(../img/obg.png);
	background-position: top left;
	background-repeat: no-repeat;
	background-attachment: fixed;
}


#header {
	margin-top: 40px;
	margin-bottom: 80px;
}

#blurb {
	margin: 20px 0;
	font-size: 15px;
	line-height: 1.25;
	color: #000000;
}

a {color: #000000; font-weight: bold; text-decoration: none;}
a:hover {border-bottom: 1px solid #000000;}


#inprogress {
	margin-top: 50px;
}

/* active styles */
.trial {
}


.trial .trial_controls {
	font-family: "Lucida Grande", Verdana, Arial, sans-serif;
	visibility: hidden; 
	height: 45px;
	margin-top: 10px;
	font-size: .8em;
}
.trial:hover .trial_controls { visibility: visible; }

.trial .trial_controls p { margin: .4em; }
.trial .trial_controls input { border: none; background: transparent; display: inline; font-size: inherit;}

.trial .trial_spec {
	color: rgb(60,60,60);
	font-size: 27pt;
	height: 200px;
	width: 940px;
	border: none;
	outline: none;
	background: transparent;
	overflow: hidden;
}

.trial * {	font-family: inherit; }

.trial .trial_spec:focus,
.trial:hover .trial_spec {
	background: #ffffff;
	background: rgba(255, 255, 255, .5);
}


.smallspec .name {
	color: #000000;
	font-size: 100px;
	text-align: center;
	height: 100px;
	border-bottom: 1px solid #666666;
	margin-bottom: 15px;
}

.smallspec .trial_spec {
	width: 300px;
}

.disclaimer {
	font-size: .8em;
	font-style: italic;
	text-align: right;
}

/* font styles */

.equa {
	font-family: 'EquaSmallOrbit', sans-serif;
	font-size-adjust: 0.55;
}

.equa .huge {
	font-size: 170px;
	margin: .2em 0;
}

.astral {
	font-family: 'AstraRegular', sans-serif;
	font-size-adjust: 0.35;
}

.alebing {
	font-family: 'Alebing', serif;
	font-size-adjust: 0.42;
}

.thousand {
	font-family: 'thousandRegular', sans-serif;
	font-size-adjust: 0.41;
}
