/* ~~~~~ */
/* ~~~~~ */
/* Begin */
/* ~~~~~~*/

/* This is current as of October 29, 2015. Future updates to main Curious Style are not reflected here. To reconcile future divergences, heed these changes:
	
	body
		background-image
	
	blockquote
		background-color
	
	#page_surface_border
		background-color
		border-color
	
	#pacge_surface
		background-color
	
	#main_side
		background-image
	
	#page_surface_story
		background-color
	
*/

/* ~~~~~~~~~~~~~~~~ */
/* Global Variables */
/* ~~~~~~~~~~~~~~~~ */


/* Comment */

body
/* Try not to clutter this one. */
{
	margin:0px;
	/* Not currently in use: background-color:#9ACC56; (previously 619900) */
	background-image:url("images/base_background_red.jpg"); /* Cloudy */
	background-attachment:fixed;
	/* Not currently in use: background-image:url("images/sunset_clouds.jpg"); */
	/* Not currently in use: background-image:url("images/page_background_gradient.png"); */
	/* Not currently in use: background-repeat:no-repeat; */
	/* Not currently in use: background-position:center top; */
}


p
{
	/* Removes automatic spacing in p element. */
	margin:0px;
	padding:0px;
}


hr
{
	border-width:1px;
	border-style:solid;
	border-color:#000000;
}


h2
/* Used for main page titles (e.g., "Mate of Song") */
{
	text-align:center;
	font-size:100%;
	line-height:100%;
}


h3
/* Used for article main titles (e.g., "Empire on Ice #16: J Henge") and long list section titles (e.g., "Archive: Empire on Ice: Season 1") */
{
	text-align:center;
	font-size:200%;
	line-height:100%;
}


h3.secondline
/* When an H3 title spans two lines. */
{
	margin-top:-40px;
}


h3.subtitle
/* For main subtitles */
{
	font-size:140%;
	margin-top:-35px;
}


h3.subtitle_intermediate
/* For multi-line titles where a subtitle line appears between two main title lines. */
{
	font-size:140%;
	margin-top:-35px;
	margin-bottom:48px;
}


h3.subhead
/* For small text. This and "subhead_italic" are so far used with The Great Galavar. */
{
	margin:-6px 0px 6px 0px;
	padding:0px;
	font-size:70%;
	font-weight:normal;
}


h3.subhead_italic
{
	margin:0px;
	padding:0px;
	font-size:70%;
	font-style:italic;
	font-weight:normal;
}


h3.dateline
/* So far this is used with Curious Tale Saturdays. */
{
	font-size:90%;
	font-weight:normal;
	margin-top:-15px;
}


h4
/* Used for section titles in larger articles, etc. Also note that this creates a border rule. */
{
	font-weight:bold;
	font-size:160%;
	line-height:100%;
	border-top:2px solid #000000;
	padding-top:12px;
}


h4.subtitle
/* Used for subsection titles in larger articles, etc. Not currently in use. */
{
	font-style:italic;
}


h5
/* Non-italic version used for subsection titles in larger articles. */
{
	font-weight:bold;
	font-size:125%;
	line-height:100%;
}


blockquote
{
	background-color:#A669E4; /*#4E5D29;*/
	border-color:#660022;
	border-width:1px;
	border-style:solid;
	border-radius:12px;
	padding-top:20px;
	padding-bottom:20px;
	padding-left:20px;
	padding-right:20px;
}


#marquee
/* This provides additional formatting underneath the file tree titles at the top of webpages. */
{
	border-bottom:2px solid #000000;
	padding-bottom:7px;
}


sup, sub
/* This and the next one keeps superscripts and subscripts from messing with line height. This is apparently not a flawless solution, but testing has shown that it meets all current needs as of 10-8-15. Credit to Chris Coyier at:
(https://css-tricks.com/snippets/css/prevent-superscripts-and-subscripts-from-affecting-line-height/). */
{
   vertical-align: baseline;
   position: relative;
   top: -0.4em;
}


sub
{
	top: 0.4em;
	}



/* ~~~~~~~~~~~~~~~~ */
/* Core Page Layout */
/* ~~~~~~~~~~~~~~~~ */


/* Page Surface, Header, Footer, Left Margin, Right Margin, Page Backing */
/* All core layout information goes here. For special layouts and various formatting, see subsequent sections. */


