/* $Id:$ */

/* Clear floats after an element
------------------------------------------------------------------------------*/
.clear-block,
.clear-block .inner {
  display: block;
  height: 1%;
}

/* text rotation
------------------------------------------------------------------------------*/
.rotate-90 {
  writing-mode: tb-rl;
}
.rotate-270 {
  writing-mode: bt-rl;
}

/* Left tabs
------------------------------------------------------------------------------*/
.left-tab a {
  border-width: 2px 2px 2px 0;
}

/* Fix double-margin bug
------------------------------------------------------------------------------*/
.block,
.nested {
  display: inline;
}

/* Page layout elements
------------------------------------------------------------------------------*/
#container,
#container-inner {
  background-image: none;
}
#header {
  width: 980px;
  overflow: hidden;
}

/* Fix min-height
------------------------------------------------------------------------------*/
#navigation {
  height: 80px;
}
#page {
  height: 480px;
}
#footer {
  height: 30px;
}
.pane-artist-profile-basic .views-row {
  height: 90px;
}
.view-store .views-row {
  height: 80px;
}

/* Buttons, button links
------------------------------------------------------------------------------*/
select,
input {
  font-size: 11px;
}
.form-submit {
  padding: 2px 5px;
}
.btn-link a {
  padding: 2px 10px;
}

/* Main search form fixes
------------------------------------------------------------------------------*/
#edit-search-theme-form-1-wrapper input {
  border-width: 0;
}
#edit-search-theme-form-1-wrapper .form-text {
  padding-top: 4px;
}

/* Center slideshow pager
------------------------------------------------------------------------------*/
.feat-artist-show .controls {
  overflow: hidden;
  position: relative;
}
.feat-artist-show .controls-inner {
  clear: left;
  float: left;
  position: relative;
  left: 50%;
  text-align: center;
}
.feat-artist-show .controls-inner span {
  display: block;
  float: left;
  position: relative;
  right: 50%;
}
.feat-artist-show .controls span a {
  float: left;
}

/* Use outlines in place of CSS3 shadows
------------------------------------------------------------------------------*/
.panel-panel,
.panel-pane {
  overflow: hidden;
}
.panel-panel .superfish-vertical {
  overflow: visible;
}

.panel-panel,
.shadowed {
  margin-bottom: 20px;
}
div.panel-panel * div.shadowed {
  margin-bottom: 0;
}
div.panel-panel * div.panel-pane.shadowed {
  margin-bottom: 20px;
}
.panel-pane {
  margin-bottom: 0;
  display: inline;
}
.panel-pane.shadowed {
  margin-bottom: 20px;
}
.shadowed {
  border: 2px solid #dedede;
  /*border-top: 2px solid #eee;*/
  /*border-bottom: 2px solid #ccc;*/
  /* Note: filters disable cleartype on elements to which they are applied */
  /* ...IE just stinks. */
  /*filter: progid:DXImageTransform.Microsoft.Shadow(color='#b0b0b0', Direction= 180, Strength=6);*/
  /*background-color: #fff;*/
  /*zoom: 1;*/
  /*border-bottom: 1px solid #b0b0b0;*/
}
.bg-gray-dark {
  background-color: #5b5c5e;
  border-color: #5b5c5e;
}

.container-12 .grid-1-shadowed {
  width: 56px;
}
.container-12 .grid-2-shadowed {
  width: 136px;
}
.container-12 .grid-3-shadowed {
  width: 216px;
}
.container-12 .grid-4-shadowed {
  width: 296px;
}
.container-12 .grid-5-shadowed {
  width: 376px;
}
.container-12 .grid-6-shadowed {
  width: 456px;
}
.container-12 .grid-7-shadowed {
  width: 536px;
}
.container-12 .grid-8-shadowed {
  width: 616px;
}
.container-12 .grid-9-shadowed {
  width: 696px;
}
.container-12 .grid-10-shadowed {
  width: 776px;
}
.container-12 .grid-11-shadowed {
  width: 856px;
}
.container-12 .grid-12-shadowed {
  width: 936px;
}

