 
<style>
	.fakeClass 
	{	
	}
	@font-face
	{
		font-family: Quicksand;
		src: url(http://www.write-bright.com/fonts/Quicksand-Regular.ttf);
		font-weight: normal;
	}
	@font-face
	{
		font-family: Quicksand;
		src: url(http://www.write-bright.com/fonts/Quicksand-Bold.ttf);
		font-weight: bold;
	}
	@font-face
	{
		font-family: Quicksand;
		src: url(http://www.write-bright.com/fonts/Quicksand-Light.ttf);
		font-weight: lighter;
	}
	@font-face
	{
		font-family: Cabin;
		src: url(http://www.write-bright.com/fonts/Cabin-Regular.ttf);
		font-weight: normal;
		font-style: normal;
	}
	@font-face
	{
		font-family: Cabin;
		src: url(http://www.write-bright.com/fonts/Cabin-BoldItalic.ttf);
		font-weight: bold;
		font-style: italic;
	}
	@font-face
	{
		font-family: Cabin;
		src: url(http://www.write-bright.com/fonts/Cabin-Bold.ttf);
		font-weight: bold;
		font-style: normal;
	}
	@font-face
	{
		font-family: Cabin;
		src: url(http://www.write-bright.com/fonts/Cabin-Italic.ttf);
		font-weight: normal;
		font-style: italic;
	}
	@font-face
	{
		font-family: CabinSketch;
		src: url(http://www.write-bright.com/fonts/CabinSketch-Regular.ttf);
		font-weight: normal;
	}
	@font-face
	{
		font-family: CabinSketch;
		src: url(http://www.write-bright.com/fonts/CabinSketch-Bold.ttf);
		font-weight: bold;
	}
	@font-face
	{
		font-family: Fredericka;
		src: url(http://www.write-bright.com/fonts/FrederickatheGreat-Regular.ttf);
		font-weight: normal;
	}
	body 
	{	
		font-family: Quicksand, Century Gothic, Trebuchet MS, sans-serif !important;
		text-align: center;
		background-color: #39c;
		background-image: url(style/moire.png);
		background-repeat: both;
	}
	#mainTainer
	{
		width: 800px;
		margin: auto;		
	}
	#headTainer
	{
		width: 800px;
		margin: auto;		
	}
	h1
	{
		color: #fc0;
		font-family: Fredericka;
		font-size: 86px;
		text-shadow: #fff;
		margin: 0;
	}	
	h2
	{
		color: #fc0;
		font-family: Fredericka;		
		margin: 0 0 10px 0;
		font-size: 30px;
	}
	.formChunk
	{
		display: block;
		background-color: #fc0;
		border: 1px solid #fc0;
		width: auto;
		margin: 5px 10px;
	}
	label
	{
		font-family: Cabin;
		display: inline-block;
		color: #39c;
	}
	textarea
	{
		display: block;
		width: 757px;
		margin: 2px;
		font-size: 16px;
	}
	.multiLineTextBox 
	{
		width: 500px;
	}
	.formElement
	{
		height: 33px;
		line-height: 33px;
	}
	#textBlock > .formElement
	{
		height: auto;
	}
	#orientation
	{
		display: inline-block;
		width: 375px;
		margin-right: 2px;
	}
	#paperSize
	{
		display: inline-block;
		width: 375px;
		margin-left: 2px;
	}
	input
	{

	}
	.formItem
	{
		display: inline;
		padding: 0 10px;
	}
	.formButton
	{
		width: 100px;
		padding: 10px;
		border: 2px solid #f81;
	}
	.repeatingCheckbox, .repeatingCheckboxLabel
	{
		display: none;
	}
	#buttons
	{
		width: auto;
		height: auto;
	}
	#resetButton
	{
		margin-right: 277px;
	}
	#submitButton
	{
		display: inline-block;
		margin-left: 277px;
		background-color: #f81;
	}
	.formElement
	{
		background-color: #fffff8;
		margin: 5px;
		padding: 4px 2px;
	}
	.formTextIsBig
	{
		height: 200px;
	}
	.formTextIsSmall
	{
		height: initial;
	}
	.line 
	{
		*display: inline;
	}
	#footer_worksheet
	{
		padding-top: 20px;
		font-size: 15px;
	}
	#footer_worksheet a
	{
		text-decoration: none;
		color: inherit;
	}
	#header_worksheet
	{
		display: inline-block;
		position: relative;
		text-align: right;
		width : px;
		padding: 0;
		margin: 0;
	}
	#nameBlock 
	{
		text-align: left;
		display: inline-block;
		font-size: 20px;
		font-weight: lighter;
		width: 400px;
		border-width: 0;
		border-bottom: 1px solid #000;
		padding: 0 0 2px 0;
	}
	#worksheetContent 
	{
		display: block;
		position: relative;
		top: 20px;
	}
	.attention
	{
		font-weight: bold;
		color: #1dd;
	}
	ul
	{
		display: inline;
	}
	@media only screen and (max-width: 800px)
	{
		#mainTainer
		{
			width: 100%;
			margin: 0;
			padding: 0;		
		}
		#headTainer
		{
			width: 100%;
			margin: 0;		
		}
		h1
		{
			font-size: 43px;
		}	
		h2
		{
			font-size: 15px;
		}
		#sizeBlock, #textBlock, #paperBlock, #outputBlock, textarea
		{
			width: 100%;
			margin-left: 0;
			margin-right: 0;
			padding-left: 0;
			padding-right: 0;
		}
		.formElement
		{
			height: auto;
			line-height: 33px;
		}
		.formItem
		{
			display: block;
			padding: 0;
		}
		#outputBlock .formItem
		{
			display: inline-block;
		}
		#submitButton, #resetButton
		{
			margin: 0 10px;
		}

	}
	.formItem#fontExample
	{
	}
	.fontExample
	{
		display: inline;
	}
	#font
	{
		height:52px;
		line-height: 52px;
	}
	#fontMenu
	{
		position: relative;
		top: -18px;
	}
	.exampleGlyph
	{
		height: 50px;
		display: inline;
	}
</style>