Coda Slider CSS refactored into LESS format

coda-slider.less

.coda-slider-wrapper {
	padding: 20px 0;
	clear: both; 
	overflow: auto;	

	.coda-nav {
		ul {
			clear: both; 
			display: block; 
			margin: auto; 
			overflow: hidden;
			
			li {
				display: inline;
				
				a {
					background: #000; 
					color: #fff; 
					display: block; 
					float: left; 
					margin-right: 1px; 
					padding: 3px 6px; 
					text-decoration: none;
				}
				
				a.current { 
					background: #39c;
				}
				
			}
			
		}
		
	}

	.coda-nav-left,
	.coda-nav-right {
		float: left;
		
		a {
			display: block; 
			text-align: center; 
			text-decoration: none;
			background: #000; 
			color: #fff; 
			padding: 5px; 
			width: 100px;			
		}
		
	}
	
	.coda-slider {
		background: #ebebeb;
		width: 600px;
		float: left; 
		overflow: hidden; 
		position: relative;		

		p.loading { 
			padding: 20px; 
			text-align: center;
		}

		.panel-container { 
			position: relative; 

			.panel {
				width: 600px;
				display: block; 
				float: left;				
				
				.panel-wrapper { 
					padding: 20px 
				}					
			}
		}	
	}
}

.coda-slider-wrappers.arrows {
	.coda-slider {
		width: 600px;
		margin: 0 10px;
		
		.panel {
			width: 600px;
		}		
	}
}