/*  
Theme Name: Monkey Records
Theme URI: http://monkeyrecords.co.nz/
Description: 
Version: 1.0
Author: Paul Bradley & Chris Burgess
Author URI: http://giantrobot.co.nz/

        First revision, converted by Chris from a design PDF by Paul
         * design: lupavision.net
         * code: giantrobot.co.nz

*/
/*

         .,**'   '**,.       .,**,.        '*!*'            
       .(AÐWWÐ%=%ÐWWÐA(.  .*J#ÐWWÐ57,   .!%ÐWWW@3*          
       7M®©@@©®©®©@@©®M7 .CW®©Ð#@W®©@( .7M®©@#Щ®Ð¦         
       @®©J''C©®©7''J©®@ CM®W='''*J©®W!*W®©7'',3®®#'        
      .ЮM!  !M®M'  !M®Ð.@®©7     .A®®3(®®@.   'M®W*        
      .ЮM!  *M®W'  !M®Ð'W®©¦      $®®$(®®#.   .M®W*        
      .ЮM!  *M®M'  !M®Ð 5®®%.    ,Ю©=(®®#.   .M®W*        
      .ЮM!  *M®M'  !M®Ð *@®©#7(=JЮ©$.(®®#.   .M®W*        
      .ЮM!  *M®M'  !M®Ð  *%M®©M©©®M3' (®®#.   .M®W*        
       7JC'  *M®M'  (©®#   '7W®®®®Ð=.  (©®#.   .©®W*        
             *M®M' .A®©7 .¦5M©MMM©©M%, (®®#.   .©®W*        
             *M®M**%©©$. (W®M$¦**=5©®@,(®®#.   .©®W*        
             *M®©@W©®#!. #®®@C7777JM®®C(®®#.   .©®W*        
             *M®©WWM®©Ð¦'W®®®®®®®®®®®®$(®®#.   .©®W*        
             *M®M!,*%®®A #®®5=((((7%%%¦(©®@'   *©®W,        
             *M®M'  =©®# (M®MJ!',¦%©©#',W®©3¦!(5®®A.        
             *M®W'  (©®#  (#©©MWWM©MA,  =@©©©©©©©A*         
             ,$%$.  *%%C   ,=$#ÐÐ@%='    ,=%©®©%('          
                              ....         *M®M,            
                                           *W®M,            
                  r  e  c  o  r  d  s      *M®M,            
                                           *M®M,            
                                    .,!!.  *M®M,            
                                   *A@@#C  !M®W'            
                                  ,W®3*''  (©®@             
                                  ¦©©¦.  .*#®©$             
                                  ,ЮÐ$J3%Ю©%,             
                                   *%ÐWWWWÐA(.              
                                    .,!!!!,.       

 */

/**
 * reference:
 * some colours ...
 * box borders:  #bad6e0 ; - does that say bad-sexy-oh? 
 * #E64520 is my sampled red curve colour
 */
 
/* FIXME LIST
   * - shop looks wholly wrong!
   */ 

/***
   * layout 
   */
#page   {
  width: 777px ;
  margin: auto ;
}

#content {
  padding: 0 10px 160px 10px  ;
  margin: 0 ;
  float: left ;
  min-height: 300px ;
  width: 757px ;
}

/* contains both headerimg and headermenu divs */
#header { 
  margin: auto ;
  padding: 0px ;
  padding-top: 5px ; /* use to position header graphic vertically */
  width: 777px ;
  height: 137px ;
}

/* contains background image, logo and nz map */
#headerimg { 
  margin-top: 10px ; 
  padding: 0 15px 0 15px ;
  width: 747px ;
  height: 107px ;
  background-position: 50% 0 ;
  float: left ;
}

/* floated to top right of headerimg div */
#nzimg {
  float: right ;
  padding: 8px ;
}

/* floated to top left of headerimg div */
#logoimg {
  float: left ;
}

div.post { 
  clear: both ;
  padding-top: 5px ;
}

#headermenu { 
  background-image: url(page-background.png) ;
  width: 747px ;
  height: 25px ;
  padding: 0 15px 0 15px ;
  float: left ;
}

/* top right of headermenu div */
#beautiful-nz-music { 
  width: 191px ;
  height: 25px ;
  float: left ;
}

#headermenulist {
  padding: 5px 0 0 8px ;
  margin: 0 ;
  float: left ;
}

