/* COLORS */
/* 
* Manilla: #fbf9ef;
* Dirty Yellow: #46411B;
* Muddy Yellow: #b2a26b;
* Brighter Yellow: #BAAD1E;
* Brighter Yellow2: #E1BF53;
* Dark Gray: #231e1e;
* Dirty Gold: #C8B679;
*/

html {
  background: #000 url(/media/template/bg-shadowbox-repeated.png) repeat-y center top;
}

body {
  background: url(/media/template/bg-shadowbox.png) no-repeat center -10px;
}

#header {
  text-align: left;
  height: 70px;
  padding-top: 20px;
  margin-bottom: 36px;
}

#header a:link, #header a:visited {
  color: #efefef;
}

#header a {
  text-decoration: none;
}

#header li h4 {
  font-size: 14px;
  font-family: sans-serif;
  font-weight: lighter;
}

/* LINKS & HEADINGS */

#branding {
	height: 70px;
}

#branding a {
	outline: none;
}

#branding a img {
  border: none;
}

#branding, #sub_title {
  font-weight: normal;
  font-family: Typenoksidi, "Rough_Typewriter", "American Typewriter",  monospace;
}

#site_version {
  color: #C8B679; 
  white-space: nowrap;
}


h1 { font-size: 130%; }
h2 { font-size: 120%; }
h3 { font-size: 110%; }

h1, h2, h3 {
  font-weight: lighter;
}

/* NAVIGATION */

#menu {
  font-family: 'CPMono_v07Light', sans-serif;
  font-weight: lighter;
}

#menu a {
  display: block;
  color: #fff; 
  font-weight: normal;
  padding: 0 4px;
  margin: 0px 0;
  font-size: 12px;
  text-transform: uppercase;
  text-decoration: none;
}

#menu a:hover,
#menu a.current,/*
#instrument_families #menu .families,
#instrument_family #menu .families,
#instrument_species #menu .families,
#digital_instruments #menu .digital,
#for_sale #menu .for_sale,*/
#menu a.current_family,
#contact #menu .contact,
#latest #menu .latest,
#arius #menu .arius,
#ben #menu .ben,
#drew #menu .drew
{
  background-color: #59513C;
  color: #fff;
}

#menu {
  position: relative;
}

#menu li {
  float: left;
}

ul {
  list-style-type: none;
  margin-left: 0;
  margin-bottom: 0;
  padding: 0;
}

ul li {
  margin-right: 1em;
  margin-bottom: 0;
  margin-left: 0;
}

ul h4 {
  margin-bottom: 0;
}

#menu ul.crumb{
  border-top: 1px dotted #fff;
}

ul.nested {
  display: none;
  padding: 0;
}

#instrument_families #menu .instruments,
#instrument_family #menu .instruments,
#instrument_family #menu .familiesX,
#instrument_species #menu .instruments,
#instrument_species #menu .familiesX,
#digital_instruments #menu .instruments,
#for_sale #menu .instruments,
#ben #menu .artists,
#arius #menu .artists,
#drew #menu .artists,
#artists #menu .artists .nested {
  display: block;
}

/* Body */

.text_column, #content p  {
  color: #efefef;
  font-family: "Courier New", Courier, monospace;
  font-weight: lighter;
}

.text_column p,
.text_column ul,
.text_column ol,
.text_column .na {
}

/* Footer */

#footer {
  width: 100%;
  background: #000 url('/media/template/bg-shadowbox-footer2.png') no-repeat center -32px;
  padding: 70px 0;
  margin: 10px 0 -20px;
  bottom: 0;
  left: 0;
}

#footer ul {
  margin-top:10px;
  list-style: none;
  font-size:12px;
}

#footer ul li:first-child {
  font-weight: bold;
} 

/*#footer ul, #footer ul * {
  display: inline;
}

#footer ul.nested {
  display: none;
}*/

/* Folktek */

html, body {
  height: 100%;
}

html, body, #header, #content, #footer {
  font-family: "Courier New", Courier, monospace;
  font-weight: lighter;
  color: #efefef;
  font-size: 16.5px
}

