@charset "utf-8";
/* RLV's CSS Document for the Funfolks website */
/* start of spicy link section (with thanks to David Walsh for the idea) */
/* append a pdf icon after links to such files */
a[href$='.pdf']:after {
  content: url(http://www.funfolks.net/pdf-icon16x16.gif);
}
a[href*='wikipedia']:after {
  content: url(http://www.funfolks.net/wikipedia.gif);
}
/* end of spicy link section */
/* start of DIV style info */
div.pageHeadContainer {
/*	background: #aaaaaa;  light grey *//* deleting the background gives a clear effect */
	width: 97%;
	margin: 0 auto; /*outside the box; top right bottom left */
	padding: 0.5em 1em 0.5em 1em; /*inside the box; top right bottom left */
	line-height: 100%;
	border-width: 0.5em;
	border-color: #ffd700; /* same as html named color: gold */
	border-style: ridge;
}

div.navContainer {
	/*background: #000099; *//* royal blue *//* deleting the background gives a clear effect...but for the dot */
	margin: 0 auto; /* no space needed around the outside of the div box */
	padding: 1em 0 0 0; /* top right bottom left */
	font-weight:bold;
	text-align:center;
}

/* settings to stretch the container div to contain floated list */
div.navContainer:after {
	content : ".";	/* this is the mystery dot that shows up if the color here doesn't match the background above! */
	color:#888888; /* 50% grey is the least conspicuous choice!*/
	display : block;
	line-height : 1px;
	font-size : 1px;
	clear : both;
}

#navContainerFF { /* alternate style for the funfolks index page */
	background-color: #037C67; /* a dark green */
	margin: 2em ; /*outside the box; top+bottom right+left; r+l:auto produces a centered effect */
	padding: 0em 1em 2em; /*inside the box; top right bottom left */
	line-height: 100%;
	border-width: 0.5em;
	border-color: #ffd700; /* same as html named color: gold */
	border-style: ridge;
}

#navContainerRS { /* alternate style for the Rand0m_Stuff pages */
	background-color: #260000; /* a dark brown */
	background-image: url(./ybirds_510x110.png);
	background-repeat: repeat-x;
	width: 70%;
	margin: 0 auto; /*outside the box; top+bottom right+left; r+l:auto produces a centered effect */
	padding: 0em 1em 1em 1em; /*inside the box; top right bottom left */
	line-height: 100%;
	border-width: 0.5em;
	border-color: #ffd700; /* same as html named color: gold */
	border-style: ridge;
}

#reviewContainer {
	background: #0e189c; /* dark blue *//* deleting the background gives a clear effect */
	width: 60%;
	margin: 2em; /*outside the box; top right bottom left */
	padding: 2em 2em 2em 2em; /*inside the box; top right bottom left */
	line-height: 100%;
	border-width: 0.5em;
	border-color: #ffd700; /* same as html named color: gold */
	border-style: ridge;
}

div.rs1 { /* rand0m_stuff div style #1 */
	border-width: medium;
	border-style: double;
	background-color: #260000; /* a dark brown */
	background-image: url(./ybirds_510x110.png);
	background-repeat: repeat-x;
	margin: 2em auto;
	padding: 1em;
	text-align: center;
	width: 70%;
}

div.rs2 { /* rand0m_stuff div style #1 */
	border-width: medium;
	border-style: double;
	border-color: #ffffcc;
	background-color: #400000; /* a dark red-brown*/
	margin: 2em auto;
	padding: 2em;
	text-align: center;
	width: 70%;
}
/* end of DIV style info */

/* start of body style info */
body {/* should apply to all text, right? */
	color:#000000; /* black */
	background-color:#888888; /* grey */
	/* The named fonts are all Unicode compliant, ensuring that all symbols will be rendered as intended! */
	font-family: "Constantia", "Bookman Old Style", "Book Antiqua", "Century", "Century Schoolbook", "Times New Roman", serif !important;
	font-weight:bold;
	line-height: 100%;
	margin: 0;
	padding: 0.5em; /* top, right, bottom, and left all set equally */
	text-align:center;
	}

img.block {
  display: block;
  margin: 2 auto;
}
img.left {
  float: left;
  margin: 0.25 auto;
  padding-right: 2em;
}

img.c3 {
  display: inline;
  vertical-align: middle;
  margin: 0.25 auto;
  padding-left: 2em;
}

img.inline {border:0;vertical-align:middle;}