/* left sidebar */
div#left-sidebar { 
  width: 192px; 
  float: left ; 
  padding: 0 5px 0 5px ;
}

/* right sidebar */
div#right-sidebar { 
  width: 191px; 
  float: right ;
  padding: 0 5px 0 5px ;
}

/* centre column */
div#centre-column {
  width: 352px ;
  float: left ;
  padding: 0 0 0 0 ;
}

div#centre-column-checkout {
  width: 550px ;
  float: left ;
  padding: 0 ;
}

/*** -------------------------------------------------------------------------------- 
   * centre column layout
   */

div.centre-column-box { 
  margin-bottom: 5px ;
  padding: 12px ; /* inner spacing around box */
  margin: 0px ;  /* but keep box borders positioned correctly */
}

/*** -------------------------------------------------------------------------------- 
   * colours and sizing 
   */
body    {
  background-color: #004f6e ;
  background-image: url(images/bgcolor.png) ;
  font-family: arial, sans-serif ;
  font-size: 0.8em ;
}

a       {
  text-decoration: none ;
  color: #1973A7 ; /* paul - link text blue */
  font-weight: bold ;
}

a:visited       {
  text-decoration: none ;
  color: #1973A7 ; /* paul - link text blue */
}

#page { 
  background-image: url(page-background.png) ;
}

#content { 
  background-position: 0 0 ;
  background-image: url(page-background.png) ;
  background-repeat: repeat-y ;
  font-size: 92% ;
}

#header {
  background-image: url(header-background.png) ; 
  background-repeat: no-repeat ;
}

#headerimg {
  background-repeat: no-repeat ;
}

#beautiful-nz-music {
  background-image: url(images/beautiful-nz-music.png) ;
  background-repeat: no-repeat ;
}

/*** --------------------------------------------------------------------------------
   * navigation menu (horizontal bar)
   */
li.page_item  {
  display: inline;
  list-style-type: none;
  padding-left: 4px ;
  padding-right: 4px ;
  margin-top: 40px ;
  font-size: 10.5px ; /* perhaps resize "beautiful nz music" to match? could even be h3 site-slogan */
  text-transform: uppercase ;
  font-stretch: extra-condensed ;
}

li.page_item a {
  text-decoration: none ;
}

li.current_page_item a {
  color: #E64520 ;
}

/*** --------------------------------------------------------------------------------
   * content column elements
   */
div.centre-column-box img {
  padding: 3px ;
}

.centre-column-boxheader        {
  background-color: white ;
  height: 20px ;
  background-image: url(orange-box-header-curve.png) ;
  background-repeat: no-repeat ;
  text-align: right ;
  color: white ;
  margin: 0 ;
  padding: 0px ;
}

.centre-column-boxheader h2     {
  padding: 4px ;
  margin: 0px ;
  font-size: 11px ;
  text-transform: uppercase ;
  font-stretch: extra-condensed ;
}

.centre-column-boxheader h3     a {
  color: white ;
}

.centre-column-boxheader h3     {
  padding: 5px ;
  margin: 0px ;
  font-size: 10px ;
  text-transform: uppercase ;
  font-stretch: extra-condensed ;
}

.centre-column-boxheader h2     a {
  color: white ;
}

.centre-column-boxheader form select {
  font-size: 80% ;
  padding: 2px ;
  border: 1px solid red ;
}

.centre-column-box      {
  background: white ;
  border-bottom: 1px solid #bad6e0 ; 
  border-left: 1px solid #bad6e0 ;
  border-right: 1px solid #bad6e0 ;
}

.centre-column-box p {
  padding: 5px ;
  margin: 0px ;
  text-align: justify ;
}


/*** --------------------------------------------------------------------------------
   * generics 
   */
hr.clearer {
  display: block; 
  clear: left; 
  margin: -0.66em 0;
  visibility: hidden;
}

/*** --------------------------------------------------------------------------------
   * sidebar boxes
   */
.sidebar-boxheader      {
  height: 19px ;
  background-image: url(leftside-blue-box-header-cu.png) ;
  background-repeat: no-repeat ;
  text-align: right ;
  color: white ;
  margin: 0px ;
  padding: 0px ;
}

.sidebar-boxheader-top  {
  background-color: #e0e7ef;
  background-image: url(images/leftside-blue-box-header-cu-top.png) ;
}

