BODY {
		/* DECEPTICON */
		background-image:	url(/images/bground_decepticon.gif);
		background-color:	#6637A5;
		
		background-repeat:	repeat-x;
		background-attachment: fixed;
		margin-top:			0px;
		margin-left:		0px;
		margin-bottom:		25px;
		margin-right:		10px;
	}
	
	BODY, TD {
		font-family:		Verdana, sans-serif;
		font-size:			12px;
		line-height:		16px;
		color:				WHITE;
	}

	TABLE { border-collapse:	collapse; }
	TD { padding:	0px; }
	
	TABLE.pad5 TD { padding: 5px; }
	TABLE.pad10 TD { padding: 10px; }
	
	FORM { margin: 0px; }
	
	
	A {
		text-decoration:	none;
		color:				#EBEB64;
	}
	
	A:hover {
		text-decoration:	underline;
	}
	
	HR {
		height:				1px;
		color:				#555555;
		background-color:	#555555;
		margin-top:			20px;
		margin-bottom:		20px;
		clear:				both;
		text-align:			left;
	}
	
	IMG, A IMG {
		border-color:		BLACK;
	}
	
	.font14 { font-size:	14px; }
	.font13 { font-size:	13px; }
	.font12 { font-size:	12px; }
	.font11 { font-size:	11px; }
	.font10 { font-size:	10px; }
	.font9 { font-size:	9px; }

	.width100 { width: 100px; }
	.width125 { width: 125px; }
	.width150 { width: 150px; }
	.width200 { width: 200px; }
	
	
	#colNavigation { 
		position:			absolute;
		z-index:			100;
		top:				0px;
		left:				0px;
		width: 				200px;
		padding-top:		155px;
		background:			url(/images/botchthecrab_mascot.jpg) no-repeat;
	}
	
	#bodyCell, #bodyCellFull {
		position:			absolute;
		z-index:			50;
		top:				0px;
		left:				220px;
		padding-top:		15px;
		padding-bottom:		25px;
		right:				210px;
	}
	#bodyCellFull {
		right:				10px;
	}
	
	
	#rightCell {
		float:				right;
		width:				182px;
		margin-top:			20px;
	}

	
	#imgCaptcha	 {
		vertical-align:		-6px;
	}
	
	
	
	/* ########################## */
	/*   HOME & RESUME HEADER     */
	/* ########################## */

	#homeHeaderContainer {
		position:		relative;
		z-index:		75;
		
		margin-left:	220px;
		padding-top:	10px;
		
	}
	
	#homeHeader {
		background: 	url(/images/tf_grid.gif); 
		margin: 		0px auto 30px;
		height: 		101px; 
		width:			561px;
		text-align:		center;
	}
	
	#homeHeaderGreeting {
		width:			510px;
		height:			38px;
		margin-top:		10px;
	}
	
	#homeHeaderLinks {
		margin-top:		10px;
	}

	#homeHeaderLinks IMG { border: 0px; }
	#homeHeaderLinks IMG.margin { margin-right:	50px; }

	
	#resumeHeader {
		background: 	url(/images/tf_grid.gif); 
		margin: 		0px auto;
		height: 		31px; 
		width:			551px;
		padding:		15px;;
		text-align:		center;
	}

	#resumeHeader IMG.margin  {
		margin-right:	25px;
	}


	/* ########################## */
	/*   PAGE TITLE, ETC.         */
	/* ########################## */


	.pageTitle {
		border-bottom: 		1px solid #999999;
		font-family:		"Arial Black", Impact, Arial, sans-serif;
		font-size:			12pt;
		color:				WHITE;
		padding-bottom:		2px;
		margin-bottom:		15px;
		clear:				both;
	}	
	.pageTitle A {
		color:				WHITE;
	}	
	.pageTitle A:hover {
		text-decoration:	none;
		color:				#DFFF80;
	}	

	.pageSubLinks {
		position:		relative;
		top:			-15px;
		float:			right;
		font-size:		10px;
		padding-top:	2px;
	}
	.pageSubLinks IMG {
		border:			0px;
	}


	DIV.divPrevNext {
		float:			right; 
		width:			150px; 
		margin-left: 	10px;

		background: 	BLACK; 
		border: 		1px solid #555555;
		
		padding:		10px;
		font-size:		10px;
		color:			WHITE;
	}
	
	
	
	
	
	
	/* ################# */
	/* NAVIGATION STYLES */
	/* ################# */

	#botchNavImg  { margin-bottom: 	10px; }
	#botchNavName { margin-left:	10px; }
	
	UL.navList {
		margin-top:		0px;
		margin-left:	10px;
		padding-left:	0px;
		list-style:		none;
		border-bottom: 	1px solid #555555;
		z-index:		10;
		cursor:			default;
		width:			193px;
	}
	
	UL.navList LI {
		background-color:	#000000;
		padding:			3px 4px 2px 5px;
		border: 			1px solid #555555;
		border-bottom: 		none;
		font-size:			10px;
		font-weight:		bold;
		text-transform:		uppercase;
		white-space:		nowrap;
	}
	
	UL.navList LI UL {
		visibility:			hidden;
		position: 			absolute;
		left:				160px;
	}

	UL.navList LI UL LI  {
		width:				182px;
		overflow:			visible;
	}
	
	UL.navList A {
		color:				WHITE;
		text-decoration:	none;
		cursor:				inherit;
	}
	
	UL.navList A:hover {
		text-decoration:	none;
	}

	IFRAME#postCalendar {
		margin-left:		10px;
		margin-bottom:		15px;
	}
	
	DIV#divMore {
		font-size:			11px;
		margin-top:			30px;
	}
	

	DIV#navSearchBox {
		margin-left:		10px;
		margin-bottom:		10px;
		border:		 		1px solid #555555;
		width:				182px;
		background-color:	#000000;
		padding:			3px 4px 7px 5px;
		font-size:			10px;
	}
	
	DIV#navSearchBox A {
		font-weight:		bold;
		text-transform:		uppercase;
		color:				WHITE;
		text-decoration:	none;
	}
	
	DIV#navSearchBox INPUT#navSearchKeywords {
		font-size:			10px;
		width:				140px;
	}
	
	/*
	DIV#navSearchBox DIV#navSearchRadios {
		white-space:		nowrap;
		position:			relative;
		left:				-3px;
	}
	*/
	
	
	
	
	
	/* ################################## */
	/* Homepage Links and Recommendations */
	/* ################################## */
	
	.rightTable {
		width:				182px;
		border:				1px solid BLACK;
		margin-bottom:		15px;
	}

	.linkTable {
		margin-left:		10px;
		margin-bottom:		15px;
		width:				193px;
		border: 			1px solid #555555;
	}

	.rightHeader, .linkHeader {
		color:				WHITE;
		font-family:		Arial;
		letter-spacing:		1px;
		text-transform:		uppercase;
		font-weight:		bold;
		/*
		height:				20px;
		*/
		padding:			3px;
		text-align:			center;
		border-bottom:		1px solid BLACK;

		/* DECEPTICON */
		background:			#2C244C;

	}
	
	.rightHeader A, .linkHeader A {
		color:				WHITE;
	}
	
	.linkHeader {
		border-bottom: 		1px solid #555555;
	}
	

	.rightBody, .linkBody, .navRecentPostBody {
		background-color:	#EEEEEE;
		padding:			10px;
		font-size:			11px;
		text-align:			center;
	}
	
	.navRecentPostBody { background-color: BLACK; text-align:	left; }
	.rightBody IMG { border: 1px solid BLACK; }
	
	.linkBody UL {
		margin-top:		0px;
		margin-bottom:	0px;
		margin-left:	10px;
		padding-left:	0px;
	}
	
	.rightBody, .rightBody A, .linkBody, .linkBody A {
		font-family:		Arial;
		color:				BLACK;
	}

	.rightBody P {
		margin-top:			0px;
		margin-bottom:		15px;
	}
	
	.rightBody .recReview {
		border:				2px inset BLACK;
		background-color:	WHITE;
		padding:			10px;
		position:			absolute;
		z-index:			100;
		width:				150px;
		display:			none;
		text-align:			left;
		margin-left:		-25px;
	}
	.rightBody .recReview A {
		display:			block;
		float:				right;
		padding:			2px 10px 2px 5px;
		margin-top:			5px;
		color:				#333;
		background-color:	#eee;
		font-weight:		bold;
		width:				25px;
	}
	.rightBody A.recReviewTrigger {
		color:				#333;
	}
	

	.linkBody, .linkBody A {
		color:				BLACK;
	}

	.cHasPost {
		color:				WHITE;
		cursor:				pointer;
		
		/* DECEPTICON */
		background:			#2C244C;
	}
	
	#tblRecentBlogs {
		margin-bottom:	15px;
	}
	
	.navRecentPostBody P {
		font-size:		9px;
		margin-top:		0px;
		margin-bottom:	8px;
		color:			WHITE;
		line-height:	13px;
	}
	
	.navRecentPostTitle {
		font-size:		11px;
		font-weight: 	bold;
		color:			WHITE;
	}
	
	.navRecentPostCategory {
		font-style:		italic;
		color:			#AAAAAA;
	}
	
	


	


	/* ################# */
	/* FORM FIELD STYLES */
	/* ################# */

	INPUT.button {
		background:			url(/images/button_bground.gif) #5F7484;
		color:				#333333;
		font-weight:		bold;
		padding:			0px;
		margin:				0px;
		border:				1px solid #333333;
		font-size:			12px;
	}	

	INPUT.text, SELECT.text {
		width:				200px;
		font-family:		Verdana;
		font-size:			11px;
	}

	SELECT.text {
		width:				204px;
	}

	TEXTAREA.textarea {
		width:				300px;
		height:				105px;
		font-family:		Verdana;
		font-size:			11px;
	}
	
	
	
	/* ################### */
	/* POST DISPLAY STYLES */
	/* ################### */

	.postFullTitle, .postFullTitle A {
		font-variant:		small-caps;
		font-weight:		bold;
		font-size:			14px;
		color:				#EBEB64;
		margin-bottom:		8px;
		clear:				both;
	}
	

	.postFullCategory, .postFullCategory A {
		font-variant:		normal;
		text-transform:		none;
		font-size:			10px;
		color:				#CCCCCC;
		
		white-space:		nowrap;
	}
	
	.postFullBody, .postFullBody TD {
		font-size:			11px;
	}
	
	.postFullBody P {
		margin-bottom:		12px;
		margin-top:			0px;
	}
	
	.postFullBody A {
		color:				#EBEB64;
		text-decoration:	none;
	}
	
	.postFullBody A:hover {
		text-decoration:	underline;
	}
	
	.postFullBody IMG {
		border:			1px solid BLACK;
	}
	
	.postFullBody UL LI {
		list-style-type:	square;
	}
	
	
	.postFullFooter, .replyFooter {
		font-size:			11px;
		color:				#CCCCCC;
		margin-top:			8px;
	}
	
	.postFullFooter A, .replyFooter A {
		color:				#BFB260;
		text-decoration:	none;
	}
	 
	.postFullFooter A:hover {
		text-decoration:	underline;
	}
	 
	.hilite {
		background-color: 	#636071;
		font-weight:		bold;
	}
	 
	IMG.postImageLeft {
		float:			left;
		margin-right:	10px;
		margin-bottom:	5px;
	}

	IMG.postImageRight {
		float:			right;
		margin-left:	10px;
		margin-bottom:	5px;
	}

	P.postBodyTrim A {
		font-variant:	small-caps;
		font-weight:	bold;
	}
	
	
	.adjacentPosts {
		font-size:		10px;
		text-align:		right;
		margin-bottom:	15px;
	}
	
	.replyWrapperBotch {
		background-image:	url(images/webmaster.png);
		background-repeat:	no-repeat;
		padding-left:		60px;
	}

	.replyBody {
		font-size:			11px;
	}
	
	.replyTime {
		font-size:			10px;
		letter-spacing:		-1px;
	}
	
	.replyDivider {
		border-bottom:	1px dotted #999;
		margin:			20px 0px;
	}
	
	.repliesClosed {
		margin-top:			30px;
		margin-bottom:		20px;
		margin-left:		10%;
		margin-right:		10%;
		padding:			5px;
		background-color:	#333;
		border:				1px solid #222;
		text-align:			center;
		font-weight:		bold;
		font-size:			10px;
	}



	 

	
	/* ################# */
	/*  NOTEPAD STYLES   */
	/* ################# */
	
	.notepad {
		padding:			10px; 
		padding-bottom: 	4px;
		background-color:	#FFFFD6; 
	
		font-size: 			11px; 
		color:				BLACK;	
	}
	
	.notepad DIV#notes {
		width:				160px; 
		overflow-y:			scroll; 

	}
	
	DIV#notes UL {
		 padding-left:		0px; 
		 margin-left: 		15px; 
		 margin-top: 		0px;
		 margin-bottom:		0px;
	}
	
	
	.notepad A, .notepad TD {
		font-size: 			11px; 
		color:				BLACK;	
	}
	
	
	
	
	
	
	
	


	/* ###################### */
	/* BOX ART ARCHIVE STYLES */
	/* ###################### */

	#archiveBodyCell {
		margin:				0px 0px 25px 220px;
		padding-bottom:		50px;
		padding-top:		15px;
	}
	
	
	
	IMG#imgTeletranLogo {
		margin-bottom:	0px;
	}
	
	DIV#divTeletran_InnerShell {
		margin:				3px 5px 0px;
		padding:			3px 5px 0px;
	}
	
	TABLE#tblTeletranNav {
		width:				99%;
		border-top: 		1px solid #222222;
		border-bottom: 		1px solid #222222;
	}

	TABLE#tblTeletranNav TD {
		vertical-align:	middle;
		text-align:		center;
		padding:		2px;
		padding-bottom:	4px;
		
		color:			#999999;
		font-variant:	small-caps;
	}

	TABLE#tblTeletranNav TD A {
		padding:				2px;
	}

	TABLE#tblTeletranNav TD A:hover {
		text-decoration:	none;
	}

	TABLE#tblTeletranNav TD IMG {
		visibility:			hidden;
		width:			9px;
		height:			5px;
	}

	DIV#divTeletranSubNav {
		width:				99%;
		padding:			0px;
		padding-top:		2px;
		height:				20px;
		background:			#111111;
	}
	
	DIV#divTeletranSubNav DIV {
		height:				20px;
		display:			none;
		font-variant:		small-caps;
	}

	DIV#divTeletranSubNav DIV A {
		padding:				0px 20px;
		white-space:			nowrap;
	}

	DIV#divTeletranSubNav DIV A:hover {
		text-decoration:	none;
		background-color:	#222;
	}

	.bot, .bot A, A.bot { color: RED; }
	.con, .con A, A.con { color: #E500E4; }

	DIV#divMicromasterTeamName {
		font-family:		Arial, Verdana, sans-serif;
		font-weight:		bold;
		font-size:			18pt;
		padding:			10px;
		letter-spacing:		2px;
		font-variant:		small-caps;
	}
	

	TABLE#tblLegend {
		background-color:	#111111;
		background-color:	#000000;
		border:				1px solid #222222; 
		margin-bottom:		20px;
		margin-top:			10px;
	}

	TABLE#tblLegend TD {
		vertical-align:	middle;
		text-align:		center;
		padding:		3px 2px;

		color:			#999999;
		font-variant:	small-caps;
	}

	TABLE#tblLegend TR#trSubNav_Arrows TD {
		padding:		0px;
	}
	
	TABLE#tblLegend TD IMG {
		vertical-align:	middle;
	}

	
	
	
	
	
	
	
	.teletranYear { 
		font-family: 	Impact, "Arial Black", Helvetica; 
		font-size: 		50px; 
		line-height:	50px;
		
		width:			275px;
	}
	
	.teletranYear SPAN { margin: 10px; position: relative; top: -15px; }

	#teletranHeader DIV, #teletranHeader TABLE {
		display: 		inline;
		margin-left:	10px;
		margin-right:	10px;
	}

	#teletranHeader DIV DIV {
		display: 		block;
	}

	#teletranHeaderNav DIV {
		width:		300px;
	}
	
	
	/* Navigation Bar styles */
	.navyears, .navmid { 
		background:		BLACK; 
		white-space:	nowrap; 
		text-align: 	center; 
	}
	
	.navyears { 
		font-family: Arial; 
		font-size: 12px; 
		letter-spacing: 1px; 
		padding: 5px; 
		word-spacing:	20px;
	}
	
	.navyears a		{ text-decoration: none; }
	#navbot a		{ color:red; }
	#navcon a		{ color:#E500E4; }

	.navmid			{ font-size: 10px; letter-spacing: normal; }
	.navmid	a		{ color: #B4CBDD; position:relative; top:-3px; }
	.navmid A.bot	{ color:red; }
	.navmid A.con	{ color:#E500E4; }
	.navmid IMG		{ margin-left: 8px; margin-right: 8px; }
	

	DIV#archiveHomeLogo {
		margin:				10px;
		text-align:			center;
	}
	
	DIV#archiveHomeLogo IMG {
		vertical-align:		middle;
	}
	
	#teletranHeader DIV.navyears, #teletranHeader DIV.navmid {
		width:				375px;
	}
	
	
	.updateBody {
		padding:			7px;
		font-size:			11px;
		border: 			1px solid #333333; 
		border-top: 		none;
		background-color:	#EEEEEE;
		color:				BLACK;
	}

	.updateBody TD {
		font-size:			11px;
		color:				BLACK;
	}
	
	.updateBody P {
		margin-bottom:		10px;
		margin-top:			2px;
	}
	
	.updateBody A {
		color:				#EBEB64;
		font-weight:		bold;

		/* DECEPTICON */
		color:			#2C244C;
	}
	
	
	/* THUMBNAILS */
	
	.teletranContainer {
		text-align:			center;
	}
	
	
	.teletranEntry {
		display:			inline;
		float:				left;
		width:				165px;
		margin:				0px 20px 25px;
		margin:				0 0 25px 2%;
	}
	
	.teletranEntry IMG.teletranThumb {
		width:				125px;
		height:				125px;
		border:				2px solid black;
		display:			block;
		margin:				0 auto;
	}
	
	
	DIV.teletranIcons {
		text-align:			center;
		height:				22px;
		width:				131px; 
		background-color:	BLACK; 
		padding:			5px 0px 0px;
		margin:				0 auto;
		width:				129px; 
	}

	DIV.teletranIcons IMG {
		 margin:		0px 5px;
		 border:		0px;
	}

	.teletranName {
		height: 			35px; 
		font-weight: 		bold; 
		padding:			0px 4px 2px;
		overflow:			hidden;
		margin:				0 auto;
		width:				122px;
		/* */
		background-color:	BLACK; 
		width:				121px;
	}

	
	DIV.teletranName SPAN {
		font-weight:	normal;
		font-size:		10px;
	}
	
	/*
	.teletranContainer {
		width:				90%;
		margin:				0 auto;
		padding-left:		3%;
		text-align:			center;
	}
	
	
	.teletranEntry {
		float:				left;
		background-color:	BLACK;
		color:				WHITE; 
		margin:				0px 20px 25px;
	}
	
	.teletranEntry IMG.teletranThumb {
		width:				125px;
		height:				125px;
		border:				2px solid black;
	}
	
	
	.teletranName {
		height: 			35px; 
		font-weight: 		bold; 
		padding:			0px 4px 2px;
		overflow:			hidden;
		margin:				0 auto;
		width:				122px;
}

	
	DIV.teletranIcons {
		text-align:			center;
		height:				22px;
		width:				131px; 
		background-color:	BLACK; 
		padding:			5px 0px 0px;
		margin:				0 auto;
	}

	DIV.teletranIcons IMG {
		 margin:		0px 5px;
		 border:		0px;
	}

	DIV.teletranName SPAN {
		font-weight:	normal;
		font-size:		10px;
	}
	*/

	
	.archiveQuickLink {
		display:		block;
		margin-bottom:	15px;
	}
	
	.archiveQuickLink IMG {
		border:			0px;
		width:			190px;
		height:			35px;
	}
	




	/* ###################### */
	/* ADMINISTRATION STYLES  */
	/* ###################### */


	UL.adminOptions {
		margin-left:		20px;
		padding-left:		0px;
	}

	UL.adminOptions UL {
		padding-left:		0px;
		margin-left:		0px;
		list-style-type:	none;
	}

	
	UL.adminOptions LI {
		margin-top:			10px;
		margin-bottom:		10px;
	}
	

	
	
	
	/* PREVIOUSLY */
	
	UL#postBrowser {
		margin:				0px 0px 0px 10px;
		padding-left:		5px;
		padding-top:		0px;
		cursor:				default;
		text-align:			left;
	}
	
	UL#postBrowser LI {
		list-style-type:	none;
		margin-top:			2px;
		margin-bottom:		3px;
		font-weight:		bold;
	}
	
	UL#postBrowser UL {
		margin-left:		5px;
		padding-left:		5px;
	}
	
	UL#postBrowser LI.closed {
		list-style-image:	url(images/browse_closed.gif);
	}
	UL#postBrowser LI.closed UL {
		display:			none;
	}
	
	UL#postBrowser LI.open {
		list-style-image:	url(images/browse_open.gif);
	}
	UL#postBrowser LI.open UL {
		display:			block;
	}
	
	UL#postBrowser LI.open LI.closed UL {
		display:			none;
	}
	
	UL#postBrowser UL.links {
		margin-left:		0px;
		padding-left:		0px;
		margin-bottom:		8px;
	}
	UL#postBrowser UL.links LI {
		list-style-image:	url(images/browse_link.gif);
	}
	UL#postBrowser UL.links LI A {
		color:				#2C244C;
		font-weight:		normal;
	}
	

	
	/*********************************/
	/*** TWITTER *********************/
	/*********************************/
	
	#twitter_botchthecrab UL {
		padding:	0 5px 5px 10px;
		margin:		0px;
		text-align:	left;
	}
	
	
	#twitter_botchthecrab LI {
		list-style:		none;
		margin-bottom:	10px;
		color:			BLACK;
		/*
		margin-left:	0px;
		padding-left:	0px;
		*/
	}
	
	#twitter_botchthecrab LI A {
		font-style:		italic;
		color:			#735945;
		font-family:	Arial, serif;
	}
	

	
	/* css/tooltip.css -- fancy tooltips */
	/* http://loadaveragezero.com/vnav/labs/CSS/tooltips.php */
	span.tooltip {
	  position: relative;   /* this is key */
	  /*cursor: help;*/
	}
	span.tooltip span.tip {
	  display: none;        /* so is this */
	}
	/* tooltip will display on :hover event */
	span.tooltip:hover span.tip {
	  display: block;
	  z-index: 100;
	  position: absolute;
	  top: 1.6em;
	  left: 0;
	  width: auto;
	  padding: 3px 7px 4px 6px;
	  border: 1px solid #336;
	  background-color: #f7f7ee;
	  font: normal 0.9em/1.2em arial, helvetica, sans-serif;
	  text-align: left;
	  color: #000;
	  line-height: 125%;
	}
	/* eye candy */
	/*#content span.tooltip::after {
	  padding-left: 2px;            
	  content: url(/img/bubble.gif);
	}*/