@import url('color.css.php');

/*
Theme Name: tgw_classic
Theme URI: http://thegreatworkplace.com
Description: Wordpress theme for The Great Workplace
Version: 1.0.0
Author: The Great Workplace
Author URI: http://thegreatworkplace.com
Tags: 

*/

/* <?php header("Content-type: text/css"); ?> */


/* http://meyerweb.com/eric/tools/css/reset/ 
   v2.0 | 20110126
   License: none (public domain)
*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}

/* end of reset */






html{overflow-y:scroll}
#divWholeContainer{

}
#divWholeContainerInner{

}
* html #outer {
    height:100%
}
#outer {
    min-height:100%;
    margin-top:-164px;
}
#outer:after {
    clear:both;
    display:block;
    height:1%;
    content:" ";
}

#divAboveNav{
	width:100%;
	height:0px;
	visibility:hidden;
	display:none;
}
#divBelowSignin{
	margin:8px 0px 0px -5px;
	padding:0px;
	float:left;
	width:310px;
	height:10px;
}
#divFunctionalityBar{
	clear:both;
	height:29px;
}

#divNavHolder{
	float:left;
	margin-left:20px;
	width:205px;
	height:29px;
}
#divSearchbox{
	float:right;
	width:320px;
	height:29px;
}
#searchform {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	text-align: left;
}

#sidebar #searchform #s {
	width: 222px;
	padding: 0px;
}

#search-text {
	width: 310px;
	padding: 16px 0px 0px 8px;
	margin: 0px 0px 0px 0px;
	font-family: Verdana, Sans-Serif;
	font-weight:normal;
	font-size: 11px;
	line-height: 11px;
	outline:none;
	border:none;
	
}
:focus { -moz-outline-style: none; }

#sidebar #searchsubmit {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}


/* Breadcrum Plugin */

.breadcrumbHolder {
	float:left;
	width:auto;
	height:29px;
}
.breadcrumb {
	font-family: Verdana, Sans-Serif;
	font-size: 11px;
	line-height: 29px;
	padding-left:28px;
	padding-top: 0px;
	padding-bottom: 0px;
	position: relative;
	float: left;
}


#divBelowNav{
	width:100%;
	height:2px;
	clear:both;
}
#divFma{
	height:0px;
}
#divFma2{
	height:0px;
}
/* Begin Typography */



body {
	font-size: 62.5%; /* Resets 1em to 10px */
	font-family: Verdana, Sans-Serif;
	text-align: left;
}


#header {
	height:100px;
	width:100%;
}

#headerimg 	{
	height: 100px;
	width: 1px;
}

#content {
	float: left;
	width: 100%;
	margin-right: -100%;
	overflow: hidden;
}
	
.narrowcolumn .entry{
	line-height: 1.5em;
	padding-top: 0px;
	padding-left: 10px;
	padding-right: 330px;
	font-family: Verdana, Sans-Serif;
	font-size: 1.3em;
	font-weight: normal;
	clear:both;
}
	
.narrowcolumn h2 {
	padding-top:63px;
	padding-right: 350px;
	padding-left:252px;
	font-size:24px;
	line-height:1.3em;

}
.widecolumn .entry{
	line-height: 1.5em;
	padding-top: 10px;
	padding-left: 10px;
	padding-right: 10px;
	font-family: Verdana, Sans-Serif;
	font-size: 1.3em;
	font-weight: normal;
}	
	
.widecolumn h2 {
	padding-right: 500px;
	padding-left:30px;
	font-size:26px;
	line-height:1.3em;
}

.narrowcolumn .postmetadata {
	text-align: left;
}

#footer {
	border: none;
}

small {
	font-family: Arial, Helvetica, Sans-Serif;
	font-size: 0.9em;
	line-height: 1.0em;
	padding: 30px;
}

h1, h2, h3 {
	font-family: Verdana, Sans-Serif;
	font-weight: normal;
}

h1 {
	font-size: 4em;
	text-align: left;
}

#headerimg .description {
	font-size: 1.2em;
	text-align: left;
}

h2 {
	font-size: 1.6em;
}

h2.pagetitle {
	font-size: 1.6em;
}

#sidebar h2 {
	font-family: Verdana, Sans-Serif;
	font-size: 11px;
}

h3 {
	font-size: 1.3em;
}

h1, h1 a, h1 a:hover, h1 a:visited, #headerimg .description {
	text-decoration: none;
}

h2, h2 a, h2 a:hover, h2 a:visited, h3, h3 a, h3 a:hover, h3 a:visited, #sidebar h2, #wp-calendar caption, cite {
	text-decoration: none;
}

.sticky {
	padding: 0 10px 10px;
}

.sticky h2 {
	padding-top: 10px;
}

.commentlist li, #commentform input, #commentform textarea {
	font: 13px Verdana, Sans-Serif;
	
	}
.commentlist li ul li {
	font-size: 1em;
}

.commentlist li {

}

.commentlist li .avatar { 
	float: right;
	padding: 2px;
}

.commentlist cite, .commentlist cite a {
	text-transform: uppercase;
	font-family: Verdana, Sans-Serif;
	font-size: 9px;
	font-weight: bold;
}

.commentlist p {
	font-weight: normal;
	line-height: 1.5em;
	text-transform: none;
}

#commentform p {
	font-family: Verdana, Sans-Serif;
}

.commentmetadata {
	font-weight: normal;
}

#sidebar {
	height:100%;
	width:330px;
	font: 1em Verdana, Sans-Serif;
}

code {
	font: 1.1em 'Courier New', Courier, Fixed;
}

acronym, abbr, span.caps
{
	font-size: 0.9em;
	letter-spacing: .07em;
}

a, h2 a:hover, h3 a:hover {
	text-decoration: none;
}

a:hover {
	text-decoration: underline;
}

#wp-calendar #prev a, #wp-calendar #next a {
	font-size: 9pt;
}

#wp-calendar a {
	text-decoration: none;
}

#wp-calendar caption {
	font: bold 1.3em Verdana, Sans-Serif;
	text-align: center;
}

#wp-calendar th {
	font-style: normal;
	text-transform: capitalize;
}
	
.post-edit-link {
	padding:10px;
}
/* End Typography */



/* Begin Structure */
body {
	margin: 0 0 20px 0;
	padding: 0;
}
	
