/*
 * Css100
 * Thanks to Snow77, Dugris and Burning for help and test
 *
 * @copyright       Kris <http://labs.xoofoo.org/>
 * @license         CREATIVE COMMONS Attribution-ShareAlike 3.0
 * @package         themes
 * @since           2.4.x
 * @author          Kris <http://labs.xoofoo.org/>
 * @maintained      Afux <http://www.afux.org>
 *
 * @version         $Id
*/

/* Here normally, you have only to amend dimensions and the visual one of the canvas strictly speaking */

body {direction:ltr;} /* ltr ((left to right) - rtl (right to left) */

/*============= Canvas rules ============*/
#xo-canvas-content { display:table; width:99%; border-collapse:collapse;}
#xo-canvas-columns {	width: 100%; display:table-row;}
#xo-content-caption {display:none;}
#xo-canvas-leftcolumn { width: 180px;}
/* Page [center column] rules */
* html #xo-page {	height: 500px;}
#xo-page {
	min-height : 			500px;
	margin: 				0 10px;
	padding: 				10px 0 0 0;
} 
#xo-canvas-rightcolumn {	width: 180px;}

#xo-canvas-leftcolumn, #xo-page, #xo-canvas-rightcolumn { vertical-align: top; display:table-cell;}

#xo-canvas.leftcolumn-layout #xo-page, #xo-canvas.threecolumns-layout #xo-page {}
#xo-canvas.rightcolumn-layout #xo-page, #xo-canvas.threecolumns-layout #xo-page {}
#xo-canvas-bottom, #xo-canvas-footer {}
/*========== Canvas rules (when columns are visible) ===========*/
#xo-canvas.leftcolumn-layout #xo-canvas-columns, #xo-canvas.threecolumns-layout #xo-canvas-columns {}
#xo-canvas.rightcolumn-layout #xo-page, #xo-canvas.threecolumns-layout #xo-page { border-right-width: 0;}
#xo-canvas-bottom, #xo-canvas-footer {}

/*=========== Center blocks =============*/
#xo-page-topblocks { padding: 0 10px;}
#xo-page-bottomblocks { padding:	0 10px 10px;}
#xo-page .xo-blockszone .xo-block { margin-bottom: 10px;}

/* ------- Top and bottom zones (2 columns) ------- */
#xo-page-topleftblocks, #xo-page-bottomleftblocks { float: left; width: 49.5%;}
#xo-page-toprightblocks, #xo-page-bottomrightblocks { float:	right; width: 49.5%;}
#xo-page-topcenterblocks, #xo-page-bottomcenterblocks { clear: both;}

/* ------- Top and bottom zones (3 columns) ------- */
#xo-page .xo-lcrpageblocks .xo-blockszone, #xo-page .xo-lcrpageblocks .xo-blockszone { float: left; clear: none; width: 33%;}
.xo-lcrpageblocks #xo-page-topleftblocks,
.xo-lcrpageblocks #xo-page-topcenterblocks,
.xo-lcrpageblocks #xo-page-bottomleftblocks,
.xo-lcrpageblocks #xo-page-bottomcenterblocks { margin-right: .5%;}
#xo-page .xo-blockszone .xo-blockcontent { min-height: 50px;}
* html #xo-page .xo-blockszone .xo-blockcontent { height: 100px;}

/* Give a min-height to centerleft/centerright blocks, and lcr center blocks */
#xo-page-topleftblocks .xo-block, #xo-page-bottomleftblocks .xo-block,
#xo-page-toprightblocks .xo-block, #xo-page-bottomrightblocks .xo-block,
.xo-lcrpageblocks #xo-page-topcenterblocks .xo-block, 
.xo-lcrpageblocks #xo-page-bottomcenterblocks  .xo-block { min-height: 130px;}

#xo-page-topblocks .xo-block, #xo-page-bottomblocks .xo-block { padding-top: 2px;}
#xo-page-topblocks *>.xo-block, #xo-page-bottomblocks *>.xo-block { padding-top: 0;}
#xo-page .xo-blockszone > .xo-block {	padding-left: 4px;}
#xo-page .xo-blockszone .xo-block:before { display: block; height: 9px; margin-left: -4px; margin-right: -1px;}
#xo-page .xo-blockszone .xo-block:after { display: block; height: 7px; margin-left: -4px; margin-right:-1px;}