#header, #content, #footer {
  font-size: 80%;
  text-align: left;
}

#content .title {
  text-align: left;
  width: 100%;
}
#content {
  padding: 0;
  min-height:400px;
}

#slider {
  width: 540px;
  height: 405px;
  border: 3px solid black; 
}

#slider .nivo-controlNav {
  width: 544px;
  position: absolute;
  left: -3px;
  bottom:-60px; /* Put the nav below the slider */
  height: 51px;
  text-align: left;
  overflow: hidden;
}

#slider .nivo-controlNav img {
  display:inline; /* Unhide the thumbnails */
  position:relative;
  margin-right:2px;
  width: 60px;
  height: 45px;
}

#slider .nivo-directionNav a {
  background-color:#333;
  padding:0px;
}

#slider .nivo-caption {
  /* looks wonky in the moment */
  display: none !important;
}



/* Instruments */ 

#instruments ul.instruments li.instrument, 
ul.gallery li {
  float: left;
  margin: 0 8px 8px 0;
}

ul.gallery li > a {
  display: block;
  /*float: left;*/
}

ul.swapping li > a {
}

#instruments ul.instruments {
  margin: 2em auto;
}

ul.instruments .instrument a,
ul.gallery li,
#content ul.gallery li div.family_instruments p,
#instruments_for_sale p,
#latest_instruments p {
  display: block;
  text-decoration: none;
  color: #000;
  text-align: left;
  color: #A89966;
  background: none;
}

#content ul.gallery li div.family_instruments p {
  margin:0;
  padding:0;
}

#home #intro,
#home #thumbs {
  margin-bottom: 2em;
}

#home ul.swapping {
  margin-left: 11px;
  border: 2px solid #000;
  float: left;
}

ul.swapping li img,
ul.swapping li a img {
  border: 0;
}

ul.swapping li {
  border: 0px solid black;
  margin: 0 10px 10px 0;
  margin: 0;
}

.digital ul.swapping li {
  border: 3px solid black;
  margin: 0 10px 10px 0;
}

#instrument_family ul.instruments li.instrument {
  height: 354px;
}

#instruments ul.instruments .instrument a img {
  border: 5px solid #333;
}

#instruments ul.instruments .instrument a img.color {
  display: none;
}

#instruments ul.instruments .family:hover img.bw, 
#instruments ul.instruments .instrument a:hover img.bw {
  display: none;
}

#instruments ul.instruments .family:hover img.color, 
#instruments ul.instruments .instrument a:hover img.color {
  display: block;
  border: 5px solid #46411B; 
}

#instruments ul.instruments .instrument a .title {
  position: absolute;
  bottom: 0; left: 0;
  word-spacing: -0.3em; 
  white-space: nowrap;
  margin: 0;
}



ul#instrument_families .instrument a {
  display: block;
  float: left;
  position: relative;
}

ul#instrument_families li.family {
  clear: left;
  margin-bottom: 2em;
}

ul#instrument_families li.family .family_thumb {
  display: block;
  float: left;
  margin: 10px 10px 10px 0;
}

ul#instrument_families .instrument a.thumb {
  position: relative;
  display: block;
  height: 50px;
  width: 50px;
  overflow: hidden;
  border: 1px solid #222;
}

ul#instrument_families .instrument a img {
  position: absolute;
  top: 0; left: 0;
}

ul#instrument_families .instrument a:hover img.bw {
  display: none;
}

ul#instrument_families .instrument a:hover img.color {
  display: block;
}

.instruments .instrument .title a {
  position: absolute;
  bottom: -2.4em; left: 0;
  height: 2.4em;
  line-height: 2.4em;
  width: 100%;
  text-align: center;
  font-size: 12px;
  color: #fff;
  text-shadow: 0 0 0;
  font-weight: lighter;
  font-family: 'CPMono_v07Plain', sans-serif;
  text-transform: uppercase;
/*
  background-color: rgba(85, 79, 76, 1.0);
  background-color: rgba(255, 255, 255, 0.1);
  -moz-border-radius-bottomleft: 3px;
  -moz-border-radius-bottomright: 3px;
  -webkit-border-radius: 4px;
*/
  text-align: left;
}

