/*

+----------------------------------------------------------------------------------------------------+
|                                                                                                    |
|    TYPOGRIDPHY - TYPOGRAPHICAL AND GRID LAYOUT CSS FRAMEWORK FROM HARRY ROBERTS OF CSS WIZARDRY    |
|                                                                                                    |
+-------------------------------------------------+--------------------------------------------------+
|                                                 |                                                  |
|   TYPOGRIDPHY IS © COPYRIGHT OF HARRY ROBERTS   |   v 0.1.1                                        |
|   IT IS FREE TO BE USED AND MODIFIED PROVIDED   |   May 2008                                       |
|   THIS TEXT REMAINS INTACT -- CSSWIZARDRY.COM   |   http://csswizardry.com                         |
|                                                 |                                                  |
+-------------------------------------------------+--------------------------------------------------+



COLOUR REFERENCES
BODY BG: #FFF
TOP STRIP: #000
BODY COLOUR: #666
LINKS: #000
-------------------------------------------------------- */

/* RESET */
body,
div,
dl,
dt,
dd,
ul,
ol,
li,
h1,
h2,
h3,
h4,
h5,
h6,
pre,
form,
fieldset,
input,
textarea,
p,
blockquote,
th,
td {
  margin: 0;
  padding: 0;
}
table {
  border-collapse: collapse;
  border-spacing: 0;
}
fieldset,
img {
  border: 0;
}
address,
caption,
cite,
code,
dfn,
em,
strong,
th,
var {
  font-style: normal;
  font-weight: normal;
}
ol,
ul {
  list-style: none;
}
caption,
th {
  text-align: left;
}
h1,
h2,
h3,
h4,
h5,
h6 {
  font-size: 100%;
  font-weight: normal;
}
q:before,
q:after {
  content: "";
}
abbr,
acronym {
  border: 0;
}
/*---------- END RESET ----------*/

/*-------------------------------------------+
|                                            |
|            MAIN STRUCTURE STYLES           |
|                                            |
+-------------------------------------------*/
html {
  font-size: 100%;
  min-height: 101%;
}
body {
  font-size: 62.5%;
  /*font-family: 'PT Sans', Helvetica, Arial, sans-serif;*/
  font-family: "Open Sans", sans-serif;
  color: #666;
  background: url(/images/bg1.jpg) no-repeat fixed;
}

#wrapper {
  width: 980px;
  margin: 0 auto;
  /* xbackground: blue; */
  position: relative;
  /* xheight: 70px; */
}

#header {
  width: 980px;
  height: 13em;
  padding-top: 1.5em;
  margin-bottom: 2em;
  /* xbackground: transparent url(/images/black-opaque.png) repeat; */
  background: #000;
  position: relative;
}

#header:hover {
  background: #000;
}

#footer {
  width: 980px;
  height: 90px;
  /* xpadding-top:1.5em;
	xmargin-bottom:2em;
	xbackground: transparent url(/images/black-opaque.png) repeat; */
  background: #000;
  position: relative;
}

#footer:hover {
  background: #000;
}

/*NAVIGATION
-------------------------------------------------------- */

#mainnav {
  /* xmargin: 90px 0 0px 18px; */
  /* xbackground: red; */
  height: 26px;
  position: absolute;
  top: 86px;
  left: 16px;
}

#mainnav li {
  float: left;
  font-size: 1.6em;
  font-weight: normal;
  display: block;
}

#mainnav li a {
  padding: 13px;
  /* xcolor: #7d7d7d; */
  color: #818181;
  /* xbackground: red; */
}

#mainnav li a:hover {
  color: #fff;
  background: #000;
}

#mainnav li.current a {
  color: #fff;
}

#mainnav li.mojo_active a {
  color: #fff;
}

/*  selected for main menu  */
body#home #mainnav li.home a,
body#tours #mainnav li.tours a,
body#biography #mainnav li.biography a,
body#discography #mainnav li.discography a,
body#shop #mainnav li.shop a,
body#press #mainnav li.press a,
body#vid #mainnav li.vid a,
body#photos #mainnav li.photos a {
  color: #fff;
}

/*GRIDS
-------------------------------------------------------- */
/* Set styles common among all grids - all grid divs must be assigned this class */
.generic {
  float: left;
  /* xmargin-top:20px; */
  margin-bottom: 2em;
  display: inline;
}

/* Sets styles for any 'start' grids - this class MUST be given to a grid that is the first in a horizontal series */
.clear {
  clear: both;
}

/* Sets styles for any 'end' grids - this class MUST be given to a grid that is the last in a horizontal series */
.end {
  margin-left: 0 !important;
  margin-right: 0 !important;
}

