/* there are some IE/Win hacks in liminal-ie.css */

body {

	/* the main background color */

	background-color: #373333;			

	margin: 0;
	padding: 0;

	/* the main font */

	font-family: Helvetica, sans-serif;		

	background-image: url(liminal-faraway-smoke.jpg);
	background-repeat: repeat;

	/*  this is the curve under the left "armpit" of the sidebar. 

	background-image: url(corner-7.gif);		
	background-position: 498px 120px;			
	background-repeat: no-repeat;				
	
	*/
}


* a,
* a:visited,
* a:link,
* a:active {

	/* links don't get underlined */

	text-decoration: none;						
	
	/* color and style of links */

	font-weight: bold;
	color: inherit;
	/* color: #D03D41; */				
	}

* a.tabletext {
	padding-top: 2px;
	}

* a:hover {

	/* when you hover over links, underline them and change the color */

	text-decoration: underline;					
	}											

* h1 {

	/* text header font information */

	font-size: 13px;
	font-weight: bold;

	/* leave a little space at the top */

	padding-top: 15pt;
	}

* img {

	/* no borders on images thanks! */

	border: 0;
	}

* td img {
	padding: 0;
	margin: 0;
	}

.hanging p {

	/* this is for lists, to have them be hanging indents.
	    arguably this should really be done with <ul> in
	    most cases */

	text-indent: -10pt;
	padding-left: 10pt;
	margin: 0;
	}

.quote {

	/* this is for block quotes, such as at the top of resur-blurb */
	
	font-size: 85%;
	margin-left: 20pt;
	margin-right: 10pt;
	}
		
#container {

	/* these are the curves under the "armpits" of the sidebar. */

	background-image: url(corners.gif);
	background-position: 498px 120px;
	background-repeat: no-repeat;
	}		
		
#topbar {

	/* this is the banner at the top of the screen. */

	background-color: #6a0003;
	height: 100px;
	padding: 0;
	margin: 0;
	padding-left: 25px;
	white-space: nowrap;
	
	background-image: url(liminal-faraway-top.jpg);
	
	
	}
	
#topbar img {

	/* this keeps everything tight (esp on IE) */

	margin: 0;
	padding: 0;
	}
	
#menubar {

	/* this is the menubar, surprise surprise */

	background-color: #afafaf;
	height: 20px;
	color: #ffffff;
	font-size: 10px;
	margin: 0;
	padding: 0;
	white-space: nowrap;


	/* the padding is LESS than other paddings to make room for the
	   3px wide .gifs that provide the tabbed highlight effect */
		
	padding-left: 22px;			
	}
	
#winsux {
	width: 800px;
	}

#menubar a {
 	color: #663366;
	}
	
#menubar ul {

	/* the menu options are actually a list, to make them
	   deprecate nicely. */

	list-style: none;
	margin: 0;
	padding: 0;
	height: 20px;
	white-space: nowrap;
	width: 600px;

	}

#menubar ul li {
	display: block;
	float: left;
	padding: 0;
	margin: 0;
	white-space: nowrap;

	/* margin-right controls the spacing between the menu items */
	
	margin-right: 10pt;
	height: 20px;
	}
	
#menubar ul li:hover {

	/* the magic background-change effect. doesn't work on IE. */
	
	background: #CABDBD;

	}


#infobox {

	/* this is the sidebar, the "blurb" */

	background-color: #afafaf;
	width: 270px;
	margin-left: 500px;
	margin-top: 0;
	padding: 10px;

	/* font information */
	
	color: #373333;
	font-size: 11px;
	line-height: 135%;

	/* this is the curves at the bottom */
	
	background-image: url(infobottom-faraway.gif);
	background-position: bottom;
	background-repeat: no-repeat;
	}

/* IE5 Mac hack -- IE5 Mac isn't going to see the following \*/

#infobox {
	width: 250px;
	}
	

/* End IE5 Mac hack */
	

#infobox h1, #infobox a {
	color: #6a0003;
	}

	
#mainbox {

	/* this is the main text area */

	float: left;
	width: 450px;
	padding-top: 25px;
    padding-left: 25px;

	/* mainbox font info */
	
	color: #DDDCD6;
	font-size: 11px;
	line-height: 135%;
	}
	
#mainbox h1, #mainbox a {
	color: #917B68;
	}
	
.caption {

	/* this is for captions under pictures */

	color: #333333;
	font-size: 11px;

	}

	
#bottombar {

	/* the footer */

	clear: both;
	padding-left: 25px;

	/* font info */

	color: #999999;
	font-size: 11px;

	/* this is for the funky footer javascript to work */

	position: absolute;
	visibility: hidden;
	}

#bottombar a {

	/* we want the footer links to not be bold */
	
	color: #815D5C;
	font-weight: normal;
	}