﻿/*
 * simplyScroll 1.0.3 - a scroll-tastic jQuery plugin
 *
 * http://logicbox.net/jquery/simplyscroll
 * http://logicbox.net/blog/simplyscroll-jquery-plugin
 * http://plugins.jquery.com/project/simplyScroll
 *
 * Copyright (c) 2009 Will Kelly - http://logicbox.net
 *
 * Dual licensed under the MIT (MIT-LICENSE.txt)
 * and GPL (GPL-LICENSE.txt) licenses.
 *
 * Last revised: 03/07/2009 21:13
 *
 */

/* Default/Master classes 

Example markup format (for horizontal scroller)
Note all DIVs are generated and should not be hard-coded

<div class="your-custom-class simply-scroll-container">
	<div class="simply-scroll-btn simply-scroll-btn-left"></div>
	<div class="simply-scroll-btn simply-scroll-btn-right"></div>
	<div class="simply-scroll-clip">
		<ul class="simply-scroll-list">
			<li>...</li>
			...
		</ul>
	</div>
</div>


*/

 /* Container DIV - automatically generated */
.simply-scroll-container {position: relative;}

/* Clip DIV - automatically generated */
	.simply-scroll-clip {position: relative;overflow: hidden;z-index: 2;}
	
 /* UL/OL/DIV - the element that simplyScroll is inited on */
	.simply-scroll-list {position: absolute;top: 0;left: 0;z-index: 1;overflow: hidden;margin: 0;padding: 0;list-style: none;}
	
		.simply-scroll-list li {padding: 0;margin: 0;list-style: none;}
	
		.simply-scroll-list li img {border: none;display: block;}
	
/* Custom class modifications - override classes

.simply-scroll is default

*/
/* Customisable base class for style override DIV */
.simply-scroll {margin-bottom: 1em;}

	.simply-scroll-clip {}
	
	
		.simply-scroll .simply-scroll-list {}
		
		.simply-scroll .simply-scroll-list li {float: left;}
		
		.simply-scroll .simply-scroll-list li img {}
	


/* Vertical scroller example */

.vert {margin-bottom: 1.5em;}

	.vert .simply-scroll-clip {height: 100px;}
	
		.vert .simply-scroll-list {}
		
		.vert .simply-scroll-list li {}
		.vert .simply-scroll-list li img {}
	