#instrument_family .instruments .instrument {
  border: 1px dotted #666;
  border-right: 0px;
  padding: 4px 12px;
  margin-right: 0;
  background-color: rgba(0, 0, 0, 0.2);
}

#instrument_family .instruments li.endcap {
  border-right: 1px dotted #666;
}

#instrument_family .instruments:first-child {
  border-left: 0px;
}

#instrument_family .instruments .instrument .description {
  color: #fff;
  padding: 6px;
  line-height: 1.2em;
}

.instruments .instrument .title {
  margin-bottom: 0;
  float: left;
}

.instruments .instrument .title a {
  background: none;
  text-align: left;
  display: block;
  float: left;
  position: relative;
  bottom: 0;
  top: 0;
  -moz-border-radius-bottomleft: 0px;
  -moz-border-radius-bottomright: 0px;
  -moz-border-radius-topright: 3px;
  -moz-border-radius-topleft: 0px;
  -webkit-border-radius: 4px;
}

ul#instrument_families .instrument a:hover .title {
  /* background-color: rgba(255, 255, 255, 0.2); */
  /* color: #E1BF53; */
}

ul.family {
  margin: 0 10px 0;
}

#instrument_family .family .instruments {
  margin: 30px 0;
}

.family ul.instruments, ul.family li {
  margin: 10px 10px 5px;
}

.family .family_title {
  margin-bottom: 0;
}

.family .family_title a,
#instrument_families h3 a,
#species .title a, h2,
h3.title {
  display: block;
  -moz-border-radius-topright: 6px;
  -webkit-border-radius: 4px;
  font-size: 24px;
  text-transform: uppercase;
  font-family: 'CPMono_v07Light', sans-serif;
  text-shadow: none;
  color: #fff;
  border-bottom: 1px solid #000;
  border-bottom: 1px dotted #666;
  /*padding: 6px 20px 6px 20px;
  background-color: rgba(255, 255, 255, 0.1);*/
}

.family_instruments {
  clear: left;
  padding: 0;
  -moz-border-radius: 0px;
  -webkit-border-radius: 0px;
}

.family_instruments ul.instruments {
  float: right;
  padding: 0;
  margin: 10px 0 9px 10px;
  position: absolute;
  bottom: 0;
  right: 0;
}

.family_instruments ul.instruments ul.family li {
  padding: 0;
  margin: 0;
}

.family .family_title a:hover,
.family:hover .family_title a {
/*
  background-color: rgba(62, 50, 49, 0.4);
  background-color: rgba(255, 255, 255, 0.1);
*/
}

.family:hover  .family_instruments img.color {
  /* background: rgba(4, 3, 3, 0.5); */
}

.family:hover  .family_instruments img.bw {
  /* background: rgba(4, 3, 3, 0.5); */
}

ul#instrument_families .family .description {
  margin: 0 0 30px 170px;
  padding-top: 5px;
}

/* Species / Single Instrument View */

#instrument_links,
#instrument_images,
#instrument_videos,
#instrument_audio,
#instrument_features,
#instrument_purchase_options,
#instrument_other {
	float: left;
	clear: both;
	width: 100%;
	margin-bottom: 40px;
}

.instrument_purchase_options {
  margin-bottom: 60px;
}

#detail #photos{ 
  float:right;
}

#photos p {
  text-align:center;
}

#species #photos,
#species .description,
#species .links,
#species .audio_clips {
  margin-bottom: 20px;
}

audio {
  width: 100%;
  height: 26px;
  max-height: 32px;
}

#species #main_photo {
  margin-bottom: 20px;
}

#species #thumbs {
/*  float: left;
  width: 322px;
  height: 420px;
  overflow: hidden;
  position: relative;*/
}

#species #thumbs ul.scrolling {
  position: absolute;
}

