dziudek

/**
 * Simple CSS UI Kit
 */

body {
	font-family: Arial, sans-serif;
	margin: 0;
	padding: 0;
}

dziudek

/**
 * Simple solution for long tables in responsive design
 */

table:before {
	content: "Scroll horizontally to view the whole table";
	height: 14px;
	width: 100%;
	display: block;
	font-size: 10px;

dziudek

/**
 * Tabs
 */

#tabs {
	background: #aaa;
	position: relative;
	transition: all 1s linear;
}

dziudek

/**
 * 3D text
 */

body {
	perspective: 600px;
	width: 100%;
}

#wrap {

dziudek

/**
 * Text-shadow unfortunately doesn't work so good as the multi-layers layout
 */
body {
	background: #11A9E2;
	perspective: 600px;
}


#wrap {

dziudek

/**
 * Sexy CSS buttons
 */

/* additional styles */
hr {
	
	border: none;
	border-bottom: 2px solid #fafafa;
	border-top: 1px solid #dadada;

dziudek

/**
 * Image styling - octagon method 1.
 */
.row {
	display: block;
	clear: both;
}
.img {
	border: none;
	float:left;

dziudek

/**
 * Image styling - octagon method 2.
 */
#wrap {
	box-sizing: border-box;
	margin: 0 auto;
	overflow: hidden;
	padding: 40px 0 0 118px;
}
.img {

dziudek

/**
 * Image styling - hexagon method 2.
 */
#wrap {
	box-sizing: border-box;
	margin: 0 auto;
	overflow: hidden;
	padding: 40px 0 0 118px;
}
.img {

dziudek

/**
 * Photo Stack with :hover animation
 */

figure.img {
	border: 1px solid #eee;
	background: #fff;
	padding: 10px;	
	float: left;
	margin: 20px;