* { margin:0px; padding:0px; }
abbr, acronym
  { text-decoration: none; border-bottom: 1px dotted #F7F5D9; cursor: help; }

body
  { background-image:url("tile-metal.jpg"); font-family:Georgia; margin:4px; }

#titles
  { position:relative; width:549px; height:77px; margin-left:auto; margin-right:auto; }
	#titles h1, #titles h2
	  { font:10pt "Andes","Impact"; text-align:center; margin:0px; padding:0px; }
	#titles h1
	  { font-size:13pt; font-weight:normal; }
	#titles h2
	  { font-size:11pt; font-weight:normal; }
	#titles p
	  { position:absolute; top:0px; width:549px; height:77px; background-image:url("Clockwork-Crisis-logo-512.png"); }

#credits
  { position:relative; width:512px; height:33px; margin-left:auto; margin-right:auto; margin-top:4px; font-family:Arial; }
#credits
  { margin-bottom:0.6em; }
	#writer, #artist
	  { position:absolute; bottom:20%; width:384px; white-space:nowrap; }
	#writer
	  { left:1em; text-align:left; }
	#artist
	  { right:1em; text-align:right; }
	#credits p
	  { position:absolute; top:0px; left:0px; width:512px; height:33px; background-image:url("credits-512.png"); }

.column1, .column2, .column3
  { width:512px; margin-left:auto; margin-right:auto; }

.fineprint
  { font:bold 6pt "Courier New"; text-align:right; }

h3 { font:bold 15pt Andes,Arial; letter-spacing:0.12em; color:#FBB008; margin:8px 0px 6px 0px; padding:4px; background:#71593F; text-align:center; }
h3 {	border-left:2px solid #B1997F;
	border-top:2px solid #B1997F;
	border-right:2px solid #51391F;
	border-bottom:2px solid #51391F; }

/* not behaving in Opera */
/* Mozilla/Safari: text at bottom; IE: text at top; Opera: text in top */
#iconsections a
  { position:relative; }
#iconsections a img
  { border:1px solid blue; width:94px; height:140px; margin-bottom:1.0em; margin-top:1.2em; }
#iconsections a b
  { position:absolute; width:96px; top:0px; left:0px; font-weight:normal; text-align:center; text-decoration:underline; }

#comicpage
  { position:relative; width:512px; margin-left:auto; margin-right:auto; }
#comicpage div
  { margin:4px; padding:4px; border: 1px solid black; background-color:#AA9077; }
#comicpage div p
  { margin:0px; padding-top:0.2em; padding-bottom:0.2em; }
#comicpage
  { padding-top:790px; }
#comicpage img
  { position:absolute; top:0px; left:0px; }

#pagenumber p
  { font-size:15pt; font-weight:bold; text-align:center; margin:0px; padding:0px;}

#backnext { list-style-type:none; width:512px; position:relative; margin-left:auto; margin-right:auto; }
#backnext { font:bold 11pt Arial; height:2.4em; }
#backnext li a { position:absolute; text-decoration:none; text-align:center; padding:4px; width:28px; top:0px; }
#next a { left:474px; }
#backnext li a { border-left:1px solid black; border-top:1px solid black; border-right:1px solid white; border-bottom:1px solid white; }
#backnext li a { background-color:#AA9077; }
#backnext li a:hover { background-color:#71593F; }

#intermediates { width:512px; margin-top:2em; margin-left:auto; margin-right:auto; }
.halfwidths img { width:248px; }


#standardista img { filter:alpha(opacity=50); opacity: 0.5; }