/*======================================*
** style.css
** ------------------------------------------------------------*
** Created: 11-01-07 (dd-mm-yy)
** Author: onedollartemplates.com
** Template: Dark Splinter
**======================================*/

/*------------------------------------------------------------*
**  Global
**------------------------------------------------------------*/
body,html {
 height: 100%;
}

body {
 font-family: Tahoma, Arial, Helvetica, sans-serif;
 font-size: 76%;
 margin: 0;
 padding: 0;
 /*background: #000 url(../img/bg.jpg) repeat-x 50% 0;*/
 background: #000 url(../img/bg.jpg) no-repeat;
 text-align: center;
 color: #fff;
}

/* headers */
h2,h3,h4,h5,h6 {
 color: #ffc;
 margin: 0;
 font-weight: normal;
}

h2 {
 font-size: 2.5em;
 padding: 30px 0;
}

h3 {
 font-size: 2.1em;
 padding: 25px 0;
}

h4 {
 font-size: 1.7em;
 padding: 20px 0;
}

h5 {
 font-size: 1.4em;
 padding: 15px 0;
}

h6 {
 font-size: 1.2em;
 padding: 10px 0 0;
}

/* text */
p {
 font-size: 1.2em;
 line-height: 1.5em;
 margin: 0 0 20px;
}

acronym {
 cursor: help;
}

code {
 font-size: 1.5em !important;
 margin: 0 0 20px;
 border: 1px dashed #333;
 padding: 10px;
 display: block;
 background-color: #111;
 color: #ffc;
}

blockquote {
 font-family: Georgia, "Times New Roman", Times, serif;
 margin: 0 0 20px;
 border: 1px solid #333;
 padding: 15px 15px 0 15px;
 display: block;
 background-color: #111;
}

blockquote p {
 margin-bottom: 15px;
}

/* links */
a {
 text-decoration: none;
 color: #ffc;
}

a:hover {
 text-decoration: underline;
}

/* images */
img {
 border: 5px solid #333;
 margin: 0 10px 10px 0;
 border-radius: 3pt;
}

#logo {
 border: 0px solid #333;
 margin: 0 0px 0px 0;
 width: 240px;
}
/*a img { border: 5px solid #2F1C07; }*/
a img {
 border: 5px solid #2F2F2F;
 border-radius: 3pt;
}
/*a:hover img { border-color: #50300C; border-radius: 3pt; }*/
a:hover img {
 border-color: #505050;
 border-radius: 3pt;
}

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

/* lists */
ul,ol,dl,table,blockquote,code {
 font-size: 1.2em;
}

ul,ol,dl {
 margin: 0 0 30px;
 padding: 0 0 0 25px;
}

ul ul {
 font-size: 1em;
 margin: 0;
}

ol ol {
 font-size: 1em;
 margin: 0;
}

dl {
 padding: 0;
}

dl dt {
 font-weight: bold;
}

/* tables */
/*table { margin: 0 0 30px; border: 1px solid #333; border-radius: 3pt;}*/
table {
 margin: 0 0 30px;
 border-radius: 3pt;
}

table th,table td {
 padding: 10px;
 text-align: left;
 color: #fff;
 border-top: solid 1px #333;
}

table th {
 background-color: #222;
}

/* forms */
fieldset {
 border: 1px solid #333;
 background-color: #222;
 padding: 20px;
 margin: 30px 0;
}

fieldset legend {
 display: none;
}

fieldset form p {
 clear: both;
}

fieldset form p label {
 float: left;
 display: block;
 width: 47%;
 margin-right: 20px;
}

fieldset form p input,fieldset form p select,fieldset form p textarea {
 border: 3px solid #ccc;
 background-color: #999;
 padding: 5px;
 width: 50%;
 font-family: Tahoma, Arial, Helvetica, sans-serif;
}

fieldset form p select {
 width: 52.5%;
}

fieldset form ul.fieldlist {
 margin: 0 0 20px 46%;
 padding: 0;
 list-style-type: none;
}

fieldset form ul.fieldlist li {
 padding: 0 30px 5px 0;
 white-space: nowrap;
}

fieldset form input.btn {
 width: auto;
 border-color: #000;
 background-color: #111;
 padding: 10px;
 cursor: pointer;
 color: #ffc;
 font-weight: bold;
}

/* horizontal rule */
hr {
 border: 0;
 height: 1px;
 background-color: #333;
 color: #333;
 margin: 30px 0 0;
}

/* classes */
.left {
 float: left;
}

.right {
 float: right;
}

audio {
 width: 260px;
}

/*------------------------------------------------------------*
**  Container
**------------------------------------------------------------*/
#container {
 margin: 0 auto;
 width: 870px;
 text-align: left;
 min-height: 100%;
 height: auto !important;
 height: 100%;
}

/*------------------------------------------------------------*
**  Header
**------------------------------------------------------------*/
#header {
 position: relative;
 padding: 10px 0;
}

/* logo */
#header h1 {
 font-size: 3.2em;
 font-weight: normal;
 margin: 0;
}

#header h1 a {
 color: #ffc;
}

