/*
Default Style Sheet for Rock13.com
 - overall effect is grey/white on black
 - not very well suited for NN4.x, need to address cascading issues
*/

ADDRESS, BLOCKQUOTE, DIV, DL, FIELDSET, FORM, P,
H1, H2, H3, H4, H5, H6, HR, OL, UL, PRE,
APPLET, IFRAME, OBJECT,
DD, DT			{ display: block }
LI				{ display: list-item }
HEAD			{ display: none }
TABLE			{ display: table }
TR				{ display: table-row }
THEAD			{ display: table-header-group }
TBODY			{ display: table-row-group }
TFOOT			{ display: table-footer-group }
COL				{ display: table-column }
COLGROUP		{ display: table-column-group }
CAPTION			{ display: table-caption;
				caption-side: top;
				font-size: smaller; }
TD, TH			{ display: table-cell }

BODY	{ background: #000 none; color: #ccc;
		padding: 0;
		margin-left: 0.25em;
		margin-right: 0.25em;
		margin-top: 0.25em;
		margin-bottom: 0.25em;
		line-height: 1.20;
		font-family: Arial, Verdana, Helvetica, sans-serif;
}

H1 { font-size: 1.5em; margin: .50em 0; background: transparent;}
H2 { font-size: 1.33em; margin: .50em 0; background: transparent;}
H3 { font-size: 1.10em; margin: .75em 0; background: transparent;}
H4 { font-size: 1em; margin: 1.33em 0; background: transparent;}
H5 { font-size: .83em; margin: 1.67em 0; background: transparent;}
H6 { font-size: .67em; margin: 2.33em 0; background: transparent;}

/* Main heading is typically a linked logo */
H1 A IMG { text-align: right; float: right; }

H1, H2, H3, H4, H5, H6 {
	font-weight: bolder;
	background: transparent;
	color: #fff;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

FIELDSET, FORM { margin: 1.33em 0 }
P { margin: 1.1em 1.5em }
UL, OL, DL	{ margin-top: 1.33em;
			margin-bottom: 1.33em;
			margin-left: 1.5em;
			margin-right: .25em;
			line-height: 1.10
}
DT { margin-left: 0 }
DD { margin-left: 2.5em }
BLOCKQUOTE		{ margin: 1.33em 4em }
PRE { white-space: pre;
	  font-family: Courier, monospace;
	  margin: 1.1em 3.0em;
}
TH              { font-weight: bolder; text-align: center }
CAPTION         { text-align: center }
B, STRONG		{ font-weight: bolder }
I, CITE, EM, VAR, ADDRESS	{ font-style: italic }
TT, CODE, KBD, SAMP, SUP, SUB	{ font-family: Courier, monospace }
BIG				{ font-size: 1.17em }
SMALL, SUB, SUP	{ font-size: .83em }
SUB				{ vertical-align: sub }
SUP				{ vertical-align: super }
S, STRIKE, DEL	{ text-decoration: line-through }
INS             { font-style: italic }
HR				{ border: 1px inset }
OL				{ list-style-type: decimal }
UL				{ list-style-type: circle }
LI				{ list-style-position: outside; }
OL UL, UL OL, UL UL, OL OL    { margin-top: 0; margin-bottom: 0 }
ABBR, ACRONYM   { font-variant: small-caps; letter-spacing: 0.1em }
ABBR[title], ACRONYM[title] { border-bottom: dotted 1px; cursor: help; }
DFN { font-weight: bold;
      background:transparent none;}
FORM { font-size: 80%; }

:focus          { outline: thin dotted invert }

/* Seems to cause some bug with recuuring newline insertion
in at least Mozilla .9.6

BR:before       { content: "\A" }

*/

/* Hyper Links - - - - - - - - - - - - */

A:link {text-decoration: underline;
	color: #09f;
	background: transparent;
}

A:visited {text-decoration: none;
	color: #90f;
	background: transparent;
}

A:link:hover {text-decoration: underline;
	color: #09f;
	background: #333;
}

A:visited:hover {text-decoration: underline;
	color: #09f;
	background: #333;
}

A:active {text-decoration: none;
	color: #f00;
	background: transparent;
}

/* - - - - - - - - - - - - - - - - - - */



/* CLASSES - - - - - - - - - - - - - - */

.byline {text-align: center;
	font-size: 80%;
	padding-top: 0.1em;
	padding-bottom: 0.1em;
	padding-left: 2em;
	padding-right: 2em;
}
.important { font-size: 1.05em;
	color: #f00;
	background: transparent;
	font-weight: normal;
	font-style: italic;

}
.note { font-family: Courier, monospace;
	margin-left: 10%;
	margin-right: 10%;
	text-indent: 1em;
	color: #000;
	background: url(/sq.gif) #fff;
	padding: 0.25em;
}
pre.fbcomment {
	margin-left: 10%;
}

/* External Amazon JS links. Random categories with images */
.amazonrandom-ext { display: block; float: right }

/* W3C Stuff Here snipped out */

@media print {
/*  @page         { margin: 10% } */
  H1, H2, H3,
  H4, H5, H6    { page-break-after: avoid; page-break-inside: avoid }
  BLOCKQUOTE,
  PRE           { page-break-inside: avoid }
  UL, OL, DL    { page-break-before: avoid }
}

@media aural {
  H1, H2, H3,
  H4, H5, H6    { voice-family: paul, male; stress: 20; richness: 90 }
  H1            { pitch: x-low; pitch-range: 90 }
  H2            { pitch: x-low; pitch-range: 80 }
  H3            { pitch: low; pitch-range: 70 }
  H4            { pitch: medium; pitch-range: 60 }
  H5            { pitch: medium; pitch-range: 50 }
  H6            { pitch: medium; pitch-range: 40 }
  LI, DT, DD    { pitch: medium; richness: 60 }
  DT            { stress: 80 }
  PRE, CODE, TT { pitch: medium; pitch-range: 0; stress: 0; richness: 80 }
  EM            { pitch: medium; pitch-range: 60; stress: 60; richness: 50 }
  STRONG        { pitch: medium; pitch-range: 60; stress: 90; richness: 90 }
  DFN           { pitch: high; pitch-range: 60; stress: 60 }
  S, STRIKE     { richness: 0 }

/* I and B should probably be normal */

  I             { pitch: medium; pitch-range: 60; stress: 60; richness: 50 }
  B             { pitch: medium; pitch-range: 60; stress: 90; richness: 90 }
  U             { richness: 0 }
  A:link        { voice-family: harry, male }
  A:visited     { voice-family: betty, female }
  A:active      { voice-family: betty, female; pitch-range: 80; pitch: x-high}
}