#page {
	padding: 0px;
	margin: 0;
}

#headerimg {
	margin: 0;
	width: 100%;
}

.narrowcolumn {
	float: left;
	padding: 0px 0px 25px 0px;
}
	
.narrowcolumn p {
	margin-left:20px;
	margin-right:25px;
	padding: 0px 0px 7px 0px;
}

.widecolumn {
	float: left;
	padding: 0px 0px 25px 0px;
}

.widecolumn p {
	margin-left:20px;
	margin-right:25px;
	padding: 0px 0px 7px 0px;
}

.post {
	margin: 0 0 80px;
	text-align: left;
}

.post hr {
	display: block;
}

.widecolumn .post {
	margin: 0;
}

.narrowcolumn .postmetadata {
	padding-top: 0px;
}

.widecolumn .postmetadata {
	padding-top: 0px;
}

.widecolumn .smallattachment {
	text-align: center;
	float: left;
	width: 128px;
	margin: 5px 5px 5px 0px;
}

.widecolumn .attachment {
	text-align: center;
	margin: 5px 0px;
}

.postmetadata {
	clear: both;
	padding: 10px;
}

.clear {
	clear: both;
}

#footer {
	float:left;
	padding-top: 20px;
	margin: 0 auto;
	width: 100%;
	height: 164px;
	clear:both;
}

#footer p {
	margin: 0;
	padding: 20px 0;
	text-align: center;
	clear: both;
}
/* End Structure */



/*	Begin Headers */
h1 {
	padding-top: 70px;
	margin: 0;
	padding: 10px;
}

h2 {
	margin: 30px 0 0;
	padding: 10px;
}

h2.pagetitle {
	margin-top: 30px;
	text-align: left;
	padding: 30px;
}

#sidebar h2 {
	margin: 5px 0 0;
	padding: 10px;
}

h3 {
	padding: 0px 200px 4px 30px;
	margin: 30px 500px 0px 0px;
}

h3.comments {
	padding: 10px;
	margin: 40px auto 20px ;
}
/* End Headers */



/* Begin Images */
p img {
	padding: 10px;
	max-width: 100%;
}

/*	Using 'class="alignright"' on an image will (who would've
	thought?!) align the image to the right. And using 'class="centered',
	will of course center the image. This is much better than using
	align="center", being much more futureproof (and valid) */

img.centered {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

img.alignright {
	padding: 4px;
	margin: 0 0 2px 7px;
	display: inline;
}

img.alignleft {
	padding: 4px;
	margin: 0 7px 2px 0;
	display: inline;
}

.alignright {
	float: right;
}

.alignleft {
	float: left;
}
/* End Images */



/* Begin Lists

	Special stylized non-IE bullets
	Do not work in Internet Explorer, which merely default to normal bullets. */

html>body .entry ul {
	margin-left: 0px;
	padding: 0 0 0 30px;
	list-style: none;
	padding-left: 10px;
	text-indent: -10px;
}

html>body .entry li {
	margin: 10px 0 10px 10px;
}

/* #sidebar ul ul li:before {
	content: "\203A \0020";
} */


.entry ol {
	padding: 0 0 0 35px;
	margin: 0;
}

.post .entry ul li {
	padding: 0px 0px 0px 51px;
	margin: 0px 0px 0px 0px;
	list-style-type: disc;
	list-style-position: inside;
}

.entry ol li {
	margin: 0;
	padding: 0;
}

.postmetadata ul, .postmetadata li {
	display: inline;
	list-style-type: none;
	list-style-image: none;
}

#sidebar ul, #sidebar ul ol {
	margin: 0;
	padding: 0;
}

#sidebar ul li {
	margin: 0;
	padding: 0;
	list-style-type: none;
	list-style-image: none;
	margin-bottom: 0px;
}

#sidebar ul p, #sidebar ul select {
	margin: 0px 0 0px;
}

#sidebar ul ul, #sidebar ul ol {
	margin: 0px 0 0 19px;
}

#sidebar ul ul ul, #sidebar ul ol {
	margin: 0 0 0 0px;
}

ol li, #sidebar ul ol li {
	list-style: none;
}

#sidebar ul ul li, #sidebar ul ol li {
	margin: 3px 0 0;
	padding-bottom: 10px;
	padding-right: 33px;
}
/* End Entry Lists */



/* Begin Form Elements */

.entry form { /* This is mainly for password protected posts, makes them look better. */
	text-align:center;
}

select {
	width: 130px;
}

#commentform input {
	padding: 12px;
	margin: 3px 0px 0px 0px;
}

#commentform {
	margin: 0px 26px 0px 0px;
	padding: 0px 0px 0px 30px;
}

#commentform textarea {
	height: 220px;
	padding: 12px;
	margin: 3px 0px 0px 0px;
}

#___respond:after {
		content: "."; 
	    display: block; 
	    height: 0; 
	    clear: both; 
	    visibility: hidden;
}

#commentform #submit {
	margin: 3px 0px 24px 0px;
	padding 0px 0px 0px 0px;
	float: left;
	width: 160px;
	height: 70px;
}
#commentform #submit:hover {
	margin: 3px 0px 24px 0px;
	padding 0px 0px 0px 0px;
	float: left;
	width: 160px;
	height: 70px;
}
/* End Form Elements */


.divCommentCount {
	font-family: Verdana, Sans-Serif;
	font-size: 9px;
	font-weight: bold;
	padding 0px 0px 0px 0px;
	margin:2px 0px 0px -42px;
	float:left;
	height:20px;
	width:130px;
	clear:both;
	text-align:right;
	line-height: 23px;
	display:inline;
}

.divCommentsHolder {
	padding 0px 0px 0px 0px;
	margin: 41px 0px 0px 0px;
}


.divPostACommentHeader {
	text-transform: uppercase;
	font-family: Verdana, Sans-Serif;
	font-size: 9px;
	font-weight: bold;
	margin: 13px 0px -15px 0px;
	padding: 0px 0px 0px 0px;
	line-height:10px;
	height:10px;
	width:98px;
	clear:none;
}

.divPostACommentHeaderWPLoggedIn {
	text-transform: uppercase;
	font-family: Verdana, Sans-Serif;
	font-size: 9px;
	font-weight: bold;
	margin: 13px 0px -15px 0px;
	padding: 0px 0px 0px 0px;
	line-height:10px;
	height:10px;
	width:98px;
	clear:none;
}

