/**
 * Roundable Documentation CSS
 */

.roundabout-example {
	height: 12em;
	margin: 0 16em;
	padding: 0 2em;

	background: #1c4547;
	background: -moz-linear-gradient(90deg, #1c4547 0%, #256467 100%);
	background: -webkit-gradient(linear, left bottom, left top, color-stop(0.0, #1c4547), color-stop(1.0, #256467));
	

}

	.roundabout-example ul {
		list-style: none;
		padding-left: 4em;
		width: 60%;
		margin: 0 auto;
		height: 12em;
	}
	
	.roundabout-example li {
		background-color: #eeeeee;
	}

	.roundabout-example .stage {
		padding: .4em;
	}
	
	.roundabout-example h3 {
		text-align: center;
		margin-bottom: .5em;
		padding-top: .4em;
	}
	
	.intro {
		background-color: #333;
		color: #ddd;
		margin: .5em 5em;
		padding: .5em 5em;
		text-align: center;
		font-size: 0.9em;
	}
	
	.how-to {
		text-align: center;
		font-size: .6em;
		margin-top: 1em;
	}
	
		.how-to strong {
			display: block;
			font-size: 0.3em;
			text-transform: uppercase;
			font-weight: 900;
			letter-spacing: 3px;
		}
	
	.arrow {
		font-size: 1.6em;
		font-weight: 900;
	}
	
		.left.arrow { width: 1em; float: left; }
		.right.arrow { width: 1em; float: right; text-align: right; }
		
	.back h3 {
		font-size: 2.5em;
		line-height: 2.1;
	}

	.roundabout-holder { padding: 0; height: 5em; }
	.roundabout-moveable-item {
		height: 14em;
		width: 40em;
		cursor: pointer;
		background: #fcfcfc;
		background: -moz-linear-gradient(90deg, #bbb 0%, #fcfcfc 100%);
		background: -webkit-gradient(linear, left bottom, left top, color-stop(0.0, #bbb), color-stop(1.0, #fcfcfc));
		border: 1px solid #999;
		overflow: hidden;
	}
	.roundabout-in-focus { cursor: auto; }

p.first {
	margin-top: .8em;
}

dt {
	font-weight: 500;
	margin-bottom: -1em;
}