﻿/*
 * Just Another Carousel v1.0
 * http://intrepidstudios.com/projects/jquery-just-another-carousel/
 *
 * Copyright (c) 2009 Kamran Ayub
 * Licensed under the GPL license.
 * http://intrepidstudios.com/projects/jquery-just-another-carousel/#license
 *
 * Last Modified: Feb 2, 2009
 * This file is part of Just Another Carousel.

    Just Another Carousel is free software: you can redistribute it and/or modify
    it under the terms of the GNU General Public License as published by
    the Free Software Foundation, either version 3 of the License, or
    (at your option) any later version.

    Just Another Carousel is distributed in the hope that it will be useful,
    but WITHOUT ANY WARRANTY; without even the implied warranty of
    MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
    GNU General Public License for more details.

    You should have received a copy of the GNU General Public License
    along with Just Another Carousel.  If not, see <http://www.gnu.org/licenses/>.
*/
.jac
{
	height:200px; /* default height */
	position:relative;
	margin:0 0 1em 0;
}

.jac .carousel 
{
	position:absolute;
	top:0;
	left:0;
	margin:0;
	padding:0;
	list-style-type:none;
}
.jac .arrow-left, .jac .arrow-right {
	float:left;
}
.jac .carousel .jac-content
{
	float:left;
}

/* Below here is the local stuff to style it up */
.design-gallery ul li 
{
/*	background-image:none !important; /* hide bg images when there is no JS */
background-repeat:no-repeat;
}

.design-gallery .arrow-left, .design-gallery .arrow-right
{
	position:absolute;
	top:25%;
	z-index:5;
	height:50px;
	width:40px;
}
.design-gallery .arrow-left a, .design-gallery .arrow-right a
{
	display:block;
	height:50px;
	width:40px;
	text-indent:-999em;
}
.design-gallery .arrow-left a:focus, .design-gallery .arrow-right a:focus
{
	outline:none;
}
.design-gallery .arrow-left
{
	left:-20px;
	background:url(images/gallery-arrows.png) no-repeat center left;
}
.design-gallery .arrow-right
{
	right:-20px;
	background:url(images/gallery-arrows.png) no-repeat center right;
}

.design-gallery .carousel .jac-content a:hover
{
	text-indent:0;
}
.design-gallery .carousel .jac-content a
{
	display:inline-block;
	width:200px;
	padding:160px 10px 0 10px;
	height:40px;
	background-position:center top;
	background-repeat:no-repeat;
	font-weight:bold;
	color:#000000;
	font-size:1.1em;
	text-decoration:none;
	text-indent:-999em;
	text-align:center;	
}