img.valid {border:0;width:88px;height:31px;}

td{
	padding: 1em;
	vertical-align:top;
}
td.evt{
	padding-left:2em;
}

th{
	vertical-align:bottom;
}

p {/* should apply to all text, right? */
	color:#ffff00; /* bright yellow */
	/* The named fonts are all Unicode compliant, ensuring that all symbols will be rendered as intended! */
	font-family: "Constantia", "Bookman Old Style", "Book Antiqua", "Century", "Century Schoolbook", "Times New Roman", serif !important;
	font-weight:bold;
	line-height: 150%;
	margin: auto;
	padding: 0.5em; /* top, right, bottom, and left all set equally */
	text-align:center;
}

/* special classes */
li.odd {
	list-style: none ; background-color:#00F0FF; /* sky blue */
}

li.even {
	list-style: none ; background-color:#F00FF; /* magenta */
}

.breadcrumb_nav {
	color: #000000; /* black */
	line-height: 150%;
	margin: auto; /* this allows the div to float to the center */
	padding: 0 0.5em; /* top+bottom, right+left */
	text-align:center;
	width: 90%; /* some value is necessary to get centering */
}

.c {
	text-align: center; /* centered text */
}

.copyright {
	border-color: #000000; /* same as html named color: black */
	border-style: ridge;
	border-width: medium;
	line-height: 150%;
	margin: auto; /* this allows the div to float to the center */
	padding: 0.5em; /* top, right, bottom, and left all set equally */
	text-align: center; /* centered text */
	width: 95%; /* pulls in border from surrounding div without messing up centering too much */
}

.l {
	text-align: left; /* left-aligned text */
}
.r {
	text-align: right; /* right-aligned text */
}

.rst { /* randy's stuff text */
	color:#ffffcc; /* dull yellow */
}

.tn_caption {
	background: #3399CC; /* same as html named color: sky blue */
	border-color: #000000; /* same as html named color: black */
	border-spacing: 5px;
	border-style: ridge;
	border-width: medium;
	font-style: italic;
	margin: 0; /* this forces the caption up to the thumbnail */
	max-width: 270px;
	padding: 0.5em; /* top, right, bottom, and left all set equally */
	text-align: center; /* centered text */
}

.tn_cell {
	float: left;
	height: 225px;
	margin: 0;
	padding: 1em 0.5em; /* top+bottom, right+left set equally */
	width: 225px;
}

.tn_gallery {
	float: left;
	margin: 0;
	padding: 0.5em; /* top, right, bottom, and left all set equally */
	width: 62%;
}

.tn_cstory {
	background: #3399CC; /* same as html named color: sky blue */
	margin: auto;
	margin-top: 1.5em;
	max-width: 72em;
	min-width: 24em;
	padding: 0.5em; /* top, right, bottom, and left all set equally */
	width: 80%;
}

.tn_lstory {
	background: #3399CC; /* same as html named color: sky blue */
	float: left;
	margin: 1.5em 0.25em;
	max-width: 48em;
	min-width: 24em;
	padding: 0.5em; /* top, right, bottom, and left all set equally */
	width: 35%;
}

.tn_rstory {
	background: #3399CC; /* same as html named color: sky blue */
	float: right;
	margin: 1.5em 0.25em;
	max-width: 48em;
	min-width: 24em;
	padding: 0.5em; /* top, right, bottom, and left all set equally */
	width: 35%;
}

