/* ====================================================================== CORE ====================================================================== */
/*
	Note: In this stylesheet we're defining the core styles.
*/

/* ------------------------------ COMMON STYLES ------------------------------ */
body 			{}

/* clear floated elements */
.clear,
.clear-10,
.clear-20 		{clear: both; display: block; overflow: hidden; visibility: hidden; width: 0; height: 0;}

.clear 			{height: 0;}
.clear-10 		{height: 10px;}
.clear-20 		{height: 20px;}

/* -------------------- Common Classes -------------------- */
/* these styles are applied to various elements */

.fluid 			{width: 100%;}
.fixed 			{width: 960px; margin: auto;}

.section 		{width: 100%;}

.left 			{float: left;}
.right 			{float: right;}

.content 		{}

.rgba-1			{background: rgba(190,60,250,.8) !important;} /* lilac */
.rgba-2			{background: rgba(30,170,70,.8)  !important;} /* green */
.rgba-3			{background: rgba(250,50,30,.8)  !important;} /* red */

/* ------------------------------ GRID LAYOUT ------------------------------ */
/*  This is our basic grid which the site is build upon. The grid is used to get a clean, basic layout structure. */

/* -------------------- Grid >> Global -------------------- */
.block-960 	{width: 960px; float: left; margin: auto;}
.block-940 	{width: 940px; float: left; margin: 0 10px;}

.block-620 	{width: 620px; float: left; margin: auto;}
.block-600 	{width: 600px; float: left; margin: 0 10px;}

.block-480 	{width: 480px; float: left; margin: auto;}
.block-460 	{width: 460px; float: left; margin: 0 10px;}

.block-340 	{width: 340px; float: left; margin: auto;}
.block-320 	{width: 320px; float: left; margin: 0 10px;}

/* -------------------- Grid >> Children (First & Last) -------------------- */
.first 		{margin-left: 0;}
.last 		{margin-right: 0;}

/* ------------------------------ DEBUG POSITION ------------------------------ */
/* this position is only shown if the debugging option is activated into the theme options */

.debug {width: 300px; height: 96%; padding: 2% 0; position: fixed; top: 0; left: 0; background: rgba(0,0,0,.8); z-index: 1000000; font-size: 1.0em;}
.debug .info {padding: 10px; margin: 10px 0; background: none; border: none;}

.debug .info ul {padding: 5px 0 0 0; margin: 0; list-style: none;}
.debug .info ul li {width: 50%; height: auto; float: left; padding: 0; margin: 0;}

.debug .admin.menu ul {list-style: none;}
.debug .admin.menu ul li {width: 47%; line-height: 24px;}
.debug .admin.menu ul li:hover {background: #333;}

.debug .admin.menu ul li a {display: block; padding: 1px 1px 1px 6px;}
.debug .admin.menu ul li a:hover {padding: 0 0 0 5px; border: 1px solid #666;}

.debug h4 {color: #FFF; font-size: 2.0em; line-height: 1.4em;}
.debug h5 {color: #CCC; font-size: 1.8em;}
.debug p {color: #999; font-size: 1.4em; margin: 0; padding: 0;}