/*  
 *  sliderkit-demos.css
 *	> CSS code for demos
 *  
 *  This file is part of Slider Kit jQuery plugin.
 *  http://www.kyrielles.net/sliderkit/
 *  
 *  Copyright (c) 2010-2011 Alan Frog
 *  Licensed under the GNU General Public License
 *  See <license.txt> or <http://www.gnu.org/licenses/>
 *
 */

/*
 *  PHOTOS SLIDERS
 *  ------------------------------------------------
 */


/*
 *  PHOTOS GALLERIES
 *  ------------------------------------------------
 */


/*---------------------------------
 *  Photos gallery > With captions
 *---------------------------------*/
.photosgallery-captions{width:635px;height:303px;}

/* Navbar */

.photosgallery-captions .sliderkit-nav{left:0;bottom:0;width:635px;padding:5px 0;background:transparent url("../../_img/top_photos/thumb_bg.jpg") no-repeat center 0;}
/*.photosgallery-captions .sliderkit-nav{left:0;bottom:0;width:635px;padding:10px 5px 10px 0;background:#ccc;}*/
.photosgallery-captions .sliderkit-nav-clip ul {margin:0;}
.photosgallery-captions .sliderkit-nav-clip ul li{float:left;margin:0;}
.photosgallery-captions .sliderkit-nav-clip ul li a{display:block;width:88px;height:57px;overflow:hidden;margin:0 3px;padding:3px;}
.photosgallery-captions .sliderkit-nav-clip ul li.sliderkit-selected a{padding:2px;border:1px solid #999;}

.photosgallery-captions .sliderkit-nav-clip ul li div{width:88px;height:40px;overflow:hidden;margin:0 3px;padding:0 3px;line-height:0.9em;font-size:9px;text-align:left;}

/* Buttons */
.photosgallery-captions .sliderkit-btn{position:absolute;top:0;}
.photosgallery-captions .sliderkit-btn a{display:block;height:76px;background:transparent url("../../_img/top_photos/arrows-h.png") no-repeat center 0;}
.photosgallery-captions .sliderkit-btn span{display:none;}
.photosgallery-captions .sliderkit-btn-disable{opacity:0.3;}/*can be set to any value until 1*/
.photosgallery-captions .sliderkit-btn-disable a:hover{cursor:default;}

/* Buttons > Navbar buttons */
.photosgallery-captions .sliderkit-nav-btn{width:15px;}
.photosgallery-captions .sliderkit-nav .sliderkit-nav-prev{left:15px;}
.photosgallery-captions .sliderkit-nav .sliderkit-nav-next{right:15px;}
.photosgallery-captions .sliderkit-nav .sliderkit-nav-prev a{background-position:-89px center;}
.photosgallery-captions .sliderkit-nav .sliderkit-nav-next a{background-position:-108px center;}
.photosgallery-captions .sliderkit-nav .sliderkit-nav-prev a:hover,
.photosgallery-captions .sliderkit-nav .sliderkit-nav-prev a:focus{background-position:-126px center;}
.photosgallery-captions .sliderkit-nav .sliderkit-nav-next a:hover,
.photosgallery-captions .sliderkit-nav .sliderkit-nav-next a:focus{background-position:-145px center;}


/* Buttons > Go buttons */
.photosgallery-captions .sliderkit-go-btn{width:10px;}
.photosgallery-captions .sliderkit-nav .sliderkit-go-prev{left:40px;}
.photosgallery-captions .sliderkit-nav .sliderkit-go-next{right:40px;}
.photosgallery-captions .sliderkit-nav .sliderkit-go-prev a{background-position:0 center;}
.photosgallery-captions .sliderkit-nav .sliderkit-go-next a{background-position:-20px center;}
.photosgallery-captions .sliderkit-nav .sliderkit-go-prev a:hover,
.photosgallery-captions .sliderkit-nav .sliderkit-go-prev a:focus{background-position:-40px center;}
.photosgallery-captions .sliderkit-nav .sliderkit-go-next a:hover,
.photosgallery-captions .sliderkit-nav .sliderkit-go-next a:focus{background-position:-60px center;}


/* Panel > Textbox */
.photosgallery-captions .sliderkit-panel .sliderkit-panel-textbox{bottom:0;left:0;height:65px;width:635px;}
.photosgallery-captions .sliderkit-panel .sliderkit-panel-text{height:55px;padding:5px 15px;font-size:0.9em;color:#fff;}
.photosgallery-captions .sliderkit-panel .sliderkit-panel-text h4{height:auto; margin-bottom:-6px; padding:0;line-height:1.1em;font-size:1.2em;font-weight:bold;border:none; color:#FFFFFF;}
.photosgallery-captions .sliderkit-panel .sliderkit-panel-text p{padding:-10px 0 0 0;line-height:1.0em;}
.photosgallery-captions .sliderkit-panel .sliderkit-panel-overlay{height:60px;width:635px;background:#000;opacity:0.3;}

/*
 *  EXTERNAL CONTROLS
 *  ------------------------------------------------
 */
#content .sliderkit-pagination ul{display:inline;margin:0 0 10px;list-style:none;}
#content .sliderkit-pagination ul li{display:inline;}
#content .sliderkit-pagination ul li a{padding:5px;}
#content .sliderkit-pagination ul li a:hover{color:#fff;background:#006a91;}
