/*
 *
 *  MUSIKAZBLAI.COM
 *  Hojas de Estilo.
 *  (c) 2006, ITEISA - www.iteisa.com
 *
 *  Subdomain-wide styles
 *
**/

@import url(/css/musikazblai_homepage.css?update=200801251130);
@import url(/css/musikazblai_portalhome.css?update=200801251130);
@import url(/css/musikazblai_calendar.css?update=200801251130);
@import url(/css/musikazblai_users.css?update=200801251130);
@import url(/css/musikazblai_ads.css?update=200801251130);

html, body {
  background: #fff;
}

body {
  font-size: 0.725em;
}

body#flash div {
  text-align: center;
  margin-top: 25%;
}

body#flash a {
  font-size: 2em;
  font-weight: bold;
}

div#container {
  background: url(/img/background.gif) #f5fbf1 repeat-x !important;
}

body.eu div#container { background: url(/img/eu_background.gif) #f5fbf1 repeat-x !important; }
body.gl div#container { background: url(/img/gl_background.gif) #f5fbf1 repeat-x !important; }
body.ca div#container { background: url(/img/ca_background.gif) #f5fbf1 repeat-x !important; }

#header,
#body {
  background: #fff;
}

h1 a {
  background: url(/img/logo.gif) no-repeat;
  display: block;
  width: 320px;
  height: 60px;
}

h1 span {
  display: none;
}

h2 {
  font-size: 2em;
  text-align: center;
  line-height: 2em;
}

h3 {
  line-height: 1.75em;
  padding: 0;
  margin: 2em 0 1em 0;
  padding: 0;
  color: #fc5323;
}

h3.up {
  margin-top: 0;
}

h3 span {
  font-size: 1.5em;
}

div#content h3,
h4 {
  background: none;
  color: #000;
  padding: 0;
  border-bottom: 1px solid #888;
}

/*div#secondary h3,
div#extra h3 {
  padding: 0 0.5em;
  background: url(/img/background_headings.gif) repeat-x;
  color: #fff;
}*/

div#secondary h3 span,
div#extra h3 span {
  font-size: 1.25em;
}

h4 span {
  font-size: 1.25em;
}

li sup {
  color: #666;
  cursor: help; /* A tooltip is displayed on mouse over */
}

li a.active {
  text-decoration: none;
  color: #000;
  font-weight: bold;
}

dl dt {
  font-weight: bold;
}

dl dd {
  margin-bottom: 1em;
}

dl.inline dt {
  float: left;
  width: 25%;
  text-align: right;
  margin-right: 5%;
  clear: both;
}

dl.inline dd {
  float: left;
  width: 70%;
}

p {
  margin-bottom: 1em;
}

a img {
  border: none;
}

q {
  font-style: italic;
  quotes: '«' '»'; 
}

blockquote {
  font-style: italic;
  margin-bottom: 1em;
}

a.login {
  background: url(/img/ico_login.gif) no-repeat 0 3px;
  padding-left: 18px;
}

a.logout {
  background: url(/img/ico_logout.gif) no-repeat 0 2px;
  padding-left: 16px;
}

a.signin {
  background: url(/img/ico_signin.gif) no-repeat 0 1px;
  padding-left: 14px;
}

a.profile {
  background: url(/img/ico_profile.gif) no-repeat 0 1px;
  padding-left: 16px;
}

a.asc {
  background: url(/img/ico_ascending.gif) no-repeat right 6px;
  padding-right: 16px;
}

a.desc {
  background: url(/img/ico_descending.gif) no-repeat right 6px;
  padding-right: 16px;
}

div#go_to_top {
  width: 100%;
  clear: both;
  text-align: center;
  padding: 2em 0;
}

a.js_scroll_up {
  background: url(/img/ico_ascending.gif) no-repeat right 6px;
  padding-right: 16px;
}

img.avatar {
  border: 1px solid #eee;
}

div#body ul {
  margin: 0 0 1em 1em;
  list-style-image: url(/img/ico_bullet_black.gif); 
}

div#body ul.raw {
  list-style-image: none;
  margin-left: 0;
}

div#body ul.inline {
  margin: 0;
}

.side {
  float: right;
}

.odd {
  background: #f3faea;
}

.whitespace {
  white-space: pre;
}

div.summary {
  float: right;
  line-height: 1.75em;
  margin-top: -2.75em;
}

div.summary span {
  font-size: 0.85em;
  color: #777;
}

div#title {
  background: #fc5323 url(/img/background_title.gif) repeat-x;
  color: #fff;
}

div#session a {
  margin: 0 0.5em;
}

div#primary ol {
  list-style-type: decimal;
  list-style-position: outside;
  margin-left: 3em;
}