#instrument_features .feature {
	min-height: 4em;
	margin-bottom: 20px;
}

#instrument_features .feature:first-child,
#instrument_features .first
{
	margin-left: 0;
	clear: left;
}

#instrument_features .feature:last-child,
#instrument_features .last {
	margin-right: 0;
}

#instrument_features .name {
	text-transform: uppercase;
	width: 100%;
	margin-top: 10px;
	margin-bottom: 5px;
}

#instrument_features .feature *:first-child {
	margin-top: 0px;
}

#instrument_features .name.underline {
	margin-bottom: 20px;
}

#instrument_features .description {
	margin-top: 0;
}

/* Digital Instruments */

#digital_solo_title a {
	font-size: 18px;
	font-family: Courier New, monospace;
	text-transform: none;
	border-bottom: 1px dotted #efefef;
}

#digital_solo_title a:hover {
	background: transparent;
	color: #EFEFEF;
}

/* Folktek */

a, a:link, a:visited {
  color: #C8B679;
  text-decoration: none;
}

a.hover {
  color: #E1BF53;
}

a img,
img.border,
.border { 
	border: 3px solid #000; 
}

.noborder,
.title.noborder,
img.noborder,
a.noborder {
	border: 0;
}

/* For Sale page */

#instruments_for_sale .instrument,
#latest_instruments .instrument {
  margin-right: 5px;
  border: 1px dotted #666;
  margin-bottom: 10px;
}

#instruments_for_sale .instrument:hover, 
#latest_instruments .instrument:hover { 
	border: 1px solid #666; 
}

#instruments_for_sale h3,
#latest_instruments h3 {
  font-size: 14px;
  text-transform: uppercase;
  font-family: 'CPMono_v07Light', sans-serif;
  color: #fff;
  border:0;
}

#instruments_for_sale .instrument,
#latest_instruments a {
  min-height: 170px;
  padding: 5px;
}

#instruments_for_sale .instrument:hover,
#latest_instruments a:hover {
	background-color: #111;
}

#instruments_for_sale .instrument p a {
    display: inline;
    text-decoration: underline;
}

/* Artists */

#artists {
}

/* Players Club */

#player_submissions li {
	border-bottom: 1px dotted #fff;
	margin-bottom: 2em;
}

#player_submissions .media {
	margin: 1em 0;
}

/* Utilities */

.alt_text { position: absolute; text-indent: -99999em; }

.center { text-align: center; }
.left { text-align: left; }
.right { text-align: right; }

img.left {
	float: left;
	margin-right: 10px;
	margin-bottom: 10px;
}

img.right {
	float: right;
	margin-left: 10px;
	margin-bottom: 10px;
}

.lower { text-transform: lowercase; }
.upper { text-transform: uppercase; }

.underline,
a.underline {
	text-decoration: underline
}

.dirty_gold,
.thank_you_message {
    color: #C8B679; 
}

.dirty_gold a:link, .dirty_gold a:visited {
  color: #C8B679; 
}

#header .dirty_gold a:link, #header .dirty_gold a:visited {
  color: #C8B679; 
  font-weight: bold;
}


/* Common */

a.button {
  display: block;
  padding: 14px 20px;
  font-family: 'CPMono_v07Plain', sans-serif;
  text-transform: uppercase;
  color: #fff;
  background: #000;
  border: 1px solid silver;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  font-weight: lighter;
  letter-spacing: 2px;
  font-size: 16px;
  text-align: center;
}

a.button.small {
  font-size: 12px;
  letter-spacing: 0;
  padding: 8px 8px;
}

a.button:hover {
  background-color: #111;
}

.cart_buttons .button {
  margin-bottom: 2px;
}

#header .cart_buttons input[type="image"] {
  margin-top: -10px;
}

.featured_links {
  width: 100%;
}

.featured_links a {
  float: left;
  margin: 0 10px 20px;
}

.featured_links a:hover {
  background-color: #ccc;
  color: #000;
}

.featured_links a.first {
  margin-left: 0;
  }

.featured_links a.last {
  margin-right: 0;
}

