/*

+----------------------------------------------------------------------------------------------------+
|                                                                                                    |
|    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: Helvetica, Arial, sans-serif;
	color:#666;
}


body#new2 { 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;
	background: transparent url(/images/black-opaque.png) repeat;
	position: relative;
	
}

#header:hover { background: #000;}



#footer {
	width:980px;
	height: 90px;
	xpadding-top:1.5em;
	xmargin-bottom:2em;
	background: transparent url(/images/black-opaque.png) repeat;
	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; }






/*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;
	background: transparent url(/images/white-opaque.png) repeat;
	}
	
.white:hover { 	background: #fff url(/images/white-opaque.png) repeat;
}
	
.black { 
		padding: 2em; 
		margin-bottom: 2em;
		background: transparent url(/images/black-opaque.png) repeat;
		}

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

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

.opacity {
	opacity: .75; /* Standard: FF gt 1.5, Opera, Safari */
	filter: alpha(opacity=75); /* IE lt 8 */
	-ms-filter: "alpha(opacity=75)"; /* IE 8 */
	-khtml-opacity: .75; /* Safari 1.x */
	-moz-opacity: .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;}

.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; 
	top: 30px; 
	left: 510px; 
	xz-index: 5; 
	xwidth: 347px; 
	xheight: 47px; 
}

#facebook {
	
	position: absolute; 
	top: 30px; 
	left: 620px; 
	xz-index: 5; 
	xwidth: 347px; 
	xheight: 47px; 
}


#viewcart_header  {
	
	position: absolute; 
	top: 26px; 
	left: 730px; 
	xz-index: 5; 
	xwidth: 347px; 
	xheight: 47px; 
}


#xxcontact {
	
	position: absolute; 
	top: 30px; 
	left: 730px; 
	xz-index: 5; 
	xwidth: 347px; 
	xheight: 47px; 
}


#contact {
	position: absolute; 
	top: 30px; 
	left: 840px; 
	xz-index: 5; 
	xwidth: 347px; 
	xheight: 47px;
}



.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.3em;
	line-height:1.4em;
	margin-top:0em;
	margin-bottom:.75em;
}



p.articlesub {
	font-size: 1.3em;
	font-style: italic;
	margin: 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;
}






/*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 .4em 0;
	text-transform: uppercase;
	font-weight: bold;
	display: block;
}

.article h2,
.discogRight h2{
	margin: 0;
}

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

.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; 
	color:#333;
	

}

a:hover { 
	text-decoration:none; 
	color: #fff;
	background: #666;

}

a.nobg:hover { background: transparent;}


.article p a {
	xbackground: #666;
	color: #000;
	font-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 {
	color:#000;
}

h1 a:hover{
}

li a {
	color:#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 {
	color: #000;

}

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




ul.discoglist li.current 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.2em;
	line-height:1.5em;
	font-weight:bold;
	
}
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: 4px 8px;
	background: #666;
	color: #fff;
	border: none;
}

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;
}