div#content {
  position: relative; /* For the rounded corners thingy */
  overflow: hidden;
  padding: 1em;
  margin-bottom: 1em;
  background: #f3faea url(/img/background_content.gif) repeat-x;
}

div#content ul.column {
  float: left;
  width: 48%;
  margin: 0 1% 1em 1%;
  line-height: 1.5em;
}

div#content ul.column li {
  margin-left: 0;
}

div#content li span,
div#secondary li span {
  font-weight: bold;
}

div.translation_hint {
  height: 15em;
  overflow: auto;
}

div.lastComments p {
  font-size: 0.95em;
}

div.lyrics div {
  font-family: Monospace, Verdana, Arial;
  font-size: 1.15em;
}

div#footer_menu a,
div.tagcloud a,
ul.tabs a {
  text-decoration: none;
}

div#footer_menu a:hover,
div.tagcloud a:hover {
  text-decoration: underline;
}


/*
 * Tables
 *
 */

table {
  width: 100%;
  margin-bottom: 1em;
  border-collapse: collapse;
  border:4px double #cce9f1;
}

table caption {
  font-weight: bold;
  font-size: 1.25em;
  padding: 1em 0;
}

table caption span {
  font-weight: normal;
  display: block;
  font-size: 0.85em;
}

table th {
  font-weight: bold;
  text-align: center;
  padding: 0.75em 0;
  background: #cce9f1;
  font-size: 1.25em;
}

table th.narrow {
  width: 15%;
}

table td {
  padding: 0.35em 0.5em;
}

table td img {
 vertical-align: middle; 
}

table td.numeric {
  text-align: center;
}

div#primary table tbody tr:hover td {
/* #primary: We want this not to mess with .calendar */
  background: #fbe8c6;
}


/*
 * Autocompletion
 *
 */

div.autocomplete {
  z-index: 10000;
  position: absolute;
  overflow: hidden;
  background: #fff;
  color: #000;
  border: 1px solid #999;
  text-align: left;
}

div#container div.autocomplete ul { /* Extra #id beacause higher CSS specificity is needed here */
  list-style-image: none;
  margin: 0;
}

div#container div.autocomplete ul li {
  padding: 0.25em 0.25em;
  border-bottom: 1px solid #eee;
  white-space: nowrap;
  line-height: 1em;
  overflow: hidden;
}

div#container div.autocomplete ul li span { /* Extra #id beacause higher CSS specificity is needed here */
  display: block;
  color: #888;
  font-size: 0.75em;
  line-height: 1em;
  padding: 0;
  margin: 0.25em 0 0 0.5em;
  font-weight: normal;
}

div.autocomplete ul li.selected {
  background: #04a;
  color: #fff;
}

div#container div.autocomplete ul li.selected span { /* Extra #id beacause higher CSS specificity is needed here */
  color: #bbb;
}


/*
 * Warning messages
 *
 */

div.message {
  font-size: 1.5em;
  font-weight: bold;
  padding: 0.25em 1% 0.25em 30px;
  margin: 1em 0;
  background: #fff7c0 url(/img/ico_warning.png) 0.5em 0.5em no-repeat;
  border: 1px dotted #e5e5e5;
}

div.message.light {
  font-size: 0.95em;
  padding: 0.5em 1% 0.25em 30px;
  font-weight: normal;
}


/*
 * Languages
 *
 */

/*div#languages ul {
  float: left;
  margin-right: 0.5em;
}

div#languages ul li {
  margin-right: 0.2em;
}

div#languages ul li img {
  border: none;
  position: relative;
  margin-top: 0.35em;
}*/


/*
 * Tabs
 *
 */

ul.tabs {
  line-height: 1.5em;
}

ul.tabs li {
  margin: 0 0.25em 0 0;
}

ul.tabs li span,
ul.tabs li a {
  padding: 0.25em 1em;
  border-top: 1px solid #ccc;
  border-left: 1px solid #ddd;
  border-right: 1px solid #ddd;
  background: #fffadb url(/img/background_active_widget.gif) repeat-x;
}

ul.tabs li a:hover,
ul.tabs li a.active {
  background: #dbefc4;
}

ul.tabs li span {
  font-weight: bold;
}


/*
 * Audio player
 *
 */

div#audio_player {
  text-align: center;
  padding: 0.5em 0;
}

div#audio_player object {
  display: inline;
}

div#audio_player p {
  display: inline;
  position: relative;
  top: -5px;
}


/*
 * Topline
 *
 */

div#topline {
  position: relative;
  background: #cce9f1;
  line-height: 2em;
  border-bottom: 1px solid #888;
}

div#topline div span {
  font-size: 0.95em;
  padding: 0.25em 0;
}

div#topline input.submit {
  padding: 0 0.75em;
}