#top_banner
/* The Curious Tale Top Banner at the top of most pages. This is a spatial container, not necessarily an image per se. */
{
	width:1280px; /* This website is designed for 1280px horizontal viewing, optimal up to 1900px. */
	height:12px;" /* Creates a small space at the top of the page. */
	margin-left:auto; /* Center the image */
	margin-right:auto;
	overflow:hidden; /* If the banner is wider than the page, no horizontal scrollbar will appear. */
}


#base_layer
/* The base layer behind the Left, Main, and Right Sections. Contains the page column logic. */
{
	width:1280px;
	margin-left:auto; /* Center the page */
	margin-right:auto; /* Center the page */
	clear:both; /* Ends the three-column system for the remainder of the page. */
	z-index:0;
}


#left_side
/* The Left Side Section */
/* Note that the Left and Right Side Sections don't display well on browser windows with fewer than 1280 pixels. */
/* This should be addressed in the next website design version. */
{
	width:220px; /* 240 including padding. */
	float:left; /* These "float" declarations establish three columns. */
	padding-left:20px;
	padding-right:0px; /* This line present solely for completionist purposes. */
	position:fixed; /* Prevents the contents from scrolling. */
	top:50px; /* Makes room for anything (e.g., banner) to go above it. */
	left:1.5625%; /* 20 pixels on a width of 1280 pixels. */
	z-index:50; /* Ensures pull-out nav buttons are visible on top of main content. */
	background-color:transparent;
}


#right_side
/* The Right Side Section */
{
	width:220px;
	float:left;
	padding-left:0px; /* This line present solely for completionist purposes. */
	padding-right:20px;
	position:fixed;
	top:50px;
	left:81.25%; /* Left width plus Main width, 240 plus 800 pixels. (Note that these figures add width and L/R padding.) */
	z-index:50;
	background-color:transparent;
}


#main_side
/* The Main Section Underlayer; NOT the content zone (see below) */
{
	width:698px; /* This should be 700 but the space between this and the rightnav seemed to need a couple extra pixels. */
	float:left;
	padding-left:50px; /* Thus the total main_side width is 800 px (798). */
	padding-right:50px;
	padding-top:30px;
	padding-bottom:50px; /* Copyright information or footer quotes here */
	margin-bottom:15px;
	margin-top:0px;
	margin-left:auto;
	margin-right:auto;
	position:relative;
	left:18.75%;
	background-color:#4B5B2F; /* Superseded by background-image next line, but leave intact. 8B1C2F is an interesting complement. */
	background-image:url("images/main_side_background_noise_red.jpg");
	text-align:center;
	color:#F7C12D; /* For text (e.g., the footer quote,) in this zone */
	font-family:Garamond,Baskerville,"Baskerville Old Face","Hoefler Text","Times New Roman",serif;
	border-radius:72px;
}


#page_surface_border
/* Exists purely to put a dual-colored border around the page_surface section */
{
	width:706px; /* 700 plus 3 left and 3 right pixels of border width. */
	padding:0px;
	margin-left:-6px; /* Compensating for border width to keep content centered hopefully. */
	margin-right:0px;
	background-color:#990000;
	border-style:solid;
	border-width:3px;
	border-color:#F7002D;
	border-radius:16px;
	z-index:3;
}


#page_surface
/* The working content area of the Main Section */
/* Call "page_surface_story" instead on story pages. See below. */
{
	width:650px; /* 700 minus left and right padding. */
	padding-left:25px;
	padding-right:25px;
	padding-top:30px;
	padding-bottom:30px;
	margin-top:3px; /* These margin figures are jury-rigged, and changing other padding/margins/spacing laterally may mess up the borders. */
	margin-bottom:3px;
	margin-left:3px;
	margin-right:3px;
	background-color:#FFAAAA;
	font-family: Georgia, Times, "Times New Roman", serif;font-size:140%;
	text-indent:0; /* IMPORTANT! Call the "page_surface_story" ID on story pages. */
	text-align:left; /* IMPORTANT! Call the "page_surface_story" ID on story pages. */
	color:#000000;
	z-index:20;
	border-radius:11px; /* This is dependent on the 16px border radius in "page_surface_border". */
	line-height:125%;
	letter-spacing:-0.2px;
}



/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/* CuriousTale.org Main Page Special Formatting */
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

