gentle-media

/**
 * CSS3 ribbon buttons
 */

.ribbonA{
	position: relative;
	display: block;
	width: 258px;
	height: 50px;
	font: .9em/50px Georgia, "Times New Roman", Times, serif;

gentle-media

/**
 * CSS3 ribbon buttons
 */

.ribbonA{
	position: relative;
	display: block;
	width: 258px;
	height: 50px;
	font: .9em/50px Georgia, "Times New Roman", Times, serif;

gentle-media

/**
 * The first commented line is your dabblet’s title
 */



/* The large delay prevents the color from changing */
p.perm {
   transition: color 0s 9999999s;
}

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 {

gentle-media

/**
 * CSS3 tabs (experimental)
 */

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

.tabs {

gentle-media

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

body {padding: 100px 20px}

ul {
	list-style: none;
	margin: 0;
	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

/**
 * DWC 2
 */

body {padding: 100px  0 0 0} 

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

gentle-media

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

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;