#header h1 a:hover {
 text-decoration: none;
}

/* if you want to replace the logo with 
an image, comment out the above logo code and
uncomment the following */
/* 
#header h1 {
  background: url(../img/logo.gif) no-repeat;
  width: [your-logo-width-here]px;
  height: [your-logo-height-here]px;  
  margin: 0;
  }  
#header h1 a {
  display: block;
  height: 100%;
  text-indent: -9999px;
  outline: none;
  }
*/

/* Search */
#header form {
 position: absolute;
 top: 45px;
 right: 0;
 margin: 0;
}

#header form p {
 margin: 0;
}

#header form input {
 padding: 11px 5px;
 font-size: 1.2em;
 background-color: #000;
 color: #ccc;
 border: 0;
 width: 225px;
}

#header form input.btn {
 width: auto;
 padding: 7px 5px;
 border: 3px solid #000;
 background-color: #333;
 line-height: 16px;
}

/*------------------------------------------------------------*
**  Navigation
**------------------------------------------------------------*/
#header ul {
 /*background-color: #2F1C07;*/
 /*background: linear-gradient(#4F3C27, #2F1C07);*/
 background: linear-gradient(#4F4f4f, #2F2F2F);
 list-style-type: none;
 margin: 10px 0 0;
 padding: 0;
 width: 100%;
 padding: 4px 0;
 border-radius: 3pt;
 /*    box-shadow: inset -1px 0 #4F3C27,
               inset 0 -1px #4F3C27;*/
 /*  border-width: -10px;
    -moz-border-image: -moz-linear-gradient(black, rgba(0, 0, 0, 0)) 1 100%; 
    border-image: linear-gradient(#000, transparent);*/
 /*    -webkit-box-shadow: 0px 0px 31px 5px rgba(0,0,0,0.75);
  -moz-box-shadow: 0px 0px 31px 5px rgba(0,0,0,0.75);*/
 /*  box-shadow: 0px 0px 10px 3px rgba(79,60,39,.75);*/
 /*box-shadow: 0px 0px 15px 3px rgba(200, 180, 128,.4);*/
 box-shadow: 0px 0px 15px 3px rgba(200, 200, 200, .4);
}

#header ul:after {
 content: ".";
 display: block;
 height: 0;
 visibility: hidden;
 clear: both;
}

#header ul li {
 float: left;
 margin: 0 30px;
 font-size: 1.2em;
}

#header ul li a {
 display: block;
 padding: 0px 13px;
}

#header ul li a.on {
 text-decoration: none;
 /*background-color: #50300C;*/
 /*background: linear-gradient(#70502C, #50300C);*/
 background: linear-gradient(#707070, #505050);
 border-radius: 13pt;
 /*    box-shadow: inset -1px 0 #70502C,
               inset 0 -1px #70502C;*/
 /*    -webkit-box-shadow: 0px 0px 31px 5px rgba(0,0,0,0.75);
  -moz-box-shadow: 0px 0px 31px 5px rgba(0,0,0,0.75);*/
 /*box-shadow: 0px 0px 3px 3px rgba(200,150,50,1);*/
 box-shadow: 0px 0px 3px 3px rgba(200, 200, 200, 1);
}

/*------------------------------------------------------------*
**  Content
**------------------------------------------------------------*/
#content {
 background-color: rgba(0, 0, 0, 0.8);
 padding: 0 10px 30px 30px;
 height: 1%;
 border-radius: 3pt;
 box-shadow: 0px 0px 15px 3px rgba(0, 0, 0, 0.8);
}

#content:after {
 content: ".";
 display: block;
 height: 0;
 visibility: hidden;
 clear: both;
}
/* the following enables you to add content 
directly into the content div for a one 
column layout while still adding the 
correct margins. */
#content * {
 margin-right: 20px;
}

#content div {
 margin-right: 0;
}

#content div * {
 margin-right: 0;
}

span,em,strong,acronym,del,label,input,select,textarea,a {
 margin: 0 !important;
}

/* left column formatting */
#content #left {
 width: 400px;
 margin-right: 40px;
 float: left;
 border-radius: 3pt;
}

/* right column formatting */
#content #right {
 float: left;
 width: 260px;
 /*background: url(../img/subnav_.jpg) repeat-x;*/
 min-height: 322px;
 margin-top: 10px;
 padding: 0 20px 20px;
 border-radius: 3pt;
 background: linear-gradient(#1f1f1f, #000);
}

* html #content #right {
 height: 322px;
}

/* generic content */
#content p.info {
 border-top: 1px solid #333;
 border-bottom: 1px solid #333;
 padding: 10px 0;
 position: relative;
 height: 1%;
}

#content p.info a.cmt {
 position: absolute;
 right: 0;
 top: 10px;
}

#content p.info a.cmt br {
 display: none;
}

#content ul.links {
 margin: 0 0 30px;
 padding: 0;
 list-style-type: none;
 font-size: 1.2em;
}

#content ul.links li {
 border-bottom: 1px solid #333;
}

#content ul.links li a {
 display: block;
 height: 1%;
 padding: 12px;
}