.er, .dfam {color:#33ff00;} /* set text color to bright green for the EventRandy and DateFAMily styles */

.et {color:#ff3300;} /* set text color to bright red for the EventTing style */

.dfr {color:#ffcc00;} /* set text color to a shade of gold for the DateFRiend style */

/* set text alignment and for all event items */
.e, .er, .et {
	text-align:left;
	text-indent:-1em;
	}

.leg {
	font-size:125%;
	line-height: 120%;
	}

.leg_evt{
	font-size:125%;
	text-align:left;
	line-height: 120%;
	}

.leg_head {
	font-size: 150%;
	color: #ff99ff; /* magenta */
	line-height: 200%;
	}

.page_title {
	color: #000000; /* black */
	font-size: 200%;
	line-height: 120%;
	text-align: center;
}

.page_subtitle {
	color: #000000; /* black */
	font-size: 150%;
	line-height: 120%;
	text-align: center;
}

.pic-page_body {
	background: #8F8F8F; /* grey */
	color: #000000; /* black */
	text-align: center;
	margin: auto; /* this allows the div to float to the center */
	padding: 0 0.5em 1.5em 0.5em; /* top, right, bottom, left */
	width: 90%; /* necessary to get centering */
}

.pic-page_head {
	background: #6F6F6F; /* grey */
	border-color: #000000; /* same as html named color: black */
	border-spacing: 5px;
	border-style: ridge;
	border-width: medium;
	color: #000000; /* black */
	height: 100%; /* this allows IE to expand the box to enclose it's floating children*/
	line-height: 150%;
	margin: auto; /* this allows the div to float to the center */
	padding: 0.5em; /* top, right, bottom, and left all set equally */
	text-align: center;
	width: 90%; /* necessary to get centering */
}

.pic-page_head:after {
	content: "";
	display: block;
	height: 0;
	clear: both;
}

.pic-page_copy {
	color: #000000; /* black */
	float: right;
	margin: auto;
	padding: 0.5em; /* top, right, bottom, and left all set equally */
	text-align: right;
	width: 25%;
}

.pic-page_fname {
	color: #000000; /* black */
	float: left;
	margin: auto;
	padding: 0.5em; /* top, right, bottom, and left all set equally */
	text-align: left;
	width: 25%;
}

.pic-page_info {
	color: #000000; /* black */
	float: left;
	margin: auto; /* this allows the div to float to the center */
	padding: 0.5em; /* top, right, bottom, and left all set equally */
	text-align: center;
	width: 45%; /* necessary to get centering */
}

.pic-page_nav {
	background: #7F7F7F; /* grey */
	color: #000000; /* black */
	float: right;
	margin: auto; /* this allows the div to float to the center */
	padding: 0 0.5em 0 0.5em; /* top, right, bottom, left */
	text-align:center;
	width: 30%; /* necessary to get centering */
}

.pic-page_pic {
	clear: both; /* no floating elements allowed on either side of the pic */
	margin: auto; /* this allows the div to float to the center */
	padding: 0 0.5em 0 0.5em; /* top, right, bottom, left */
	width: 90%; /* necessary to get centering */
}

.rdate {
	text-align:center;
	font-size:90%;
	}

.review {
	text-align:justify;
	}

.rtitle {
	text-align:center;
	font-size:200%;
}

.title {
	color: #000000; /* black */
	font-size:200%;
}

.subtitle {
	color: #000000; /* black */
	line-height: 100%;
	text-align : left;
}

ul.navList {
	list-style: none;
	padding: 0;
	margin: 0 auto;
	width: 96%;
}

ul.navList li {
	display: block;
	float: left;
	width: 33.3%;
	margin: 0;
	font-size: 100%;
	overflow: hidden;
}

ul.navList li a {
	background: #3366ff; /* light blue */
	border-width: 0.1em;
	border-style: outset;
	display: block;
	font-size: 150%;
	margin: 0;
	padding: 0.25em;
	text-decoration: none;
	width: 100%;
}

div.navContainer>ul#navList li a { width: auto; }

ul#navList2 {
	list-style: none;
	margin: 0em auto;
	padding: 0em;
	width: 96%;
}
ul#navList2 li {
	display: block;
	float: none;
	font-size: 100%;
	margin: 0em auto;
	overflow: hidden;
	width: 40%;
}
ul#navList2 li a {
	background: #3366ff; /* light blue */
	border-style: outset;
	border-width: 0.2em;
	display: block;
	font-size: 150%;
	line-height: 110%;
	margin: 0.5em auto 1em auto;
	padding: 0.25em;
	text-decoration: none;
	width: auto;
}

ul.navList3 {
	display: block;
	list-style: none;
	margin: 0em auto;
	padding: 0em;
	width: 96%;
}
ul.navList3 li {
	display: block;
	float: left;
	margin: 0em auto;
	overflow: hidden;
	width: 50%;
}
ul.navList3 li a {
	background: #3366ff; /* light blue */
	border-style: outset;
	border-width: 0.2em;
	display: block;
	margin: 0em auto ;
	padding: 0.25em;
	text-decoration: none;
	width: auto;
}
ul.navListM {
	list-style: none;
	margin: 0 auto;
	padding: 0;
	width: 96%;
	font-size: 90%;
}

ul.navListM li {
	display: block;
	float: left;
	margin: 0;
	padding: 0;
	overflow: hidden;
	width: 8.33%;
}

