/* 
** Name: texterificPlus.css
** Author: Matt Gifford AKA coldfumonkeh (http://www.mattgifford.co.uk & http://www.ugccreative.com)
** Date: 15th October 2009
** Purpose: CSS style sheet for use with the jQuery texterificPlus plugin on the Fuzzy Orange site 
*/

div.content {
	/* The display of content is enabled by a javascript generated style on the page.
	   This is so that the slideshow content won't display unless javascript is enabled. */
	display: none;
}
div.controls { height: 23px; position: relative; top: 45px; }
div.ss-controls { float: left; }
div.ss-controls span { color: #666666; cursor: pointer; }
div.nav-controls { float: right; }
div.nav-controls a { padding: 5px; }
div.slideshow { clear: both; }
div.slideshow span.image-wrapper { float: right; padding-bottom: 12px; }
div.slideshow a.advance-link { display: block; }
div.slideshow img { border: none; display: block; }

div.embox { clear: both; }
div.title { font-weight: bold; font-size: 1.4em; }
div.desc { line-height: 1.3em; padding-top: 12px; margin-left: -18px; height: 70px; }

div.navigation {
	/* The navigation style is set by a javascript generated style on the page.
	   This is so that the javascript specific styles won't be applied unless javascript is enabled. */
}
ul.thumbs { clear: both; margin: 0; padding: 0; }
ul.thumbs li { float: left; padding: 0; margin: 5px 10px 5px 0; list-style: none; }
ul.thumbs li a { padding: 2px; display: block; height: 50px; width: 50px; }
ul.thumbs li.selected a { background: #ccc; }
ul.thumbs a:focus { outline: none; }
ul.thumbs img { border: none; display: block; }

div.navigation div.top { margin-bottom: 12px; height: 8px; position: relative; }
div.navigation div.bottom { margin-top: 12px; }

div.pagination { clear: both; font-size: 10px; }
div.pagination a, div.pagination strong { display: block; float: left; margin-right: 2px; padding: 4px 7px 2px 7px; border: 1px solid #ccc; }
div.pagination a:hover { background-color: #ffc; text-decoration: none; }
div.pagination strong { background-color: #acf; }

.sliderNoShow { visibility: hidden; }