/* TwoOldFreaks - Stylesheet
--------------------------------------------------------------------------------------------------------------------
	version:	4.20
	author: 	G.W.Johnson
	updated:	Feb 2009
-------------------------------------------------------------------------------------------------------------------*/

/* Typography
-------------------------------------------------------------------------------------------------------------------*/
body 	{	background:white; color:black;
			text-align:center; margin:0; padding:0; border:0;
			font-family: arial, sans-serif; font-size:small
		}

h1	{	font-size:200%; padding:0; margin:.5em 0; 	}	/* not used yet */

h2	{	font-size:165%; padding:1em 0 .25em 0; margin:0; border-bottom:1px dotted silver;	} 		/* lead stories */
h3	{	font-size:100%; clear:both; padding:10px 0; margin:0; color:black;		}	/* right col - main section heads */
h4	{	width:610px; font-size:125%; padding:1% 0; margin:6px 0 0 10px; border-top:1px solid silver; background:white;	}		/* photo sections */
h5	{	font-size:100%; padding:0; margin:.5em 0; margin-left:5%; padding:1%; 
		background:#e9eeee; border-top:1px solid silver;	}		/* colored and dented for joke page etc */
h6	{	font-size:90%; padding:0; margin:.5em 0;	} /* right col - section subheads */


p			{	clear:both; padding:0; margin:.5em 1em;	}
p.floater	{	clear:none;	}
p.dateline	{	color:#666; font-size:85%; padding:0; margin:.5em 0;	}
p.tiny		{	text-align:justify; font-size:45%; color:#666;	}
p.right		{	text-align:right; 	}
p.center	{	text-align:center;	}
p.widgets	{	text-align:right; margin-top:-20px;	margin-right:10px;	}
p.dented	{	width:85%; margin:.5% 0 1% 10%;		}

.essay p		{	clear:none; line-height:1.5; text-align:justify; margin:1em;	}
.essay img	{	margin:10px 0 10px 20px; }

.right		{	float:right;	}

/* Defaults
-------------------------------------------------------------------------------------------------------------------*/
img			{	float:left; padding:0; margin:10px; border:0;	}
a		{	color:#0000d0; text-decoration:none;	}
a:hover	{	color:red; text-decoration:underline;	}


/* Sized Images
-------------------------------------------------------------------------------------------------------------------*/
.pic610l	{	width:610px; float:left; 	}
.pic400l	{	width:400px; float:left; 	}
.pic295l	{	width:295px; float:left; 	}

.pic610r	{	width:610px; float:right; 	}
.pic400r	{	width:400px; float:right;	}
.pic295r	{	width:295px; float:right; 	}

.picmls		{	width:256px; float:left; 	}

/* Layout
-------------------------------------------------------------------------------------------------------------------*/
#container		{	width:960px; margin:0 auto; padding:0; background:white; text-align:left;	}

#masthead 		{	width:100%; height:125px; margin:0; padding:0; background:white url(../bg/masthead01.jpg) top center no-repeat; border:0;	}
	.searchbar	{	width:275px; float:right; margin:0;	}

#maincontent 	{	width:100%; float:left; clear:both; margin:0; padding:0; background:white; border:0;	}
#leftcol 		{	width:640px; float:left; margin:0; padding:0;	}
#rightcol		{	width:300px; float:right; margin:0; padding:0;	}

#footer			{	width:100%; clear:both; margin:0; padding:0; 
					text-align:right; border-top:30px solid white; border-bottom:100px solid white;
					color:black; background:white url(../bg/bgliar.jpg) top right no-repeat;
				}
#footer h4		{	display:inline; margin:0 69px 4px 0; padding:0; border:0;	}
#footer p		{	clear:none; display:block; margin:2px 69px 6px 0; padding:0; border:0;	}

#joketeasers	{	font-size:90%;	}
#joketeasers h2	{	font-weight:normal; padding:0; margin:0;  	}
#joketeasers h4	{	width:100%; font-size:125%; padding:1% 0; margin:0; border:0; 	}



/* Dropdown Menu - thanks to Michael Leigeber - http://www.leigeber.com/ He is a genius!
-------------------------------------------------------------------------------------------------------------------*/
#dropmenu	{	font-size:85%; text-align:left;		}

ul.menu 		{	list-style:none; margin:0; padding:0;	}
ul.menu * 	{	margin:0; padding:0	}
ul.menu a 	{	display:block; color:#000; text-decoration:none	}
ul.menu a:hover	{	 color:#000; text-decoration:none	}
ul.menu li 	{	position:relative; float:left; margin-right:2px	}
ul.menu ul 	{	position:absolute; top:20px; left:0; background:#d1d1d1; display:none; opacity:0; list-style:none	}
ul.menu ul li 	{	position:relative; border:1px solid #aaa; border-top:none; width:128px; margin:0	}
ul.menu ul li a 	{	display:block; padding:2px 0px 2px 10px; background-color:#eee	}
ul.menu ul li a:hover {	background-color:#666; color:white;	}
ul.menu ul ul 	{	left:128px; top:-1px	}
ul.menu .menulink 	{	border:1px solid #aaa; padding:2px 0px 2px 10px; font-weight:bold; background:white url(../bg/bgheader1.jpg) bottom left repeat-x; width:118px	}
ul.menu .menulink:hover, ul.menu .menuhover 	{	background:#b5cfff url(../bg/bgheader2.jpg) top left repeat-x;	}
ul.menu .sub 		{	background:#eee url(../bg/arrow.gif) 116px 8px no-repeat	}
ul.menu .topline 	{	border-top:1px solid #aaa	}


/* Talkback
-------------------------------------------------------------------------------------------------------------------*/
.commentform	{	clear:both; border-top:20px solid white;	}
.commentform fieldset		{	background:white url(../bg/bgform.jpg) bottom left repeat-x; border:1px solid gray;	}
.commentform legend		{	font-weight:bold; color:blue;	} 
.commentform label		{	font-size:85%; width:20%; float:left; display:block; text-align:right; margin-right:1em;	}
.commentform input		{	width:50%; color:black; background:#fff7e6; border:1px solid gray; font-size:85%; margin:4px 0 4px 0;	}
.commentform .submit input	{ 	float:right; width:auto; margin-right:1em; border:1px solid gray;	 } 			
.commentform textarea		{	width:60%; height:10em; border:1px solid gray;		}
.commentform p.note		{	font-size:85%; clear:both; margin:8px;	}

.comment		{	border:1px dotted gray;	margin:4px 0 0 0;	}
.comment dt		{	float:left; color:#666; font-size:85%; margin:.5em;	}
.comment dd		{	clear:left; margin:.5em;	}
.comment dd.pic	{	clear:none; float:right;	}



/* Teasers
-------------------------------------------------------------------------------------------------------------------*/
dl.teaser		{	width:295px; float:left; font-size:90%; clear:both; background:#eef; border-bottom:1px solid silver; padding-bottom:6px; margin:4px 0 0 0;		}
dl.teaser dt		{	float:left; color:#666; font-weight:bold; padding:0; margin:.5em;	}
dl.teaser dd		{	width:170px; float:left; padding:0; margin:2px 2px 2px 8px;	}
dl.teaser dd.pic	{	width:auto; float:right;	}
dl.teaser img		{	padding:0; margin:2px 0 0 0;	}

#scrollbox	{	float:left; display:inline; width:295px; height:320px; overflow:scroll; border:1px solid #bebebe; margin-bottom:10px; }
dl.timeteaser		{	width:275px; float:left; font-size:90%; clear:both; background:#eef; border-bottom:1px solid silver; padding-bottom:6px; margin:4px 0 0 0;		}
dl.timeteaser dt		{	float:left; color:#666; font-weight:bold; padding:0; margin:.5em;	}
dl.timeteaser dd		{	width:150px; float:left; padding:0; margin:2px 2px 2px 8px;	}
dl.timeteaser dd.pic	{	width:auto; float:right;	}
dl.timeteaser img		{	padding:0; margin:2px 0 0 0;	}

a.red	{	color:red;	}


/* Badges
-------------------------------------------------------------------------------------------------------------------*/
dl.badge			{	width:280px; float:left; clear:both; background:white; border:1px solid silver; padding:6px; margin:4px 0 0 0;		}
dl.badge dt		{	width:auto; float:left; font-weight:bold; padding:0; margin:.5em;	}
dl.badge dd		{	clear:left; padding:0; margin:2px 2px 2px 8px;	}
dl.badge dd.pic	{	clear:none; width:auto; float:right;	}
dl.badge img		{	padding:0; margin:2px 0 0 0;	}



/* Recipes
-------------------------------------------------------------------------------------------------------------------*/
#recipe		{	font-size:120%; 	}
#recipe h3	{	padding:3px 0 6px 8px; margin:0; background:#e9eeee; border-top:1px solid silver;	}	
#recipe p	{	clear:none; margin:.5em 1em 1em 2em;	}
#recipe ul	{	margin:.5em 0 1em 3em; padding:0; list-style-type:none;	}
#recipe img	{	padding:0; margin:0 .5em 1em 1em;	}

/* Buttons and Bows
-------------------------------------------------------------------------------------------------------------------*/
a.butt 		{	width:auto; float:right; position:relative; display:inline; padding:.25em 1em; margin:0 10% 0 0;
				font-size:90%; color:black; text-decoration:none; 
				border-top:1px solid #666; border-right:1px solid silver; border-bottom:1px solid silver; border-left:1px solid #666; 
			}
	a.butt:link, a.butt:visited	{	background:#dce0f5 url(../bg/bgbutt1.jpg) repeat-x top left; text-decoration:none;		}
	a.butt:hover			{	background:#bedfc4 url(../bg/bgbutt2.jpg) repeat-x bottom left; color:black; text-decoration:none;
								border-top:1px solid silver; border-right:1px solid black; border-bottom:1px solid black; border-left:1px solid silver; 	}

a.timebutt 		{	width:auto; float:right; position:relative; display:inline; padding:.25em 1em; margin:0 20% 0 0;
				font-size:90%; color:black; text-decoration:none; 
				border-top:1px solid #666; border-right:1px solid silver; border-bottom:1px solid silver; border-left:1px solid #666; 
			}
	a.timebutt:link, a.timebutt:visited	{	background:#dce0f5 url(../bg/bgbutt1.jpg) repeat-x top left; text-decoration:none;		}
	a.timebutt:hover			{	background:#bedfc4 url(../bg/bgbutt2.jpg) repeat-x bottom left; color:black; text-decoration:none;
								border-top:1px solid silver; border-right:1px solid black; border-bottom:1px solid black; border-left:1px solid silver; 	}

a.upbutt 	{	width:auto; float:left; position:relative; display:inline; padding:4px 4px 4px 24px; margin:1% 0 0 2%;
			font-size:90%; color:black; text-decoration:none; 
			border-top:1px solid #666; border-right:1px solid silver; border-bottom:1px solid silver; border-left:1px solid #666; 
			}
	a.upbutt:link, a.upbutt:visited	{	background:white url(../bg/bgupbutton.jpg) top left no-repeat; text-decoration:none;		}
	a.upbutt:hover			{	background:white url(../bg/bgupbutton.jpg) top left no-repeat; color:black; text-decoration:none;
								border-top:1px solid silver; border-right:1px solid black; border-bottom:1px solid black; border-left:1px solid silver; 	}



/* Calendar
-------------------------------------------------------------------------------------------------------------------*/

#calendar_menu		{	width:120px; position:fixed; top:10px; left:20px; padding:0; margin:0;
				background:transparent;	font-size:90%;	}

#calendar_menu ul	{	clear:both; display:inline; margin:0; padding:0; list-style-type:none;	}
#calendar_menu li	{	display:block; margin:0; padding:0 6px;		}

#calendar_menu a		{	display:inline; margin:1px 0; padding:0; color:navy; text-decoration:none; line-height:1.5em; 	}
#calendar_menu a:visited	{	color:navy; text-decoration:none;	}
#calendar_menu a:hover		{	color:red; text-decoration:underline;	}



.calendar		{	width:700px; float:left; display:inline; position:relative; padding:0; margin:0 0 0 150px; background:white;	}

.calendar table		{	width:100%; text-align:left; font-size:100%; border-collapse:collapse; margin:1% 0;	}
.calendar caption		{	font-size:120%; font-weight:bold; padding:.5em 0; background:#eee; border-top:1px solid gray;	}

.calendar thead		{	border:1px solid gray; }
.calendar thead th	{	color:white; background:#000069; text-align:center; border-left:1px solid white;  }

.calendar tbody		{		}
.calendar tbody tr		{		}
.calendar tbody th		{	font-size:85%; width:14%; background:white url(bg/bgcalendar1.jpg) top right no-repeat; padding:0.2em 0 0.2em 1em; border:1px solid silver;	}
.calendar tbody td		{	font-size:75%; text-align:center; width:14%; height:100px; vertical-align:top; background:#fff; padding:0.25em 0.5em; border:1px solid silver;	}

.calendar tbody th.nodate, .calendar tbody td.nodate	{	width:14%; background:white; border:0; text-align:center;	}

.calendar #xmas		{	background:white url(bg/bgxmas.gif) bottom center no-repeat;			}
.calendar #valentine	{	background:white url(bg/bgheart.jpg) bottom center no-repeat;			}
.calendar #stpats	{	background:white url(bg/bgclover.jpg) bottom center no-repeat;			}
.calendar #easter	{	background:white url(bg/bgeaster.jpg) bottom center no-repeat;			}
.calendar #earthday	{	background:white url(bg/bgearth.jpg) bottom center no-repeat;			}
.calendar #canada	{	background:white url(bg/bgflag.gif) bottom center no-repeat;			}
.calendar #halloween	{	background:white url(bg/bgpumpkin.jpg) bottom center no-repeat;			}
.calendar #thanks	{	background:white url(bg/bgturkey.jpg) bottom center no-repeat;			}
.calendar #remember	{	background:white url(bg/bgpoppy.jpg) bottom center no-repeat;			}



/*------------------------------------------------- end of file ---------------------------------------------------*/