/* This section is currently not utilized. */

#top_banner_graphic
/* Vaporize the homepage splash banner. This ID is currently not in use. */
{
	background-image:url('http://curioustale.org/images/deluxe-o-banner2.jpg');
	z-index:900; /* Nothing should be higher than this. */
	opacity:1;
}


a#top_banner_graphic:link
{

}


a#top_banner_graphic:visited
{

}


a#top_banner_graphic:hover
{

}


a#top_banner_graphic:active
{
	transition-property:opacity;
	transition-duration:0.6;
	opacity:0;
}



/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/* Story Page Special Formatting */
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

#page_surface_story
/* This ID should be called on story pages only, in lieu of "page_surface" in the Div near the top of Section 3.2. */
/* Update: As of Version 1, this is now handled by PHP rather than in the HTML. However, the correct ID must still be called. */
{
	width:650px; /* 700 minus left and right padding. */
	padding-left:25px;
	padding-right:25px;
	padding-top:30px;
	padding-bottom:30px;
	margin-top:3px; /* These margin figures are jury-rigged, and changing other padding/margins/spacing laterally may mess up the borders. */
	margin-bottom:3px;
	margin-left:3px;
	margin-right:3px;
	background-color:#FFDDAA;
	font-family:Georgia, Times, "Times New Roman", serif;
	font-size:145%;
	text-indent:0;
	color:#000000;
	z-index:20;
	border-radius:11px; /* This is dependent on the 16px border radius in "page_surface_border". */
	line-height:125%;
	letter-spacing:-0.2px;
}


#page_surface_story > p
/* Indent story paragraphs. */
{
	text-align:justify;
	text-indent:10%;
	padding-bottom:9px;
	font-family:sylfaen, Georgia, Times, "Times New Roman", serif;
}


#page_surface_story > p a
/* Links were being indented at all locations in paragraph text. */
{
	text-indent:0%;
}


#page_surface_story > blockquote
/* This supplies formatting information for songs and other indented blockquotes. */
{
	text-align:left;
	margin-left:10%;
}


.hardleft
/* This is for dealing with the issue that story pages have centered text by default. Anything that needs to be left-aligned must be put in a div or other block element (such as <h1> or <p>) and assigned this class. */
{
	margin:0px;
	padding:0px;
	border:none;
	text-align:left;
}


.scenebreak
/* This handles the formatting at scene and sequence breaks. */
{
	font-size:140%;
	text-align:center;
	padding-top:24px;
	padding-bottom:24px;
	line-height:140%;
}


sup > a
{
	font-size:70%;
}



/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/* Hyperlink Formatting Stage 1: Nav Menu Buttons */
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

/* This first Hyperlink section is for my famous buttons as they appear in the left and right navigational menus. */


.hidden_class
/* This has to do with Firefox having trouble with the nav menu pullout buttons lingering when a user pushes the browser back button. */
{
	display:none;
}


/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/* Left and Right Side Navigation */
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

/* This section is for navigation menu links on the left and right sides. */
/* Currently not in use. */



/* ~~~~~~~~~~~~~~~~~~~~ */
/* Left Side Navigation */
/* ~~~~~~~~~~~~~~~~~~~~ */

.button_left_nav
{
	margin-left:0px;
	margin-right:8px; /* Mated with Left Side width (see below). Necessary for proper horizontal positioning. */
	margin-top:0px;
	margin-bottom:0px;
	padding-top:5px;
	padding-left:10px;
	padding-bottom:5px;
	padding-right:10px;
	text-decoration:none;
	text-align:center;
	font-weight:bold;
	color:#660022;
	background-color:#F7C12D;
	border-style:solid;
	border-width:2px;
	border-color:#660022;
	border-radius:16px;
	font-family:Garamond,Baskerville,"Baskerville Old Face","Hoefler Text","Times New Roman",serif; /* Thanks to http://cssfontstack.com/ */
	font-size:150%;
	box-shadow:0px 0px 10px 0px #660022;
	transition:box-shadow 0.5s;
}


a.button_left_nav:link
/* This series of "left navs" is due to finicky circumstances in the Right Side nav menu, necessitating separate buttons for the Left as well. */
/* In future site designs, try to consolidate these into a more general button category. */
{
	color:#660022;
	background-color:#F7C12D;
	border-color:#660022;
	cursor:pointer;
}


