/**
* EXPERIENCE -- CSS for enhanced display in modern browsers
* Creek Bed Industries v. 2.0 (What's Mine is Mine)
* by Andrew Fischler
* 
* Includes: Coda Slider, jQuery Pager
**/

/**
* Coda Slider
**/
#slider {
  position: relative;
  width: 980px;
  margin: 0 0 0 -30px;
  padding: 0;
  background: url("../images/slider-bg.png") center top no-repeat;
}
#slider .scroll {
  position: relative;
  width: 960px;
  margin: 0 0 0 10px;
}
/* .scrollContainer { margin: 40px 0 0 0; } */

.scrollContainer div.panel {
  width: 980px;
  margin: 30px 0 0 0;
}
.scrollContainer div.panel h3 { display: none; }

/* Coda Navigation Tabs */
#slider ul.navigation {
  display: block;
  position: absolute;
  top: 9px;
  left: 9px;
  height: 38px;
  padding: 0 40px 0 0;
  list-style: none;
  background: url("../images/slider-header.png") right -10px no-repeat;
  z-index: 210;
}
#slider ul.navigation li {
  display: block;
  position: relative;
  padding: 0;
  margin: 0;
  float: left;
}
#slider ul.navigation a {
  display: block;
  position: relative;
  width: 100px;
  padding: 11px 0 11px 0;
  text-align: center;
  text-decoration: none;
  font-weight: bold;
  color: #555;
  background: #f6f6f6 url("../images/slider-menu.png") 0 -120px repeat-x;
  border-right: 1px solid #ccc;
}
#slider ul.navigation a:hover {
  color: #444;
  background: #CCC url("../images/slider-menu.png") 0 -60px repeat-x;
}
#slider ul.navigation a.selected {
  color: #FFF;
  background: #6907A7; /* url("../images/slider-menu.png") repeat-x; */
}
#slider ul.navigation a:focus { outline: none; }

/* Code Scroll Buttons */
#slider .scrollbuttons { display: none; }


/**
* jQuery Pager
**/
.js-pager {
  position: relative;
  width: 980px;
  margin: 50px auto 0 auto;
  
/*  background: #F90;*/
}
.js-pager .item { position: relative; }
.js-pager .item .image {
  position: relative;
/*  width: 661px;
  height: 481px;*/
  height: 520px;
  width: 620px;
/*  text-align: center;*/
/*  background: #fc0 url("../images/grid-long.png") 0 0 repeat-x;*/
}
/*.js-pager .item .image a {} */
.js-pager .item .image img { margin-top: 20px; }
.js-pager .item .details {
  position: absolute;
  top: 25px;
  right: -305px;
  width: 290px;
  padding: 0;
}
.js-pager .item .details dt { width: 50px; }
.js-pager .item .details dd {
  margin-left: 75px;
  width: 215px;
}
.js-pager .item .details dl {
  margin-bottom: 30px;
}
.js-pager .item p {
  text-align: left; /*justify;*/
  font-size: 0.9em;
  line-height: 1.6em;
  padding: 0;
}
.js-pager .item em {
  font-style: italic;
}
.js-pager .item .button {
  font-size: 1.2em;
  font-weight: bold;
  margin: 0;
  display: block;
}
.js-pager .item .button a {
/*  font-size: 1.4em;
  font-weight: bold;*/
  display: block;
  padding: 5px 5px 5px 25px;
  margin: 0 0 25px 15px;
  background: url("../images/world.png") left center no-repeat;
  text-decoration: none;
  float: left;
}
.js-pager .item .button a span { 
/*  color: #9E80AD;*/
  border-bottom: 1px dashed #D1C4D3;
}
.js-pager .item .button a:hover span { 
/*  color: #6B00A3;*/
  border-bottom: 1px solid #BCA6C4;
}


.js-pager .item cite { 
  display: block;
  margin-top: 10px;
  padding: 15px 0;
  text-align: center;
  color: #bbb;
  font-size: 0.8em;
  border-top: 1px solid #ddd;
  clear: both;
}
.js-pager .item cite a { color: #999; text-decoration: none; border-bottom: 1px solid #ccc; }
.js-pager .item cite a:hover { color: #777; border-color: #aaa; }

/* Pager Navigation */
.js-pager-nav {
  position: absolute;
	top: -65px;
  right: 30px;
}
.js-pager-nav a {
  display: block;
  float: left;
  width: 25px;
  margin: 0 0 0 5px;
  padding: 5px 0;
  text-align: center;
  text-decoration: none;
  font-size: 0.9em;
  font-weight: bold;
  color: #FFF;
  background: #aaa;
/*  -webkit-border-radius: 15px;*/
/*  -moz-border-radius: 15px;
  border-radius: 15px;*/
}
.js-pager-nav a:hover { background-color: #777; }
.js-pager-nav a.selected,
.js-pager-nav a.selected:hover { background-color: #6907A7; }
.js-pager-nav .prev, 
.js-pager-nav .next { display: none; }