/*
 * androideatsrecords.com 
 * site css
 *
 * author: john berry [john -at- ulfmagnet -dot- com] 
 *
 */

/* ------------------------ */
/* BEGIN TYPOGRAPHY         */

body { 
  font-family: Helvetica, Arial, sans-serif;
  font-size: 12px;
  background-color : #99ccff;
  color: #000;
  text-align: center;
}

#frame { 
  text-align: left;
}

#footer, #cart { 
  text-align: right;
  color: #fff;
}

#cart { 
  font-weight: bold;
  font-size: 9px;
}

#footer { 
  font-size: 11px;
}

#sidebar { 
  color: #fff;
  font-size: 12px;
}

h1,h2,h3,h4,h5,h6 { 
  margin: 0px 0px 5px 0px;
  padding: 0px;
  color: #000;
}

h3 a, h3 a:hover, h3 a:visited, h3 a:active {
  font-size: 11px;
}

ul { 
  list-style: none;
  margin: 0;
  padding: 0;
}

ol { 
  margin: 0;
  padding: 0;
}

a, a:visited,a:hover,a:active { 
  color: #fff;
  font-weight: bold;
  text-decoration: none;
}

.txt { 
  margin: 5px 0px;
  text-align: justify;
  line-height: 1.2em;
}

.txt a { 
  text-decoration: underline;
}

.clear { 
  clear: both;
  margin: 0;
  padding: 0;
}

.price { 
  color: #fff;
  font-size: 11px;
  font-weight: bold;
}

.dollar-big { 
  color: #fff;
  font-size: 14px;
  font-weight: bold;
}

.biggertxt { 
  font-size: 12px;
}

form fieldset { 
  margin: 0;
  padding: 0;
  border: 0;
}

form fieldset .instructions { 
  margin: 0px 0px 20px 0px;
}

form fieldset div {  
  clear: left;
  display: block;
}

form fieldset div label { 
  display: block;
  float: left;
  text-align: left;
  width: 75px;
  padding: 6px 10px 6px 0px;
  margin: 0 0 5px 0;
  font-weight: bold;
}

form fieldset div label.single-line { 
}

form fieldset div input.txtinput { 
  width: 180px;
}

form fieldset div textarea { 
  clear: both;
  width: 275px;
  height: 150px;
}

form fieldset div input { 
  font-size: 12px;
}

form fieldset div.submit { 
  margin: 15px 0px;
  text-align: center;
}

form fieldset div.submit input { 
  width: 80px;
}


/* --------------------------------------- */
/* BEGIN BASIC STRUCTURE		   */
/* [based on glish.com's 3 column layout]  */
/*					   */

body {
  margin: 0;
  padding: 0;
}

#frame {
  width: 600px;
  margin-left: auto;
  margin-right: auto;
}

#left-column {
  width: 230px;
  float:left;
}

#right-column {
  width: 370px;
  float: left;
}

#content-pane { 
  
}

#content-body { 
  padding: 8px 0px;
}

.fullbody { 
  margin-left: 0px;
}

.halfbody { 
  margin-left: 80px;
}

/* -------------------------------------------------------------------------------- */
/* SHOPPING CART								    */
#cart-mini { 
  margin: 4px 0px;
  width: 300px;
  height: 104px;  /* fixed height, calibrated to correctly position the nav */
  float: right;
}

#cart-mini form { 
  margin: 0;
  padding: 0;
}

#cart-mini table#cart { 
  width: 300px;
}

#cart-mini table#cart thead tr td.hdr { 
  padding-bottom: 5px;
}

#cart-mini table#cart tbody tr td { 
  color: #000;
  padding: 1px 0px;
  font-size: 11px;
}

#cart-mini table#cart tfoot tr td.cart-links { 
  padding-top: 5px;
  font-size: 11px;
}

#cart-full table#cart { 
  width: 370px;
  color: #000;
  font-size: 12px;
  text-align: left;
}

#cart-full table#cart thead tr td.hdr { 
  font-size: 16px;
  padding: 20px 0px;
}

#cart-full table#cart thead tr th { 
  font-size: 11px;
  padding: 3px 0px;
}

#cart-full table#cart tbody tr td { 
  padding: 3px 0px;
}

#cart-full table#cart tbody tr td input { 
  font-weight: normal;
  font-size: 12px;
}

#cart-full table#cart tbody#subtotal tr td { 
  font-size: 14px;
  padding: 5px 0px;
}

#cart-full table#cart tfoot tr td { 
  padding: 8px 0px;
  font-size: 14px;
  text-align: right;
  color: #fff;
}

/* -------------------------------------------------------------------------------- */
/* MAIN NAV									    */
#nav { 
}

#nav ul { 
  padding: 2px 0px;
}

#nav ul li { 
  margin-right: 11px;
  display: block;
  float: left;
}

#nav ul li.last { 
  margin-right: 0px;
}

/* -------------------------------------------------------------------------------- */
/* AUDIO PLAYER									    */
#audio-player { 
  height: 15px;
  padding: 2px 0px;
  clear: both;
}

/* -------------------------------------------------------------------------------- */
/* ROBOT SIDEBAR								    */
#sidebar { 
  width: 230px;
  background-image: url('/img/robot-bkgd.gif');
  background-repeat: no-repeat;
  background-position: left;
}

/* for IE only */
#sidebar { 
  height: 819px;  
}

/* hide this rule from IE */
html>body #sidebar { 
  min-height: 819px;
  height: auto;  
}

#sidebar #sidebar-items { 

}

#sidebar #about-link { 
  padding: 12px 0px 0px 12px;
  width: 100px;
  font-size: 14px;
}