/*   600px  */
.six {
  width: 600px;
  margin-right: 20px;
  display: inline;
}

/*   360px  */
.threesixty {
  width: 360px;
  margin-right: 20px;
  display: inline;
}

/*   670px  */
.sixseventy {
  width: 670px;
  margin-right: 20px;
  display: inline;
}

/*   290px  */
.twoninety {
  width: 290px;
  margin-right: 20px;
  display: inline;
}

/*   980px  */
.nineeighty {
  width: 980px;
  margin-right: 0px;
  display: inline;
}

/*-------------------------------------------+
|                                            |
|                CUSTOM BLOCKS                |
|                                            |
+-------------------------------------------*/

/*  INSIDE DIVS */
.white {
  padding: 2em;
  margin-bottom: 2em;
  /* xbackground: transparent url(/images/white-opaque.png) repeat; */
  background: #fff;
}

.white:hover {
  /* xbackground: #fff url(/images/white-opaque.png) repeat; */
  background: #fff;
}

.black {
  padding: 2em;
  margin-bottom: 2em;
  /* xbackground: transparent url(/images/black-opaque.png) repeat; */
  background: #000;
}

.black:hover {
  background: #000 url(/images/black-opaque.png) repeat;
  background: #000;
}

.article {
  margin: 0 0 20px 0;
  padding: 10px 0 0 0;
  border-top: 1px dashed #999;
}

.opacity {
  opacity: 0.75; /* Standard: FF gt 1.5, Opera, Safari */
  filter: alpha(opacity=75); /* IE lt 8 */
  -ms-filter: "alpha(opacity=75)"; /* IE 8 */
  -khtml-opacity: 0.75; /* Safari 1.x */
  -moz-opacity: 0.75; /* FF lt 1.5, Netscape */
}

.light {
  color: #666;
  font-weight: normal;
}

.imgMarginTop {
  margin-top: 5px;
}

.video {
  margin-top: 0em;
  margin-bottom: 0em;
  border: 10px solid #000;
  width: 540px;
  height: 320px;
}

.videoLarge {
  margin-top: 0em;
  margin-bottom: 0em;
  border: 10px solid #000;
  width: 610px;
  height: 370px;
}

/* //.videoThumb  { xmargin: -6px 0 20px 0;   } */

.othervideos {
  float: left;
  margin: 10px 60px 20px 0;
  /* xbackground: red; */
}

#videos div {
  float: left;
  margin: 10px 60px 20px 0;
  /* xbackground: blue; */
}
#videos div.clear {
  float: none;
  margin: 0;
  height: 1px;
}

.banner {
  margin-bottom: 2em;
}

.fixed {
  position: fixed;
  left: 20px;
  top: 0;
}

.photoThumb {
  width: 220px;
  padding: 0;
  margin: 0 16px 0px 0;
}

/* DISCOGRAPHY */

.discogLeft {
  width: 290px;
  /* xbackground: red; */
  margin: 0 20px 0 0;
  float: left;
}

.discogRight {
  width: 320px;
  /* xbackground: green; */
  margin: 0 0px 0 0;
  float: left;
}

.coverLarge {
  width: 320px;
  margin: 0 0 10px 0;
}

.coverMed {
  width: 250px;
  margin: 0 0 10px 0;
}

.coverStandard {
  /* xfloat: left; */
  width: 290px;
}

#Marc-header {
  position: absolute;
  top: 32px;
  left: 30px;
  z-index: 5;
  width: 347px;
  height: 47px;
  text-indent: -9999px;
  background: transparent url(/images/Marc-Carroll.png) 0px 0px no-repeat;
}

#highnoon {
  position: absolute;
  top: 22px;
  left: 22px;
}

#myspace {
  position: absolute;
  /* xtop: 30px; */
  /* xleft: 510px; */
  top: 30px;
  left: 620px;
}

#facebook {
  position: absolute;

  top: 30px;
  left: 730px;
}

#viewcart_header {
  position: absolute;
  top: 26px;
  left: 840px;
}

/* #contact {} */

.black h2 {
  color: #fff;
}

.black p {
  color: #999;
}

x.white:hover {
  background: #dddddd;
}

#mainmenu {
  background: #000;
  /* xheight: 291px; */
  padding: 2em;
}
#mainmenu:hover {
  background: #343434;
}

.viewall {
  /* xfont-weight: bold; */
  /* xfont-style: italic; */
  /* xfont-size: 1em; */
  width: 100%;
  text-align: right;
  margin: 0;
  padding: 6px 0 0 0;
  border-top: 1px dashed #999;
}

