gentle-media

/**
 * Change through a radio button a href with jQuery
 */

body {
	background: #fff;
	min-height: 100%}

gentle-media

/**
 * CSS3 fade in/out slideshow experiment
 */

* {
	margin: 0;
	padding: 0;
	box-sizing: border-box}

#slideshow {

gentle-media

/**
 * CSS3 keyboard arrow keys
 */

* {
	margin: 0;
	padding: 0;
	box-sizing: border-box}

body {

gentle-media

/**
 * 	Example thumbnail grid and captions with definition lists set to 'display: inline-block'
 */

/* 	Agressive CSS reset just for demostration purpose only.
 *	It's recommended to use normalize.css as reset
 *	(http://necolas.github.com/normalize.css/)
 */
* {
	margin: 0;

gentle-media

/**
 * CSS3 :target experiment
 */
 
body {
margin: 0;
padding: 0;
width: 100%;
height: 100%;
font-family: Helvetica, arial, serif;

gentle-media

/**
 * DWC 2
 */

body {padding: 100px  0 0 0} 

.content {
	width: 708px;
	margin: 0 auto;
	padding: 0;

gentle-media

/**
 * DWC
 */


#left_column, #center_column, #right_column {
width: 290px;
float:left;
padding: 10px 10px 10px 10px;
border:2px solid #85c441;

gentle-media

/**
 * How to animate 2 different elements on hover?
 */

body {padding: 100px 20px}

ul {
	list-style: none;
	margin: 0;
	padding: 0}

gentle-media

/**
 * CSS3 tabs (experimental)
 */

ul {
list-style: none;
margin: 0;
padding: 0}

.tabs {

gentle-media

/**
 * CSS3 Version from: http://www.onlywebpro.com/2012/04/14/how-to-create-a-beautiful-slide-out-navigation-within-a-minute/
 */

body {
background: #33363b;
padding: 5px;
font: bold 14px "Open Sans",Helvetica,Arial,sans-serif}

#main_nav {