#sidebar form#signupform { 
  margin: 0;
  padding: 0px 0px 16px 12px;
}

#sidebar form#signupform fieldset div { 
  margin: 0px 0px 2px 0px;
}

#sidebar form#signupform fieldset .instructions { 
  font-size: 11px;
}

#sidebar form#signupform input.txtinput { 
  width: 90px;
  font-size: 10px;
}

#sidebar form#signupform input.btn { 
  font-size: 10px;
}

#sidebar #listbox {    
  padding: 4px 0px 0px 12px;
  width: 100px;
}

#sidebar #listbox h4 { 
  color: #fff;
  font-size: 14px;
  font-weight: bold;
}

.sidebar-album { 
  line-height: 1.1em;
  margin: 8px 0px 12px 0px;
}

.sidebar-album a { 
  font-weight: normal;
  text-decoration: underline;
}

#sidebar #page-tag { 
  float: right;
  position: relative;
  top: 375px;
  right: 10px;
}

/* -------------------------------------------------------------------------------- */
/* MOUTH									    */
#mouth { 
  position: relative;
  width: 160px;
  height: 160px;
  top: 202px;
  left: 140px;
  text-align: center;
} 

.narrow-mouth { 
  width: 80px;
}

.mouth-list { 
  text-align: right;
  margin-right: 20px;
  padding: 5px 5px 0px 0px;
  width: 140px; 
  height: 160px;
  background-color: #593b1e;
}

.mouth-list h2, .mouth-list a, .mouth-list a:hover, .mouth-list a:active, .mouth-list a:visited { 
  color: #99ccff;
}

.mouth-list a { 
}

/* -------------------------------------------------------------------------------- */
/* ERRORS									    */

ul.error { 
  list-style: none;
  margin: 10px 0px;
  padding: 0;
}

ul.error li { 
  color: #fff;
  font-size: 14px;
  font-weight: bold;
}

/* -------------------------------------------------------------------------------- */
/* PRELEASE PAGE								    */

#prerelease { 
  width: 420px;
  margin-left: 90px;
  margin-right: 90px;
}

#prerelease h3 { 
  margin: 20px 0px;
  text-align: left;
}

#prerelease a { 
  color: #000;
  text-decoration: underline;
}

#prerelease p { 
  line-height: 1.2em;
  text-align: justify;
}

#prerelease .center { 
  text-align: center;
}

#prerelease fieldset { 
  font-size: 14px;
  padding: 20px;
  text-align: center;
  width: 420px;
}

#prerelease fieldset input { 
  width: 250px;
}

#prerelease fieldset input.submit { 
  width: 80px;
}

#prerelease fieldset p { 
  margin: 0px 0px 20px 0px;
}

/* -------------------------------------------------------------------------------- */
/* FOOTER									    */
#footer { 
  clear: both;
  width: 600px;
  margin-left: auto;
  margin-right: auto;
  padding-top: 6px;
}

#footer ul { 
  width: 600px;
}

#footer ul li { 
  display: block;
  float: left;
  border-right: solid 1px #fff;
}

/* for IE only */
#footer ul li { 
  padding: 0px 8px;
}

/* hide this rule from IE */
html>body #footer ul li { 
  padding: 0px 10px;  
}

#footer ul li.last { 
  border: 0;
}

#footer ul li.copyright { 
  padding: 0px 30px 0px 0px;
  border: 0;
}

/* -------------------------------------------------------------------------------- */
/* CONTENT STYLES								    */

ul.image-list{ 

}

ul.image-list li { 
  float: left;
  padding: 10px;
}

ul#content-index { 

}

ul#content-index li { 
  font-size: 11px;  
  line-height: 1.0em;
  padding: 3px 0px;
}

.item { 
width: 280px;
  margin-bottom: 20px;
  clear: both;
}

.item h2 a, .item h2 a:hover, .item h2 a:active, .item h2 a:visited  { 
  color: #000;
  text-decoration: none;
}

.item h4 { 
  color: #000;
}

.item #artist-thumb { 
  float: right;
  text-align: center;
  padding: 4px 0px 10px 25px;
}

.view-all-link { 
  margin: 2px 0px;
  font-size: 12px;
  font-weight: bold;
}

.item .txt { 
  margin: 10px 0px;
}

.media-list { 
  padding-bottom: 15px;
}

.media-list ol { 
  list-style-position: inside;
}

.media-list ol li { 

}

.products-horizontal { 
  clear: both;
}

.products-horizontal ul { 

}

.products-horizontal ul li { 
  padding: 0px 8px 15px 8px;
  text-align: center;
  float: left;
}

.album { 
   width: 280px;
}

.album .cover { 
  float: left;
  width: 120px;
}

.album .description a { 
  color: #000;
}

.media-list { 
  padding: 15px 0px;
}

.album-tools ul li { 
  font-size: 11px;
}

.album-tools ul li, .media-list ul li { 
  display: block;
  float: left;
  padding-right: 5px;
}

.album-tools a, .media-list a { 
  text-decoration: underline;
}

.album-tools ul li.price { 
  padding-top: 1px;
  width: 40px;
}

.album-tools ul li.add-to-cart { 
  background-image: url('/img/dollar-12x12.png');
  background-repeat: no-repeat;
  background-position: top left;
  height: 14px;
  padding-left: 13px;
}

.album-tools ul li.listen, .media-list ul li.listen { 
  background-image: url('/img/listen-12x12.png');
  background-repeat: no-repeat;
  background-position: top left;
  height: 14px;
  padding-left: 15px;
}