.divLoggedInAs {
	text-transform: uppercase;
	font-family: Verdana, Sans-Serif;
	font-size: 9px;
	font-weight: bold;
	margin: 0px 0px 11px 105px;
	padding: 0px 0px 0px 0px;
	line-height:21px;
	height:10px;
}

.divCommentsHolder>div#respond {
	margin: 0px 356px 0px 0px;
}

/* Begin Comments*/
.alt {
	margin: 0;
	padding: 10px;
}

.commentlist {
	padding: 0px 360px 0px 30px;
	text-align: justify;
}

.commentlist li {
	margin: 15px 0px 10px 0px;
	padding: 5px 5px 10px 0px;
	list-style: none;
	border:none;
}

.commentlist li ul li { 
	margin-right: -5px;
	margin-left: 10px;
}

.commentlist p {
	margin: 10px 5px 10px 10px;
}

.children {
	padding: 0;
}

#commentform p {
	margin: 5px 0;
}

.nocomments {
	text-align: left;
	margin: 0;
	padding: 0;
}

.commentmetadata {
	margin: 0px 0px 0px 0px;
	display: block;
}
/* End Comments */






/* =Comments
-------------------------------------------------------------- */
#comments {
	clear: both;
}
#comments .navigation {
	padding: 0 0 18px 0;
}
h3#comments-title,
h3#reply-title {
	text-transform: uppercase;
	font-family: Verdana, Sans-Serif;
	font-size: 9px;
	font-weight: bold;
	margin-bottom: 0;
}
h3#comments-title {
	padding: 24px 0;
}
.commentlist {
	list-style: none;
	margin: 0;
}
.commentlist li.comment {
	line-height: 24px;
	margin: 0 0 24px 0;
	padding: 0 0 0 56px;
	position: relative;
}
.commentlist li:last-child {
	border-bottom:none;
	margin-bottom:0;
}
#comments .comment-body ul,
#comments .comment-body ol {
	margin-bottom: 18px;
}
#comments .comment-body p:last-child {
	margin-bottom: 6px;
}
#comments .comment-body blockquote p:last-child {
	margin-bottom: 24px;
}
.commentlist ol {
	list-style: none;
}
.commentlist .avatar {
	position: absolute;
	top: 0px;
	left: 0;
}
.comment-author {
	text-transform: uppercase;
	font-family: Verdana, Sans-Serif;
	font-size: 9px;
	font-weight: bold;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}
.comment-author cite {
	text-transform: uppercase;
	font-family: Verdana, Sans-Serif;
	font-size: 9px;
	font-weight: bold;
	font-style:normal;
	margin: 0px 0px 0px 10px;
	padding: 0px 0px 0px 0px;
}
.comment-author .says {

}
.comment-meta {
	text-transform: uppercase;
	font-family: Verdana, Sans-Serif;
	font-size: 9px;
	font-weight: bold;
	margin: -7px 0px 32px 10px;
}
.commentlist .even {
}
.commentlist .bypostauthor {
}
.reply {
	text-transform: uppercase;
	font-family: Verdana, Sans-Serif;
	font-size: 9px;
	font-weight: bold;
	margin: 0px 0px 0px 10px;
	padding: 0px 0px 17px 0px;
}

.commentlist .children {
	list-style: none;
	margin: 0px 0px 0px 10px;
}
.commentlist .children li {
	border: none;
	margin: 0;
}
.nopassword,
.nocomments {
	display: none;
}
#comments .pingback {
	margin-bottom: 18px;
	padding-bottom: 18px;
}
.commentlist li.comment+li.pingback {
	margin-top: -6px;
}
#comments .pingback p {
	font-size: 12px;
	line-height: 18px;
	display:block;
	margin: 0;
}
#comments .pingback .url {
	font-style: italic;
	font-size: 13px;
}



/* Comments form */

#respond {
	margin: -75px -4px 0px -20px;
	padding: 0px 0px 0px 0px;
	overflow: hidden;
	position: relative;
}
#respond p {
	margin: 0;
}
#respond .comment-notes {
	margin-bottom: 1em;
}
.form-allowed-tags {
	line-height: 1em;
}
.children #respond {
	margin: -75px -4px 0px -20px;
	padding: 0px 0px 0px 0px;
	overflow: hidden;
	position: relative;
}
h3#reply-title {
	margin: 18px 0;
}
#comments-list #respond {
	margin: 0 0 18px 0;
}
#comments-list ul #respond {
	margin: 0;
}
#cancel-comment-reply-link {
	text-transform: uppercase;
	font-family: Verdana, Sans-Serif;
	font-size: 9px;
	font-weight: bold;
	margin: 0px 0px 0px 30px;
	padding: 0px 0px 0px 0px;
	height:20px;
}


#respond .required {
	font-weight:bold;
}
#respond label {
	font-size: 12px;
}
#respond input {
	width:100%;
	padding-right:0px;
}
#respond textarea {
	width:100%;
	padding-right:0px;
}
#respond .form-allowed-tags {
	font-size: 12px;
	line-height: 18px;
}
#respond .form-allowed-tags code {
	font-size: 11px;
}


