/* Styles */

.clickable {
 cursor:pointer;
}

/* Menu styles */
.RightMenu {
	font-size:110%;
	color:#404050;
	cursor:pointer;
	line-height:150%;
}

/* Menu styles */
.jump {
	font-size:100%;
	color:#404050;
	cursor:pointer;
}

/* Hides menu links that aren't due yet, but are there to remind me that they belong there */
.xightMenu {
	display:none;
}

.RightMenu_archive {
	font-size:90%;
	color:#404050;
	cursor:pointer;
	line-height:150%;
}

.exp {
	font-size:100%;
	color:#404050;
	cursor:pointer;
}

.xightMenu_archive {
	display:none;
}

.RightMenu_title {
	font-size:100%;
	color:#303030;
	font-weight:bold;
	text-decoration: none;
	line-height:175%;
}

.LeftMenu {
	font-size:90%;
	color:#404050;
	cursor:pointer;
	line-height:150%;
}

/* Expandable text- x is applied in TW.  x's are replaced by ux */
.x {
  color: #F04040;
  font-weight:normal;
  font-size:9pt;
  display:inline;
}

/* These are 'unexpanded'- ie display:none, then the js swaps out the style */
.ux {
color:#FF0000;
	/* display:none; */
}

.ex {
	display:inline;
}
	/*
	color: #40FF40;
	font-weight:normal;
	font-size:100%;
	display: inline;	
	cursor: pointer;
}
*/

/* Expand next id */
.xn {
	color: #404050;
	text-decoration:underline;
	font-style:oblique;
	cursor:pointer;
	
}



/* For any links within the page, either a Tiddler, or an anchor*/
.tiddlerLink {
	color:#00FF00;
}

/* Anchors may be placed anywhere in the page */
.tiddlerAnchor{
	color:#00FFFF;
}

/* Structural div */
.pagediv{
	/* border: 1px solid #999; */
	background:transparent;
	margin: 20px 10px 20px 10px;
}

/* body style sets the default */
body {
 color: #303038;
 font-size: 9pt;
 font-family: Futura, Tahoma, Verdana, Century Gothic, Arial, Helvetica, sans-serif;
 line-height: 120%;
 margin:5px 10px 5px 5px; padding:5px;
letter-spacing: 0.06em;
 word-spacing: 0.10em;
 /*text-align:justify; */
}

/* Structural tags */

/* H1 is the heading for the page */
h1 {
	color:#202050;
	background: transparent;
	line-height: 110%;
	font-size:32pt;
	font-weight:bold;
	letter-spacing: .5px;
	text-transform: uppercase;
	position:relative;
	top:0px;
	display:inline;
}

/* H2 is the sub heading for 'tiddlers' */
h2 {
	color:#202050;
	background: transparent;
	line-height: 140%;
	font-size:24pt; 
	font-weight:bold; 
	letter-spacing: .5px; 
	font-weight:bold;
	position:relative;
	top:0px;
	display:inline;
}

/* H3 is a topic */
h3 {
	color:#404050; 
	background: transparent;
	line-height: 120%;
	font-weight: normal; 
	font-size:14pt; 
	position:relative; 
	top:0px;
}

/* H4 is slightly larger than normal body text */
h4 {
  line-height: 110%;
  font-weight: normal;
  color: #404040;
  background: transparent;
  font-size:11pt;
  letter-spacing: 0.075em;
  word-spacing: 0.10em;
  display:inline;
}


/* H5 is 'sub' text- what was previously 'justySmall' */
h5 {
  line-height: 110%;
  color: #404040;
  background: transparent;
  font-weight:normal;
  font-size:9pt;
  display:inline;	
}

/* Standard HTML tags */
p,pre { margin:0px 10px 10px 10px; }
strong { color:#20202`0; font-weight: bold; font-size:110%; position:relative; top:0px; }
b { color:#505050; font-weight: bold; font-size:110%; position:relative; top:0px; }
i { color:#505050; font-weight: normal; font-size:110%; position:relative; top:0px; font-style:oblique}

li {
 line-height: 180%;
 color:#222040;
 font-size: 110%;
}


#justyImportant{
 color: #9e2020;
 font-weight: bold;
font-style: italic;
}

.date{
	font-family: Courier New, Courier;
	font-style:oblique;
 	font-size: 75%;
	color: #505080;	
}

/* OLD style- made red to find it and eliminate it */
#justyDate{
	font-family: Courier New, Courier;
 	font-size: 75%;
	color: #FF0000;
}

#justyCode {
 color: #FF0000;
 font-family: Courier New, Courier;
 font-size: 75%;
}
 
/* Link Styles */

a:link { 
    color: #777797;
	font-weight: normal;
	}
	
