/*
Design by Free CSS Templates
http://www.freecsstemplates.org
Released for free under a Creative Commons Attribution 2.5 License
*/

* {
    margin: 0;
    padding: 0;
}

body {
    background: #FFFFFF url(../images/img01.gif) repeat-x;
    font: normal medium "Trebuchet MS", Arial, Helvetica, sans-serif;
    color: #666666;
}

a img {
    border: 0;
}

h1, h2, h3 {
    color: #586BAA;
}

small.page-title {
}

h2 {
}

h3 {
}

p, blockquote, ul, ol {
}

p {
}

blockquote {
    margin-left: 3em;
}

ul {
    margin-left: 3em;
}

ul li {
}

ol {
    margin-left: 3em;
}

ol li {
}

a {
    color: #586BAA;
}

a:hover {
    text-decoration: none;
}

img {
}

p.info
{
    font-style: italic;
    padding: 1em 2em;
    margin: 1em 0;
    border-top: 2px solid #E4E4E4;
    border-bottom: 2px solid #E4E4E4;
}

/* Boxed Style */

.boxed {
    margin-bottom: 20px;
}


.boxed .title {
    background:#6FBE6E url(../images/img05.gif) repeat-x scroll 50%;
    color:#CC0000;
    font-size:1.2em;
    padding:0.2em 0.5em 0.2em 0.5em;
}

#extrabar .boxed .title
{
    text-align: right;
}

/*.boxed .title {
height: 31px;
padding: 9px 0 0 20px;
background: #6FBE6E url(../images/img05.gif) repeat-x;
font-size: 1.2em;
color: #CC0000;
}*/

.boxed .content {
    text-align: center;
    padding-top: 10px;
    padding-bottom: 10px;
    background: url(../images/img06.gif) repeat-x;
}
.boxed .content *{
    margin-left: 0;
    margin-right: 0;
}



/* Post */

.post {
}

.post .title {
    padding: 5px 0 0 20px;
    font-size: x-large;
    font-weight: normal;
}

.post .title .extra {
    font-size: small;
    
}

.post .title .extra * {
    display: inline;
    font-size: small;
}

.post .date {
}

.post .date .month {
}

.post .date .day {
}

.post .date .year {
}

.post .meta {
}

.post .meta p {
}

.post .story {
    padding: 0px 20px 10px 20px;
    background: url(../images/img07.gif) repeat-x;
}

.post .story .image {
    /*float: right;*/
    margin-left: 10px;
    display: block;
    vertical-align: top;
}

.post h3 {
}

.post .story p, .post .story blockquote, .post .story ul, .post .story ol {
    margin-bottom: 1.5em;
    line-height: 180%;
}

.post .story .images img
{
    vertical-align: middle;
}

.post .story .images span
{
    display: table-cell;
    display: inline-block;
    text-align: center;
}

/* Lists */

.list {
    margin-top: 15px;
}

.list .list-item {
    /*background-color: #f6f9fe;*/
    margin-top: 5px;
    list-style: circle;
    padding: 0;
    font-size: medium;
    font-weight: normal;
}

.list .list-item .options {
    margin-left: 10px;
    font-size: smaller; 
}

.list .list-item .options * {
    display: inline;
}

.list .list-item .options input {
    font-size: smaller;
}

#admin .content #admin-list, #genres .content #genres-list{
    list-style: none;
}

/* Header */

#header {
    width: 740px;
    height: 1500px;
    margin: 0 auto;
}

/* Menu */

#menu {
    width: 740px;
    height: 90px;
    margin: 0 auto;
}

#menu ul {
    margin: 0;
    padding-top: 25px;
    list-style: none;
}

#menu li {
    display: inline;
}

#menu a {
    display: block;
    float: left;
    height: 32px;
    margin-left: 1px;
    padding: 13px 25px 0 25px;
    background: #FFFFFF url(../images/img02.gif) repeat-x;
    text-align: center;
    text-decoration: none;
    font-weight: bold;
    color: #586BAA;
}

#menu a:hover {
    background-image: url(../images/img03.gif);
    border-color: #FEDA8D;
    color: #CC0000;
}

#menu .active a {
    height: 36px;
    margin-top: -4px;
    background-image: url(../images/img04.gif);
    border: 1px solid #479AC6;
    border-bottom: none;
    font-weight: bold;
    color: #479AC6;
}