/*
ol.commentlist {}
ol.commentlist li {}
ol.commentlist li.alt {}
ol.commentlist li.bypostauthor {}
ol.commentlist li.byuser {}
ol.commentlist li.comment-author-admin {}
ol.commentlist li.comment {}
ol.commentlist li.comment div.comment-author {}
ol.commentlist li.comment div.vcard {}
ol.commentlist li.comment div.vcard cite.fn {}
ol.commentlist li.comment div.vcard cite.fn a.url {}
ol.commentlist li.comment div.vcard img.avatar {}
ol.commentlist li.comment div.vcard img.avatar-32 {}
ol.commentlist li.comment div.vcard img.photo {}
ol.commentlist li.comment div.vcard span.says {}
ol.commentlist li.comment div.commentmetadata {}
ol.commentlist li.comment div.comment-meta {}
ol.commentlist li.comment div.comment-meta a {}
ol.commentlist li.comment * {} - (p, em, strong, blockquote, ul, ol, etc.)
ol.commentlist li.comment div.reply {}
ol.commentlist li.comment div.reply a {}
ol.commentlist li.comment ul.children {}
ol.commentlist li.comment ul.children li {}
ol.commentlist li.comment ul.children li.alt {}
ol.commentlist li.comment ul.children li.bypostauthor {}
ol.commentlist li.comment ul.children li.byuser {}
ol.commentlist li.comment ul.children li.comment {}
ol.commentlist li.comment ul.children li.comment-author-admin {}
ol.commentlist li.comment ul.children li.depth-2 {}
ol.commentlist li.comment ul.children li.depth-3 {}
ol.commentlist li.comment ul.children li.depth-4 {}
ol.commentlist li.comment ul.children li.depth-5 {}
ol.commentlist li.comment ul.children li.odd {}
ol.commentlist li.even {}
ol.commentlist li.odd {}
ol.commentlist li.parent {}
ol.commentlist li.pingback {}
ol.commentlist li.pingback div.comment-author {}
ol.commentlist li.pingback div.vcard {}
ol.commentlist li.pingback div.vcard cite.fn {}
ol.commentlist li.pingback div.vcard cite.fn a.url {}
ol.commentlist li.pingback div.vcard span.says {}
ol.commentlist li.pingback div.commentmetadata {}
ol.commentlist li.pingback div.comment-meta {}
ol.commentlist li.pingback div.comment-meta a {}
ol.commentlist li.pingback * {} - (p, em, strong, blockquote, ul, ol, etc.)
ol.commentlist li.pingback div.reply {}
ol.commentlist li.pingback div.reply a {}
ol.commentlist li.pingback ul.children {}
ol.commentlist li.pingback ul.children li {}
ol.commentlist li.pingback ul.children li.alt {}
ol.commentlist li.pingback ul.children li.bypostauthor {}
ol.commentlist li.pingback ul.children li.byuser {}
ol.commentlist li.pingback ul.children li.comment {}
ol.commentlist li.pingback ul.children li.comment-author-admin {}
ol.commentlist li.pingback ul.children li.depth-2 {}
ol.commentlist li.pingback ul.children li.depth-3 {}
ol.commentlist li.pingback ul.children li.depth-4 {}
ol.commentlist li.pingback ul.children li.depth-5 {}
ol.commentlist li.pingback ul.children li.odd {}
ol.commentlist li.thread-alt {}
*/

ol.commentlist li.comment div.vcard cite.fn {
	margin-top: 0px;
	margin-bottom: 0px;
	padding-top: 0px;
	padding-bottom: 0px;
	top:0;
	text-align:none;
}
ol.commentlist li.comment div.vcard {
	margin: 0px;
	padding: 0px;
	height: 24px;
}


/* Begin Sidebar */
#sidebar {
	float: right;
	width: 330px;
	z-index:9999;
	
}

#sidebar form {
	margin: 0;
	padding: 10px;
}
/* End Sidebar */



/* Begin Calendar */
#wp-calendar {
	empty-cells: show;
	margin: 10px auto 0;
	width: 155px;
}

#wp-calendar #next a {
	padding-right: 10px;
	text-align: right;
}

#wp-calendar #prev a {
	padding-left: 10px;
	text-align: left;
}

#wp-calendar a {
	display: block;
}

#wp-calendar caption {
	text-align: center;
	width: 100%;
}

#wp-calendar td {
	padding: 3px 0;
	text-align: center;
}

/* End Calendar */



/* Begin Various Tags & Classes */
acronym, abbr, span.caps {
	cursor: help;
}

blockquote {
	margin: 15px 30px 0 10px;
	padding-left: 20px;
}

blockquote cite {
	margin: 5px 0 0;
	display: block;
}

.center {
	text-align: center;
}

.hidden {
	display: none;
}
	
.screen-reader-text {
     position: absolute;
     left: -1000em;
}

hr {
	display: none;
}

a img {
	border: none;
}

.navigation {
	display: block;
	text-align: left;
	margin-top: 10px;
	margin-bottom: 60px;
}
/* End Various Tags & Classes*/



/* Captions */
.aligncenter, div.aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

.wp-caption {
	text-align: center;
	padding-top: 4px;
	margin: 10px;
	-moz-border-radius: 3px;
	-khtml-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
}

.wp-caption img {
	margin: 0;
	padding: 0;
	border: 0 none;
}

.wp-caption p.wp-caption-text {
	font-size: 11px;
	line-height: 17px;
	padding: 0 4px 5px;
	margin: 0;
}
/* End captions */
	
	
/* CSS for plugins, etc. */



.divNavHolderArticles {
	
}

.divFooterContent{
	padding-left:20px;
	padding-right:20px;
}

.divFooterHtmlPodsCenteringContainer {
	width:80%;
	position:relative;
	margin-left:auto;
	margin-right:auto;
	margin-top:0px;
	margin-bottom:0;
	padding:0;
}
.divFooterHtmlPodsOuterContainer {
	padding-top:0px;
	padding-right:0px;
	padding-left:0px;
	padding-bottom:0px;
	margin:0px 0px 0px 0px;
}
.divFooterHtmlPodsOuterContainer p {
	margin-left:0px;
	margin-right:0px;
	padding-bottom:0px;
}
.divFooterHtmlPodTitle {
	font-family: Verdana, Sans-Serif;
	font-size: 9px;
	font-weight: bold;
	margin-left:0px;
	padding-top:0px;
	margin-top:0px;
	float:left;
	width:100%;
	line-height: 11px;
	text-align:center;
}

.divFooterHtmlPod1xXInnerContainer {
	position:relative;
	margin-top:0;
	margin-bottom:0;
	padding:0;
	margin-left:auto;
	margin-right:auto;
	width:80px;
}

.divFooterHtmlSubPod1xXInnerContainer {
	float: left;
	margin: 10px 0px 0px 10px;
	padding:0px 0px 0px 0px;
	width:90px;
}

.divFooterHtmlSubPod1xXPostTitle {
	float: left;
	margin: 10px 0px 0px 10px;
	padding:0px 0px 0px 0px;
	width:190px;
	height:80px;
}
.divFooterNavElementLarge {
	font-family: Verdana,Sans-Serif;
	font-size: 11px;
	line-height:1.1em;
	text-decoration: none;
}

.divFooterNavElementLarge ul {
	list-style-type: none;
	list-style-image: none;
	margin:0;
	padding:0;
}

