/* -------------------------------------------------------------- 
  
  BLUEPRINT CSS
   * Filename:        grid.css
   * Version:         0.6 (2007-09-21) YYYY-MM-DD
   * Website:         http://code.google.com/p/blueprintcss/
  
  Generated by:
   * Blueprint CSS Grid Generator (2007-10-28) [http://kematzy.com/blueprint-generator/]
  
  Based on work by:
   * Olav Bjorkoy      [bjorkoy.com]
   * Nathan Borror     [playgroundblues.com]
   * Jeff Croft        [jeffcroft.com]
   * Christian Metts   [mintchaos.com]
   * Khoi Vinh         [subtraction.com]
  
  == STRUCTURE: ========================
   * Page width:            936 px
   * Number of columns:     15
   * Column width:          54 px
   * Margin width:          9 px
  ======================================
   
  By default, the grid is 936px wide, with 15 columns 
  spanning 54px, and a 9px margin between columns.
  
  If you need fewer or more columns, use this formula to calculate
  the new total width: 
  
  Total width = (number_of_columns * column_width) - margin_width
  
  Read more about using a grid here:
  * subtraction.com/archives/2007/0318_oh_yeeaahh.php
  
  
-------------------------------------------------------------- */

/* A container should group all your columns. */
.container {
  width: 936px;
  margin: 0 auto;
  padding:0 9px;
}


/* Columns
-------------------------------------------------------------- */

/* Use this class together with the .span-x classes
   to create any composition of columns in a layout. */
   
.column {
  float: left;
  margin-right: 9px;
}


/* The last column in a row needs this class. */
.last { margin-right: 0; }

/* Use these classes to set the width of a column. */
.span-1  { width: 54px;}
.span-2  { width: 117px;}
.span-3  { width: 180px;}
.span-4  { width: 243px;}
.span-5  { width: 306px;}
.span-6  { width: 369px;}
.span-7  { width: 432px;}
.span-8  { width: 495px;}
.span-9  { width: 558px;}
.span-10 { width: 621px;}
.span-11 { width: 684px;}
.span-12 { width: 747px;}
.span-13 { width: 810px;}
.span-14 { width: 873px;}
.span-15 { width: 936px; margin: 0; }


/* Add these to a column to append empty cols. */
.append-1  { padding-right: 63px;}
.append-2  { padding-right: 126px;}
.append-3  { padding-right: 189px;}
.append-4  { padding-right: 252px;}
.append-5  { padding-right: 315px;}
.append-6  { padding-right: 378px;}
.append-7  { padding-right: 441px;}
.append-8  { padding-right: 504px;}
.append-9  { padding-right: 567px;}
.append-10 { padding-right: 630px;}
.append-11 { padding-right: 693px;}
.append-12 { padding-right: 756px;}
.append-13 { padding-right: 819px;}
.append-14 { padding-right: 882px;}


/* Add these to a column to prepend empty cols. */
.prepend-1  { padding-left: 63px;}
.prepend-2  { padding-left: 126px;}
.prepend-3  { padding-left: 189px;}
.prepend-4  { padding-left: 252px;}
.prepend-5  { padding-left: 315px;}
.prepend-6  { padding-left: 378px;}
.prepend-7  { padding-left: 441px;}
.prepend-8  { padding-left: 504px;}
.prepend-9  { padding-left: 567px;}
.prepend-10 { padding-left: 630px;}
.prepend-11 { padding-left: 693px;}
.prepend-12 { padding-left: 756px;}
.prepend-13 { padding-left: 819px;}
.prepend-14 { padding-left: 882px;}



/* Border on right hand side of a column. */
.border{
  padding-right:3.5px;
  margin-right:4.5px;
  border-right:1px solid #eee;
}

/* Border with more whitespace, spans one column. */
.colborder {
  padding-right:50.5px;
  margin-right:49.5px;
  border-right:1px solid #eee;
}


/* Use these classes on an element to push it into the 
   next column, or to pull it into the previous column. */
.pull-1 { margin-left: -63px;}
.pull-2 { margin-left: -126px;}
.pull-3 { margin-left: -189px;}
.pull-4 { margin-left: -252px;}

.push   { margin: 0             ;}
.push-0 { margin: 0    0   0 9px;} /* Right aligns the image. */
.push-1 { margin: 0  -63px 0 9px;}
.push-2 { margin: 0 -126px 0 9px;}
.push-3 { margin: 0 -189px 0 9px;}
.push-4 { margin: 0 -252px 0 9px;}