a:visited { 
	color: #444454;
	font-weight: normal;
	text-decoration: none;
	}
	
a:hover { 
	color: #5555F9;
	font-weight: normal;
	}
	
a:active { 
	color: #F95555;
	font-weight: bold;
	}




	/* Figures */
.fig {
		font-family: Times, Times New Roman;
		font-size:10pt;
		font-style: oblique;
		text-align: center;
	}

	/* Images */
.pic {
		color:#557;
		text-align: center;
		font-style: oblique;
		font-family: Times, Times New Roman;
		font-size:10pt;
	}


/* Quote is for quotations, d'uh */
.quote {
		color:#557;
		text-align: justify;
		font-style: oblique;
		font-family: Times, Times New Roman;
		line-height:130%;
		font-size:12pt;
}

/* Quote is for the person quoting */
.quoter {
		color:#446;
		text-align: right;
		font-style: bold;
		font-size:10pt;
		text-transform: uppercase;
		display:block;
		width:200pt;
}

.quoterDescription {
	color:#446;
	text-align: right;
	font-style: oblique;
	font-size:9pt;
	display:block;
	width:200pt;
}

.pullQuote{
	line-height: 115%;
	font-family: futura, sans-serif;
	color: #F02010;
	font-size: 32pt;
	width: 200px;
	margin-right: 5px;
	font-style: oblique;						
	padding: 20px 5px 20px 20px;
	padding-right: 5px;
	float: left;
	}

.referenceQuote{

	font-family: futura, sans-serif;
	font-size: 8pt;
	font-style: oblique;
	color: #202040;
	background:#FAFAFF;
	width: 90%;
	text-align: center;
	line-height: 300%;
	margin: 15px;
	padding: 15px;


	}

.toolbar {
 display:none;
}


.title {
 display:none;
}

/* RSS: Add these to RSS feed I create */
/* RSS items in TW have a red tinge, via an override style sheet */
.RSS {
}

/* RSS: Only add these to the RSS feed */
.RSSonly {
	display:none;
}

/* When parsed, they are given a 'normal' style */
.RSSonlyItem {
	color: #FF3030;
}



/* Expandable Code */
.ecode{



}


.more {
	color: #404050;
	text-decoration:underline;
	font-size:8pt;
	font-style:oblique;
	cursor:pointer;
	
}

.archived {
	display:none;
}


.error{
 color: #9e2020;
 font-weight: bold;
 font-style: italic;
}

	/* Layout */

	#leftAds { position: absolute; left:10px; top:450px; width:125px; height:600px; background:#fff; border:0px solid #000; }
	#leftAds2 { position: absolute; left:10px; top:1710px; width:125px; height:240px; background:#fff; border:0px solid #000; }
	#rightSponsor { position: absolute; left:670px; top:850px; width:125px; height:125px; background:#fff; border:0px solid #000; }
	#rightLink { position: absolute; left:670px; top:1250px; width:120px; height:90px; background:#fff; border:0px solid #000; }

	#leftMenu { position: absolute; left:10px; top:80px; width:135px; background:#fff; border:0px solid #000; }
	
	#leftBleep {
	
		position: absolute;
		left:10px;
		top:320px;
		width:135px;
		background:transparent;
		border:0px;
		
	
	}

	#rightMenu { 
		position: absolute;
		line-height: 120%;
		left:670px;
		top:95px;
		width:135px;
		background:#fff;
		border-left:0px
		solid #ccc;
	}

	#midPage {
	  position: absolute;
	  top: 0;
	  right: 0;
	  bottom: 0;
	  left: 0;
	  width: 50%;
	  height: 50%;
	  margin-left: auto;
	  margin-right: auto;
	  background-color: transparent;
	  width:800px;
	  height:483px;
	}


	#content {	
		top:25px;
		width: 490px;
		margin-left: 160px;
		margin-right: 195px;
		border:0px
		background-color: transparent;
	}

	#footer { 
	position: absolute; /* overriden in JS */
	top: 0;
	  color: #808080;
	  right: 0;
	  bottom: 0;
	  left: 0;
	  width: 50%;
	  height: 50%;
	  margin: auto; 
	  font: bold italic small-caps .7em/.9em arial,sans-serif;

	}


	#tiddlerPad { height:25; background:#fff; border:0px solid #000; }

	#banner { background:#fff; height:75px;	border-top:0px solid #000; border-right:0px solid #000;	border-left:0px solid #000;
	voice-family: "\"}\""; voice-family: inherit; height:75px;	}
		html>body #banner {	height:75px; }


	#banner h1 { font-size:18pt; padding:10px 10px 0px 10px; margin:0px;	}
	#rightMenu p { font-size:18pt; }

	IMG.centered { display: block; margin-left: auto; margin-right: auto }