/*
Stylesheet Name: Coda Slider for Sheldonthinks.com
SiteURI: http://sheldonthinks.com
Description: Custom template for Wordpress 
Version: 1.0
Author: Tats Victoriano
Author URI: http://vectordot.com
*/

#wrapper_slide {
    width: 530px;
    margin: 0 auto;
}

#intro {
    padding-bottom: 10px;
}
#bloglist{
	display: block;
	width: 530px;
	background: #dbefca url(images/header_bloglist.jpg) no-repeat top left;
	height: 37px;
}

}
h2 {
    margin: 0;
    margin-bottom: 14px;
    padding: 0;
}

#slider {
    width: 530px;
    margin: 0 auto;
    position: relative;
}

.scroll {
   background:#FFFFFF url(images/content_pane-gradient.gif) repeat-x scroll left bottom;
clear:left;
height:auto;
overflow-x:hidden;
overflow-y:auto;
position:relative;
width:410px;
left:50px;
}

.scrollContainer div.panel {
   background:#FFFFFF none repeat scroll 0 0;
   height:210px;
   padding:20px 20px 0px 10px;
   width:400px;
}

/* Navigation */

ul.navigation {
	width: 530px;
        list-style: none;
	height: 36px;
	margin-bottom: 5px;
        padding: 0px;
	background: #c1c1c1;
	z-index: 999;
	font-size:1em;
	color:#999;
	font-weight:bold;
	text-decoration:none;
}

ul.navigation li {
	float: left;
        display: block;
   	padding:0 2px 0 0;
}

ul.navigation li.travels a:link {
      display:block;
      height:36px;
      position:relative;
      width:95px;
      background: url(images/slider_travel.jpg) no-repeat;
      text-indent:-9999px;  
}

ul.navigation li.travels a:hover {
      background: url(images/slider_travel_ovr.jpg) no-repeat;
} 

ul.navigation li.inv a:link {
      position: relative;
      width:95px;
      height:36px;
      text-indent:-9999px;
      left:8px;
      display: block;
      background: url(images/slider_inv.jpg) no-repeat;
}

ul.navigation li.inv a:hover {
      background: url(images/slider_inv_ovr.jpg) no-repeat;
}

ul.navigation li.business a:link {
      display:block;
      height:36px;
      position:relative;
      text-indent:-9999px;
      width:95px;
      background:url(images/slider_business.jpg) no-repeat;
}

ul.navigation li.business a:hover {
      background: url(images/slider_business_ovr.jpg) no-repeat;
}



ul.navigation li.lifestyle a:link {
      display:block;
      height:36px;
      position:relative;
      text-indent:-9999px;
      width:95px;
      background:url(images/slider_lifestyle.jpg) no-repeat;
}

ul.navigation li.lifestyle a:hover {
      background: url(images/slider_lifestyle_ovr.jpg) no-repeat;
}

ul.navigation li.strategy a:link {
      display:block;
      height:36px;
      position:relative;
      text-indent:-9999px;
      width:95px;
      background:url(images/slider_strategy.jpg) no-repeat;
}

ul.navigation li.strategy a:hover {
      background: url(images/slider_strategy_ovr.jpg) no-repeat;
}		


.scrollButtons {
    position: absolute;
    top: 70px;
    cursor: pointer;
    text-indent: -9999px;
}

ul .navigation a:focus{
		outline:none;
}


.hide {
    display: none;
}


.scrollMeLeft a{
		position: absolute;
		display: block;
		width:60px;
		height:80px;	
		left: -5x;
		background:url(images/scroll_left.png) 0 0 no-repeat;
                 z-index: 6;
                 top: 30px;
}
.scrollMeRight a{
		 position: absolute;
		display: block;
		width:60px;
		height:80px;
		left: 470px;
		background:url(images/scroll_right.png) 0 0 no-repeat;
                z-index: 6; 
                top: 30px;
                 
}

