/*
Copyright (c) 2011, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.com/yui/license.html
version: 2.9.0
*/
html{color:#000;background:#FFF}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,select,p,blockquote,th,td{margin:0;padding:0}table{border-collapse:collapse;border-spacing:0}fieldset,img{border:0}address,button,caption,cite,code,dfn,em,input,optgroup,option,select,strong,textarea,th,var{font:inherit}del,ins{text-decoration:none}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:baseline}sub{vertical-align:baseline}legend{color:#000}


html {
	/* force scrollbar to avoid jumps */
	overflow-y: scroll;

	/* normal fonts on mobile devices */
	-webkit-font-smoothing: antialiased;
	-webkit-text-size-adjust: 100%;	/* none; ?*/
	-moz-text-size-adjust: 100%;
	-ms-text-size-adjust: 100%;
	text-size-adjust: 100%;
}

/* HTML 5 reset */
article, aside, details,figcaption, figure, footer, header, hgroup, menu, nav, section, summary, mark {
	display: block;
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent
}

	audio, canvas, video {
	  display: inline-block;
	}
		audio:not([controls]) {
		  display: none;
		}

	command, datalist, keygen, mark, meter, progress, rp, rt, ruby, time, wbr {
		display: inline;
	}

/* additional resets */
blockquote, q { quotes:none }

	blockquote:before, blockquote:after, q:before, q:after {
		content:'';
		content:none
	}

img, object, embed, iframe { max-width: 100% }
img { height:auto }
iframe { border:0 }

/* a img { display: block } */

li { list-style:none }

/* forms */
button:hover, input[type="reset"]:hover, input[type="button"]:hover, input[type="submit"]:hover, input[type="file"]:hover {
	cursor:pointer;
	-webkit-appearance: button;
}
input, select { vertical-align: middle }
input[type="radio"] { vertical-align: text-bottom }
button {  width: auto; overflow: visible }
input:valid, textarea:valid   {  }
input:invalid, textarea:invalid {
	border-radius: 1px;
	-moz-box-shadow: 0px 0px 5px red;
	-webkit-box-shadow: 0px 0px 5px red;
	box-shadow: 0px 0px 5px red
}

/*http://www.456bereastreet.com/archive/201210/removing_whitespace_around_text_fields/*/
input,
textarea {
    margin:0;
    vertical-align:bottom;
}

/* custom text-selection colors (remove any text shadows: twitter.com/miketaylr/status/12228805301) */
::-moz-selection{background: #fe57a1; color: #fff; text-shadow: none}
::selection {background: #fe57a1; color: #fff; text-shadow: none}

/*	j.mp/webkit-tap-highlight-color */
a:link {-webkit-tap-highlight-color: #fcd700}

/* remove dotted outline (also in form elements (webkit)) */
:focus, :active {
	outline:none;
	-moz-outline-style: 0 none
}
::-moz-focus-inner {border:0}

/* accessible focus treatment people.opera.com/patrickl/experiments/keyboard/test */
a:hover, a:active {outline: none}

/* floats clearing */
.clear,
.group:after {
	clear: both;
	display: block;
	visibility: hidden;
	width: 0;
	height: 0
}

	/* http://perishablepress.com/press/2009/12/06/new-clearfix-hack */
	.group:after {
		content: ' ';
		font-size: 0;
		line-height: 0
	}
	/* http://sonspring.com/journal/clearing-floats */
	.clear {
		overflow: hidden
	}

/* default print styles; inlined to avoid required HTTP connection: phpied.com/delay-loading-your-print-css/ */
@media print {
	* { background: transparent !important; color: #000 !important; text-shadow: none !important; filter:none !important; -ms-filter: none !important; }
	a, a:visited { color: #444 !important; text-decoration: underline }
	a:after { content: " (" attr(href) ")" }
	a[href^="javascript:"]:after, a[href^="#"]:after { content: ""; }  /* don't show links for images, or javascript/internal links */
	abbr:after { content: " (" attr(title) ")" }
	pre, blockquote { border: 1px solid #999; page-break-inside: avoid }
	thead { display: table-header-group }
	tr, img { page-break-inside: avoid }
	@page { margin: 0.5cm }
	p, h2, h3 { orphans: 3; widows: 3 }
	h2, h3{ page-break-after: avoid }
	.hide-on-print { display: none !important; }
	.print-only { display: block !important; }
}/*debug helper		* /
* { outline: 1px dotted red }
* * { outline: 1px dotted green }
* * * { outline: 1px dotted orange }
* * * * { outline: 1px dotted blue }
* * * * * { outline: 1px solid red }
* * * * * * { outline: 1px solid green }
* * * * * * * { outline: 1px solid orange }
* * * * * * * * { outline: 1px solid blue }
/* */
.container,
.container [class^="grid_"] {
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	
	/*
    -moz-background-clip:border-box !important;
    -webkit-background-clip:border-box !important;
    background-clip:border-box !important;*/
}

/* nested grids */
.container .grid-row {
	margin: 0 -1.5625%;
	position: relative;
}

/* all grid classes: */
.container [class^="grid_"] {
	float: left;
	position: relative;
	margin: 0 1.5625%;
	min-height: 1px;
}

	/* centered x-columns grid */
	.container [class^="grid_"].centered {
		margin-left: auto;
		margin-right: auto;
		float:none;
	}
	
	/* floated to right */
	.container [class^="grid_"].right {
		float:right;
	}

/* widths */
.container .grid_1{ width:5.208% }
.container .grid_2{ width:13.542% }
.container .grid_3{ width:21.875% }
.container .grid_4{ width:30.208% }
.container .grid_5{ width:38.542% }
.container .grid_6{ width:46.875% }
.container .grid_7{ width:55.208% }
.container .grid_8{ width:63.542% }
.container .grid_9{ width:71.875% }
.container .grid_10{ width:80.208% }
.container .grid_11{ width:88.542% }
.container .grid_12{ width:96.875%; }

/*grid-row*/
.container .prefix_1{ margin-left:9.8955% }
.container .prefix_2{ margin-left:18.2295% }
.container .prefix_3{ margin-left:26.5625% }
.container .prefix_4{ margin-left:34.8955% }
.container .prefix_5{ margin-left:43.2295% }
.container .prefix_6{ margin-left:51.5625% }
.container .prefix_7{ margin-left:59.8955% }
.container .prefix_8{ margin-left:68.2295% }
.container .prefix_9{ margin-left:76.5625% }
.container .prefix_10{ margin-left:84.8955% }
.container .prefix_11{ margin-left:93.2295% }



/*normal
.container .prefix_1{ margin-left:5.208% }
.container .prefix_2{ margin-left:13.542% }
.container .prefix_3{ margin-left:21.875% }
.container .prefix_4{ margin-left:30.208% }
.container .prefix_5{ margin-left:38.542% }
.container .prefix_6{ margin-left:46.875% }
.container .prefix_7{ margin-left:55.208% }
.container .prefix_8{ margin-left:63.542% }
.container .prefix_9{ margin-left:71.875% }
.container .prefix_10{ margin-left:80.208% }
.container .prefix_11{ margin-left:88.542% }*/


/* no margins */
.container .alpha {
	margin-left: 0;
}

.container .omega {
	margin-right: 0;
}

/*
made by 
http://grids.heroku.com/
http://csswizardry.com/fluid-grids/
*********************   
*/html {
	font-size: 12px;
	font-family: 'Open Sans', Calibri, Corbel, Frutiger, 'Frutiger Linotype', Univers, 'Myriad Pro', Myriad, 'DejaVu Sans Condensed', 'Liberation Sans', 'Nimbus Sans L', Tahoma, Geneva, 'Helvetica Neue', Helvetica, Arial, sans-serif;
	-webkit-font-smoothing: antialiased; /* Fix for webkit rendering */
	text-rendering: optimizeLegibility;
}

h1 {
	font-size: 533%;
	line-height: 1;
	padding: 0;
	padding: 9px 0 9px 0;
	text-align:center;
	font-weight:bold;
	letter-spacing:-2px;
	margin: .35em 0;
	font-family: 'Passion One', 'Open Sans', Calibri, Corbel, Frutiger, 'Frutiger Linotype', Univers, 'Myriad Pro', Myriad, 'DejaVu Sans Condensed', 'Liberation Sans', 'Nimbus Sans L', Tahoma, Geneva, 'Helvetica Neue', Helvetica, Arial, sans-serif;
	
}
h2 {
	font-size: 200%;
	line-height: 1.5;
	padding: 6px 0 12px 0;
}
h3 {
	font-size: 175%;
	line-height: 1.7142857143;
	padding: 8px 0 10px 0;
}
h4 {
	font-size: 150%;
	line-height: 1;
	padding: 4px 0 14px 0;
}
h5 {
	font-size: 133.33333333%;
	line-height: 1;
	padding: 8px 0 12px 0;
}
h6 {
	font-size: 116.66666667000001%;
	line-height: 1;
	padding: 13px 0 8px 0;
	font-weight:bold;
}

a {
	color:#444;
}

	a:hover {
		color:#000
	}

h1 a,
.help {
	text-decoration:none;
	cursor:help;
}

h1 span {
	color:#770000;
}

#mini-help {
	display:none;
	margin: 0 15em;
	background:#eee;
	padding:2em;
	
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
	
	border:1px solid #aaa;
}

.container {
	width:70%;
	margin:0 auto;
}

.code {
	font-family:  "consolas", "andale mono", "lucida console", mono-space, monospace;
	overflow:auto;
	white-space: pre;
	border:1px solid #ccc;
	background: #fdfdea;
	padding:.5em;

    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}

select {	
	border:1px solid #ccc;
}

textarea.code {
	height:250px;
}

.button,
#url,
iframe,
select,
textarea.code {
	width:100%;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

label {
	cursor:pointer;
}

.button {
	font-size:1.5em;
	
	margin: 1em 0;
	padding:.5em 1.5em;
	
	border:0;
	
	text-align: center;
	text-decoration:none !important;
	text-transform: uppercase;
	
	display:inline-block;
	
	background: #800040;
	color:#fff;
	
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	
	-webkit-transition-duration: .3s;
	-moz-transition-duration: .3s;
	-ms-transition-duration: .3s;
	-o-transition-duration: .3s;
	transition-duration: .3s;
	
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

	.button:hover {
		background: #ea1e23;
	}
	
#info {
	font-size:80%;
}
	
hr {
	display:block;
	height: 0;
	border: 0;
	border-bottom: 2px solid #ccc;
}

.tcenter {
	text-align: center;
}
	
footer p {
	margin:2em 0;
}