/* Logo */

#logo {
    /*	width: 740px;*/
    height: 100px;
    margin: 10px auto 10px 9px;
}

#logo h1 {
    display: inline;
    letter-spacing: -2px;
    font-size: 36px;
    font-weight: normal;
}

#logo h1 a {
}

#logo h2 {
    display: inline;
    font-size: 14px;
    font-weight: normal;
    margin-left: .5em;
    letter-spacing: 3px;
}

#logo a, #logo h2 {
    text-decoration: none;
    text-transform: lowercase;
    font-style: italic;
    color: #479AC6;
}

/* Content */

#content {
    width: 100%;
    margin: 0 auto;
}

#extra {
}

/* Content > Main */

#main {
    margin-right: 14em;
    margin-left: 14em;
    min-width: 20em;
}

#main a {
}

#main-rel {
    position: relative;
}

/* Content > Extrabar */

#extrabar {
    float: right;
    width: 13em;
}

/* Content > Sidebar */

#sidebar {
    float: left;
    width: 13em;
}

#sidebar a {
}

/* Content > Sidebar > Login */

#login {
    
}

#login form {
    text-align: center;
}

#login fieldset {
    border: none;
}

#login legend {
    display: none;
}

#login label {
    font-size: small;
    font-weight: bold;
    display: block;
}

#login input {
    margin: 0.2em auto;
    display: block;
}

#inputtext1, #inputtext2 {
    width: 170px;
    padding: 2px;
    font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
    color: #666666;
}

#inputsubmit1 {
}

/* Content > Sidebar > Updates*/

#updates {
}

#updates ul {
    margin: 0;
    list-style: none;
}

#updates h3 {
    margin: 0;
    font: bold small Verdana, Arial, Helvetica, sans-serif;
}

#updates p {
    margin-bottom: 1.4em;
    font-size: smaller;
    line-height: normal;
}

/* Content > Sidebar > Partners*/

#partners {
}

#partners .content {
    padding: 10px 0;
}

#partners ul {
    margin: 0;
    border-bottom: 1px solid #D1BC5C;
    list-style: none;
    line-height: normal;
}

#partners li {
    padding: 10px;
    border-top: 1px solid #D1BC5C;
}

/* Footer */

#footer {
    clear: both;
    
    margin: 0 auto;
    padding: 30px 0;
    background: url(../images/img08.gif) repeat-x;
}

#footer p {
    margin: 0;
    text-align: center;
    font-size: small;
}

/* Footer > Legal */

#legal {
}

/* Footer > Links */

#links {
}


/* Extra Ruby on Rails Stuff */
.fieldWithErrors {
    display: inline;
    border: 2px solid orange;
}

#notice {
    display: block;
    background-color: #fffc94;
    border: 1px dashed darkgray;
    margin: 10px 10px;
    padding: 5px 5px;
}

#error {
    display: block;
    background-color: #ffe1d9;
    border: 1px dashed darkgray;
    margin: 10px 10px;
    padding: 5px 5px;
}

/* Formulario */

form#new-form {
    
}
form#new-form p {
    border: 1px dashed #e4e4e4;
    padding: 5px;
    margin: 2px;
}

.add-tracks, .search-box, .login-form {
    display: block;
    background-color: #fbfcfd;
    border: 1px dashed darkgray;
    margin: 10px 10px;
    padding: 5px 5px;
}

.add-tracks .button-to {
    text-align: right;
}

.add-tracks .button-to input {
    font-size: large;
}

/* Artist */

.artist {
    
}

.artist .name .extra, .artist .name .extra input {
    font-size: small;
    font-weight: normal;
}

.artist .name .extra *{
    display: inline;
}

.artist .content {
    background: url(../images/img07.gif) repeat-x;
}

.artist .content .image {
    position: relative;
    float: right;
    margin-left: 10px;
}

.artist .content .image img {
    border: 2px ridge black;
}

.artist .content .genre {
    font-variant: small-caps;
}

.artist .content .bio {
    margin: 10px;
    padding: 10px;
    /*    background: url(../images/semitrans.png);*/
    background: white;
    border-bottom: 4px solid #e4e4e4;
    border-right: 4px solid #e4e4e4;
    border-top: 2px solid #e4e4e4;
    border-left: 2px solid #e4e4e4;
    text-align: justify;
}