/*-------------------------------------------+
|                                            |
|                FONT STYLES                 |
|                                            |
+-------------------------------------------*/
/*PARAGRAPHS
-------------------------------------------------------- */

blockquote p {
  padding: 0px 15px 0px 0px;
  margin: 0;
  /* xfont-size: 1.3em; */
  float: left;
  background: url(/images/quote_down.png) bottom right no-repeat;
  color: #333;
  /* xfont-family: Georgia, Arial, sans-serif; */
}
blockquote {
  padding: 20px;
  font-size: 1.1em;
  line-height: 1em;
  font-style: italic;
  background: url(/images/quote_up.png) top left no-repeat;
  margin-bottom: 0px;
}
cite {
  font-size: 1.2em;
  float: right;
  margin: 0 0 18px 0;
  padding: 0 0 0 0;
}

.generic p {
  font-size: 1.5em;
  line-height: 1.6em;
  margin-top: 0em;
  margin-bottom: 0.75em;
}

p.articlesub {
  font-size: 1.3em;
  font-style: italic;
  margin: 0 0 0.6em 0;
  color: #333;
}

em {
  margin: 0 0 0.6em 0;
  color: #333;
}

p.signed {
  font-size: 1.4em;
  font-weight: bold;
}

p.shortpara {
  width: 220px;
  float: left;
}

/* Styles an introductory paragraph, similar to newspapers. Assign this class to the first paragraph in an article */
p.intro:first-line {
  font-variant: small-caps;
}
/* Styles a drop cap on each paragraph with this class */
p.drop:first-letter {
  float: left;
  font-size: 3em;
  margin-top: -0.05em;
  margin-right: 0.1em;
  margin-bottom: -0.5em;
}

p.newscat {
  /* xbackground: #ccc; */
  margin: 0;
  font-size: 1.3em;
}

/*HEADINGS
-------------------------------------------------------- */
h1 {
  color: #fff;
  font-size: 2em;
  /* xmargin-bottom: 0.6em; */
  /* xline-height: 1.2em; */
}

h2 {
  color: #000;
  font-size: 2.1em;
  line-height: 1.2em;
  margin: 0 0 0.4em 0;
  text-transform: uppercase;
  font-weight: bold;
  display: block;
}

.article h2,
.discogRight h2 {
  margin-bottom: 1em;
}

h2.general {
  color: #666;
  font-weight: normal;
  font-size: 1.6em;
}

h2.alone {
  margin: 0;
}

.black h2 a {
  color: #fff;
}

h2.general a {
  color: #666;
}

h2.general a:hover {
  /* xcolor: #999; */
  color: #fff;
  background: #666;
}

h2.discogh2 {
  margin: 18px 0 0 0;
}

h3 {
  color: #fff;
  font-size: 1.8em;
  /* xline-height: 0.9em; */
  background: #c95500;
  display: inline;
  padding: 2px 4px;
  /* xmargin-bottom: 1em; */
  text-transform: uppercase;
  font-weight: bold;
}

h4 {
  color: #000;
  font-size: 1.2em;
  margin-bottom: 1.5em;
  line-height: 1.5em;
  font-variant: small-caps;
}

h5 {
  color: #000;
  font-size: 1em;
  margin-bottom: 1.8em;
  line-height: 1.8em;
  font-variant: small-caps;
}

h6 {
  color: #000;
  font-size: 1em;
  margin-bottom: 1.8em;
  line-height: 1.8em;
}

/*LINKS
-------------------------------------------------------- */

a {
  text-decoration: none;
  /* xcolor: #333; */
  color: #b28c8c;
  /* xbackground: #ddd; */
}

a:hover {
  text-decoration: none;
  color: #fff;
  /* xbackground: #666; */
  background: #b28c8c;
}

a.nobg:hover {
  background: transparent;
}

.article p a {
  /* xbackground: #666;
	xcolor: #000;
	xfont-weight: bold; */
}

.article p a:hover {
  text-decoration: none;
  color: #fff;
  background: #666;
}

/*
p a {
	xcolor:#c95500;
}


p a:hover{
	background: #999;
	color: #fff;
	
}
*/

h1 a {
  /* xcolor:#000; */
}

h1 a:hover {
}

li a {
  /* xcolor:#bdbdbd; */
}

li a:hover {
  color: #fff;
}

ul.discoglist {
  margin: 0 0 26px 0;
}

ul.discoglist li {
  font-size: 1.4em;
  margin: 0 0 0 6px;
}