a.button_left_nav:visited
{
	color:#660022;
	background-color:#F7C12D;
	border-color:#660022;
	cursor:pointer;
}


a.button_left_nav:hover
{
	color:#F7C12D;
	background-color:#660022;
	border-color:#F7C12D;
	cursor:pointer;
	box-shadow:0px 0px 10px 10px #660022;
	transition:box-shadow 0.5s;
}


a.button_left_nav:active
{
	color:#F7C12D;
	background-color:#660022;
	border-color:#F7C12D;
	cursor:pointer;
}


a.main_left_nav
/* Specific to buttons in the Left Side navigation menu. */
{
	float:left;
	width:230px; /* Mated with the right margin above. Necessary for proper horizontal positioning. */
				 /* The above has been changed from 212 px to 230 to make room for "Mate of Song Report". */
	height:40px;
	padding-left:0px;
	padding-right:0px;
	padding-top:0px;
	padding-bottom:0px;
	margin-left:-20px; /* This is a compensation for increasing the main nav buttons from 212 to 232 to make room for "Mate of Song Report" */
	margin-bottom:10px; /* Spaces the buttons apart vertically */
	line-height:160%; /* Adjusting this will mess up the vertical positioning of the text within the graphical buttons. Be careful. */
	overflow:hidden;
}


a.pullout_left_nav
/* Specific to buttons in the Left Side navigation menu pull-out. */
{
	float:left;
	width:280px;
	height:40px;
	padding-top:0px;
	padding-bottom:0px;
	padding-left:10px;
	padding-right:10px;
	/* margin-top:1px; This item isn't needed unless we implement the following series (see "pullout_right_nav_X" series below) */
	margin-bottom:10px;
	line-height:160%;
	overflow:hidden;
}


/* Left-Side Pull-Out Menu. This subsection is a modification of a system by jmeas on GitHub at https://github.com/jmeas/fade-dropdown-menu */

ul.fade_menu_left,
.fade_menu_left ul 
{
	list-style:none;
	padding:0px;
	margin-top:0; /* For margin-left see the equivalent entry on the "fade_menu_right" entry. */
	border:none;
}


.fade_menu_left a
{
	display:block;
}


.fade_menu_left > li
{
	position:relative;
	float:left;
}


.fade_menu_left > li:hover ul
{
	opacity:1;
	visibility:visible;
	-webkit-transition-delay:.5s, .35s; /* The first one is a short delay before the menu begins to appear. */
	-moz-transition-delay:.5s, .35s; /* The second one allows for the current pull-out menu to remain active if another main button... */
	-o-transition-delay:.5s, .35s; /* ...is accidentally hovered over. */
	transition-delay:.5s, .35s;
}


.fade_menu_left ul
{
	opacity:0;
	visibility:hidden;
	z-index:200;
	position:absolute;
	left:100%;
	background-color:transparent;
	-webkit-transition-property:opacity, visibility;
	-moz-transition-property:opacity, visibility;
	-o-transition-property:opacity, visibility;
	transition-property:opacity, visibility;
	-webkit-transition-duration:.8s, 0s;
	-moz-transition-duration:.8s, 0s;
	-o-transition-duration:.8s, 0s;
	transition-duration:.8s, 0s;
	-webkit-transition-delay:0s, .8s;
	-moz-transition-delay:0s, .8s;
	-o-transition-delay:0s, .8s;
	transition-delay:0s, .8s;
}



/* ~~~~~~~~~~~~~~~~~~~~~ */
/* Right Side Navigation */
/* ~~~~~~~~~~~~~~~~~~~~~ */

.button_right_nav
{
	margin-left:0px; /* Do not delete these figures or change them arbitrarily. It affects placement of buttons in the nav menus. */
	margin-right:8px;
	margin-top:0px;
	margin-bottom:0px;
	padding-top:5px;
	padding-left:10px;
	padding-bottom:5px;
	padding-right:10px;
	text-decoration:none;
	text-align:center;
	font-weight:bold;
	color:#660022;
	background-color:#F7C12D;
	border-style:solid;
	border-width:2px;
	border-color:#660022;
	border-radius:16px;
	font-family:Garamond,Baskerville,"Baskerville Old Face","Hoefler Text","Times New Roman",serif; /* Thanks to http://cssfontstack.com/ */
	font-size:150%;
	box-shadow:0px 0px 10px 0px #660022;
	transition:box-shadow 0.5s;
}


