span.small-type {
			font-size: .75em;
			font-weight: 300;
		}
		span.tiny-type {
			font-size: .5em;
			font-weight: 300;
		}
		body {
			font-family: helvetica;
		}
		h1 {
			font-family: 'helvetica', sans-serif;
			font-size: 3.5em;
			font-weight: 600;
		}
		h1 span, span.css {
			font-weight: 300;
			font-style: italic;
			color: #FF0000;

		}
		h2 {
			font-family: 'helvetica', sans-serif;
			font-size: 2em;
			font-weight: 300;
		}
		h3, h4, code, p {
			font-weight: 300;
			line-height: 1.25em;
		}
		h1, h2, h3, h4, code, p {
			margin: 1.04%;
			padding: 1.04%;
			clear:both;
		}
		h4 { font-size: 1.5em;}
		h3.larger {
			font-size: 2em;
			padding-top: 2%;
			margin-top: 4%;
		}
		h6 {
			padding: 10px 0;
		}
		.small {
			font-size: .75em;

		}
		.smaller {
			font-size: .5em;
		}
		.smallest {
			font-size: .25em;
			line-height: 1em;
		}
		.med {
			font-size: 1.5em;
		}
		.large {
			font-size: 2em;
		}
		.bold {
			font-weight: 600;
		}
		.shadow {
			text-shadow: 2px 2px 10px #000;
		}
		h4 {
		
			padding-top: 2.08%;
			margin-top: 20px;
			/* color: #0D4F8B; */
		}
		h4 i {
			position: relative;
			top: 7px;
		}
		p {font-size:1em;padding-bottom:0;}
		p.icon {
			text-align: center;
		}
		p.icon.screen-type {
			background-color: #222;
		}
		p.screen-type i {
			display: block;
			padding: 2%;
		}
		code {
			padding: 1.04%;
			display: block;
			color: #fbfbfb;
			background-color: #222;
			text-shadow: 0px 2px 1px #000000;
			margin: 0 0 0 7%;
		}
		code p {
			font-size: 1em;
			
		}
		code p.plain-text {
			color: #888888;
		}
		code span, .rounded {
			padding: .25em;
			color: #fbfbfb;
			border-radius: 10px;
			text-shadow: none;
			font-weight: 300 !important;
		}
		.bold {
			font-weight: 600;
		}
		.no-bold {
			font-weight: normal;
		}
		.yellow {
			background-color:#666600;
		}
		.blue {
			background-color: #26466D;
		}
		.crimson {
			background-color: #DC143C;
		}
		.gray {
			background-color: #666666;
		}
		.font-white {
			color: #ffffff;
		}
		.font-red {
			color: #ff0000;
		}		
		.font-blue {
			color: #357ebd;
		}
		.bg-gray-opac-25 {
			background:rgba(10,10,10,.25);
		}
		.bg-gray-opac-50 {
			background:rgba(10,10,10,.50);
		}
		.bg-olive-opac-75 {
			background:rgba(73,70,23,.75);
		}
		.opacity-5 {
			opacity: .5;
		}
		.gray p {
			color: #fff;
			background-color: #666666;
			border-top-left-radius: 10px;
			border-top-right-radius: 10px;
		}
		.center {
			text-align: center;
		}
		.border-bottom {
			border-bottom: 1px solid #ddd;
		}
		p.screen-type {
			background-color:#8B0000;
			color: #ffffff;
			text-align: center;
			padding: 2%;
		}
		ul.the-classes {
			margin:0 5%;
			padding: 0 1em;
		}
		ul.the-classes li{
			float:left;
			list-style-type: none;
			margin-right: 5px;
			padding: .5em;
			background-color: #CAE1FF;
			line-height: 1.25em;
			margin-bottom: .5em;
			border-radius: 10px;
			font-size: .85em;
		}
		strong {
			color: #000000;
		}
		.larger {
			font-size: 3.5em;
			
		}
		.no-border {
			border:0;
		}
		.example-headings {
			font-size: 1em;
			font-weight: 600;
			padding: 0;
			margin:0;
		}
		div.download {
			margin:5% 0;
		}
		 a.download{
			background-color:#206BA4;
			color: #ffffff;
			padding: 2%;
			text-decoration: none;
		}
		.blockit {
			display: block;
		}
		.center {
			text-align: center;
		}
		p {line-height: 1.25em;}

	/*Heading Specific */
	.heading {
	  font: bold 15px Sans-Serif;
	  text-align: center;
	  padding: 7px 0;
	  -webkit-box-shadow: 0px 0px 3px rgba(0,0,0,0.3);
	  -moz-box-shadow:    0px 0px 3px rgba(0,0,0,0.3);
	  box-shadow:         0px 0px 3px rgba(0,0,0,0.3);
	  border-top-left-radius: 10px;
	  border-top-right-radius: 10px;
	}
	.heading.green {
	  color: #006320;
	  text-shadow: rgba(255,255,255,0.5) 0px 1px 0px;
	  background-color: #BFDC7A;
	  background-image: -webkit-gradient(linear, left top, left bottom, from(#BFDC7A), to(#8EBF45)); 
	  background-image: -webkit-linear-gradient(top, #BFDC7A, #8EBF45); 
	  background-image:    -moz-linear-gradient(top, #BFDC7A, #8EBF45); 
	  background-image:     -ms-linear-gradient(top, #BFDC7A, #8EBF45); 
	  background-image:      -o-linear-gradient(top, #BFDC7A, #8EBF45); 
	  
	}


	.heading.red {
	  color: #333;
	  text-shadow: rgba(200,200,200,0.5) 0px 1px 0px;
		background: #ff3019; /* Old browsers */
		background: -moz-linear-gradient(top, #ff3019 0%, #cf0404 100%); /* FF3.6+ */
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ff3019), color-stop(100%,#cf0404)); /* Chrome,Safari4+ */
		background: -webkit-linear-gradient(top, #ff3019 0%,#cf0404 100%); /* Chrome10+,Safari5.1+ */
		background: -o-linear-gradient(top, #ff3019 0%,#cf0404 100%); /* Opera 11.10+ */
		background: -ms-linear-gradient(top, #ff3019 0%,#cf0404 100%); /* IE10+ */
		background: linear-gradient(to bottom, #ff3019 0%,#cf0404 100%); /* W3C */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff3019', endColorstr='#cf0404',GradientType=0 ); /* IE6-9 */
	  color: #FFFFFF;
	}

		
		form {
			  border-top: 5px solid #ddd;
  			background:rgba(0, 255, 255,.65);
  			margin-top: 30px;
		}
		input[type="text"] {
			padding:5px;
			width: 100%;
		}
		input.required {
			background-color: #FFFFCC;
		}
		label {


		}
		input[type="checkbox"],input[type="submit"] {
			line-height: 1.5em;
			width: auto;
			}