.artist .content .bio:first-letter {
    font-size: 2em;
}

.artist .content .albums {
    /*  clear: both;*/
    margin-top: 20px;
}

/* Album y Video */

.album, .video {
    
}

.album .title .extra, .album .title .extra input,
.video .title .extra, .video .title .extra input{
    font-size: small;
    font-weight: normal;
}

.album .title .extra *,
.video .title .extra *{
    display: inline;
}

.album .title .sacd {
    color: #ff3b00;
}

.album .content,
.video .content {
    background: url(../images/img07.gif) repeat-x;
}

.album .content .image,
.video .content .image {
    position: relative;
    float: right;
    margin-left: 10px;
}

.album .content .image img,
.video .content .image img {
    border: 2px ridge darkgray;
}

.album .content .price, .album .content .price img,
.video .content .price, .video .content .price img {
    vertical-align: middle;
    
}

.album .content .price .old,
.video .content .price .old {
    text-decoration: line-through;
}

.album .content .price .reduced,
.video .content .price .reduced {
    font-weight: bold;
    color: #ff3b00;
}

.album .content .price .normal,
.video .content .price .normal {
    font-weight: bold;
}

.album .content .description,
.video .content .description{
    margin: 10px;
    padding: 10px;
    background: white;
    border-bottom: 4px solid #e4e4e4;
    border-right: 4px solid #e4e4e4;
    text-align: justify;
}

.album .content .description:first-letter,
.video .content .description:first-letter {
    font-size: 2em;
}


.album .content .tracklists,
.video .content .tracklists {
    /*  clear: both;*/
    padding-left: 10px;
}

.album .content .tracklists ol,
.video .content .tracklists ol {
    /*display: table;
    width: 80%; */
}

.album .content .tracklists ol li,
.video .content .tracklists ol li {
    /*cursor: move;*/
    /*  position: relative;*/
    padding-right: 20px;  
}
.album .content .tracklists ol li .track-title {
}

.album .content .tracklists ol li .extra, 
.video .content .tracklists ol li .extra {
    display: inline;
    position: absolute;
    right: 0;
}

.album .content .tracklists ol li .extra *,
.video .content .tracklists ol li .extra * {
    display: inline;
}
.album .content .tracklists ol li input,
.video .content .tracklists ol li input {
    font-size: smaller;
}

.album .content .tracklists .tracklist-name,
.video .content .tracklists .tracklist-name {
    padding-top: 10px;
}

.album .content .tracklists .tracklist-name *,
.video .content .tracklists .tracklist-name * {
    display: inline;
    font-weight: normal;
}

.album .content .tracklists .tracklist-name input,
.video .content .tracklists .tracklist-name input{
    font-size: small;
}

/* Album-Box */
.pre-album-box,
.pre-video-box
{
    display: inline;
}


.album-box,
.video-box {
    /*    float: left;*/
    display: table-cell;
    display: inline-block;
    width: 168px;
    height: 230px;
    text-align: center;
    vertical-align: middle;
}

.album-box:hover,
.video-box:hover {
    background-color: #f5f5f5;
    
}

.album-box a img,
.video-box a img{
    border: 0;
}

.album-box .old,
.video-box .old {
    text-decoration: line-through;
}

.album-box .reduced,
.video-box .reduced {
    font-weight: bold;
    color: #ff3b00;
}

.album-box .normal,
.video-box .normal {
    font-weight: bold;
}

/* Album-Box On Sale */
.album-box-sale, 
.video-box-sale{
    text-align: center;
    vertical-align: middle;
}

.album-box-sale:hover,
.video-box-sale:hover {
    background-color: #f5f5f5;
    
}

.album-box-sale a img,
.video-box-sale a img{
    border: 0;
}

.album-box-sale .old,
.video-box-sale .old{
    text-decoration: line-through;
}

.album-box-sale .reduced,
.video-box-sale .reduced{
    font-weight: bold;
    color: #ff3b00;
}

.album-box-sale .normal,
.video-box-sale .normal{
    font-weight: bold;
}

/* Definition Lists */
dt {
    font-weight: bold;
}

dd {
    margin-left: 30px;
}

hr.results-separator {
    margin-top: 5px;
    margin-bottom: 5px;
    border: 1px solid #e4e4e4;
}

