/** 
 *  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/>
 *
 */

/*
 *  PHOTOS SLIDERS
 *  ------------------------------------------------
 */


/*---------------------------------
 *  Photos gallery > Vertical
 *---------------------------------*/
.photosgallery-vertical{width:100%;height:420px;}

/* Nav */
.photosgallery-vertical .sliderkit-nav{top:0;right:0;width:360px;height:100%;}
.photosgallery-vertical .sliderkit-nav-clip{height:100%; top:0}
.photosgallery-vertical .sliderkit-nav-clip ul li{width:300px;padding:9px 15px;background:url(images/sliderkit/greybg.png);margin:0 0 0 30px;width:330px;border-top:1px solid #2a2a2b;border-bottom:1px solid #2a2a2b;}
.photosgallery-vertical .sliderkit-nav-clip ul li a{display:block;width:100px;height:50px;overflow:hidden;padding:0;float:left; text-align:center;}
.photosgallery-vertical .sliderkit-nav-clip ul li.sliderkit-selected {width:330px;padding:9px 15px;background:url(images/sliderkit/blackbg.png);margin:0 0 0 15px;width:345px;	-webkit-border-radius: 5px 0 0 5px;-moz-border-radius: 5px 0 0 5px;border-radius: 5px 0 0 5px;border-top:1px solid #2a2a2b;border-bottom:1px solid #2a2a2b;}
.photosgallery-vertical .sliderkit-nav-clip ul li img{width:75px;height:50px;margin-bottom:-3px;}
.photosgallery-vertical .sliderkit-nav-clip ul li p{display:block;width:200px;height:50px;overflow:hidden;padding:0;float:left;text-align:left;color:#fff;}
.photosgallery-vertical .sliderkit-nav-clip ul li p a{display:block;width:100%;color:#fff;overflow:hidden;height:50px;text-align:left;}
/* Panel */
.photosgallery-vertical .sliderkit-panel{top:0;left:0;width:100%;height:420px;}

/* Panel > Textbox */
.photosgallery-vertical .sliderkit-panel .sliderkit-panel-textbox{bottom:3%;left:3%;height:125px;width:500px;}
.photosgallery-vertical .sliderkit-panel .sliderkit-panel-text{height:85px;padding:10px 15px 10px 15px;font-size:0.9em;color:#fff;}
.photosgallery-vertical .sliderkit-panel .sliderkit-panel-text h4{height:auto;margin:0 0 7px;border:none;}
.photosgallery-vertical .sliderkit-panel .sliderkit-panel-text h4 a{font-size:24px;line-height:24px;color:#fff;}
.photosgallery-vertical .sliderkit-panel .sliderkit-panel-overlay{height:105px;width:500px;background:#000;opacity:0.6;}