.push, .push-0, .push-1, .push-2, .push-3, .push-4 { float: right; }

/* MOD By Pau. Here's a different way to implement columns, in particular the hanging album cover in reviews.
  define a reference parent, with prepended and appended columns, then define sub-columns as "anchored"
*/

.reference {
  position:relative;
}

.anchor {
  position:absolute;
}

.top {
  top:0;
}

.left{
  left:0;
}

.right {
  right:0;
}

/* MOD by pau. We got columns... what about rows? */

.depth-1 {
  height:290px;
}

/* Misc classes and elements
-------------------------------------------------------------- */

/* Use a .box to create a padded box inside a column.  */ 
.box { 
  padding: 1.5em; 
  margin-bottom: 1.5em; 
  background: #eee; 
}

/* Use this to create a horizontal ruler across a column. */
hr {
  background: #ddd; 
  color: #ddd;
  clear: both; 
  float: none; 
  width: 100%; 
  height: .1em;
  margin: 0 0 1.4em;
  border: none; 
}
hr.space {
  background: #fff;
  color: #fff;
}

/* Clearing floats without extra markup
   Based on How To Clear Floats Without Structural Markup by PiE
   [http://www.positioniseverything.net/easyclearing.html] */

.clear { display: inline-block; }   
.clear:after, .container:after {
  content: "."; 
  display: block; 
  height: 0; 
  clear: both; 
  visibility: hidden;
}
* html .clear { height: 1%; }
.clear { display: block; }


body {
  background-color: #fff;
  color: #333;
  font-family: 'Helvetica Neue', Arial, sans-serif;
  font-size:   62.5%;
  line-height: 1.3;
}

p {
  margin:0 0 1.35em 0;
}

p, li, td, th, legend, label {
  font-size:1.3em;
}

.refer {
  font-size:1.2em;
  margin-bottom:4px;
  text-align:right;
  float:right; 
}

h1,h2,h3,h4,h5,h6 {
  margin:0 0 9px 0;
  line-height:1.05em;
  color:black;
}

h4,h5,h6 {
  line-height:1.3em;
}

h1 {
  font-size:2.4em;
}

h2 {
  font-size:1.9em;
}

h3 {
  font-size:1.5em
}

h4 {
  font-size:1.3em;
}

h5 {
  font-size:1.1em;
}

h6 {
  font-size:1.1em;
  font-weight:normal;
  margin:0;
}

pre {
  background-color: #eee;
  padding: 10px;
  font-size: 11px;
}

