/* ------------------------------ main styles ------------------------------ */
html									{ font-family: Tahoma, sans-serif; font-weight: 400; line-height: 1.45;	font-size: 12px; /* 14px, base size */ }
html, body								{ min-height: 100%; height: 100%; margin: 0; padding: 0; }
body 									{ background-color: #ededed; color: #000; overflow: hidden; }

h1, h2, h3, h4							{ margin: 0.714em 0; font-weight: inherit; line-height: 1.2rem; }
h1 										{ font-size: 1.571rem;} /* 22px */
h2 										{ font-size: 1.429rem;} /* 20px */
h3 										{ font-size: 1.286rem;} /* 18px */
h4 										{ font-size: 1.143rem;} /* 16px */

.padding								{ padding: 1em; }
.padding-horizontal						{ padding: 0 1em; }
.padding-vertical						{ padding: 1em 0; }
.padding-top							{ padding: 1em 0 0 0; }
.padding-bottom							{ padding: 0 0 1em 0; }
.padding-left							{ padding: 0 0 0 1em; }
.padding-right							{ padding: 0 1em 0 0; }

.left									{ float: left; }
.right									{ float: right; }
.text-center							{ text-align: center; }
.text-left								{ text-align: left; }
.text-right								{ text-align: right; }

a, a:hover, a:active, a:link 			{color: #5497ea; text-decoration: none;}

.portlet 								{ margin-top: 20px; position: relative; } /* Gutters are a static width of 20px */
.portlet.skinned						{ padding: 0.714em /* 10px */; background-color: #ffffff; }

.layout-width							 { max-width: 75em; /* 1280px */ margin: 20% auto 0; box-sizing: 
											border-box; padding: 0 1.429em/*20px*/; position: relative; }