body, html
{
	height: 100%;
	min-height: 100%;
}

h1
{
	text-transform: uppercase;
	font-family: Arial, sans-serif;
}

#container
{
	float: left;
	height: auto;
	overflow: hidden;
	padding-bottom: 80px;
}

	#bar
	{
		width: 150px;
		float: left;
		margin-left: 15px;
		padding-right: 15px;
		border-right: 1px #ececec solid;
		height: auto;
		padding-bottom: 32767px;
		margin-bottom: -32767px;
	}
		
		#bar header
		{
			width: 150px;
		}
		
			#bar header h1
			{
				float: right;
			}
			
			#bar header h1 a
			{
				width: 71px;
				height: 85px;
			}
		
		.qtrans_language_chooser
		{
			width: 150px;
			height: 20px;
			line-height: 20px;
			border-top: 1px #ececec solid;
			border-bottom: 1px #ececec solid;
			margin-top: 15px;
			margin-left: 0;
		}
		
			.qtrans_language_chooser li
			{
				list-style: none;
				margin: 0;
				padding: 0;
				clear: none;
				float: right;
				margin-left: 5px;
			}
			
			.qtrans_language_chooser a
			{
				font-family: Arial, sans-serif;
				font-size: 9px;
				font-style: normal;
			}
		
	#bar nav
	{
		width: 150px;
	}
		
		#bar nav h1
		{
			font-size: 12px;
			margin-top: 20px;
			margin-bottom: 5px;
			float: right;
		}
		
		#bar nav ul
		{
			float: right;
		}
		
		#bar nav ul + ul
		{
			margin-top: 20px;
		}
		
			#bar nav li
			{
				line-height: 20px;
				float: right;
			}
			
			#bar nav li a
			{
				font-style: italic;
				text-align: right;
				max-width: 150px;
				font-size: 12px;
			}
			
			#bar nav li.current_page_item
			{
				width: 170px;
				margin-right: -26px;
				background-image: url(../images/arrow-right.gif);
				background-repeat: no-repeat;
				background-position: top right;
			}
			
			#bar nav li.current_page_item a
			{
				font-weight: bold;
				color: #000;
				text-align: right;
				float: right;
				margin-right: 26px;
				cursor: default;
			}
			
			#bar nav li.current_page_item a:hover
			{
				text-decoration: none;
			}
			
			#bar #searchform
			{
				display: block;
				clear: both;
				float: right;
				width: 150px;
				margin-top: 20px;
			}
			
				#bar #searchform input
				{
					border: 1px #ececec inset;
					display: block;
					display: block;
					width: 130px;
					float: right;
					font-family: sans-serif;
					padding: 2px;
				}
			
			#page-start #bar #nav
			{
				padding-top: 300px;
			}
			
	#content
	{
		float: left;
		clear: none;
		width: 565px;
		margin-left: 30px;
		height: 100%;
		padding-right: 30px;
		border-right: 1px #efefef solid;
		padding-bottom: 32767px;
		margin-bottom: -32767px;
	}
	
		#content > header
		{
			float: left;
			position: relative;
			clear: both;
			width: 565px;
			height: 85px;
		}
		
			#content > header h1
			{
				position: absolute;
				float: left;
				clear: both;
				left: 0;
				bottom: 0;
				padding: 0;
				margin: 0;
				font-family: Georgia, Times, serif;
				color: #000;
				font-weight: bold;
				font-size: 25px;
				text-transform: none;
				font-style: italic;
				line-height: 20px;
			}
			
			#content > header p
			{
				float: right;
				clear: none;
				position: absolute;
				right: 0;
				bottom: 0;
				font-style: italic;
			}
			
				#content > header p a
				{
					clear: none;
					display: inline;
					float: none;
				}
			
		#content > nav
		{
			margin-top: 15px;
			border-top: 1px #efefef solid;
			border-bottom: 1px #efefef solid;
			height: 20px;
			line-height: 20px;
			width: 565px;
			font-size: 9px;
			font-family: sans-serif;
		}
		
		#content > article
		{
			margin-top: 20px;
			line-height: 23px;
			font-size: 14px;
		}
		
			#content > article > article
			{
				font-size: 13px;
			}
		
		#content > article > img
		{
			margin-bottom: 15px;
		}
		
		#content > article > h1
		{
			margin-bottom: 5px;
			color: #000;
		}
		
		#content > article > p + p
		{
			margin-top: 10px;
		}
		
		#content > article > p + img
		{
			margin-top: 10px;
		}

		#content > article > p a
		{
			color: #999;
		}
		
		#content > article > p + h1
		{
			margin-top: 20px;
		}
		
		#content > article > footer + h1,
		#content > article > ul + h1
		{
			margin-top: 20px;
		}
		
		article dl
		{
			float: left;
			clear: both;
			width: 565px;
			margin: 0 0 20px 0;
		}
		
		article dl.downloads
		{
			background: #efefef;
			padding: 15px;
			width: 535px;
		}
		
			article dt
			{
				float: left;
				clear: both;
				
				width: 100px;
			}
			
			article dd
			{
				float: left;
				clear: none;
				margin-left: 10px;
			}
				
		.tester
		{
			width: 100%;
			margin-bottom: 20px;
		}
		
			.tester textarea
			{
				width: 559px;
				font-size: 20px;
				height: 150px;
				border: 1px #ececec inset;
				margin-bottom: 10px;
				display: block;
				float: left;
				font-family: 'Droid Serif', serif;
			}
			
			.tester-option
			{
				margin-bottom: 5px;
				clear: left;
			}
			
			.tester-option:nth-child(odd)
			{
				
			}
			
			.tester-option h2,
			.tester-option label
			{
				font-weight: normal;
				width: 140px;
			}
			
			.tester-option ul
			{
				clear: none;
				margin: 0;
			}
			
			.tester-option li
			{
				float: left;
				clear: none;
				display: block;
				margin-right: 10px;
				color: #666;
				cursor: pointer;
				font-style: italic;
			}
			
			.tester-option li.active
			{
				font-weight: bold;
				color: #000;
			}
			
			.tester-option li:hover
			{
				text-decoration: underline;
			}
			
			.tester-option.font-size input
			{
				clear: none;
			}
			
			
			#font-1-size
			{
			    -webkit-appearance: none !important;
			    background: #cecece;
			    height: 1px;
			    width: 425px;
			    -webkit-transform: translate3d(0px, 0px, 0px);
			    margin-top: 10px;
			    cursor: pointer;
			    overflow: visible;
			}
			
			#font-1-size::-webkit-slider-thumb
			{
			    -webkit-appearance: none !important;
			    background: #666;
			    height: 10px;
			    width: 10px;
			    cursor: pointer;
			    -moz-border-radius: 10px;
			    border-radius: 10px;
			    float: none;
			    display: block;
			}
			
			/*.tester-option.font-size input
			{
				-webkit-appearance: none !important;
				background: #cecece;
				height: 1px;
				width: 425px;
				margin-top: 10px;
				cursor: pointer;
			}
			  
			.tester-option.font-size input::-webkit-slider-thumb
			{
				-webkit-appearance: none !important;
				background: #666;
				height: 10px;
				width: 10px;
				cursor: pointer;
				-moz-border-radius: 10px;
				border-radius: 10px;
				display: block;
			}*/
			
			.tester .ui-slider
			{
				-webkit-appearance: none !important;
				background: #cecece;
				height: 1px;
				width: 425px;
				margin-top: 10px;
				cursor: pointer;
				clear: none;
				position: relative;
			}
			
			.tester .ui-slider-handle
			{
				-webkit-appearance: none !important;
				background: #666;
				height: 10px;
				width: 10px;
				cursor: pointer;
				-moz-border-radius: 10px;
				border-radius: 10px;
				display: block;
				top: -5px;
				position: absolute;
				float: none;
				display: block;
			}
			
			.tester-expand
			{
				float: right;
				clear: none;
			}
				
		.comment
		{
			padding-bottom: 15px;
			border-bottom: 1px #efefef solid;
			width: 565px;
		}
		
		h1 + .comment
		{
			padding-top: 15px;
			border-top: 1px #efefef solid;
			margin-top: 10px;		
		}

		.comment + .comment
		{
			padding-top: 15px;
		}
		
			.comment .text
			{
				clear: both;
				margin-top: 5px;
			}
		
		#page-start	#content > article
		{
			margin-top: 280px;
		}
			
		#preview-box
		{
			background-color: #333;
			color: #fff;
			display: block;
			width: 960px;
			position: absolute;
			top: 142px;
			left: 15px;
			height: 240px;
			overflow: hidden;			
			line-height: 20px;
		}
		
			#preview-box article,
			#preview-box p,
			#preview-box h1,
			#preview-box a
			{
				color: #fff;
			}
			
			#preview-box article
			{
				float: left;
				clear: none;
				width: 125px;
				padding: 20px;
				height: 200px;
				border-right: 1px #777 solid;
			}
			
			#preview-box article:last-child
			{
				border-right: none;
			}
			
			#preview-box article.active
			{
				width: 585px;
			}
			
			#preview-blog
			{
				background: url(../images/new-blog.png) no-repeat;
			}
			
			#preview-blog p,
			#preview-blog h1,
			#preview-fonts p,
			#preview-fonts h1,
			#preview-26plus h1
			{
				background: rgba(0, 0, 0, 0.8);
				margin-bottom: 5px;
				max-width: 115px;
				padding: 5px;
			}
			
			#preview-blog a
			{
				display: block;
				background: #fff;
				color: #000;
				padding: 5px;
				max-width: 115px;
				float: left;
				clear: both;
				margin-top: 5px;
			}
			
			#preview-blog a:hover
			{
				background: #000;
				color: #fff;
			}
			
			#preview-fonts
			{
				background: url(../images/new-font.png) no-repeat;
			}
			
			#preview-fonts li
			{
				font-style: italic;
			}
			
			#preview-26plus
			{
				background: url(../images/26plus-preview.png) no-repeat;
			}
			
			#preview-26plus h1
			{
				max-width: 115px;
				background: none;
				margin-bottom: 5px;
				clear: both;
				float: left;
			}
			
			#preview-26plus p
			{
				padding: 5px;
				margin-bottom: 5px;
				max-width: 115px;
				clear: both;
				float: left;
			}
			
			#preview-26plus a
			{
				display: block;
				background: #fff;
				padding: 5px;
				float: left;
				clear: both;
				color: #000;
			}
		
	#social
	{
		float: left;
		clear: none;
		width: 150px;
		padding-left: 15px;
		padding-bottom: 32767px;
		margin-bottom: -32767px;
	}
	
	#social:hover
	{
		opacity: 1;
	}
	
		#social > h1
		{
			margin-top: 67px;
			font-size: 14px;
			font-family: Georgia, serif;
			font-weight: normal;
			height: 20px;
			line-height: 20px;
			padding-bottom: 13px;
			border-bottom: 1px #efefef solid;
			text-transform: none;
			width: 100%;
			font-style: italic;
		}
		
		#social > aside
		{
			border-top: 1px #efefef solid;
			width: 100%;
			margin-top: 20px;
			font-size: 12px;
		}
		
			#social > aside h1
			{
				margin-bottom: 5px;
				margin-top: 20px;
			}
			
			#social > aside ul
			{
				margin: 0;
				width: 100%;
				padding: 0;
			}
			
				#social > aside li
				{
					list-style: none;
					width: 100%;
					margin: 0;
					padding: 0;
					line-height: 20px;
					font-style: italic;
				}
				
				#social label
				{
					color: #666;
					margin-bottom: 3px;
					margin-top: 5px;
				}
				
				#social input
				{
					border: 1px #ececec inset;
					display: block;
					display: block;
					width: 130px;
					float: left;
					font-family: Menlo, Monaco, monospace;
					padding: 2px;
				}
				
				#social p + input
				{
					margin-top: 5px;
				}
				
				#social p
				{
					line-height: 20px;
				}
				
	#sliders
	{
		float: left;
		clear: none;
		margin-top: 140px;
		position: relative;
		background: red;
	}
	
	.slider
	{
		width: 450px;
		clear: none;
		min-height: 400px;
	}
	
	.sliders-layered .slider
	{
		position: absolute;
		left: 0;
		top: 0;
	}
	
	.slider-1
	{
		margin: #ccc;
	}
	
	.slider-2
	{
		background: #ddd;
	}
	
	.slider-3
	{
		background: #eee;
	}
	
		#sliders li
		{
			width: 130px;
			height: 130px;
			margin-bottom: 10px;
			margin-right: 10px;
			display: block;
			list-style: none;
			float: left;
			clear: none;
		}
		
		#sliders li a
		{
			display: block;
			width: 130px;
			height: 130px;
			background-repeat: no-repeat;
			text-indent: -5000px;
		}
		
		#sliders li a:hover
		{
			background-position: 0 -130px;
		}
	
	body > footer
	{
		float: left;
		clear: both;
		width: 100%;
		height: 20px;
		line-height: 20px;
		padding-bottom: 20px;
		margin-top: -40px;
		font-size: 9px;
		font-family: sans-serif;
		margin-left: 20px;
	}
	
		#footer-social
		{
			width: 150px;
			float: right;
			clear: none;
			height: 20px;
			overflow: hidden;
			
			
			margin-left: 40px;
		}
		
			#container > footer li
			{
				float: left;
				clear: none;
				list-style: none;
				margin-right: 10px;
			}
			
		#footer-copyright
		{
			float: left;
			clear: none;
			
			
			width: 565px;
		}
		
		#footer-other
		{
			float: left;
			width: 150px;
			margin-right: 40px;
			height: 20px;
			
			
		}