/* 
 * Stylesheet for Chris's IMD pages, September 2003.
 *
 * NB: Unbelievable amount of faff getting margins right
 * because of brain-death in Windows versions of Explorer 6
 * (and probably 5)... hence some of the left side is controlled
 * using padding-* instead of margin-* <sigh>
 *
 * For more info on this problem see:
 *    http://www.hut.fi/u/hsivonen/doctype.html
 *    http://www.allmyfaqs.com/faq.pl?DOCTYPE
 *    
 * EVEN MORE BRAIN DEATH (April 04) ... IE6 on Windows 
 * doesn't like padding-top, and just to make debugging
 * EVEN MORE fun, it IGNORES double-slash comments (as opposed
 * to C-style), ie, it actually PROCESSES stuff you think
 * is commented out!
 */

.humongous { font-size: 32pt; line-height: 42pt; }

.uc { text-transform: uppercase }

 p, td.outer, .indent {
	padding-left: 15%; 
	 margin-right: 15%; 
}

/* ul, li { margin-left: 17%; margin-right: 15% } */

 ul { padding-left: 20%; }

.news { border-top: 1px dotted #ff9933; 
	vertical-align: top; }

div.newsitem { 
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-style: normal; 
	line-height: 12pt;  
/*	padding-top: 5%;   */
	text-indent: -1em; 
	padding-left: 1em; 
	font-weight: normal; 
	margin-left: 0;
 	color: #ff0000; 
	text-transform: lowercase;
	vertical-align: top;
}

.newstitle { color: #ff9933; font-weight: bold; line-height: 150%; }

.hack {
	font-family: courier, typewriter;
	line-height: 100%;
	text-transform: uppercase;
}

body, td, p { 
	font-family:  Verdana, Arial, Helvetica, sans-serif; 
	font-size: 8pt;
	font-style: normal; 
	line-height: 180%; 
	font-weight: normal; 
 	color: #ffffff; 
	text-transform: lowercase;
	vertical-align: top
} 

.fakeh2, h1, h2, h3, h4, h5, h6 {  padding-left: 15%; text-indent: -2em }

p.ref { 
	text-indent: -1.2em; 
	text-transform: none;
}

img.ref {
/*        padding-left: -5%; */
	float: left;
}

address { font-style: normal; font-weight: bold; color: #ff9933 }

.comment { font-style: italic; color: #999999; font-size: 90%; }

h1, .fakeh1  { 
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 14px; 
	font-style: normal; 
	line-height: 120%; 
	color: #FF9933; 
/*	margin-left: -8%; */
	text-transform: uppercase;    
	font-weight: bold; 
	vertical-align: top

} 

.fakeh2, h2 { 
/*	margin-left: -4%; */
	font-size: 12px;	
	font-weight: normal; 
	color: #ff9933;
	text-transform: uppercase 
}

h4, h5, h6, h7 {
/*	margin-left: -4%; */
	font-size: 10px;	
	font-weight: bold; 
	color: #ff9933;
	text-transform: lowercase;  
}

h3 { color: #ff9933; font-weight: normal; }

strong { color: #ff9933; font-weight: bold; }


.niceborder { border: 2px solid white; }

.bottomborder { border-bottom: 1px solid #ff9933; }

.botdotborder { border-bottom: 1px dotted #ff9933; }
.topdotborder { border-top: 1px dotted #ff9933; }
.topborder    { border-top: 1px solid #ff9933; width: 100%; }
.bothdotborder { border-top: 1px dotted #ff9933; border-bottom: 1px dotted #ff9933;  }
.rightborder  { border-right: 1px dotted #ff9933; }
.leftborder   { border-left: 1px dotted #ff9933; }


a { 
	font-family: 'Lucida Grande', Tahoma, Helvetica, sans-serif; 
	text-transform: uppercase; 
	font-weight: bold; 
	text-decoration: none; 
	font-size: 90%; 
}

a.newsitem, a.smlink { 
	text-transform: lowercase;
	font-weight: normal;
	text-decoration: none;  
	font-size: 90%; 
}

a:hover { color: #ff9933; } 
a:link { color: #ffffff; } 
a:active { color: #ff9933; } 
a:visited { color: #aaaaaa; }

/* #aa9900 is a reasonable colour for 'visited' if used with ff9933 */



img.margin { margin-bottom: 16px; margin-left: 16px; margin-right: 16px; }

.credits { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; font-style: normal; line-height: 12px; font-weight: normal; color: #FFffff; vertical-align: top}