div#topline form input#search_query {
  width: 20em;
}


/*
 * Contribute box.
 * I don't like this.
 */

div#contribute {
  width: 174px;
  height: 152px;
  background: url(/img/background_contribute.png) repeat-x;
}

div#contribute h3 {
  display: none;
}

div#body div#contribute ul {
  padding: 2em 0 0 0;
  list-style-image: url(/img/ico_arrow.png);
}

div#contribute ul li a {
  color: #fff;
}


/*
 * Comments
 *
 */

div#comments dl dt {
  clear: left;
  float: left;
  width: 10em;
  font-size: 0.95em;
}

div#comments dl dt span {
  font-weight: normal;
  font-size: 0.85em;
  color: #999;
}

div#comments dl dt strong {
  margin-top: 1em;
  display: block;
}

div#comments dd {
  position: relative; /* For the rounded corners thingy */ 
  overflow: auto;
  line-height: 1.5em;
  padding: 0.75em 1em;
  background: #fbe8c6 url(/img/background_comments.gif) repeat-x;
}

div#comments dl dt a img.avatar {
  clear: left;
  float: left;
  margin-top: 0.5em;
}

div#comments dl dd div.post-meta {
  text-align: right;
  margin-bottom: 0.5em;
  line-height: 1.15em;
  border-bottom: 1px solid #ccc;
}

div#comments dl dd div.post-meta span {
  font-size: 0.85em;
}

div#comments div.post-rating {
  float: left;
}

div#comments div.post-rating img {
  margin-right: 0.5em;
}

div#comments div.post-rating img.js_vote_comment {
  cursor: pointer;
}

div#comments span.post-negative {
  color: #666;
}

div#comments div.post-censored {
  font-style: italic;
  font-size: 0.9em;
  color: #666;
}


/*
 * Page footer
 *
 */

div#portal_metadata {
  padding: 1em 0;
  background: #f5f7ff;
  background: #f0f0f2;
  color: #666;
}

div#portal_metadata h1 {
  font-size: 2em;
  text-align: center;
  line-height: 2em;
}

div#portal_metadata p {
  text-align: justify;
  padding: 0 3.5em;
  line-height: 1.25em;
  -moz-column-count: 2; /* CSS3 */
  -moz-column-gap: 3em; /* CSS3 */
}

div#portal_metadata p strong {
  font-weight: normal;
}

div#footer {
  position: relative; /* For the rounded corners thingy */
  background: #3b5b92;
}

div#footer a,
div#footer span,
div#footer p {
  color: #fff;
line-height: 1.5em;
}

div#footer span {
  font-size: 1.25em;
  font-weight: bold;
}

div#footer div#label ul li,
div#footer div#footer_menu ul li {
  font-size: 1.25em;
  margin-left: 0.75em;
}

div#footer div#footer_menu,
div#footer div#labels {
  float: right;
  width: 50%;
  text-align: right;
}


/*
 * Header menu
 *
 */

div#header_menu {
  text-align: right;
}

div#header_menu li {
  margin: 0 0 0 0.25em;
}

div#header_menu a.active,
div#header_menu a:hover {
  background: #fd923f;
  color: #fff;
}


/*
 * Info pages (those with lots of text)
 *
 */

div#primary.info p,
div#primary.info li {
  font-family: "Verdana", "Helvetica", "Arial", sans-serif;
  line-height: 1.5em;
}

div#primary.info ul,
div#primary.info ol {
  list-style-position: outside;
  margin: 1em 0 1em 2em;
}



/*
 * Pagination
 *
 */

ul.pagination,
div.nav { /* bbpress */
  text-align: right;
  margin-bottom: 1em;
}

ul.pagination li {
  margin-left: 0.5em;
}

div.nav a { /* bbpress */
  display: inline;
  margin-left: 0.5em;
}

ul.pagination span.active,
div.nav span {  /* bbpress */
  font-weight: bold;
  padding: 0.25em;
}


/*
 * Extra column
 *
 */

ul.lastUsers li {
  line-height: 40px;
}

ul.lastUsers a img {
  vertical-align: middle;
  margin-right: 0.5em;
}


/*
 * Photo galleries
 *
 */

ul.gallery {
  width: 100%;
  float: left;
}

ul.gallery li {
  float: left;
}

div#secondary ul.gallery li {
  text-align: center;
  width: 100%;
  margin-bottom: 1em;
}

div#secondary ul.gallery li div.photo {
  width: 150px;
  margin: auto;
}

ul.gallery div.photo {
  margin: auto 0.25em;
}

ul.gallery div.photo.small {
  padding: 0.25em;
}

div.photo {
  padding: 0.5em;
  border: 1px solid #999;
  background: #fff;
}