.divFooterNavElementLarge li a {
	display: block;
	height: 60px;
	width:170px;
	margin-top: -10px;
	margin-left: -20px;
	padding:10px 10px 10px 10px;
	text-indent:0px;
}
.divFooterHtmlPod1xXBody {
	font-family: Arial, Sans-Serif;
	font-size: 11px;
	margin: 7px 0px 0px 0px;
	padding: 0px 10px 10px 10px;
	float:left;
	clear:both;
	width:290px;
	height: 100%;
	line-height:2.0em;
}
.divFooterHtmlPod1xXImage {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 5px 0px;
	float:left;
	clear:both;
}
.divFooterHtmlSubPod1xXPostThumb {
	float: left;
	clear:both;
	margin: 10px 0px 0px 10px;
	padding:0px 0px 0px 0px;
	width:80px;
	height:80px;
}
.divFooterHtmlPod2xXInnerContainer {
	float: left;
	margin: 0px 10px 10px 0px;
	padding:4px 0px 0px 0px;
	width: 630px;
}

/* HTML Version of the Pods Concepts */

.divHtmlPodsOuterContainer_orig {
	padding-top:10px;
	padding-right:0px;
	padding-left:10px;
	padding-bottom:0px;
	float:left;
	clear:both;
	margin:0px 10px 10px 0px;
}

.divHtmlPodsOuterContainer {
	padding-top:10px;
	padding-right:10px;
	padding-left:0px;
	padding-bottom:0px;
	float:left;
	clear:both;
	margin:0px 0px 0px 0px;
}

.divHtmlPodsOuterContainer p {
	margin-left:0px;
	margin-right:0px;
	padding-bottom:0px;
}

.divHtmlPodTitle {
	font-family: Verdana, Sans-Serif;
	font-size: 9px;
	font-weight: bold;
	margin-left:9px;
	padding-top:0px;
	margin-top:-5px;
	padding-bottom:2px;
	float:left;
	height:19px;
	width:100%;
	line-height: 20.99px;
}

.divViewAsLinkText {
	font-family: Verdana, Sans-Serif;
	font-size: 9px;
	font-weight: bold;
	margin-left:9px;
	padding-top:0px;
	margin-top:-5px;
	padding-bottom:2px;
	float:left;
	height:20px;
	width:100%;
	line-height: 20.99px;
}

.divHtmlPod1xXInnerContainer {
	float: left;
	margin: 0px 10px 10px 0px;
	padding:4px 0px 0px 0px;
	width:310px;
}

.divHtmlSubPod1xXInnerContainer {
	float: left;
	margin: 10px 0px 0px 10px;
	padding:0px 0px 0px 0px;
	width:300px;
}


.divHtmlSubPod1xXPostTitle {
	float: left;
	margin: 10px 0px 0px 10px;
	padding:0px 0px 0px 0px;
	width:190px;
	height:80px;
}

.divNavElementLarge {
	font-family: Verdana,Sans-Serif;
	font-size: 11px;
	line-height:1.1em;
	text-decoration: none;
}

.divNavElementLarge ul {
	list-style-type: none;
	list-style-image: none;
	margin:0;
	padding:0;
}

.divNavElementLarge li a {
	display: block;
	height: 60px;
	width:170px;
	margin-top: -10px;
	margin-left: -20px;
	padding:10px 10px 10px 10px;
	text-indent:0px;
}

.divNavElementLargeFor1x {
	font-family: Verdana,Sans-Serif;
	font-size: 11px;
	line-height:1.1em;
	text-decoration: none;
}

.divNavElementLargeFor1x ul {
	list-style-type: none;
	list-style-image: none;
	margin:0;
	padding:0;
}

.divNavElementLargeFor1x li a {
	display: block;
	height: 60px;
	width:180px;
	margin-top: -10px;
	margin-left: -20px;
	padding:10px 10px 10px 10px;
	text-indent:0px;
}

.divNavElementLargeForFullPage {
	font-family: Verdana,Sans-Serif;
	font-size: 18px;
	line-height:1.2em;
	text-decoration: none;
}

.divNavElementLargeForFullPage ul {
	list-style-type: none;
	list-style-image: none;
	margin:0;
	padding:0;
}

.divNavElementLargeForFullPage li a {
	display: block;
	height: 60px;
	width:350px;
	margin-top: -10px;
	margin-left: -20px;
	padding:10px 10px 10px 10px;
	text-indent:0px;
}

.divNavElementWideShortFor1x {
	font-family: Verdana,Sans-Serif;
	font-size: 11px;
	line-height:1.1em;
	text-decoration: none;
}

.divNavElementWideShortFor1x ul {
	list-style-type: none;
	list-style-image: none;
	margin:0;
	padding:0;
}

.divNavElementWideShortFor1x li a {
	display: block;
	height: 30px;
	width:353px;
	margin-top: -10px;
	margin-left: -20px;
	padding:10px 10px 10px 10px;
	text-indent:0px;
}

.divHtmlSubPod1xXPostThumb {
	float: left;
	clear:both;
	margin: 10px 0px 0px 10px;
	padding:0px 0px 0px 0px;
	width:80px;
	height:80px;
}

.divHtmlSubPod1xXPostThumbForTagCount {
	float: left;
	clear:both;
	margin: 10px 0px 0px 10px;
	padding:0px 0px 0px 0px;
	width:80px;
	height:80px;
}

.divHtmlSubPod1xXPostThumbForTagCountText {
	font-family: Arial, Sans-Serif;
	font-size: 24px;
	margin:32px 0px 0px 0px;
	text-align:center;
}

.divHtmlPod1xXBody {
	font-family: Arial, Sans-Serif;
	font-size: 11px;
	margin: 7px 0px 0px 0px;
	padding: 0px 10px 10px 10px;
	float:left;
	clear:both;
	width:290px;
	height: 100%;
	line-height:2.0em;
}

.divHtmlPod1xXBodyLargeText {
	font-family: Arial, Sans-Serif;
	font-size: 14px;
	margin: 7px 0px 0px 0px;
	padding: 0px 10px 10px 10px;
	float:left;
	clear:both;
	width:290px;
	height: 100%;
	line-height:1.7em;
}

.divHtmlPod1xXBodyLargeText b {
	font-family: Arial, Sans-Serif;
	font-size:26px;
}