a { color: #047391; text-decoration:none; }
a:visited { color: #047391; }
a:hover { color: #39C; }

a img {
  border:0;
}

table {
  font-size:100%;
  border-collapse:collapse;
  width:100%;
  margin-bottom:1em;
}

th,td {
  text-align:left;
  vertical-align:top;
  padding:5px 10px 5px 9px;
}

th {
  border-top:3px solid #333;
  white-space:nowrap;
}

th.inline {
  border-top:2px solid #ccc;
  border-bottom:1px solid #ccc;
  white-space:normal;
}

td {
  border:1px solid #ccc;
  border-width:1px 0;
  padding:;
}

th img {
  vertical-align:top;
}

tr.highlight {
  font-weight:bold;
  background:#E5FF91;
}

form .control {
  padding:10px 0;
}

form .control input[type="text"],
form .control input[type="password"],
form .control input[type="file"],
form .control textarea,
form .control select,
form .control fieldset.date,
form .control fieldset.datetime,
form .control fieldset.checkbox_collection {
  width:100%;
}

legend {
  display:none;
}

fieldset {
  padding:10px 0;
  border:0;
  border-top:3px solid #000;
}

textarea {
  line-height:16px;
  font-family: 'Helvetica Neue', Arial, sans-serif;
  font-size:12px;
}

fieldset.date,
fieldset.datetime {
  border:0;
  padding:0;
}

fieldset.date select {
  width:30% !important;
  margin:0;
}

fieldset.datetime select {
  width:18% !important;
  margin:0; 
}


fieldset fieldset:first-child {
  border:0;
}

fieldset fieldset {
  border-top:1px solid #ccc;
}

label {
  line-height:1;
  font-weight:bold;
  text-align:right;
}
.radiobutton label,
.checkbox label,
li label,
label.inline {
  float:none;
  display:block;
  width:auto;
  font-weight:normal;
  text-align:left;
  padding-left:23px;
  text-indent:-23px;
  line-height:1.9em;
}
.radiobutton label,
.checkbox label,
label.inline {
  font-size:1.1em;
}

input[type="text"],
input[type="password"],
input[type="file"],
textarea,
select {
  border:1px solid #ccc;
  border-top-color:#999;
}

select {
  font-family: 'Helvetica Neue', Arial, sans-serif;
}

a.button, button {
  -moz-border-radius:2px;
  -webkit-border-radius: 2px;
  background:#666;
  border:0;
  color:white;
  font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;
  font-size:11px;
  font-weight:bold;
  padding:3px 6px;
  line-height:1.4;
  vertical-align:middle;
  *width:1;
  *overflow:visible;
}

button::-moz-focus-inner {
  padding:0;
  border:0
}

a.button:focus,
button:focus {
  outline: 1px dotted;
}

.negative {
  background:#C30 !important;
}

.positive {
  background-color:#9C0!important;
}

ul,ol,dl {
  padding-left:0;
  margin-left:1.5em;
  margin-top:0;
}

ul.flush {
  list-style:none;
  margin-left:0em;
}

li,dt,dd {
  margin-bottom:.5em;
}

ul.single_line li {
  margin-bottom:0;
}

ul.menu li{
  display:inline;
  padding:0 9px;
}

dl {
  margin:0 0 1em 0;
  overflow:hidden;
}

dt {
  font-weight:bold;
  float:left;
  display:inline;
  clear:left;
  width:60px;
  margin-right:10px;
}

dd {
  float:left;
  margin-left:0;
}

.split-2 .article {
  float:left;
  display:inline;
  border-right:1px solid #d6d6d6;
  width:47%;
  padding-right:9px;
}

.split-2 .article.even {
  float:right;
  display:inline;
  border-right:0;
  padding-left:9px;
  padding-right:0;
  
}

.half {
  width:48%;
}

.note {
  font-size:1.1em;
  color:#666;
}

.module {
  border-bottom:3px solid black;
  margin-bottom:9px;
}

.module:last-child {
  border-bottom:0;
}

.module .module,
.sub_module {
  border-top:1px solid #d6d6d6;
  border-bottom:0;
  padding-top:9px;
}

.module .module:first-child {
  border-top:0;
  padding-top:0;
}

.module .module .module {
  border:0;
}

.callout {
  float:right;
  margin:0 0 4px 9px;
  clear:right;
}

.callout.alt {
  float:left;
  margin:0 9px 9px 0;
}

form.callout {
  text-align:right;
}

/*utils*/


.wrap {
  overflow:hidden;
  clear:both;
  zoom:1;
}

.inset {
  padding:9px;
}

.inset-v {
  padding:9px 0;
}

.clip {
  overflow:auto;
  border:1px solid #ccc;
  height:200px;
  list-style:none;
}

/* tabbed module*/ 
.tab_module {
  position:relative;
  zoom:1;
}

.pane {
  background:#f0f0f0;
  padding:9px;
  overflow:hidden;
}

.tab_module .tabs {
  margin:0;
}

.tab_module .tabs li {
  float:left;
  display:inline;
  text-transform:uppercase;
  font-size:1.1em;
  margin:0;
  border-right:1px solid #fff;
}

.tab_module .tabs li a {
  display:block;
  color:#666;
  background:#e6e6e6;
  padding:4px 9px;
  outline-style: none;
}

.tab_module .tabs li a.active {
  background:#f0f0f0;
  color:#000;
  font-weight:bold;
}

.tab_module .pane {
  clear:both;
}

/* ActiveRecord errors*/
.fieldWithErrors {
  padding: 1px 3px 1px 1px;
  background-color: #c00;
  
}

#errorExplanation {
  width: 400px;
  border: 2px solid #c00;
  padding: 18px;
  padding-bottom: 9px;
  margin-bottom: 20px;
  background-color: #f0f0f0;
}

#errorExplanation h2 {
  text-align: left;
  font-weight: bold;
  padding: 5px 14px;
  font-size: 12px;
  margin: -18px;
  margin-bottom:9px;
  background-color: #c00;
  color: #fff;
}

#errorExplanation p {
  color: #333;
  margin-bottom: 1em;
}