/* Shopping Cart */

#shopping-cart {
    /*    position: fixed;*/
    /*    right: 10px;*/
    /*    bottom: 10px;*/
    text-align: center;
    
}

#cart-notice-text {
    display: block;
    background-color: #fffc94;
    border: 1px dashed darkgray;
    width: 200px;
    padding: 5px 5px;
    z-index: 10;
    right: 220px;
    position: absolute;
}

#shopping-cart-table th {
    background-color: #ededed;
}

#shopping-cart-table .item-name {
    
}

#shopping-cart-table .totals {
    text-align: right;
    font-weight: bold;
}

#shopping-cart-table .item-0 {
    
}

#shopping-cart-table .item-1 {
    background-color: #eff7f9;
    
}

#shopping-cart-table .quantity, #shopping-cart-table .price {
    text-align: center;
}

#shopping-cart-buttons {
    text-align: right;
    margin: 5px;
    padding: 5px;
    border: 1px dashed black;
}

#shopping-cart-buttons * {
    display: inline;
}

#shopping-cart-buttons input {
    margin-left: 5px;
}

#shopping-cart-buttons #clear-button {
    color: #ed0101;
}

#shopping-cart-buttons #checkout-button {
    color: #02bc19;
    font-weight: bold;
}

table.carts-table {
    width: 95%;
}

table.carts-table th {
    background-color: #d2eafd;
    
}

table.carts-table tr.odd{
    background-color: #f4f4f4;
    
}

.status {
    padding: 10px;
}

.filling-status {
    color: gray;
}

.pending-status {
    color: orange;
}

.dispatched-status {
    color: green;
}

.urgent-status {
    color: red;
}

/* Customers */
.login-form {
    
}

/* Index */

.index-title, .section-title {
    background: #FFFFFF url(../images/img02.gif) repeat-x;
}

.index-section {
    padding: 10px 0px;
}

/* Misc */
.top-margin
{
    margin-top: 1em;
}

.top-padding {
    padding-top: 10px;
}

.clearboth {
    clear:both
}

.screenshot
{
    text-align: center;
    margin: 1em;
    padding: 1em;
    background-color: #FBFCFD;
    border: 1px solid gray;
}

/* Pagination */
.pagination-links-box {
    padding:10px 0;
    text-align: center;
}

.pagination-links {
    list-style: none;
    margin: 0;
}

.pagination-entry {
    display:inline;
    line-height: 2em;
}

.pagination-link {
    text-decoration: none;
    font-weight: bold;
    border: 1px solid #586BAA;
    margin: 0px 2px;
    padding: 3px;
}

.pagination-link:hover {
    background-color: #d2e5f1;
}

.pagination-link-disabled {
    text-decoration: none;
    font-weight: bold;
    border: 1px solid gray;
    margin: 0 2px;
    padding: 3px;
    color: #d9d9d9;
}


/* Styled Form */

div.styled-form p
{
    padding-top: 0.2em;
    padding-bottom: 0.2em;
}

div.styled-form label
{
    float: left;
    width: 9em;
    text-align: right;
    margin-right: 0.5em;
}

div.styled-form .info
{
    font-size: smaller;
    font-style: italic;
    color: #25B1FF;
    margin-left: 1em;
}

div.styled-form .submit
{
    margin-left: 9em;
}

div.styled-form fieldset
{
    border: 1px solid gray;
    background-color: #FBFCFD;
    padding: 0.5em 2em;
    margin-top: .5em;
    margin-bottom: .5em;
}

div.styled-form fieldset legend
{
    
}

/* table */

table.product-sheets
{
    width: 35em;
}

table.product-sheets th
{
    border-bottom: 1px solid black
}

table.product-sheets td *
{
    display: inline;
}

table.product-sheets th.file
{
    width: 3em;
}
table.product-sheets th.actions
{
    width: 8em;
}

table.product-sheets th.show
{
    width: 5em;
}

table.product-sheets td.actions,
table.product-sheets td.file,
table.product-sheets td.show
{
    text-align: center;
}



/* Admin options */
.admin-options, .admin-options input {
    font-size: small;
    font-weight: normal;
}

.admin-options *{
    display: inline;
}


/* Peakaboo */
/* Hides from IE5-mac \*/
* html .buggybox {height: 1%;}
/* End hide from IE5-mac */