/** 
 *  sliderkit-demos.css
 *	> CSS code for demos
 *  
 *  This file is part of Slider Kit jQuery plugin.
 *  http://www.kyrielles.net/sliderkit/
 *  
 *  Copyright (c) 2010-2012 Alan Frog
 *  Licensed under the GNU General Public License
 *  See <license.txt> or <http://www.gnu.org/licenses/>
 *
 */

/*---------------------------------
 *  Carousel
 *---------------------------------*/
#carousel{width:510px; margin:0; font: .8em/1.5em 'DroidSansRegular', Arial, Helvetica, sans-serif;}

#carousel .sliderkit-nav{left:110px;top:0;width:510px; padding:0;background:none;}
#carousel .sliderkit-nav-clip ul li{float:left;width:250px; height: 70px; margin:0 10px 0 0;text-align:left; position: relative;}
#carousel .sliderkit-nav-clip ul li > a{display:block;width:93px; height:60px; opacity:1; float: left; margin-right: 5px;}
#carousel .sliderkit-nav-clip ul li > a:hover{opacity:0.8;}
#carousel .sliderkit-nav-clip ul li h3{margin:0 0 5px;overflow: hidden;}
#carousel .sliderkit-nav-clip ul li h3 a {color: #6b6b6b;}  
#carousel .sliderkit-nav-clip ul li h3 a:hover {color: #1475bf;}
#carousel .sliderkit-nav-clip ul li p{font-size:1.1em; color: #575757; height: 75px; overflow: hidden;}
#carousel .sliderkit-nav-clip ul li .custom-readmore{position: absolute; right: 0; bottom: 7px;}
#carousel .sliderkit-nav-clip ul li .custom-readmore a {background-color: #3399ff; font-size: 11px; width: 80px; padding: 5px 0; display: block; color: #fff; text-align: center;}
#carousel .sliderkit-nav-clip ul li .details {padding: 5px 0 20px; overflow: hidden;}

/* Buttons */
#carousel .sliderkit-nav .sliderkit-nav-btn{position:absolute;top:50%;}
#carousel .sliderkit-nav .sliderkit-nav-btn span{display:none;}
#carousel .sliderkit-nav .sliderkit-nav-btn a{display:block;width:26px;height:31px;background:transparent url(arrows-h-btn.png) no-repeat 0 0;}
#carousel .sliderkit-nav .sliderkit-nav-prev{left:-75px;}
#carousel .sliderkit-nav .sliderkit-nav-next{left:-50px;}
#carousel .sliderkit-nav .sliderkit-nav-prev a{background-position:0 0;}
#carousel .sliderkit-nav .sliderkit-nav-next a{background-position:0 -31px;}
#carousel .sliderkit-nav .sliderkit-nav-prev a:hover,
#carousel .sliderkit-nav .sliderkit-nav-prev a:focus{background-position:-26px 0; outline: none;}
#carousel .sliderkit-nav .sliderkit-nav-next a:hover,
#carousel .sliderkit-nav .sliderkit-nav-next a:focus{background-position:-26px -31px; outline: none;}
#carousel .sliderkit-nav .sliderkit-btn-disable a{cursor:default;}
#carousel .sliderkit-nav .sliderkit-nav-prev.sliderkit-btn-disable a{background-position:-52px 0;}
#carousel .sliderkit-nav .sliderkit-nav-next.sliderkit-btn-disable a{background-position:-52px -31px;}