.divHtmlPod1xXImage {
	margin: 0px 0px 0px 0px;
	padding: 10px 10px 0px 10px;
	float:left;
	clear:both;
}

.divHtmlPod2xXInnerContainer {
	float: left;
	margin: 0px 10px 10px 0px;
	padding:4px 0px 0px 0px;
	width: 630px;
}

.divHtmlSubPod2xXInnerContainer {
	float: left;
	clear:both;
	margin: 10px 10px 0px 10px;
	padding:0px 0px 0px 0px;
	width:610px;
}

#tblAdaptiveLayout{
	table-layout:auto;
	border:0px;
	border-collapse:collapse;
	border-spacing:0px;
	cellpadding:0px;
	cellspacing:0px;
	width:100%;
	margin:0px;
	padding:0px;
}

#tblAdaptiveLayout tr{
	padding:0px;
	margin:0px;
}

#tblAdaptiveLayout td{
	padding:0px;
	margin:0px;
}

.divAdaptiveInnerContainer {
	float: left;
	margin: 0px 10px 10px 0px;
	padding:4px 0px 0px 0px;
	width: 100%;
}

.divAdaptiveInnerSubContainer {
	float: left;
	margin: 10px 10px 0px 10px;
	padding:0px 0px 0px 0px;
	width:100%;
}

.divAdaptiveInnerSubSubContainer {
	float: left;
	margin: 10px 0px 0px 10px;
	padding:0px 0px 0px 0px;
	width:100%;
}

.divAdaptiveRow{
	float:left;
	width:100%;
	clear:both;
	padding:0px;
	margin:0px;
}
.divAdaptiveBodyLargestText {
	font-family: Verdana, Sans-Serif;
	font-size: 26px;
	margin: 7px 0px 0px 0px;
	padding: 0px 10px 10px 10px;
	float:left;
	clear:both;
	width:100%;
	height: 100%;
	line-height:1.66em;
}

.divAdaptivePostTitle {
	float: left;
	margin: 10px 0px 0px 10px;
	padding:0px 0px 0px 0px;
	width:190px;
	height:80px;
	clear:none;
}

.divAdaptiveNavElementLarge {
	font-family: Verdana,Sans-Serif;
	font-size: 11px;
	line-height:1.1em;
	text-decoration: none;
}

.divAdaptiveNavElementLarge ul {
	list-style-type: none;
	list-style-image: none;
	margin:0;
	padding:0;
}

.divAdaptiveNavElementLarge li a {
	display: block;
	height: 60px;
	width:100%;
	margin-top: -10px;
	margin-left: -20px;
	padding:10px 10px 10px 10px;
	text-indent:0px;
	word-wrap:break-word;
}

.divHtmlSubPod2xXInnerContainerColorCombo1 {
	float: left;
	clear:both;
	margin: 10px 10px 0px 10px;
	padding:0px 0px 0px 0px;
	width:610px;
}

.divHtmlPod2xXImage {
	margin: 0px 0px 0px 0px;
	padding: 10px 10px 0px 10px;
	float:left;
	clear:both;
}

.divHtmlPod2xXBody {
	font-family: Arial, Sans-Serif;
	font-size: 11px;
	margin: 7px 0px 0px 0px;
	padding: 0px 10px 10px 10px;
	float:left;
	clear:both;
	width:610px;
	height: 100%;
}

.divHtmlPod2xXBodyLargeText {
	font-family: Verdana, Sans-Serif;
	font-size: 18px;
	margin: 7px 0px 0px 0px;
	padding: 0px 10px 10px 10px;
	float:left;
	clear:both;
	width:610px;
	height: 100%;
	line-height:1.7em;
}

.divHtmlPod2xXBodyLargestText {
	font-family: Verdana, Sans-Serif;
	font-size: 26px;
	margin: 7px 0px 0px 0px;
	padding: 0px 10px 10px 10px;
	float:left;
	clear:both;
	width:610px;
	height: 100%;
	line-height:1.66em;
}

.divHtmlPod2xXBodyLargestTextColorCombo1 {
	font-family: Verdana, Sans-Serif;
	font-size: 26px;
	margin: 7px 0px 0px 0px;
	padding: 0px 10px 10px 10px;
	float:left;
	clear:both;
	width:610px;
	height: 100%;
	line-height:1.66em;
}

.divHtmlPod3xXInnerContainer {
	float: left;
	margin: 0px 10px 10px 0px;
	padding:4px 0px 0px 0px;
}

.divHtmlPod3xXBody {
	font-family: Arial, Sans-Serif;
	font-size: 11px;
	margin: 7px 0px 0px 0px;
	padding: 0px 10px 10px 10px;
	float:left;
	clear:both;
	width:930px;
	height: 100%;
}

.divNavListLarge {
	font-family: Verdana,Sans-Serif;
	font-size: 12px;
	text-decoration: none;
}

.divNavListLarge ul {
	list-style-type: none;
	list-style-image: none;
	margin-top: 10px;
	padding:0;
	border-bottom:10px;
}

.divNavListLarge li a {
	display: block;
	height: 60px;
	width:260px;
	margin-left: -10px;
	padding:10px;
	text-indent:0px;
}

.divPod2xImage {
	margin: -7px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	float:left;
	clear:both;
	width:610px;
	height: 100%;
}

/* Adsense */

.divAdsenseForSidebar {
	width:310px;
	margin:10px 10px 10px 10px;
	padding:0px;
}

/* Sign in area / Facebook Connect */

.divSignIn {
	float:right;
	width:300px;
	height:60px;
	margin-top:-85px;
	margin-right:10px;
	font-family: Verdana,Sans-Serif;
	border-style:solid;
	border-width:5px;
}

.divSignInStatusAreaSpace0 {
	float:left;
	clear:both;
	width:150px;
	height:60px;
}

.divSignInStatusAreaSpace1 {
	float:left;
	width:150px;
	height:60px;
}

.divSignInStatusArea {
	width:150px;
	height:60px;
}

.divSignInStatusAreaPhoto {
	float:left;
	clear:both;
	padding-top:5px;
	padding-left:5px;
}

.divSignInStatusAreaName {
	float:left;
	padding-left:5px;
	padding-top:15px;
}

.divSignInInfoArea {
	float:right;
	font-family: Verdana,Sans-Serif;
	margin-right:325px;
	margin-top:15px;
	width:170px;
	height:70px;
}