div.photo a {
  display: block;
  overflow: hidden;
  text-align: right;
}

div.photo a img {
  display: block;
  margin-bottom: 0.25em;
  border: 1px solid #888;
}

div.photo.changeable {
  position: relative;
}

div.photo.changeable img#throbbler {
  position: absolute;
  top: 45%;
  left: 110px;
  border: none;
}


/*
 * Search results
 *
 */

div.search_results ol li {
  margin-top: 1em;
}

div.search_results ol li div.result_title {
  font-size: 1.25em;
  margin-bottom: 0.25em;
}


/*
 * Ajax loading box
 *
 */

div#loading {
  position: fixed;
  bottom: 0;
  left: 0;
  width: 100%;
  background: #ffc;
  text-align: center;
  height: 3em;
  border-top: 1px solid #ccc;
}

div#loading p {
  padding: 0.5em 0;
  font-weight: bold;
  font-size: 1.25em;
}

div#loading p img {
  margin-right: 0.5em;
  position: relative;
  top: 0.15em;
}


/*
 * Rating star bar
 *
 */

div.rating {
  background-color: #fff;
  display: block;
  margin-bottom: 1.5em;
  padding: 0.25em 2.5%;
  width: 95%;
  float: left;
  border: 1px solid #bbb;
}

div#body div.rating { /* Extra #id beacause higher CSS specificity is needed here */
  font-family: "Arial", sans-serif;
  font-size: 1em;
  line-height: 1.5em;
}

div.rating span {
  float: left;
  margin-right: 0.5em;
  font-weight: bold;
}

ol.rating-bar {
  float: left;
  border: 1px solid #fff;
}

ol.rating-bar li {
  list-style: none;
  position: relative;
  padding: 0;
}

ol.rating-bar li.rating-vote {
  position: absolute;
  float: left;
  height: 14px;
  width: 14px;
}

ol.rating-bar li.hack-ie-hover {
  cursor: pointer;
  background: url(/img/rating.gif) repeat-x 0 -15px;
}

ol.rating-bar li.rating-one-star   { width: 014px; z-index: 125; }
ol.rating-bar li.rating-two-star   { width: 028px; z-index: 100; }
ol.rating-bar li.rating-three-star { width: 042px; z-index: 075; }
ol.rating-bar li.rating-four-star  { width: 056px; z-index: 050; }
ol.rating-bar li.rating-five-star  { width: 070px; z-index: 025; }


div#body ol.rating-bar { /* Extra #id beacause higher CSS specificity is needed here */
  margin: 0;
  margin-right: 1em;
  width: 70px;
  height: 14px;
  background: #fff url(/img/rating.gif) repeat-x 0 -45px;
}

ol.rating-voted {
  background: #fff url(/img/rating.gif) repeat-x 0 0px;
}

ol.rating-you-voted li {
  height: 100%;
  background: #fff url(/img/rating.gif) repeat-x 0 -15px;
}

ol.rating-voted li {
  height: 100%;
  background: #fff url(/img/rating.gif) repeat-x 0 -30px;
}


/*
 * Songvotes
 *
 */

div.songvotes ul li {
  position: relative; /* I am not a fan of this... */
  clear: both;
}

div.songvotes ol.rating-bar  {
  position: absolute;
  left: 1em;
  top: 0;
}

div.songvotes ul li span { /* Actually... I hate this! */
  position: absolute;
  left: 96px;
}



/*
 * Frequently asked questions
 *
 */

div.faq div:target {
  background: #f2f2f2;
  border: 1px solid #bbb;
  padding: 1em;
  float: left;
  margin-bottom: 1em;
}

div.faq div:target h3 {
  margin-top: 0em;
}

div.faq div:target .js_scroll_up {
  display: inline;
  float: right;
}









div.songvotes ul li {
  clear: left;
}


a.external {
  padding-right: 1.5em;
  background-image: url(/img/ico_external.gif);
  background-repeat: no-repeat;
  background-position: right;
}

div.message a.js_hide_reference_firefox {
  font-weight: normal;
  line-height: 1em;
  text-decoration: none;
}

div.message a.js_hide_reference_firefox:hover {
  text-decoration: underline;
}

div.message a.js_hide_reference_firefox span {
  font-size: 0.5em;
}

div.upload-control span.hint {
  clear: left;
  display: block;
  margin: -1em 0 0 0.75em;
  color: #666;
  font-size: 0.85em;
}

div.fakeLabel div.upload-control {
  margin-left: 28%;
  margin-top: -1em;
  position: relative;
}

div#upload-files {
  margin-left: 0.75em;
}

div#upload-files span {
  float: none;
}

div#upload-container iframe {
  width: 100%;
  height: 3.5em;
}