#errorExplanation ul {
   margin-left:2px;
}

#errorExplanation ul li {
  font-size: 12px;
  list-style: square;
}



.control .label_container {
  text-align:right;
}

.vcard div {
  font-size:1.2em;
}

.flash {
  padding:5px 9px;
  font-size:1.4em;
  font-weight:bold;
}

.notice {
  color:white;
  background:green;
}

.warning {
  color:white;
  background:#F90;
}

.error {
  color:white;
  background:#c00;
}

.mandatory {
  background-image: url(/images/ui/required.jpg);
  background-repeat: no-repeat;
  background-position: right top;
}

.valid {
  background-image: url(/images/ui/valid.jpg);
  background-repeat: no-repeat;
  background-position: right top;
}

body {
  background-color:#000;
  margin:0;
}

h2 {
  font-size:1.8em;
  margin-bottom:4px;
}

a.more,.more {
  font-weight:bold;
  color:black;
  padding-right:18px;
  background: url('/images/ui/arrow.gif') no-repeat right center;
}

.next_button {
  padding-right:18px;
  background: url('/images/ui/arrow.gif') no-repeat right center;
}

.previous_button {
  padding-left:18px;
  background: url('/images/ui/arrow_left.gif') no-repeat left center;
}

.meta {
  line-height: 1.2em;
}

.kicker {
  margin-bottom:3px;
  font-weight:normal;
  text-transform: uppercase;
  font-size:1.1em;
  color:#777;
}

.kicker a {
  color:#777;
}

.kicker a:hover {
  text-decoration:underline;
}

.byline a {
  font-weight:bold;
}

.credit {
  color:#999;
  font-size:0.9em;
  margin:2px 0 0;
  text-align:right;
}

.caption {
  color:#777;
  font-size:1.1em;
}

img.inline {
  vertical-align:bottom;
}

a img.mp3_icon {margin-left:9px;}

/* begin MEDIA */
.media {
  border: 1px solid #ccc;
  margin-bottom:9px;
}

.cover_thumb {
  margin: 0px 9px 0px 0px;
  float:left;
  width:117px;
  height:154px;
  overflow:hidden;
}

.cover_thumb.last {
  margin: 0px 0px 0px 0px;
}
/* temp fix callout images on landing pages needing resize */
 a.framed {
  overflow:hidden;
  height:180px;
  display:block;
}

a.framed img{
  width:180px;
}

/* end media */

/* begin FORMS */

#comments form #email{
  display:none;
}

/* end */



/* begin LISTS */

#comments li {
  padding-top: 8px;
  border-top: 1px solid #ccc;
  font-size:1em;
}

/* end */

#highlights .button {
  font-size:1em;
  text-transform:uppercase;
  background-color:white !important;
  color:#333;
  padding:2px 27px 2px 2px;
  opacity: 0.3;
  -moz-opacity: 0.3;
  filter:alpha(opacity=30);
  -moz-border-radius:0;
  -webkit-border-radius:0;
}

.container {
  background-color:#fff;
  position:relative;
}

.pull-12 { margin-left: -757px; }
.shift-3 { margin-left: 189px;}

.inset {
  padding: 0 9px;
}

#notification {
  position:absolute;
  top:120px;
  left:0;
  width:100%;
  z-index:9;
}

#notification .flash {
  padding:5px 9px;
  font-size:1.4em;
  font-weight:bold;
}

#header {
  height:100px;
}

.homepage #header {
  height:124px;
  margin-bottom: 308px;
}

.homepage #navigation {
  top:176px;
}

#logo {
  position:absolute;
  top:47px;
}

#logo a img{
  position:absolute;
  z-index:3;
  top:-7px;
}

.homepage #logo a img{
  top:18px;
}

#logo h1 {
  font-size:48px;
  line-height:1;
  letter-spacing:-0.07em;
}


#user_tools {
  padding-top:9px;
  margin:0;
}

#user_tools li {
  color:#aaa;
  text-transform:uppercase;
  font-size:1em;
}

#on_newsstands {
  z-index:2;
  position:relative;
  padding-left:9px;
  border-left: 1px solid #ccc;
  _margin-left:9px; /* ie6 */
}