.divSignInInfoAreaText {
	margin-left:10px;
	margin-top:10px;
	font-family: Verdana,Sans-Serif;
	width:145px;
	height:60px;
}








.divBlogPod1xXInnerContainer {
	float: left;
	margin: 0px 0px 10px 0px;
	padding:4px 0px 0px 0px;
	width:100%;
}

.divBlogPodsInnerContainer {
	float: left;
	margin: 0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	width:100%;
}

.divBlogPodTitle {
	font-family: Verdana, Sans-Serif;
	font-size: 9px;
	font-weight: bold;
	margin-left:9px;
	padding-top:0px;
	margin-top:-5px;
	float:left;
	height:20px;
	width:100%;
	line-height: 23px;
	padding-bottom:2px;
	clear:both;
}

.divBlogPodAuthor {
	font-family: Verdana, Sans-Serif;
	font-size: 9px;
	font-weight: bold;
	margin-left:9px;
	padding-top:0px;
	margin-top:-5px;
	float:left;
	height:20px;
	width:100%;
	line-height: 23px;
	padding-bottom:2px;
	clear:both;
}

.divBlogCategoryHolder {
	font-family: Verdana, Sans-Serif;
	font-size: 9px;
	font-weight: bold;
	padding:0px 0px 0px 0px;
	margin:0px 0px 0px 10px;
	float:left;
	height:23px;
	width:200px;
	line-height: 23px;
	clear:both;
	text-align:center;
}

.divBlogSubPod1xXPostThumb {
	position: relative;
	float: left;
	margin: 0px 0px 0px 10px;
	padding:0px 0px 0px 0px;
	width:200px;
	height:50px;
	clear:both;
}

.divBlogImageThumb {
	position: relative;
	float: left;
	margin: 1px 0px 0px 10px;
	padding:0px 0px 40px 0px;
	width:200px;
	clear:both;
}

.divBlogCategoryImageBlock {
	position: relative;
	float: left;
	margin: 10px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	clear:both;
}

.divBlogSubPod1xXPostTitle {
	position: relative;
	float: left;
	margin: 0px 0px 0px 10px;
	padding:0px 0px 0px 0px;
	height:80px;
	width: 100%;
	clear:both;
}

.divBlogSubPod1xXPostTitle a {
	font-family: Verdana, Sans-Serif;
	font-size: 16px;
	line-height:19px;
	clear:both;
}

.divBlogPod1xXBodyHolder {
	position: relative;
	margin: 147px 0px 0px 230px;
	padding: 0px 20px 10px 0px;
	width:auto;
	clear:none;
	max-width:600px;
}

.divBlogPod1xXBody, .divBlogPod1xXBody p {
	font-family: Arial, Sans-Serif;
	font-size: 16px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	line-height:23px;
	width:auto;
	clear:none;
}


.divBlogNavElementLargeFor1x {
	text-decoration: none;
	width:100%;
}

.divBlogNavElementLargeFor1x ul {

	margin:0;
	padding:0;
}

.divBlogNavElementLargeFor1x li a {
	display: block;
	height: 50px;
	width:100%;
	margin-top: -10px;
	margin-left: -20px;
	padding:20px 10px 10px 10px;
	text-indent:0px;
}

.divBlogPaginationNav {
	position: relative;
	float: left;
	margin: 0px 0px 23px 0px;
	padding:0px 0px 0px 0px;
	height:80px;
	width: 100%;
	clear:both;
}

.divBlogFooterStrip {
	position: relative;
	float: left;
	margin: 10px 0px 0px 10px;
	padding:0px 0px 0px 0px;
	height:23px;
	width: 100%;
	clear:both;
	border-top-style:solid;
	border-width:1px;
}

.divBlogCommentsCount {
	font-family: Verdana, Sans-Serif;
	font-size: 9px;
	font-weight:bold;
	position: relative;
	float: right;
	width:30px;
	height:20px;
	margin: 0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	text-align:center;
}


.divBlogCommentsLink {
	font-family: Verdana, Sans-Serif;
	font-size: 9px;
	font-weight:bold;
	position: relative;
	text-transform:uppercase;
	float: right;
	width:30px;
	height:20px;
	margin: 0px 25px 0px 0px;
	padding:0px 0px 0px 0px;
	text-align:right;
}
.divPagnav {
	width:70%;
	margin-top:25px;
	margin-left:auto;
	margin-right:auto;
	position:relative;
	clear:none;
	padding:0;
}
.divPagnavCenteringContainer {
	width:80%;
	position:relative;
	margin-left:auto;
	margin-right:auto;
	margin-top:0px;
	margin-bottom:0;
	padding:0;
}

.divPagnavPageNumbers {
	font-family: Verdana, Sans-Serif;
	font-size: 20px;
	font-weight:normal;
	text-align:center;
	width:50px;

}

.divPagnavOfMax {
	font-family: Verdana, Sans-Serif;
	font-size: 9px;
	font-weight:bold;
	width:150px;
	height:15px;
	text-align:center;
	margin:3px auto;
	padding:0;
}

.moretext {
	font-family: Verdana, Sans-Serif;
	font-size: 9px;
	font-weight:bold;
	text-transform:uppercase;
	margin: 50px 0px 0px 0px;
	padding: 50px 0px 0px 0px;
	clear:both;
}


/* Misc Customization */

.divPostAuthorPreface {
	float:left;
	margin-left:20px;
	padding-right:3px;
}

.divPostAuthorName {
	text-transform: capitalize;
	float:left;
	padding-right:5px;
}

.divPostAuthorEmail {
	float:left;
}

.divSinglePostDate{
	margin-left:254px;
	margin-top:2px;
	padding-bottom:30px;
	font-family: Verdana,Sans-Serif;
	font-size: 9px;
	font-weight:bold;
	text-transform: uppercase;
}

.divHeaderForPrintingOnly{
	display:none;
}

.divAccessKeys {
	display:none;
}

.divFbLikeHolder {
	margin-top:0px;
	margin-left:20px;
	margin-right:360px;
	margin-bottom:0px;
	padding:0;
	height: 43px;
}
.divFbLikeInnerMostHolder {
	margin-top:0px;
	margin-left:-10px;
	margin-right:150px;
	margin-bottom:0px;
	padding:10px 0px 0px 0px;
}