.sidebar-boxheader h3 {
  padding: 4px ;
  margin: 0px ;
  font-family: arial, sans-serif ;
  font-size: 11px ;
  text-transform: uppercase ;
  font-stretch: extra-condensed ;
}

.sidebar-box    {
  background: white ;
  /*    color: #1973A7 ; */ /* paul - body text color */
  padding: 0 ;
  border-bottom: 1px solid #bad6e0 ; /* does that say bad-sexy-oh? */
  border-left: 1px solid #bad6e0 ;
  border-right: 1px solid #bad6e0 ;
  margin: 0 ;
  margin-bottom: 9px ;
  font-size: 11px ;
}

.no-margin-bottom       {
        margin-bottom: 0px ;
}

.sidebar-box p {
/*      color: #1973A7 ; */
  background: white ;
  padding: 5px ;
  margin: 0px ;
}

.sidebar-box ol {
  color: #1973A7
  list-style-position: outside ;
  margin: 0px ;
  padding: 10px 0 10px 30px ;
}

/**
 * ec3 
 */

.sidebar-box ol.ec3_container {
  padding: 10px 15px ;
  list-style-type: none ;
}

.sidebar-box ol.ec3_container li {
  list-style: none ;
}

.sidebar-box ul.ec3_events {
  padding: 0 5px ;
}

.sidebar-box li.ec3_list ul {
  padding: 0 ;
}

.sidebar-box li.ec3_list li {
  padding: 5px 5px ;
}

table.ec3_schedule {
  display: none ;
}

/*** --------------------------------------------------------------------------------
   * special parts
   */

/* releases page */

div.releasebox {
  padding: 0 4px 0 0 ;
  margin: 0 8px 0 0 ;
  width: 150px ;
  height: 185px ;
  background: url(images/release-box-150x185.png) ;
  background-repeat: no-repeat ;
  float: left ;
  display: block ;
  margin-top: 10px ;
  margin-bottom: 10px ;
  font-size: 80% ;
  text-align: center ;
}

div.release_albumcover {
  width: 121px  ;
  height: 121px ;
  padding: 8px ;
  margin-bottom: 2px ;
}

div.release_albumcover img {
  width: 121px !IMPORTANT ;
  height: 121px !IMPORTANT ;
  margin: 5px 0 0 5px ;
  padding: 0 ;
  vertical-align: bottom ;
  border: 1px solid #666 ;
}

div.release-details { 
  width: 135px ;
  margin: auto ;
  text-align: center ;
}

div.releasebox p {
  visibility: none ;
}


div.albumbox {
  padding: 0 ;
  margin-right: 4px ;
  width: 150px ;
  height: 185px ;
  background: url(images/album-box-150x163.png) ;
  background-repeat: no-repeat ;
  float: left ;
  display: block ;
  margin-top: 10px ;
  margin-bottom: 10px ;
  font-size: 80% ;
  text-align: center ;
}

div.prevnextblock {
  float: left ;
  width: 98% ;
}

div.floatright {
  float: right ;
}

div.floatleft {
  float: left ;
}

div.video-box {
    width: 140px ;
    height: 140px ;
    float: left ;
    display: block ;
    padding: 10px ;
    margin: 0 ;
    text-align: center ;
}

div.video-box img.video-thumb {
    width: 120px ;
    height: 96px ;
    border: 1px solid #666 ;
}

form.product-form {
    float: left ;
    width: 100% ;
}

span.product-details {
    position: relative ;
    top: -4px ;
}

a.sidebar-video img {
    width: 165px ;
    margin: 12px 0 12px 12px ;
    border: 0 ;
}

a.sidebar-release-image img {
  margin-top: 0 ;
  margin-right: 5px ;
  margin-bottom: 0 ; 
  margin-left: 33px ;
  padding-top: 20px ;
  display: block ;
  max-width: 165px !IMPORTANT ;
  max-height: 165px !IMPORTANT ;
}

a.sidebar-release-text {
  margin: 20px 35px ;
  display: block ;
  clear: both ;
  text-align: center ;
}

p.button {
  background-color: #cce ;
  padding: 5px 10px ;
  margin: 5px ;
  text-align: center ;
  border: 1px solid #696;
}

ol.playlist {
  padding: 10px 10px 10px 30px ;
}