/*
 Default CSS for Rudysmusic
*/

/* =Globals (overrides some values on tripoli.base) */
html {

font-family: "Helvetica Neue", helvetica, "microsoft sans serif", arial, "Free Sans", sans-serif;
}

abbr, acronym {

text-transform: none; font-size: 100%; border-style: dashed;
}

abbr {

letter-spacing: normal;
}

.content *[lang]{

font-style:italic;
} 

.vcard abbr {

border:none; cursor:text;
}

.no-css-helper, .structural {

position: absolute;
left: -30000px;
}

legend.no-css-helper {

display: none;
}

i {

font-style: italic;
}

.vevent abbr {

border: none !important;cursor: text;
}

blockquote > *:first-child:before, blockquote > *:last-child:after /* Tripoli bonus: pure CSS blockquote */ {

content:"\201C";
font-size:3.5em;
margin-left:-.5em;
font-family:georgia,serif;
padding-right:.1em;
color:#e0e0e0;
line-height:0;
vertical-align:text-bottom;
}

blockquote > *:last-child:after {

margin-left:0; content: "\201D";
}

.content p+ul,
.content p+ol,
.content p+dl {

margin-top:-.8em;
}
.content blockquote {

 padding-left:2.2em;
 }
 
.content fieldset {

padding: 1em;
}

input[type='text'],input[type='password'],textarea {

font-family:Arial,sans-serif;
}

/* extras */
/* jQuery.scrollTo essential styles */

.js .scrolled-panel {

position:relative;
height:100%; /* fixes position of absolute positioned elements on IE6 */
}
.scroll-view {

overflow:auto;
}
.js .scroll-view {

overflow:hidden;
}
.scroll-next,
.scroll-prev {

display:block;
position:absolute;
background-color:transparent;
background-repeat:no-repeat;
background-position:0 0;
cursor:pointer;
text-indent:-9999px;
outline: none;
}

/* =enlaces */

a:link, a:visited, a:hover, a:active, a:focus {
 
text-decoration: none; 
border-bottom: 1px dotted;
outline: none;
}

a:hover {

border-bottom-style:solid;
}

a:link, .content a:link {

color: #1c1c76; 
}

a:visited, .content a:visited {

color: #393733;
}
a:hover, .content a:hover {

color: #c33;
}

a:active, a:focus,
.content a:active, .content a:focus {

color: #666;
border: none;
}

.content a {

padding-top: 0.1em; font-weight: bold; /* for larger click-area */
} 

/* =titles */

h1, h2, h3, h4, h5, h6 {}

.content {

font-size: 12px;
}

/* =Structure */

html, body {

background: #463627 url(/images/bg-body.jpg) repeat-x 0 0;
}

#container {

margin: 0 auto;
background: #463627 url(/images/bg-body.jpg) repeat-x 0 0;
}

#wrapper {

padding-top: 40px;
height: 631px;
padding: 40px 65px 0;
margin: 0 auto;
width: 27500px;
}

.js #wrapper {

padding-top: 0;
}
#content {

height: 552px;
width: 27500px;
overflow: hidden;
}

.menu {

width: 178px;
height: 100%;
float: left;
color: #fff;
font-size: 12px;
position: relative;
overflow: hidden;
text-transform: lowercase;
background: transparent url(/images/sombra-de-abajo.png) repeat-x scroll 0 548px;
}

#main {

height: 100%;
float: left;
}

#footer {

margin-top: 20px; 
padding-left: 25px;
}

/* =Nav */

.menu .scroll-elements {

width: 1780px;
height: 100%;
}

.menu .nav {

list-style: none;
position: relative;
height: 548px;
width: 178px;
float: left;
background-color: #000;
}

#nav-2 .nav {

float: left;
}

.menu .nav ul {

list-style: none;
position: absolute;
bottom: 25px;
left: 0;
margin-right: 5px;
}

.menu a:link, 
.menu a:visited {

color: #fff;
border-bottom: none;
font-weight: normal;
}

.menu a:hover, 
.menu a:focus, 
.menu a:active {

color: #999;
border-bottom: none;
}

.secMerchandise, 
.secRepairShop {

margin-bottom: 15px;
}
.back-to-main-nav {

margin-top: 15px;
}

/* =Panel */

.panel {

float: left;
margin-right: 60px;
height: 552px;
background: transparent url(/images/sombra-lateral.png) no-repeat scroll 100% 0;
padding-right: 4px;
display: inline; /* IE6 double margin bug fix */
}

.last-panel,
.last-article-panel,
.last-product-panel {

margin-right: 0 !important;
background: none !important;
padding-right: 0 !important;
}

.panel-column {

float: left;
height: 552px;
background: transparent url(/images/sombra-de-abajo.png) repeat-x scroll 0 548px;
display: inline; /* IE6 double margin bug fix */
}

.image-column {

position:relative;
}

.text-column {

width: 248px;
}
.panel-text {

height: 466px;
width: 248px;
padding-top: 55px;
padding-bottom: 27px;
background: #C1AD8A url(/images/bg-article.png) repeat-x 0 100%;
font-size: 11px;
line-height: 1.5;
overflow: auto;
/* following properties solidify IE6 rendering */
float: left;
display: inline; /* IE6 double margin bug fix */
}

.panel-text > * {

padding-left: 20px;
padding-right: 20px;
}

.panel-image {

height: 548px;
overflow: hidden;
background: transparent url(/images/bg-article.png) repeat-x 0 0;
/* following properties solidify IE6 rendering */
float: left;
display: inline; /* IE6 double margin bug fix */
}

.panel-text h2,
.panel-text h3,
.panel-text h4,
.panel-text h5,
.panel-text h6 {

font-size: 12px;
color: #735944;
margin-top: 0;
}

.panel-text h2 span,
.panel-text h3 span,
.panel-text h4 span,
.panel-text h5 span,
.panel-text h6 span {

font-size: 11px;
display: block;
font-weight: normal;
color: #4d4133;
}

/* =Images */

#main .image-column a, 
#main .product-extra-images a {

display: block;
border-bottom: none;
padding-top: 0;
}

/* =.photo-gallery, .news */

.photo-panel {

margin-right: 0;
}

.image-caption {

position: absolute;
z-index: 1000;
background-color: #a89c86;
line-height: 20px;
opacity: .9;
bottom: 4px;
left: 0;
padding: 0 15px;
}

.image-caption * {


margin: 0 !important;
}


/* =.panel-scroller */

.panel-scroller {

float: left;
width:60px;
height: 552px;
line-height: 552px;
text-align: center;
font-size: 16px;
overflow: hidden;
}

#main .panel-scroller .arrow {

color: #aaa;
border-bottom: none;
display: block;
width: 30px;
float: left;
background: transparent url(/images/arrows.png) no-repeat 15px 50%;
text-indent: -30000px;
}

#main .panel-scroller .left-arrow {

float: right;
background-position: -15px 50%;
}

#footer a {

border-bottom: none !important;
display:block;
width:310px;
height:54px;
padding: 0;
}