
/**
 * Flexblock splitblock basic stylesheet
 *
 * @author HAAN <haan@fynskemdier.dk>
 */

/**
 * Table items to be block
 */
div.table.splitblock,
div.table.splitblock div.row,
div.table.splitblock div.row div.column {
	display:block;
	overflow:hidden;
}

/**
 * Control column float
 */
div.table.splitblock div.row {
	overflow:hidden;
}

/**
 * Define column float
 */
div.table.splitblock div.row div.column {
	float:left;
}

/** Column widths **/

/**
 * Column width of 20%
 */
div.table.splitblock div.row div.column.column-20 {
	width:20%;
}

/**
 * Column width of 30%
 */
div.table.splitblock div.row div.column.column-30 {
	width:30%;
}

/**
 * Column width of 33%
 */
div.table.splitblock div.row div.column.column-33 {
	width:33%;
}

/* Make center column 34% to fit 100% of 3 columns */
div.table.splitblock div.row div.column.column-33.column-center {
	width:34%;
}

/**
 * Column width of 40%
 */
div.table.splitblock div.row div.column.column-40 {
	width:40%;
}

/**
 * Column width of 50%
 */
div.table.splitblock div.row div.column.column-50 {
	width:50%;
}

/**
 * Column width of 60%
 */
div.table.splitblock div.row div.column.column-60 {
	width:60%;
}

/**
 * Column width of 67%
 */
div.table.splitblock div.row div.column.column-67 {
	width:67%;
}

/**
 * Column width of 70%
 */
div.table.splitblock div.row div.column.column-70 {
	width:70%;
}