.fb-like {
	margin:0px 0px 0px 20px !important;
	padding:0px 0px 0px 0px !important;
}

#fb-msg {
	text-transform: uppercase !important;
	font-family: Verdana, Sans-Serif !important;
	font-size: 9px !important;
	font-weight: bold !important;
	margin: 0px 0px 0px 105px !important;
	padding: 0px 0px 0px 0px !important;
	line-height:21px !important;
	height:10px !important;
	clear:none !important;
	width:auto !important;
	text-align: left !important;
	opacity:.5;
}
.divFBUser {
	
}
#fb-user {
	margin-top:0px !important;
	padding-top:0px !important;
	border:none !important;
	line-height: 0px !important;
	height:16px !important;
}
#fb-user .FB_Link img {
	display: none !important;
}
#fb-user .fb_profile_pic_rendered {
	display:none !important;
}



	



	
	
	
/* http://oocss.org/grids_docs.html   **************** GRIDS ***************** */
.line:after{content: ".";display: block;height: 0;clear: both;visibility: hidden;}
.lastUnit:after{content: " . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . ";visibility:hidden; clear:both;height:0 !important;display:block;line-height:0;}
.line{*zoom:1;}
.unit{float:left;}
.size1of1{float:none;}
.size1of2{width:50%;}
.size1of3{width:33.33333%;}
.size2of3{width:66.66666%;}
.size1of4{width:25%;}
.size3of4{width:75%;}
.size1of5{width:20%;}
.size2of5{width:40%;}
.size3of5{width:60%;}
.size4of5{width:80%;}
.lastUnit {display: table-cell; *display:block;*zoom:1;float:none;_position:relative; _left:-3px; _margin-right: -3px;width:auto;}

.unit p a:link {
	text-decoration: underline;
	outline: none;
	font-style: italic;
}
.unit p a:visited {
	text-decoration: underline;
	outline: none;
	font-style: italic;
}
.unit p a:active {
	text-decoration: underline;
	outline: none;
	font-style: italic;
}
.unit p a:hover {
	text-decoration: underline;
	outline: none;
	font-style: italic;
}
.unit p a:focus {
	outline: none;
}

.unit p {
	margin: 0px 10px 0px 10px;
	padding: 0px 20px 0px 0px;
}
.unit h1 {
	margin: 30px 10px 0px 10px;
	padding: 0px 0px 27px 0px;
	font-size:16px;
	color:#131313;
	height:53px;
	width:auto;
	font-size:24px;
	line-height:1.3em;
}
.unit h2 {
	margin: 30px 10px 10px 10px;
	padding: 10px 20px 0px 20px;
	font-size:16px;
	background:#131313;
	color:#ffffff;
	height:80px;
	width:auto;
	text-align:right;
}
	
.divAdaptivePageCallout {
	height:auto;
	width:auto;
	background:#131313;
	margin:27px 10px 24px 10px;
	padding:20px 20px 20px 20px;
	clear:both;
	font-size:16px;
	line-height:28px;
	color:#ffffff;
}
.divAdaptiveLearnMore{
	width:auto;
	height:80px;
	background:#f1f1f1;
	margin: 10px 20px 0px 10px;
	padding: 0px 0px 0px 0px;
	font-size:16px;
	text-align:center;
	color:#ffffff;
}	
	
	
/*

1/2, 1/2:

<div class="line">
	<div class="unit size1of2">
		<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit ... </p>
	</div>
	<div class="unit size1of2 lastUnit">
		<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit ... </p>
	</div>
</div>


1/3, 1/3, 1/3:

<div class="line">
	<div class="unit size1of3">
		<p><strong>unit size1of3</strong> Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. </p>
	</div>
	<div class="unit size1of3">
		<p><strong>unit size1of3</strong> Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. </p>
	</div>
	<div class="unit size1of3 lastUnit">
		<p><strong>unit size1of3</strong> Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. </p>
	</div>
</div>


1/3, 2/3:

<div class="line">
	<div class="unit size1of3">
		<p><strong>unit size1of3</strong> Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. </p>
	</div>
	<div class="unit size2of3 lastUnit">
		<p><strong>unit size1of3</strong> Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. </p>
	</div>
</div>


1/4, 1/4, 1/2:

<div class="line">
	<div class="unit size1of4">
		<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. </p>
	</div>
	<div class="unit size1of4">
		<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. </p>
	</div>
	<div class="unit size1of2 lastUnit">
		<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. </p>
	</div>
</div>


3/4, 1/4:

<div class="line">
	<div class="unit size3of4">
		<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
	</div>
	<div class="unit size1of4 lastUnit">
		<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. </p>
	</div>
</div>


4/5, 1/5:

<div class="line">
	<div class="unit size4of5">
		<h3>size4of5</h3>
		<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. </p>
	</div>
	<div class="unit size1of5 lastUnit">
		<h3>size1of5</h3>
		<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. </p>
	</div>
</div>


2/5, 3/5:

<div class="line">
	<div class="unit size2of5">
		<h2>2/5</h2>
		<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
	</div>
	<div class="unit size3of5 lastUnit">
		<h2>3/5</h2>
		<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
	</div>
</div>

Complex Nesting:

<div class="line">
	<div class="unit size1of5">
		<h2>1/5</h2>
		<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
		<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
		<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.</p>
	</div>
	<div class="unit size3of5">
		<!-- line -->
		<div class="line">
			<div class="unit size1of2">
				<h3>1/2</h3>
				<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
			</div>
			<div class="unit size1of2 lastUnit">
				<h3>1/2</h3>
				<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
			</div>
		</div>
		<!-- /line -->
		<div class="line">
			<div class="unit size1of3">
				<h3>1/3</h3>
				<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
				<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.</p>
			</div>
			<div class="unit size2of3 lastUnit">
				<!-- line -->
				<div class="line">
					<div class="unit size1of2">
						<h3>1/2</h3>
						<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
					</div>
					<div class="unit size1of2 lastUnit">
						<h3>1/2</h3>
						<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
					</div>
				</div>
				<!-- /line -->
				<div class="line">
					<div class="unit size1of1">
						<h3>1</h3>
						<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
					</div>
				</div>
			</div>
		</div>
	</div>
	<div class="unit size1of5 lastUnit">
		<h3>1/5</h3>
		<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
		<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
		<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.</p>
	</div>
</div>