#pocket_cover {
  position:absolute;
  right:0;
  top:2px;
  height:auto;
  width:74px;
  position:absolute;
  z-index:2;
}

#navigation {
  width:100%;
  position:absolute;
  left:0px;
  top:150px;
}
#navigation ul {
  margin:0 auto;
  width:694px; /* 954 page width - 251 - 9 = 694 */
  padding:0pt 9px 0pt 251px;
}


#navigation li {
  float:left;
  display:inline;
  font-size:1.4em;
  font-weight:bold;
  color:#aaa;
  padding: 0 9px 9px;
  position:relative;
  cursor:default;
}

#navigation li a {
  color:#aaa;
}

#navigation li.current a {
  color:#000;
}

#navigation:hover li.current {
  background-image:none;
}

#navigation li.current .sub_nav {
  background:transparent url(/images/ui/fin_grey.png) no-repeat scroll 398px 0px;
}

#navigation li:hover .sub_nav,
#navigation li.hover .sub_nav {
  background:transparent url(/images/ui/fin_grey.png) no-repeat scroll 398px 0px !important;
}

#navigation li a:hover,
#navigation li:hover a,
#navigation li.hover a {
  color:#000;
}

#navigation .sub_nav li a{
  background:none;
  margin:0;
  padding:0;
}

#navigation .sub_nav {
  display:none;
  position:absolute;
  left:-418px;
  top:20px;
  padding-top:29px;
  z-index:10;
  padding-bottom:10px;
}

#navigation .sub_nav ul {
  margin:0 auto;
  float:left;
  /*prevents horizontal scrollbar caused by subnav, but breaks subnav in IE*/
/*  width:100%;*/
}

#navigation .sub_nav li {
  font-size:1em;
  display:inline;
  padding:3px 9px;
  height:24px;
  margin:0;
  background-color:#ccc !important;
}


#navigation .sub_nav li.current a,
#navigation .sub_nav li a:hover {
  color:#fff;
}

#navigation .sub_nav li,
#navigation .sub_nav li:hover {
  background-image:none !important;
}

#navigation li.current .sub_nav {
  display:block;
}

#navigation ul:hover .current .sub_nav {
  display:none;
}

#navigation li:hover .sub_nav,
#navigation li.hover .sub_nav {
  display:block !important;
}

#footer {
  border-top: 3px solid black;
  padding: 9px 0 27px;
  color: #aaa;
  clear:both;
}

#footer ul {
  display:inline;
}

#footer li {
  display:inline;
  font-weight:bold;
  text-transform: uppercase;
  font-size:1.1em;
}

#footer .sub_nav {
  display:inline;
}

#footer .sub_nav li {
  display:inline;
  font-weight:normal;
  font-size:1em;
  padding:0 5px;
}

#footer a {
  color:#aaa;
}

#breadcrumbs {
  margin:0;
}

#breadcrumbs a {
  color:#999;
}

#content {
  border-top-style:solid;
  border-top-width:30px;
  padding-top:30px;
  clear:both;
  padding-left:9px;
  padding-right:9px;
  margin-left:-9px;
  margin-right:-9px;
  margin-bottom:27px;
  min-height:800px;
}

#content.homepage {
  border:0;
  padding-top:0;
}

.show .features {
  padding-top:0 !important;
  border:0 !important;
}

#article_header{
  margin-bottom:17px;
}

#article_header h1 {
  font-size:22px;
  line-height:25px;
  margin-bottom:5px;
}

#article_header h2 {
  line-height:25px;
  margin-bottom:5px;
}

.name {
  font-weight:normal;
/*  font-style:italic;*/
}

.publisher {
  display:block;
  color:#999;
  font-size:12px;
}

#images {
  height:290px;
  white-space:nowrap;
}

#article_meta p {
  font-size:1.4em;
  line-height:1.2em;
}

#article_meta .dateline {
  margin:0;
}

#article_body {
  margin-bottom:100px;
}

#article_body p,
#article_body li {
  font-size:1.4em;
}

.article h2,
.article h3,
.article h3,
.article h4 {
  margin-bottom:0;
}

.headlines li {
  font-size:1.1em;
  line-height:1.3em;
  font-weight:bold;
}

.headlines li .date {
  font-weight:normal;
}

.modular li{
  border-bottom:1px solid #d6d6d6;
  padding:5px 9px;
}

.timestamp {
  font-weight:normal;
}