#content ul.links li a:hover {
 background-color: #111;
}

#content ul.images {
 margin: 0 0 20px;
 padding: 0;
 list-style-type: none;
 height: 1%;
}

#content ul.images:after {
 content: ".";
 display: block;
 height: 0;
 visibility: hidden;
 clear: both;
}

#content ul.images li {
 float: left;
 margin: 0 11px 11px 0;
}

#content a img {
 border-radius: 3pt;
 margin-top: 10px;
}

#content img {
 border-radius: 3pt;
 margin-top: 10px;
}

/*------------------------------------------------------------*
**  Footer
**------------------------------------------------------------*/
#footer {
 /*margin-top: -83px;*/
 text-align: left;
 position: relative;
 padding: 10px 0;
 color: #ACA47D;
 /*background-color: #2F1C07;*/
 /*background: linear-gradient(#4F3C27, #2F1C07);*/
 background: linear-gradient(#4F4F4F, #2F2F2F);
 margin: 10px auto;
 width: 860px;
 padding: 4px;
 border-radius: 3pt;
 /*    box-shadow: inset -1px 0 #4F3C27,
               inset 0 -1px #4F3C27;*/
 /*box-shadow: 0px 0px 5px 3px rgba(200, 180, 128,.2);*/
 box-shadow: 0px 0px 15px 3px rgba(200, 200, 200, .2);
}

#footer p {
 margin: 0;
 position: relative;
}

#footer p span {
 position: absolute;
 right: 0;
}

* html #footer p span {
 right: 30px;
}

#content #left iframe {
 width: 400px;
 height: 220px;
 margin-top: 10px;
 border-radius: 3pt;
 /*box-shadow: 0px 0px 5px 3px rgba(200, 180, 128,.2);*/
 box-shadow: 0px 0px 5px 3px rgba(200, 200, 200, .2);
}

#content #right iframe {
 width: 260px;
 height: 140px;
 margin-top: 10px;
 border-radius: 3pt;
 /*box-shadow: 0px 0px 5px 3px rgba(200, 180, 128,.2);*/
 box-shadow: 0px 0px 5px 3px rgba(200, 200, 200, .2);
}

#auction-nudge-items {
 border: solid 1px #2f2f2f;
 padding: 0 20px 10px 20px;
 border-radius: 3pt;
 margin: 0 0 20px 0;
}

#an-item-wrap table {
 border-radius: 0px;
 border-top: 1px solid #2f2f2f;
 border-bottom: none;
 border-left: none;
 border-right: none;
}

#an-ebay-logo {
 padding-left: 0px;
}

#slideshow {
 /*margin: 80px auto;*/
 position: relative;
 width: 800px;
 height: 450px;
 /*padding: 10px;*/
 box-shadow: 0 0 20px rgba(0, 0, 0, 0.4);
}

#slideshow>div {
 position: absolute;
 /*  top: 10px;
  left: 10px;
  right: 10px;
  bottom: 10px;*/
 border-radius: 3px;
}

#slideshow img {
 width: 100%;
 border-radius: 3px;
}

#pedal-list {
 
}

#pedal-list ul {
 list-style-type: none;
 margin: 0;
 padding: 0;
 width: 100%;
 border-radius: 3pt;
}

#pedal-list ul li {
 float: left;
 margin: 0;
 padding: 0;
 font-size: 1.2em;
 border-right: solid 1px #333;
}

#pedal-list ul li a {
 display: block;
 padding: 0 40px;
 margin: 0;
}

#pedal-list ul li a img {
 width: 80px;
 border-radius: 3px;
 border: none;
 padding: 0;
 margin: 0;
}

#my-reverb-wrapper {
 border: solid 1px #2f2f2f;
 border-radius: 3pt;
 float: left;
 width: 100%;
}

#reverb-logo {
 float: left;
 margin-left: 10px;
 padding-top: 10px;
 padding-right: 10px;
}

#reverb-logo a {
 border: none;
}

#reverb-logo a img {
 border: none;
 width: 100px;
 background-color: white;
}

/* Reverb.com */
.reverb-embedded-listings {
 list-style-type: none;
 float: left;
 padding: 20px 0;
 margin: 0;
}

.reverb-embedded-listing {
 /*border: 1px solid #ddd;*/
 border-radius: 3px;
 /*box-shadow: 2px 2px 1px #f9f9f9;*/
 width: 160px;
 height: auto;
 float: left;
 margin-right: 1em;
 margin-bottom: 1em;
 border-left: 1px solid #333;
}

.reverb-embedded-listing a {
 text-decoration: none;
 color: #ffc;
 border: none;
 border-radius: 3pt;
}

.reverb-embedded-listing-info {
 padding: 1em;
 height: 4em;
 float: left;
 /*position: absolute;*/
}

.reverb-embedded-listing-price {
 color: #ffc;
 font-weight: bold;
 display: block;
 margin-top: 0.5em;
}

.reverb-embedded-listing img {
 width: 80px;
 border: none;
 padding: 0 40px;
 border-radius: 3pt;
}