ul.navListM li a {
	display: block;
	width: 100%;
	padding: 0.25em;
	border-width: 0.1em;
	border-color: #ffe #aaab9c #ccc #fff;
	border-style: solid;
	text-decoration: none;
	background: #3366ff; /* light blue */
}

div.navContainer>ul.navListM li a { width: auto; }

ul.navListM2 {
	display: block;
	font-size: 90%;
	list-style: none;
	margin: 0 auto;
	padding: 0;
	width: 96%;
}

ul.navListM2 li {
	background: #3366ff; /* light blue */
	border-style: outset;
	border-width: 0.2em;
	display: block;
	float: left;
	margin: 0;
	padding: 0;
	overflow: hidden;
	width: 23.5%;
}

ul.navListM2 li a {
	display: block;
	padding: 0.25em;
	text-decoration: none;
	width: auto;
}

div.navContainer>ul.navListM2 li a { width: auto; }

ul.navListM3 {
	display: block;
	font-size: 75%;
	list-style: none;
	margin: 0 auto;
	padding: 0;
	width: 100%;
}

ul.navListM3 li {
	background: #3366ff; /* light blue */
	border-style: outset;
	border-width: 0.2em;
	display: block;
	float: left;
	margin: 0;
	padding: 0;
	overflow: hidden;
	width: 6.95%;
}

ul.navListM3 li a {
	display: block;
	padding: 0em;
	text-decoration: none;
	width: auto;
}

div.navContainer>ul.navListM3 li a { width: auto; }

ul.navListD{
	font-size: 90%;
	list-style: none;
	margin: 0;
	padding: 0.25em;
	width: 96%;
}

ul.navListD li {
	display: block;
	float: left;
	margin: 0;
	padding: 0;
	/* width is an experimentally determined value (~100/31) designed to stretch
	the days navbar across the width of a FF1.5 window;
	the given value also happens to work in IE6 at 1600x1200 */
	width: 3.21%;
}

ul.navListD li a {
	background: #3366ff; /* light blue */
	border-width: 0.2em;
	border-color: #ffe #aaab9c #ccc #fff;
	border-style: solid;
	display: block;
	padding: 0.25em;
	text-decoration: none;
	width: 100%;
}

div.navContainer>ul.navListD li a { width: auto; }

ul.navListDecade{
	font-size: 75%;
	list-style: none;
	margin: 0;
	padding: 0.25em;
	width: 96%;
}

ul.navListDecade li {
	display: block;
	float: left;
	margin: 0;
	padding: 0;
	/* width is an experimentally determined value (~100/10) designed to stretch
	the days navbar across the width of a FF1.5 window;
	the given value also happens to work in IE6 at 1600x1200 */
	width: 10%;
}

ul.navListDecade li a {
	background: #3366ff; /* light blue */
	border-width: 0.2em;
	border-color: #ffe #aaab9c #ccc #fff;
	border-style: outset;
	display: block;
	padding: 0;
	text-decoration: none;
	width: 93%;
}

div.navContainer>ul.navListDecade li a { width: auto; }

/* end of body style info */

/* start of link style info */
a {
	color: #66ffff; /* aqua blue */
	font-weight: bold;
	text-align: center;
}

a:hover {/* hover style -- when the cursor is over a link, change the link appearance. */
	background-color: #ffff90; /* yellowish background */
	color:#000099; /* dark blue (same as table background) */
	text-decoration: none; /* none needed because of the visual alert via shading*/
}
/* end of link style info */

 /* start of active state info */
a:link[class=current], a:visited[class=current] {
	background: #ffd700 !important; /* same as html named-color gold */
	color: #000099 !important;
	font-size: 100%;
}

/* end of active state info */

/*** start of custom styles for multibrowser float-fixing ***/
/* apply this class to any container element in order to prevent enclosed floats from 'sticking out' past the bottom */
.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
/* fixes the problem with IE-mac */
.clearfix {
	display: inline-block;
}
/* Hides from IE-mac \*/
* html .clearfix {
	height: 1%;
}
.clearfix {
	display: block;
}
/* End hide from IE-mac */
/* end of custom styles for multibrowser float-fixing */
/* this CSS file validated against CSS2.1 and CSS3 by the W3C CSS Validation Service at http://jigsaw.w3.org/css-validator */
/* end of RLV's CSS Document for the Funfolks website */