/*
Pathetic Caverns stylesheet V3
*/

body {
	background-color: #FFF;
	/* flush margins on all 4 sides to mitre background propertly */
	margin: 0px;
	padding: 0px;
	/* base font behavior */
	font-family:  "Trebuchet MS",  Verdana, Arial, Helvetica, Helv, sans-serif; 
	font-size:90%;
	}
h1 {
	font-size:150%;
	font-weight:normal;
	margin-bottom:0;
	}
h1 + p, h4 + p {
	margin-top:0;
	}
h2, h3, h4 {
	margin-bottom:0;
	}
A:link {color: #333366}
A:hover {color: #669999}
A:active {color: #000000}
A:visited {color: #336633}
a img {
	border:0;
	}
li {
	margin-top: 0.1em;
	margin-bottom: 0.1em;
	}
hr, hr.major {
	color: #333366;
	text-align:center;
	}
hr  {
	width:67%;
	height:1px;
	}
hr.major {
	margin-top:2em;
	margin-bottom:2em;
	width:90%;
	height:4px;
	}

/*
			TOP NAV
*/

/* table with top level nav etc. */
.tnavtable {
	width:100%;
	padding: 0px;
	margin-top:1px;
	margin-left:1px;
	/*cell-spacing: 0px; in CSS2, but not widely supported yet */
	}

/* elements common to nav blocks */
.tnavblock1r,.tnavblock1,.tnavblock2l, .tnavblock2r, .tnavblock2, .tnavblock3l, .tnavblock3	{
	height:1.5em;
	vertical-align:middle;
	}
/* alignments */
.tnavblock1r, .tnavblock2r {
	text-align:right;
	}
.tnavblock1,.tnavblock2, .tnavblock3 {
	text-align:center;
	}
.tnavblock2l,.tnavblock3l {
	text-align:left;
	}
/* first row color */
.tnavblock1r, .tnavblock1 {
	background-color:#CFDFFF;
	}
/* 2nd row color */
.tnavblock2, .tnavblock2l, .tnavblock2r {
	background-color:#DFEFFF;
	}
/* 3rd row color */
.tnavblock3, .tnavblock3l {
	background-color:#EFFFFF;
	}

/* 
	color, font size weight is common
	to many nav elements 
*/
em.tnav, label.tnav,p.tnav, A.tnav:link, A.tnav:visited,A.tnav:hover {
	font-size:90%;
	color:#000033;
	font-weight:bold;
	}
em.tnav {
	text-decoration:none;
	font-style:normal;
	}
label.tnav, p.tnav {
	text-decoration:none;
	margin-top:0ex;
	margin-bottom:0ex;
	}
A.tnav:link, A.tnav:visited {
	text-decoration:none;
	}
A.tnav:hover {
	text-decoration:underline;
	}

.navindent {
	margin-left:1em;
	margin-right:1em;
	margin-top:1ex;
	margin-bottom:1ex;
	}
.anavindent {
	margin-left:0.15em;
	margin-right:0.15em;
	}

	/* padding is opaque */
.info {
	padding-left:1em;
	padding-right:1em;
	padding-top:0.5em;
	padding-bottom:0.5em;
	margin-top:0;
	margin-bottom:0;
	background-color:#EEEEEE;
	}

/* 
	skip
*/
.skipnav {
	position:relative;
	}

/*
	MAIN BLOCK -- review area
*/


.mainblock {
	margin-left:8em;
	margin-right:8em;
	}
/* floats for h2, h3 */
.fl,.nofl {
	margin-right:0.25em;
	}
.fl {
	float:left;
	}

/* div for review header */
.revhead {
	margin-bottom: 0.75em;
	margin-top: 2.5em;
	}
/* images inside reviews */

.revdiv img.left {
	text-align:left;
	margin: 8px 8px 8px 0; /* TRouBLe */
	}
.revdiv img.right {
	text-align:right;
	margin: 8px 0 8px 8px; /* TRouBLe */
	}
.revdiv img.center {
	text-align:center;
	margin: 8px 0; /* TRouBLe */
	}


/* most review headers have common attributes */
h2, h3, h2.feature, h3.feature, h2.revtitle, h2.revauthor, h2.revcomposer, h2.revartist,h3.revdirect, h3.revtitle, h3.revtitleshort, h3.revdate {
	font-size:110%;
	font-weight:bold;
	margin-top:0;
	margin-bottom:0;
	}
/* only (full-length) titles are italicized */
h2.revtitle, h3.revtitle {
	font-style: italic;
	}
h4.feature, h4.revlocation, h4.revlabel, h4.revrelease,h3.featuredate {
	font-size:100%;
	font-weight:normal;
	margin-top:0;
	margin-bottom:0;
	}
/* genre markup is somewhat diffeent */
h2.genre, h3.genre {
	font-weight:bold;
	margin-top:0;
	margin-bottom:0;
}
h2.genre {
	font-size:110%;
	}
h3.genre {
	font-size:100%;
	margin-left:1em;
	}

/* primary review markup */
/* main para style for reviews */
div.revdiv p, .rev, .special, p.feature {
	margin-top: 0.25em;
	margin-bottom: 0.25em;
	text-indent: 1.2em
	}
p.feature, p.special {
	text-indent:0;
	}

.flushquote, .quotation, div.revdiv p.quotation, blockquote {
	font-family:  Georgia, Garamond, Baskverville, "New York", Trebuchet,  "Times New Roman",  Palatino, Times,  serif;
	margin-top: 0.5em; 
	margin-bottom: 0.5em; 
	margin-left: 2em; 
	margin-right: 2em;
	/*text-indent: 1em;*/
	}

p.flushquote, div.revdiv p.flushquote {
/* eg., for lyrics - note that we need to override specificity*/
	margin-top: 0.25em; 
	margin-bottom: 0.25em; 
	text-indent: 0;
	}


/* additional semantic markup for reviews/features */
p.pointer {
	margin-left:2em;
	margin-top:0.1em;
	margin-bottom:0.1em;
	}

.date {
	font-size:90%;
	font-style:italic;
	}
.title, .foreign {
	font-style:italic;
	}
/* this piece by ... */
.attrib {
	font-style:normal;
	}
/* OLD originally appeared in ... */
.cite {
	font-style:normal;
	font-size:smaller;
	margin-left:3.5em;
	}
/* NEW originally appeared in ... */
.cit {
	font-style:italic;
	font-size:smaller;
	}
.cit cite {
	font-style:normal;
	}
acronym, abbr, .help {
	border-bottom: 1px dotted #333333;
	cursor: help;
	}

.spoiler {
	margin-bottom:30em;
	}
.tag {
	font-weight:bold;
	}
.elipsis {
	letter-spacing:0.5em;
	}
.subtle {
	font-size:80%;
	}
.amend {
	color:#006666;
	}

.code {
	font-family: "Courier New", Courier, Linotype, monospace;
	}
/* legacy markup for old pages */
p.buylink {
	margin-top:0.1em;
	margin-bottom:0.1em;
	}
img.buylink {
	vertical-align:bottom;
	}


/* offsite links */
A.ext {
	text-decoration:none;
	border-bottom:1px dashed blue;
	}
A.ext:hover {
	text-decoration:underline;
	}



/* 
	Indicia
*/

/* semantic */	
.indicia, .indicia-last, .indicia-first {
	margin-top:0.1em;
	margin-bottom:0.1em;
	text-align:right; 
	font-size: 80%; 
	}
.indicia-last {
	margin-bottom: 1.5em;
	}
.indicia-first {
	margin-top:6em;
	}
.indicia a, .indicia-first a, .indicia-last a {
	text-decoration:none;
	}
.indicia a:hover, .indicia-first a:hover, .indicia-last a:hover {
	text-decoration:underline;
	}

/* 
	PHYSICAL MARKUP
*/



.flush,.flusht,.flushtb {
	margin-top:0.1em;
	}
.flush,.flushb {
	margin-bottom:0.1em;
	}
.flushl {
	margin-left:0.1em;
	}
.center {
	text-align:center;
	}