ul.discoglist li.caption {
  margin: 0 0 6px 0;
  font-size: 1.4em;
  font-weight: normal;
  font-style: italic;
}

ul.discoglist li.caption a {
  color: #666;
}

ul.discoglist li a {
  /* xcolor: #000; */
}

ul.discoglist li a:hover {
  color: #fff;
}

ul.discoglist li.current a {
  color: #fff;
  background: #000;
}

ul.discoglist li.mojo_active a {
  color: #fff;
  background: #000;
}

ul.discogListings {
  margin: 0 0 20px 0;
  width: 556px;
}

ul.discogListings li {
  color: #333;
  font-size: 1.3em;
  /* xmargin: 8px; */
  padding: 8px 6px 8px 6px;
  font-weight: normal;
  /* xborder-bottom: 1px dashed #ccc; */
}

ul.discogListings li.oddone {
  background: #ececec;
}

ul.discogListings li.title {
  /* xbackground:#ececec; */
  font-weight: bold;
  padding: 8px 6px 0px 6px;
  font-size: 1.4em;
}

ul.discogListings li.detail {
  /* xbackground:#ececec; */
  font-weight: normal;
  font-style: italic;
  border-bottom: 1px dashed #ccc;
  /* xpadding: 0px 6px 8px 6px; */
  font-size: 1.2em;
}

/*ALL THE TRIMMINGS
-------------------------------------------------------- */

.generic strong {
  font-variant: small-caps;
}
.generic em {
  font-style: italic;
  font-weight: inherit;
}
.amp {
  /* Give those ampersands a right sexy look */
  font-family: Baskerville, "Goudy Old Style", "Palatino", "Book Antiqua", serif;
  font-style: italic;
  font-weight: normal;
  line-height: inherit;
}
abbr {
  border-bottom: 1px dotted #666;
  border-color: inherit;
  cursor: help;
}
.clear {
  clear: both;
}
.right-float {
  /* Float any item to the right */
  float: right;
  margin-left: 2em;
  margin-right: 0em;
}
.left-float {
  /* Float any item to the left */
  float: left;
  margin-right: 2em;
  margin-left: 0;
}
.code {
  /* Styling for and code type items */
  font-family: Courier, "Courier New", monospace;
  background: #ddd;
  font-size: 1em;
}
/*-------------------------------------------+
|                                            |
|               IMAGE STYLES                 |
|                                            |
+-------------------------------------------*/
img {
  /* xfont-size:1em; */
}

img.left-img {
  /* Float any image to the LEFT and give it some margin */
  font-size: 1em;
  float: left;
  padding: 4px;
  border: 1px solid #ccc;
  margin-bottom: 1.8em;
  margin-right: 2em;
  margin-top: 0.3em;
}
img.right-img {
  /* Float any image to the RIGHT and give it some margin */
  font-size: 1em;
  float: right;
  padding: 4px;
  border: 1px solid #ccc;
  margin-bottom: 1.8em;
  margin-left: 2em;
  margin-top: 0.3em;
}
/*CONTACT FORM STYLES
-------------------------------------------------------- */
#contact-form {
}
#contact-form label {
  width: 10em;
  float: left;
  margin-top: 0.6em;
}
#name,
#form-email,
#url,
#location {
  width: 42.7em;
  height: 20px;
  padding: 3px;
  padding-top: 5px;
  border: 2px solid #666;
  margin-bottom: 18px;
  background: #fff !important;
}
#comments {
  width: 43.8em;
  height: 10em;
  padding: 3px;
  border: 2px solid #666;
  margin-bottom: 18px;
  overflow: auto;
  background: #fff !important;
}
#name:active,
#form-email:active,
#url:active,
#location:active,
#comments:active,
#submit:active,
#name:focus,
#form-email:focus,
#url:focus,
#location:focus,
#comments:focus,
#submit:focus {
  border: 2px solid #000;
}
#submit {
  clear: both;
  padding: 5px;
  border: 2px solid #666;
  background: #fff !important;
  cursor: pointer;
  margin-left: 9em;
}
#reset {
  clear: both;
  padding: 3px;
  border: none;
  background: #f00 !important;
  cursor: pointer;
  float: right;
  color: #fff;
  margin-top: -28px;
}
/*-------------------------------------------+
|                                            |
|                LIST STYLES                 |
|                                            |
+-------------------------------------------*/

#mainmenu ul li {
}

ul li.nolink {
  color: #515151;
  text-decoration: line-through;
}