.shadowed .pane-content {
  padding: 8px;
}

/* Navigation
------------------------------------------------------------------------------*/
#navigation ul.menu li a {
  float: left;
}

#navigation ul.menu ul li a {
  border-color: #b02221;
}

#utility-links {
  float: right;
  padding-right: 10px;
}

/* Images
------------------------------------------------------------------------------*/
a.more-link {
  background-image: url(../images/ie/more-link.gif);
}
.front-articles-tab-content .col-right {
  background-image: url(../images/ie/side-shadow.jpg);
}
.front-articles-tab-content .activeSlide {
  background-image: url(../images/ie/side-pointer.jpg);
}

/* soundManager2 css based resizing does not work so we're just going to use 
   the base size for the small player
------------------------------------------------------------------------------*/
.sm2-noprogress .sm2-inline-list {
  height: 36px;
  width: 36px;
}
.sm2-noprogress .ui360,
.sm2-noprogress .sm2-360ui {
  width: 40px;
  height: 40px;
  margin: -1px 0 0 0;
  padding: 0;
}
.sm2-noprogress .ui360,
.sm2-noprogress .ui360 .sm2-360btn-default {
  background: transparent url(../images/play-sm.png) no-repeat 50% 50%;
}
.sm2-noprogress .ui360 .sm2-360ui.sm2_paused .sm2-360btn {
  background: transparent url(../images/ml-sprites-1.png) no-repeat -30px -70px;
}
.sm2-noprogress .ui360 .sm2-360btn-default:hover {
  background: transparent url(../images/ml-sprites-1.png) no-repeat 0px -70px;
}
.sm2-noprogress .ui360 .sm2-360ui.sm2_paused .sm2-360btn:hover {
  background: transparent url(../images/ml-sprites-1.png) no-repeat -30px -70px;
}
.sm2-noprogress .ui360 .sm2-360ui.sm2_playing .sm2-360btn:hover,
.sm2-noprogress .ui360 .sm2-360btn-playing:hover {
  background: transparent url(../images/ml-sprites-1.png) no-repeat -90px -70px;
}
.sm2-noprogress .ui360 .sm2-360btn {
  width: 20px;
  height: 20px;
  margin-left: -10px;
  margin-top: -10px;
}
.sm2-noprogress .ui360 .sm2-timing {
  font-size: 8px;
  line-height: 40px;
}

/* Compensate for larger soundManager2 players
------------------------------------------------------------------------------*/
.feat-artist-sb .views-field-title-1 {
  padding: 2px 0 0 5px;
}

/* Quicktabs basic
------------------------------------------------------------------------------*/
.quicktabs-wrapper.quicktabs-style-basic {
  background-color: #fff;
  padding: 0;
  border: none;
}

/* facebook login block
------------------------------------------------------------------------------*/
#fb-nav-profile-pic {
  margin: 9px;
  border: 2px solid #e9e9e9;
}

#block-fb_connect-login_madeloud.grid-4 table {
  width: 222px;
  height: 74px;
}
#block-fb_connect-login_madeloud.grid-3 table {
  width: 142px;
  height: 74px;
}

/* Suckerfish menus
------------------------------------------------------------------------------*/
.panel-pane {
  position: relative;
  z-index: 200;
}
.superfish-vertical {
  position: relative;
  z-index: 300;
}
#left-1 {
  position: relative;
  z-index: 400;
}
#left-2 {
  position: relative;
  z-index: 300;
}
#left-3 {
  position: relative;
  z-index: 200;
}
#left-4 {
  position: relative;
  z-index: 100;
}

ul.sf-menu li ul {
  border: 2px solid #dedede;
}

ul.sf-menu li {
  float: none;
  list-style-image: none;
  padding: 0;
}