.index h2 {
  font-size:1.8em;
}

/* HOMEPAGE*/

#highlights {
  position:absolute;
  left:0;
  top:124px;
  margin-bottom:18px;
  width:954px;
  height:290px;
  background-color:#F0F0F0;
}

#highlights-bg {
  height:290px;
}

#highlights h1 {
  font-weight:normal;
  font-size:2.2em;
  line-height:1.1em;
}

#highlights h4 {
  font-size:1em;
  font-weight:normal;
  text-transform:uppercase;
  opacity: 0.3;
  -moz-opacity: 0.3;
  filter:alpha(opacity=30);
  color:white;
}

#highlights p {
  font-size: 1.2em;
  line-height:1.2em;
  min-height:43px;
}

#highlights .accordion_toggle {
  float:left;
  display:inline;
  background-color:#8d191c;
  color:white;
  height:272px;
  padding: 9px 0 9px 9px;
  position:relative;
  width:179px;
}

#highlights-cap {
  width:12px;
  height:290px;
  position:absolute;
  right:0;
}

#highlights h1{
  color:white;
}

#highlights .accordion_toggle .header {
  position:absolute;
  bottom:9px;
}

#highlights .accordion_toggle .header p,
#highlights .accordion_toggle .header h1 {
  width:165px;  /* 172px = 190px - 9px margin - 9px margin */
  padding-right:43px; /* 43px = 34px (fin width) + 9px margin */
}

#highlights .accordion_toggle .header h1 a {
  color:white;
}


#highlights .accordion_toggle.columns .header p{
  background: url('/images/ui/fin-columns.png') 170px 4px no-repeat;
}
#highlights .accordion_toggle.home_audio .header p{
  background: url('/images/ui/fin-home_audio.png') 170px 4px no-repeat;
}
#highlights .accordion_toggle.albums .header p{
  background: url('/images/ui/fin-albums.png') 170px 4px no-repeat;
}
#highlights .accordion_toggle.books .header p{
  background: url('/images/ui/fin-books.png') 170px 4px no-repeat;
}
#highlights .accordion_toggle.concerts .header p{
  background: url('/images/ui/fin-concerts.png') 170px 4px no-repeat;
}
#highlights .accordion_toggle.departments .header p{
  background: url('/images/ui/fin-departments.png') 170px 4px no-repeat;
}
#highlights .accordion_toggle.features .header p{
  background: url('/images/ui/fin-features.png') 170px 4px no-repeat;
}
#highlights .accordion_toggle.instruments .header p{
  background: url('/images/ui/fin-instruments.png') 170px 4px no-repeat;
}
#highlights .accordion_toggle.movies .header p{
  background: url('/images/ui/fin-movies.png') 170px 4px no-repeat;
}
#highlights .accordion_toggle.news .header p{
  background: url('/images/ui/fin-news.png') 170px 4px no-repeat;
}
#highlights .accordion_toggle.photos .header p{
  background: url('/images/ui/fin-photos.png') 170px 4px no-repeat;
}


#highlights .accordion_content {
  float:left;
  display:inline;
  width:190px;
  height:290px;
  overflow:hidden;
}

.homepage #downloads li {
  float:left;
}

#downloads .track_info{
  width:107px;
  float:left;
}

/* SECTIONS */


.features #article_header {
  height:290px;
  color:white;
  margin-bottom:1.9em;
  border:0;
  position: relative;
}

.features #article_header .headline {
  position:absolute;
  bottom:20px;
}

.features #article_header h1 {
  font-weight:normal;
  font-size:40px;
  line-height:1;
  color:white;
}

.features #article_header h2 {
	color:white;
}

/* SECTION COLORS */

/*sections*/