.button_right_nav > i
{
	font-family:'Calisto MT','Bookman Old Style',Bookman,'Goudy Old Style',Garamond,'Hoefler Text','Bitstream Charter',Georgia,serif;
}


a.button_right_nav:link
/* This series of "right navs" is due to finicky circumstances in the Right Side nav menu. */
/* In future site designs, try to consolidate these into a more general button category. */
{
	color:#660022;
	background-color:#F7C12D;
	border-color:#660022;
	cursor:pointer;
}


a.button_right_nav:visited
{
	color:#660022;
	background-color:#F7C12D;
	border-color:#660022;
	cursor:pointer;
}


a.button_right_nav:hover
{
	color:#F7C12D;
	background-color:#660022;
	border-color:#F7C12D;
	cursor:pointer;
	box-shadow:0px 0px 10px 10px #660022;
	transition:box-shadow 0.5s;
}


a.button_right_nav:active
{
	color:#F7C12D;
	background-color:#660022;
	border-color:#F7C12D;
	cursor:pointer;
}


.main_right_nav
/* The main, permanently visible hyperlinks on the Right Side navigation menu. */
/* NOT the class for items on the Right Side generally. This is just for links. */
{
	font-family: Garamond, Baskerville, "Baskerville Old Face", "Hoefler Text", "Times New Roman", serif;
	font-size:150%;
	line-height:200%; /* Important to keep graphical buttons spaced properly. */
	letter-spacing:-0.2px;
}


a.main_right_nav
/* Specific to buttons in the Right Side navigation menu. */
{
	float:right;
	width:230px; /* Linked to right margin above (8px) */
	height:40px;
	padding-left:0px;
	padding-right:0px;
	padding-top:0px;
	padding-bottom:0px;
	margin-bottom:10px; /* Spaces the buttons apart vertically */
	line-height:160%; /* Adjusting this will mess up the vertical positioning of the text within the graphical buttons. Be careful. */
	overflow:hidden;
}


a.pullout_right_nav
/* Specific to buttons in the Right Side navigation menu pull-out. */
{
	float:right;
	width:280px;
	height:40px;
	padding-top:0px;
	padding-bottom:0px;
	padding-left:10px;
	padding-right:10px;
	/* margin-top:1px; This item isn't needed unless we implement the following series (see below) */
	margin-bottom:10px;
	line-height:160%;
	overflow:hidden;
}


/* The following series keeps the pull-out menu vertically aligned on the page rather than going progressively lower with each button. */
/* NOTE! This series works, but isn't currently in use. I'm keeping it in reserve in case of usability issues. */
/* Also, Buttons 1 and 4 - 7 haven't been vertically calibrated yet. */

a#pullout_right_nav_1
/* Right-nav main button No. 1. Etc. */
{
	position:relative;
	top:50px;
	height:100%;
}


a#pullout_right_nav_2
{
	position:relative;
	top:0px;
	height:100%;
}


a#pullout_right_nav_3
{
	position:relative;
	top:-50px;
	height:100%;
}


/* Right-Side Pull-Out Menu. This subsection is a modification of a system by jmeas on GitHub at https://github.com/jmeas/fade-dropdown-menu */

ul.fade_menu_right,
.fade_menu_right ul 
{
	list-style:none;
	padding:0px;
	margin-top:0;
	margin-left:-1px; /* This is a trial-and-error correction for an unexplained anomaly. This controls both the left and right menus. */
	border:none;
}


.fade_menu_right a
{
	display:block;
}


.fade_menu_right > li
{
	position:relative;
	float:left;
}


.fade_menu_right > li:hover ul
{
	opacity:1;
	visibility:visible;
	-webkit-transition-delay:.5s, .35s; /* The first one is a short delay before the menu begins to appear. */
	-moz-transition-delay:.5s, .35s; /* The second one allows for the current pull-out menu to remain active if another main button... */
	-o-transition-delay:.5s, .35s; /* ...is accidentally hovered over. */
	transition-delay:.5s, .35s;
}


