/** HTML5 Reset http://host.sonspring.com/formalize/assets/stylesheets/html.css **/

a,abbr,address,article,aside,audio,
b,blockquote,body,
caption,cite,code,
dd,del,dfn,dialog,div,dl,dt,
em,
fieldset,figure,footer,form,
h1,h2,h3,h4,h5,h6,header,hgroup,hr,html,
i,iframe,img,ins,
kbd,
label,legend,li,
mark,menu,
nav,
object,ol,
p,pre,
q,
samp,section,small,span,strong,sub,sup,
table,tbody,td,tfoot,th,thead,time,tr,
ul,
var,video{border:0; margin:0; padding:0; font-size:100%} /** why not border:none **/
html,body{height:100%}
b,strong{font-weight:bold}
b,strong{font-weight:700} /** ???? ask sonspring **/
img{font-size:0}
table{border-collapse:collapse; border-spacing:0}
th,td,caption{font-weight:normal; vertical-align:top; text-align:left}
header[role="banner"] { /* page header styles */ }
div[role="main"] { /* page div marked main role styles */ }
footer[role="contentinfo"] { /* page footer styles */ }
body{text-align:center; font:62.5%/1.5 Cambria, Verdana, Arial, Helvetica, sans-serif; background-color:#ccc; color:#fff; background-image: -moz-radial-gradient(top, #ccc, #999999); background-image: -webkit-gradient(radial, 45 45, 10, 52 50, 30, from(#A7D30C), to(rgba(1,159,98,0)), color-stop(90%, #019F62)); filter:progid:DXImageTransform.Microsoft.gradient(startColorStr='#444444', EndColorStr='#999999'); -ms-filter:"progid:DXImageTransform.Microsoft.gradient(startColorStr='#444444', EndColorStr='#999999')"; -webkit-font-smoothing:antialiased} /** body{overflow-y:hidden} hide vertical scrollbar (@ least in ffox) **/ /** body{overflow-x:hidden}  hide horizontal scrollbar (@ least in ffox) **/ /**  body{-webkit-font-smoothing:antialiased} thinning text for safari 5 & chrome http://orderedlist.com/our-writing/resources/html-css/thinning-text-in-webkit-safari/ **/
fieldset,img{border:none}
address,caption,cite,dfn,th{font-style:normal; font-weight:normal}
var,key,del{}
del{text-decoration:line-through}
em,i{}
strong,b{}
blockquote{}
blockquote cite{}
blockquote p{}
p{}
p.intro{}
.hcard{}
code{font-family:monospace}
strong.vhxtml{}
code.vhxtml{}
code.vhtml5{}
code.vxhtml2{}
code.vxhtml1{}
code.vhtml4{}

strong.vcss{}
b.vcss{}
b.vjs{}
strong.vjs{}
code.vjs{}
/* lib/framework stylee???? 
code.vjquery{} code.vdojo{} code.vprototype{} code.vsizzle{} **/

code.vjson{}
strong.vjson{}
b.vjson{}

code.vajax{}
strong.vajax{}
b.vajax{}
code.vajax2{}
strong.vajax2{}
b.vajax2{}

pre{background-color:#ff0}
ol,ul{list-style:none}
h1,h2,h3,h4,h5,h6{font-weight:700}
q:before,q:after{content:""}
abbr,acronym{border:none; cursor:help}
a,a:link{text-decoration:none}
a:visited{text-decoration:underline}
a:hover,a:focus,a:active{border-bottom:1px dotted #939aa4}
a img{display:block}

.content{margin-right:auto; margin-left:auto; background-color:#fff; text-align:center}

h1{background-color:#fff}
h1 a{display:block; font:700 60px/75px "Futura", sans-serif; text-align:left; text-indent:0.75em; color:#939aa4; /* To get a correct color value, take the above, fill two layers with it and set Blend Mode to Multiply. Take new rgb value, add 0.5 in rgba() to make it semitransparent. */
color: rgba(85, 93, 105, 0.5); text-shadow: #fff 0px 1px 1px, #666b72 0px 0px 0px, #fff 0px 1px 1px;   /* selection will uncover the white glow */}
/* Young Guys Can Be Messy Rascals */ /* Yellow Green Cyan Blue Magenta Red */
#randomidthatiwillneverfuckinguseevar{background: hsl(120, 50%, 50%)}
/* 1st number is hue (120), 2nd is saturation (50%) and third is lightness (50%) */ /* Young Guys Can Be Messy Rascals */ /* Yellow Green Cyan Blue Magenta Red */
.green{hsl(120, 100%, 50%)}
.blue{hsl(240, 100%, 50%)}
/* pick purple. thats not on our color wheel (YGCBMR). half way between blue 240 and magenta 300 */
.magenta{background-color: hsl(270, 100%, 50%)}
.magentamoreblue{background-color: hsl(255, 100%, 50%);}
.magentamoremagenta{background-color: hsl(285, 100%, 50%);}
/*
The second parameter is the colorfulness, or saturation. The larger the percentage, the more “colorful” this color is. Let’s take a look at what happens when we change green’s (120°) colorfulness:
The final step is to lighten up the color to the right level. That can be done with the final parameter:  */
/* Hue varies around the solid; lightness varies from top to bottom, and saturation is the distance from the center. */
/* Hue is the perceptual attribute associated with elementary color names.
Hue enables us to identify basic color catagories such as blue, green, yellow, red and purple. People with normal color vision report that hues follow a natural sequence based on their similarity to one another. With most color deficits, the ability to discriminate between colors on the basis of hue is diminished.
Lightness corresponds to how much light appears to be reflected from a colored surface in relation to nearby surfaces.
Lightness, like hue, is a perceptual attribute that cannot be computed from physical measurements alone. It is the most important attribute in making contrast more effective.

With color deficits, the ability to discriminate colors on the basis of lightness is reduced. */




/** ie6 min-height fix
#container{min-height:500px} * html #container{height:500px} **/ /* OR */ /** .box{width: 80px; height: 35px} html>body .box{width: auto; height: auto; min-width: 80px; min-height: 35px}  **/

/** formorial **/
input, button, select, textarea{margin:0; vertical-align:middle}
input[type=search]{-webkit-appearance:none}
input[type=search]::-webkit-search-decoration{display:none}
::-moz-focus-inner{border:0} 
input[type=search]::-webkit-search-decoration{display:none}
input,button,select,textarea{margin:0; vertical-align:middle}

button,input[type=reset],input[type=submit],input[type=button]{-webkit-appearance:none;
-moz-border-radius:15px; -ms-border-radius:15px; -o-border-radius:15px; -webkit-border-radius:15px; border-radius:15px;
background:#ddd url("http://bowdenweb.com/krs1/formorial/formalize-styles/button.png") repeat-x; background:-webkit-gradient(linear, left top, left bottom, color-stop(0, #fff), color-stop(1, #ddd)); background:-moz-linear-gradient(top center, #fff 0%, #ddd 100%);
border:1px solid; border-color:#ddd #bbb #999; cursor:pointer; color:#333; font:700 12px/1.2 Arial, sans-serif; outline:0; overflow:visible; padding:5px 15px 6px; text-shadow:#fff 0 1px 1px; width:auto;
/* IE7 */ *padding-bottom:3px}

button[disabled],input[type=reset][disabled],input[type=submit][disabled],input[type=button][disabled]{color:#888}

textarea,select,input[type=date],input[type=datetime],
input[type=datetime-local],input[type=email],input[type=month],
input[type=number],input[type=password],input[type=search],
input[type=tel],input[type=text],input[type=time],
input[type=url],input[type=week]{-webkit-appearance:none; -moz-border-radius:0; -ms-border-radius:0; -o-border-radius:0; -webkit-border-radius:0; border-radius:0;
-webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;
background-color:#fff; border:1px solid; border-color:#848484 #c1c1c1 #e1e1e1; color:#000; outline:0; padding:2px 3px; font-size:13px; font-family:Arial, sans-serif; height:1.8em; 
/* IE7 */ *padding-top:1px; *padding-bottom:1px; *height:auto}

/* Separate rule for Firefox. Cannot stack with WebKit's. */
input.placeholder_text,textarea.placeholder_text{color:#888}
::-webkit-input-placeholder{color:#888}
textarea[disabled],select[disabled],input[type=date][disabled],input[type=datetime][disabled],input[type=datetime-local][disabled],input[type=email][disabled],
input[type=month][disabled],input[type=number][disabled],input[type=password][disabled],input[type=search][disabled],input[type=tel][disabled],input[type=text][disabled],
input[type=time][disabled],input[type=url][disabled],input[type=week][disabled]{background-color:#eee; color:#888}
button:focus,button:active,input:focus,input:active,select:focus,select:active,textarea:focus,textarea:active{-moz-box-shadow:#06f 0 0 7px; -webkit-box-shadow:#06f 0 0 7px; box-shadow:#06f 0 0 7px; /* for Opera */ z-index:1}

.is_webkit select{ /* Tweaks for Safari + Chrome. */ padding-right:20px;
background-image:url("http://bowdenweb.com/krs1/formorial/formalize-styles/select_arrow.gif"); background-repeat:no-repeat; background-position:right center}
textarea,select[multiple]{height:auto}
select[multiple],.is_webkit select[multiple]{background-image:none; padding:0}
textarea{overflow:auto; resize:vertical; width:100%}
optgroup{color:#000; font-style:normal; font-weight:400}

/* IE6 */
/* Classes are added dynamically via JS, because IE6 doesn't support attribute selectors:.ie6_button, .ie6_input, etc. Note:These style rules are somewhat duplicated because IE6 bombs out when it sees attribute selectors. Example:
.ie6_button{This works in IE6.}
.ie6_button,input[type=submit]{This doesn't work.}
*/
.ie6_button,* html button{background:#ddd url("http://bowdenweb.com/krs1/formorial/formalize-styles/button.png") repeat-x; border:1px solid; border-color:#ddd #bbb #999; cursor:pointer; color:#333; font:700 12px/1.2 Arial, sans-serif; padding:5px 15px 3px; overflow:visible; width:auto}
.ie6_input,* html textarea,* html select{background:#fff; border:1px solid; border-color:#848484 #c1c1c1 #e1e1e1; color:#000; padding:1px 3px; font-size:13px; font-family:Arial, sans-serif; vertical-align:top}
.placeholder_text,.ie6_input_disabled,.ie6_button_disabled{color:#888}
.ie6_input_disabled{background:#eee}


.haze{background-color:#ccc; color:#fff; background-image:-moz-radial-gradient(top, #ccc, #999999); background-image:-webkit-gradient(radial, 45 45, 10, 52 50, 30, from(#A7D30C), to(rgba(1,159,98,0)), color-stop(90%, #019F62)); filter:progid:DXImageTransform.Microsoft.gradient(startColorStr='#444444', EndColorStr='#999999'); -ms-filter:"progid:DXImageTransform.Microsoft.gradient(startColorStr='#444444', EndColorStr='#999999')"}
.ineedattentionmotherfucker{}
.holla{text-transform:uppercase}
.goleft{float:left}
.goright{float:right}
.gostop{clear:both; float:none}



/* diagnostics */
/* Find all links where an href is not provided 
html body a:not([href]), html body a[href='']  { background: red !important;} */

/* Find all links where the href = #. Many times it is used for JavaScript actions 
html body a[href='#'] { background: yellow !important;} */

/* html5 elements die atm */
header,nav,footer{display:none}

@media all and (max-width: 600px) { }
@media all and (min-width: 600px) { }
/**
.radial01{background-color:#25404d; background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(128, 128, 128, 0.5)), to(rgba(0, 0, 0, 0.8))); background-image: -moz-linear-gradient(-90deg, rgba(128, 128, 128, 0.5), rgba(0, 0, 0, 0.8)); text-rendering:optimizelegibility}
.radial02{background-color:#ccc; color:#555; font-family:sans-serif; font-size:100%; background-image: -moz-radial-gradient(top, #ccc, #999999); **/
/* background-image: -webkit-gradient(radial, 45 45, 10, 52 50, 30, from(#A7D30C), to(rgba(1,159,98,0)), color-stop(90%, #019F62));  */ /**
filter:progid:DXImageTransform.Microsoft.gradient(startColorStr='#444444', EndColorStr='#999999');-ms-filter:"progid:DXImageTransform.Microsoft.gradient(startColorStr='#444444', EndColorStr='#999999')";}
.radial03{background-color:#007fc0; background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(128, 128, 128, 0.5)), to(rgba(0, 0, 0, 0.8))); background-image: -moz-linear-gradient(-90deg, rgba(128, 128, 128, 0.5), rgba(0, 0, 0, 0.8)); text-rendering:optimizelegibility}
.radial04{background-color:#007fc0; color:#555; font-family:sans-serif; font-size:100%; background-image: -moz-radial-gradient(top, #fff, #007fc0); **/
/* background-image: -webkit-gradient(radial, 45 45, 10, 52 50, 30, from(#A7D30C), to(rgba(1,159,98,0)), color-stop(90%, #019F62)); */ /**
filter:progid:DXImageTransform.Microsoft.gradient(startColorStr='#444444', EndColorStr='#999999'); -ms-filter:"progid:DXImageTransform.Microsoft.gradient(startColorStr='#444444', EndColorStr='#999999')";} **/
/** vertical **/
/** .radial05{background:#080; background: -moz-linear-gradient(top, #007fc0, #000000); background: -webkit-gradient(linear, left top, left bottom, from(#007fc0), to(#000000)); filter: progid:DXImageTransform.Microsoft.Gradient(StartColorStr='#007fc0', EndColorStr='#000000', GradientType=0)} **/
/** horizontal **/
/** .radial05{background:#080; background: -moz-linear-gradient(left, #007fc0, #000000); background: -webkit-gradient(linear, left top, right top, from(#007fc0), to(#000000)); filter: progid:DXImageTransform.Microsoft.Gradient( StartColorStr='#007fc0', EndColorStr='#000000', GradientType=1)} **/
/* .html5doctor{} .w3c{} .sitepoint{} */