.columns     {border-color: #508f76;}
.departments {border-color: #688c5f;}
.features    {border-color: #7d7f45;}
.photos      {border-color: #8b6b2e;}
.news        {border-color: #8f521b;}
.albums      {border-color: #8a3911;}
.books       {border-color: #7b2311;}
.movies      {border-color: #65151a;}
.instruments {border-color: #4c102c;}
.home_audio  {border-color: #331444;}
.concerts    {border-color: #1f225d;}
/*.spare       {border-color: #133875;}*/

#highlights .columns     {background-color: #508f76;}
#highlights .departments {background-color: #688c5f;}
#highlights .features    {background-color: #7d7f45;}
#highlights .photos      {background-color: #8b6b2e;}
#highlights .news        {background-color: #8f521b;}
#highlights .albums      {background-color: #8a3911;}
#highlights .books       {background-color: #7b2311;}
#highlights .movies      {background-color: #65151a;}
#highlights .instruments {background-color: #4c102c;}
#highlights .home_audio  {background-color: #331444;}
#highlights .concerts    {background-color: #1f225d;}
/*#highlights .spare       {background-color: #133875;}*/


.features #article_header    {background-color: #7d7f45;}




/* begin ADS */

.hoc_336{
  border:1px solid #ccc;
  padding:16px;
  text-align:center;
  margin-bottom:18px;
}

.hoc_180_module_2 {
  margin:9px 0;
}

.hoc_180 {
width:180px;
margin:0 9px 9px 0;
float:left;
padding:0;
}

.hoc_180.last {
margin-right:0;
}

.hoc_leader {
  background-color:#CCC;
  margin:0 auto;
  text-align:center;
  width:954px;
  min-height:85px;
}

/* end ADS */

form .buttons {
  clear:both;
  text-align:right;
}

.strip_control {
  position:relative;
  margin-bottom:27px;
}

.features .strip_control {
  position:absolute;
  right:0;
}

.features .strip_box {
  border-width:0;
  background:none;
}

.strip_control .buttons span {
  font-weight:bold
}

.strip_control .buttons {
  padding:3px 9px;
  position:absolute;
  right:0;
/*  bottom:-3.7em;*/
  color:black;
  cursor:pointer;
}

.strip_control .buttons span.selected {
  border-bottom:2px solid #900;
  font-weight:normal;
}

.strip {
  /*max integer allowed  by FF2 which seems to be 2147483647 / 30 */
  width:71582788px;
}

.strip_control .strip_item {
  position:relative;
  float:left;
  display:inline;
}

.strip_item img {
  display:block;
  border-right:1px solid #444;
}

.strip_control .overlay {
  background:white;
  position:absolute;
  top:290px;
  width:100%;
  max-width:558px;
  padding:9px 0 18px;
  opacity: 0.6;
  -moz-opacity: 0.6;
  filter:alpha(opacity=60);
}

.strip_control .caption {
  color:black;
  font-size:1.1em;
}

.strip_control .credit {
  color:#333;
  font-size:0.9em;
}

.strip_control .number {
  font-size:4em;
  font-weight:bold;
  margin-top:-8px;
  color:black;
}

.bottom_bar {
  clear:both;
}

.column.community {
  background: #F2F2F2;
  border-top: 9px solid #D6D6D6;
  padding-top: 9px;
}

/* begin USER TOOLS, SITE-WIDE SEARCH */

.homepage #user_tools {
margin-top:4px;
}

#pocket{
  padding-top:14px;
  width:191px;
}

#sitewide_search {
 margin:14px -9px 0 0;
 _margin:9px 0px 0 0; /* ie6 */
 width:236px;
}

.homepage #sitewide_search {
 margin:18px 0 0 0;
}

.cse-branding-right .cse-branding-form form {
margin:0;
padding:0;
float:right;
}

.cse-branding-right .cse-branding-form {
margin-left:0px;
}

.cse-branding-right .cse-branding-logo, .cse-branding-right .cse-branding-text {
margin:0;
padding:0;
}

.cse-branding-form input[type="text"] {
height:16px;
margin:0 5px 0 0;
padding:0 .2em;
color:#333;
vertical-align:top;
}

.cse-branding-form input[type="image"] {
height:18px;
}

/* end */


.strip_box {
  border:solid black;
  border-width: 1px 0;
  background:#f4f4f4;
}

.notice {
  color:white;
  background:green;
}

.warning {
  color:white;
  background:#F90;
}

.error {
  color:white;
  background:red;
}

a.attention {
  color:#900;
}

.scroll_box {
  border:1px solid #666666;
  height:180px;
  margin:0pt 0pt 20px;
  overflow:auto;
  padding:9px;
}

.intro p {font-size:1.6em;}

.intro ul {
  text-indent:1em;
  font-size:1.2em;
  line-height:1em;
  margin-left:3em;
}

.article_tools {
  padding:9px;
  background-color:#F9f9f9;
}

.leaderboard {
  text-align: center;
}
.ad {
  text-align: center;
  margin: 10px;
}