ul {
  margin-top: 1.8em;
  margin-bottom: 1.8em;
  list-style: none;
}
ul li {
  font-size: 1.3em;
  line-height: 1.5em;
  font-weight: bold;
  text-transform: uppercase;
}
ul li.caption {
  /* Apply this class to the first list item in a list to give it a caption */
  /* xfont-variant:small-caps; */
  list-style: none;
  color: #000;
}
li > ul,
li > ol {
  margin-bottom: 0;
  margin-left: 0em;
}
li > ul li,
li > ol li {
  font-size: 1em;
}

ol {
  margin-bottom: 1.8em;
  list-style: decimal inside;
}
ol li {
  font-size: 1.2em;
  line-height: 1.5em;
}

#hor-zebra {
  font-size: 1.2em;
  /* xwidth:56em;  */
  width: 100%;
  text-align: left;
  border-collapse: collapse;
  /* xmargin:20px; */
}

#hor-zebra th {
  /* xfont-size:14px; */
  font-weight: normal;
  /* xcolor:#039; */
  padding: 10px 0px;
}

#hor-zebra td {
  color: #000;
  padding: 8px 8px 8px 0;
  font-weight: bold;
  /* xborder-top: 1px solid #fff; */
}

#hor-zebra .odd {
  background: #ececec;
}

/*-------------------------------------------+
|                                            |
|               MISC. STYLES                 |
|                                            |
+-------------------------------------------*/

/*
forms */

input {
  margin: 4px 0;
}

/*-----------------------------
   Table for format, price, and add to cart, view cart
------------------------------ */

.buyarea {
  background: #fff;
  margin: 24px 0 0 0;
}

.buyarea:hover {
  background: #e8e8e8;
}

table.carttable,
table.shipping {
  border-collapse: collapse;
  font-weight: normal;
  margin: 0;
  width: 100%;
}

table.shipping {
  border-bottom: 1px solid #ccc;
}

table.shipping select {
}

table.carttable {
}

table.carttable td {
}

table.carttable td,
table.shipping td {
  padding: 8px 10px 8px 10px;
  font-size: 1.2em;
  color: #333;
}

table.carttable td.btn {
  /*vertical-align: bottom;*/
  /* xwidth: 115px; */
  padding: 10px 10px 10px 10px;
  text-align: right;
  border-top: 1px solid #ccc;
}

table.carttable td.mp3btn {
  /*vertical-align: bottom;*/
  /* xwidth: 115px; */
  padding: 10px 10px 10px 10px;
  text-align: right;
  /* xborder-top: 1px solid #ccc; */
}

table.carttable td.btn2 {
  border: none;
  padding: 10px 10px 10px 10px;
  text-align: right;
}

table.carttable td.btn a,
table.carttable td.btn2 a,
table.carttable td.mp3btn a {
  padding: 3px 6px;
  /* xbackground: #666; */
  background: #b28c8c;
  color: #fff;
  border: none;
  -moz-border-radius: 3px;
  border-radius: 3px;
}

a.btnarticle {
  padding: 4px 8px;
  /* xbackground: #666; */
  background: #b28c8c;
  color: #fff;
  border: none;
  -moz-border-radius: 3px;
  border-radius: 3px;
}

table.carttable td.btn a:hover,
table.carttable td.btn2 a:hover,
table.carttable td.mp3btn a:hover {
  background: #000;
}

button {
  padding: 4px 8px;
  background: #666;
  color: #fff;
  border: none;
  font-size: 1.2em;
  margin-left: 100px;
  cursor: pointer;
}

button:hover {
  background: #000;
  cursor: pointer;
}

table.carttable td.left,
table.shipping td.left {
  color: #46618c;
  padding: 0;
}

.pricespan {
  color: #000;
  font-weight: bold;
  font-size: 1.2em;
  float: right;
}

td.selectshipping {
  text-align: right;
}

table.shipping td.shiphead,
table.carttable td.shiphead {
  color: #15223d;
  font-weight: bold;
  font-size: 1.4em;
}

table.shipping td.price,
table.carttable td.price {
  color: #000;
  font-weight: bold;
  font-size: 1.6em;
  text-align: right;
}

/* dropdown for shipping */
.dropdown {
  /* xfont: 100% georgia, "Lucida Grande", "times new roman", palatino, serif; */
  /* xwidth:150px */
}

.dropcontent {
  color: #46618c;
}

/*  class to show first shipping selection   */

.dropcontent_show {
  color: #46618c;
  display: block;
}

.itemborder {
  border-bottom: 1px #333333 solid;
}

.mojo_blog_entry_form h1 {
  color: #000;
}

.newsarticle img {
  margin: 0 20px 20px 0;
  /* xpadding: 10px; */
  /* xbackground: red; */
  float: left;
}