.fade_menu_right ul
{
	opacity:0;
	visibility:hidden;
	z-index:200;
	position:absolute;
	left:-129%;
	background-color:transparent;
	-webkit-transition-property:opacity, visibility;
	-moz-transition-property:opacity, visibility;
	-o-transition-property:opacity, visibility;
	transition-property:opacity, visibility;
	-webkit-transition-duration:.8s, 0s;
	-moz-transition-duration:.8s, 0s;
	-o-transition-duration:.8s, 0s;
	transition-duration:.8s, 0s;
	-webkit-transition-delay:0s, .8s;
	-moz-transition-delay:0s, .8s;
	-o-transition-delay:0s, .8s;
	transition-delay:0s, .8s;
}



/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/* Hyperlink Formatting Stage 2: Main Text Buttons */
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

/* This section is for hyperlink buttons that appear in the main text. */


.bmtl /* "Button Main-Text Link" */
{
	cursor:pointer;
	font-weight:bold;
	text-decoration:none;
	color:#660022; /* Do not remove. */
	background-color:#F7C12D;
	border-radius:10px;
	padding-left:5px;
	padding-right:5px;
	padding-bottom:0px;
	padding-top:0px;
	margin-top:0px;
	margin-bottom:0px;
	line-height:120%;
	display:inline-block;
	box-shadow:0px 0px 2px 0px #660022; /* Jul. 2015: This only shows up in Firefox, not Chrome. */
}


a.bmtl:link
{
	color:#660022;
	background-color:#F7C12D;
	border-color:#660022;
	cursor:pointer;
	transition:box-shadow .4s, background-color .4s;
}


a.bmtl:visited
{
	color:#660022;
	background-color:#F7C12D;
	border-color:#660022;
	cursor:pointer;
}


a.bmtl:hover
{
	color:#F7C12D;
	background-color:#660022;
	border-color:#F7C12D;
	cursor:pointer;
	box-shadow:0px 0px 10px 10px #660022;
	transition:box-shadow 0.5s;
}


a.bmtl:active
{
	color:#F7C12D;
	background-color:#660022;
	border-color:#F7C12D;
	cursor:pointer;
}


.rbmtl /* "Red Button Main-Text Link" */
/* Use sparingly. =] */
{
	cursor:pointer;
	font-weight:bold;
	text-decoration:none;
	color:#660022; /* Do not remove. */
	background-color:#F7C12D;
	border-radius:10px;
	padding-left:5px;
	padding-right:5px;
	padding-bottom:0px;
	padding-top:0px;
	margin-top:0px;
	margin-bottom:0px;
	line-height:120%;
	display:inline-block;
	box-shadow:0px 0px 2px 0px #660022; /* Jul. 2015: This only shows up in Firefox, not Chrome. */
}


a.rbmtl:link
{
	color:#660022;
	background-color:#F7C12D;
	border-color:#660022;
	cursor:pointer;
	font-size:100%;
	transition:box-shadow 1s, color 3s, background-color 1s, text-shadow 1s;
	animation-timing-function:ease-in;
}


a.rbmtl:visited
{
	color:#660022;
	background-color:#F7C12D;
	border-color:#660022;
	cursor:pointer;
}


a.rbmtl:hover
{
	position:relative;
	z-index:700;
	color:#F7C12D;
	background-color:#FF2200;
	border-color:#FF2200;
	cursor:pointer;
	box-shadow:0px 0px 80px 260px #FF2200;
	text-shadow: 0 0 10px #FFCCAA;
	transition:box-shadow 1.7s, color 1.3s, background-color 1.7s, text-shadow .3s;
	animation-timing-function:ease-in;
}


a.rbmtl:active
{
	color:#F7C12D;
	background-color:#FF2200;
	border-color:#F7C12D;
	cursor:pointer;
}



/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/* Hyperlink Formatting Stage 3: Non-Button Main Text Hyperlinks */
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

/* This section is for hyperlinks in the main text which are NOT buttons. */





/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/* Hyperlink Formatting Stage 4: Sitewide Hyperlinks */
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

/* This section is for hyperlinks everywhere on the site. Use sparingly. */

a
{
	outline:0; /* Gets rid of the dotted rectangular border around button hyperlinks, esp. upon using back button in Firefox. */
}


a:link
{
	text-decoration:none;
}


a:visited
{
	text-decoration:none;
}


a:hover
{
	text-decoration:none;
}


a:active
{
	text-decoration:none;
}



/* */
#