ul.links {
 list-style-type: square;
 margin-left: 1em;
}

/* Forms */

form {
  background: rgba(0, 0, 0, 0.3);
  padding: 20px;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
}

form.button {
  padding: 0;
  background: none;
}

form p {
  margin-bottom: 5px;
}

form textarea {
  width: 97%;
  height: 120px;
}
  
form textarea#id_video,
form textarea#id_embed_code {
  height: 30px;
}

#player_post_form label {
  display: block;
}

#player_post_form p input {
  width: 100%
}

#contact_form label {
  display: block;
  float: left;
  width: 30%;
} 

#contact_form input[type='text'],
#contact_form select {
  width: 51%;
}

#contact_form textarea {
}

#buy_now_usa,
#buy_now_intl {
  text-align: center;
}

a.more_link, a.more_link:visited {
  color: #fff;
  text-transform: uppercase;
}

.admin_links,
.admin_links a {
  text-align: right !important;
  color: darkred !important;
  text-transform: uppercase;
  font-weight: bold;
}

/* 
Override the grid margins. Maybe not a good idea, 
but it's been bothering me that everything is inset 
*/

.grid_1, .grid_2, .grid_3, .grid_4, .grid_5, 
.grid_6, .grid_7, .grid_8, .grid_9, .grid_10, 
.grid_11, .grid_12, .grid_13, .grid_14, .grid_15, 
.grid_16 {
  margin-left: 0;
}

/* Slider Gallery Styles */

.jcarousel-skin-folktek li {
    float: left;
    height: 380px;
    width: 300px;
}

.jcarousel-skin-folktek .jcarousel-container {
}

.jcarousel-skin-folktek .jcarousel-container-horizontal {
    width: 100%
    padding: 0px 0px;
}

.jcarousel-skin-folktek .jcarousel-clip-horizontal {
    width:  100%;
    height: 380px;
}

.jcarousel-skin-folktek .jcarousel-item {
    width: 320px;
    height: 380px;
}

.jcarousel-skin-folktek .jcarousel-item-horizontal {
	margin-left: 0;
    margin-right: 0px;
}

.jcarousel-skin-folktek .jcarousel-item-placeholder {
    background: #000;
    color: #999;
}

.jcarousel-skin-folktek .jcarousel-prev-horizontal,
.jcarousel-skin-folktek .jcarousel-next-horizontal {
    position: absolute;
    top: 0;
    right: -40px;
    width: 40px;
    height: 226px;
    cursor: pointer;
    line-height: 75px;
    text-align: center;
    font-size: 36px;
    color: #999;
}

.jcarousel-skin-folktek .jcarousel-prev-horizontal {
    left: -40px;
    right: auto;
}

.jcarousel-skin-folktek .jcarousel-next-horizontal:hover,
.jcarousel-skin-folktek .jcarousel-prev-horizontal:hover {
    color: #C8B679;
}

.jcarousel-skin-folktek .jcarousel-next-horizontal:after {
    content: "> > >";
}

.jcarousel-skin-folktek .jcarousel-prev-horizontal:before {
    content: "< < <";
}

.jcarousel-skin-folktek .jcarousel-next-disabled-horizontal,
.jcarousel-skin-folktek .jcarousel-next-disabled-horizontal:hover,
.jcarousel-skin-folktek .jcarousel-next-disabled-horizontal:active,
.jcarousel-skin-folktek .jcarousel-prev-disabled-horizontal,
.jcarousel-skin-folktek .jcarousel-prev-disabled-horizontal:hover,
.jcarousel-skin-folktek .jcarousel-prev-disabled-horizontal:active {
    cursor: default;
	color: #333;
}

.jcarousel-skin-folktek li .date, 
.jcarousel-skin-folktek li .kind, 
.jcarousel-skin-folktek li .name { 
    margin: 5px 0 0 0;
}

.jcarousel-skin-folktek li .kind { 
    text-transform: uppercase;
}

.jcarousel-skin-folktek li .name { 
    font-style: italic;
}