/* mycallander.ca - Home template
   Created: Nov.20.08: Doug Brydges, based on default template.
   Updated: Oct.09.10: styles for latest_content_menu added.
-------------------------------------------------------------------------------*/

body {	/*background-image: url(../../bg-white.jpg); background-repeat: repeat;*/
	/* background-image: url(../images/body_bg_main.gif); background-repeat: repeat-x; */
	font-family: arial, sans-serif; font-size: .7em;
	color: #464646; background-color: #c3c3c3; /* #bf8847; */
	padding: 0; margin: 0;
	}

a { text-decoration: none; color: #b65e00; padding: 0; margin: 0; }
a:hover { text-decoration: none; color: #b0a398; outline: 0; padding: 0; margin: 0; }

a.discrete { text-decoration: none; color: #7e7e7e; padding: 0; margin: 0; }
a.discrete:hover { text-decoration: underline; color: #7e7e7e; border-bottom: 0; outline: 0; padding: 0; margin: 0; }

a.title { text-decoration: none; color: #8f8f8f; padding: 0; margin: 0; }
a.title:hover { text-decoration: none; color: #8f8f8f; border-bottom: 0; outline: 0; padding: 0; margin: 0; }


h1 {	font-size: 2em; font-weight: 100;
	padding: 0; margin: 20px 0 7px 0;
	}

h2 {	font-size: 1.2em; font-style: italic; font-weight: 100;
	padding: 0; margin: 0;
	}

h3 {	font-size: 1.6em; font-weight: 100; line-height: 1em;
	border-bottom: 1px solid #e0e0e0; padding-bottom: 4px; margin: 15px 0 5px 0;
	}

h4 {	font-size: 1.3em; font-weight: 100;
	border-bottom: 1px solid #e0e0e0; padding-bottom: 4px; margin: 10px 0 5px 0;
	}

.in { text-indent: 20px; }

#wrap { width: 876px; min-height: 450px; height: auto !important; height: 450px;
	background-color: #fff; padding: 0; margin: 0 auto;
	border-bottom: solid 1px #000000; border-left: solid 1px #000000; border-right: solid 1px #000000; }

#header { width: 100%; height: 140px; }

.title_tagline2 { width: 100%; height: 178px;
	background-image: url(../images/header-main.jpg);
	background-repeat: no-repeat;
	background-position: top left;
	padding: 30px 0 0 30px; margin: 0;
	}

#main_menu { height: 60px;
	background-image: url(../images/menu_bg_main.gif);
	background-repeat: repeat-x;
	font-size: 1.1em; padding: 11px 0 0 22px; margin: 0;
	}
/*-------- Category Titles with content dropdowns -----------------
   Feb.17.08 - Modified for use in Div ID #main_menu
   in Eatlon.com bothbars, leftbar & rightbar layouts.

   Copyright (c) 2005-2007 Stu Nicholls. All rights reserved.
   Stu's Basic Cross-browser Drop Down Validating Menu, modified
   - http://www.cssplay.co.uk/menus/basic_dd.html
   - For IE6 only, uses htc/csshover.htc file.
     Link to it before </head> in template file.
=================================================================== */

/* position menu over menu bar */
.menu { margin-top: -7px; }

/* no styles */
.menu ul { padding: 0; margin:0; list-style-type: none; }

/* CATEGORY TITLES */
	.menu li {
	position: relative; z-index: 10;
	float: left; margin: 0 10px 0 0; padding: 0;
	}

	.menu a, .menu a:visited {
	display: block; font: bold 12px Arial, Sans-Serif; color: #fff;
	text-decoration: none; 	text-align: left;
	height: 34px; /* SET @ 1PX LESS THAN - top: in .menu ul ul (below) */
        border: 0px solid; /* invisible border, keeps 2nd level visible during mouseover */
 	background: transparent; padding-left: 10px; line-height: 30px;
	}

	/* Hover color = deep yellow */
	.menu a:hover { color: #ffe65d; } /* IE7 only */
	.menu :hover > a { color: #ffe65d; } /* FF & Opera only */

/* LEVEL 1 DROPDOWN - Category's content links - hidden */
	.menu ul ul {
	position: absolute;  z-index: 50; /* Z=50 keeps dropdown up front */    /* Z-Index 50 */
	top: 35px; /* set @ 1px more than  - height: in .menu a, (above) */
	visibility: hidden; width: 150px; height: 0; left: 0;
	}

	.menu ul ul a, .menu ul ul a:visited {
	width: 129px; height: auto; font: normal 11px arial;
	color:#000; background: #fdead3; /* pale orange */
	border-bottom: 1px solid #7d521f; /*line color at bottom*/
	margin: -1px 0 0 -25px;
	padding: 3px 10px 3px 10px;
	}

        /* Hover text color = deep yellow | bg color = mid-brown */
	.menu ul ul a:hover { color: #ffe65d; background: #7d521f; } /* IE7 only */
	.menu ul ul :hover > a { color: #ffe65d; background: #7d521f; } /* FF & Opera Only */

	/* dropdown visible on Category Title hover */
	.menu ul li:hover ul, .menu ul a:hover ul{ visibility: visible; }

/* ADDED for subcategories Apr.10.08 */
	.subcat { margin-left: .2em; line-height: 100%; font: bold 11px Arial, Sans-Serif;  }
 	
	/* Hover over category title, displays 1st level block.
	   Hover over Subcat title in 1st level block displays same in 2nd level block.
	   text link color = black | bg color = pale orange */
	.menu ul li:hover ul li a {display: block; background: #fdead3; color:#000;}

	/* hover over links in 1st & 2nd level blocks
	   text link color = deep yellow | bg color = mod-brown */
	.menu ul li:hover ul li a:hover {background: #7d521f; color: #ffe65d;} /* hover colors in 1st & 2nd levels */

	/* positions 2nd level flyout to edge of 1st level dropdown */

/* JUNE 14.08 */
	/* LEFT FLYOUT */
		/*.menu ul li:hover ul li:hover ul { display: block; left: -149px; top: 0; position: absolute; }*/
	/* RIGHT FLYOUT */
	.menu ul li:hover ul li:hover ul {display: block; position: absolute; left: 149px; top: 0;}

        /* specific to non IE browsers */
	.menu ul li:hover ul li a.hide { background: #6a3; color: #fff;}
	.menu ul li:hover ul li:hover a.hide {background: #6fc; color: #000;}
	.menu ul li:hover ul li ul {display: none;}

/* -------------------------------------------------------------------------------------*/

/* ------------ cms components only ------------------------- */

	/* latest_content_menu */
	.LatestMenu { margin: 0; margin-bottom: -25px; padding: 0; }
	.LatestMenu h5 { color: #ff7639; font: bold 15px Verdana, Sans-Serif;
	        padding-top: 3px; padding-left: 10px; padding-bottom: 3px;
		border-top: 1px solid #e0e0e0; border-bottom: 1px solid #e0e0e0; background: #faeee0;
		}
	.LatestMenu-bg { background: #faeee0; }
	.cat-title { font: bold 12px Arial, Sans-Serif; padding: 3px 5px 2px 5px;
	        background: #a4543d; margin-bottom: 1px;
		}
	.cat-title a { color: #fff; }
	.cat-title a:hover { color: #ff7639; }
	.cat-title-links a, .subcat-title-links a {
	        font: normal 14px Arial Narrow, Sans-Serif;
		background-image: url(../../../images/list.gif); background-repeat: no-repeat;
		background-position: left top;
		}
	.cat-title-links a:hover, .subcat-title-links a:hover {
	        background-image: url(../../../images/list-hover.gif); background-repeat: no-repeat;
		background-position: left top;
		}
	.cat-title-links a {  margin-left: 5px; padding-left: 15px; }
	.subcat-title-links a { margin-left: 10px; padding-left: 15px; }
	.subcat-title a { color: #341600; font-weight: bold;  margin-left: 10px; padding-left: 22px;
	        margin-bottom: 1px;
	        background-image: url(../../../images/closed.gif); background-repeat: no-repeat;
		background-position: left center;
		}
        .subcat-title a:hover { color: #ff7639;
        	background-image: url(../../../images/open.gif); background-repeat: no-repeat;
		background-position: left center;
		}
	.squeeze { margin-bottom: -32px } /* ; *margin-bottom: -32px; */
	.space-it { margin-bottom: -8px; }


	/*controls spacing between in-category side-bar menus*/
	#this_category { margin-bottom: 10px; padding: 0 }

	/*container for breadcrumbs & searchbar*/
	#subheader { clear: both; padding: 0 0px 5px 10px; height: 24px; line-height: 15px; width: 98.9%;
	margin: -30px 0 15px 0; color: #808080; border-bottom: 1px solid #e0e0e0; }

	#subheader a { background: inherit; color: #444; }

	#breadcrumbs { float: left; margin: 5px 0 0; }

	/* jason's searchform */
	.search input{ vertical-align: middle; }
	.searchfield { position: relative; border: 1px solid #BBB; width: 130px; margin: 0 0 7px 0; padding: 2px 3px;  }
	.searchbutton { margin: 0 0 -5px 3px; }
	.searchright { float: right; margin-right: 10px; margin-top: 1px; padding: 0; }

	/*top notice container, applied in function extra
	  Background leaf clearance - changed: width - 93.5% to 83.5% right-padding - 10px to 100px*/
	.topnotice {	clear: both; width: 83.5%; font: 13px Arial, Sans-Serif; line-height: 1.3em;
	                border-bottom: 1px solid #e0e0e0;
			margin: 5px 0 0 18px; padding: 0 100px 5px 10px;
			}
	.topnotice a { background: inherit; }
	.topnotice h3 { font: bold 1.5em Arial, Sans-Serif; color: #5e3504; border: none; }

	/*bottom extra container, applied in function third_extra
	  Background leaf clearance - changed: width - 93.5% to 83.5% right-padding - 10px to 100px*/
	#footernotice {	clear: both; width: 83.5%; font: 13px Arial, Sans-Serif; line-height: 1.3em;
			border-top: 1px solid #e0e0e0;
			margin: 25px 0 -10px 18px; padding: 10px 100px 0 10px;
			}
	#footernotice a { background: inherit; color: #444; }
	#footernotice h3 { font: bold 1.5em Arial, Sans-Serif; color: #5e3504; border: none; }
	
	.topnotice, #footernotice {background-image: url(../images/leaf-shadow.png);
				background-repeat: no-repeat;
				background-position: top right; }

	/* Events List mod July 27.08 */
	.curr_events { width: 100%; }
	.curr_events h3 {
		font: bold 1.3em Arial, Sans-Serif; color: #5e3504;
		border: none; padding: 3px 0 3px 3px; background-color: #f3ece1;
		}
	.ev_div { border-bottom: 1px solid #e0e0e0; padding-bottom: 4px; }
	.ev_title { font: bold 14px arial narrow; }
	.event_desc  { background: #f7f7f7; margin-top: 2px; padding: 5px; }
	.ev_link { background: #f3ece1; padding: 2px 0 2px 10px; }
	.ev_sub { font-weight: bold; text-decoration: underline; color: #4e3000; }


        /*sidebar extra container, applied in function second_extra*/
	.sidebar { border-top: 1px solid #e0e0e0; padding: 10px 0 10px 0;
		   font: 12px Arial, Sans-Serif; line-height: 1.2em; }
	.sidebar h3 { font: bold 1.3em Arial, Sans-Serif; color: #5e3504; border: none;
			padding: 3px 0 3px 3px; background-color: #fcf7f2; }
	
	/*Applies to main content container only*/
	.post_wrap { margin: 0 0 20px 0; }

	/* Added Dave's title image Mar.25.08 */
	.post_wrap h2 {
		background-image: url(../images/maintitlebg.jpg);
		background-repeat: no-repeat;
		font: bold large Verdana, Geneva, Arial, Helvetica, Sans-Serif;
		color: #ffffff;
		height: 43px;
		padding: 16px 0 3px 50px;
		border: none;
		}

	/* Modified paginator function  */
	.paginator{ text-align: right; margin: 0.5em 0.2em 0.5em 0; }
	a.page { background: #fcf7f2; border: 1px solid #5e3504; padding: 3px 4px; color: #5e3504; text-decoration: none; }
	a:hover.page { background: #e9cdad; border: 1px solid #5e3504; padding: 3px 4px; color: #271603; text-decoration: none; }
	.pageselected { border: 1px solid #5e3504; background: #fff; padding: 3px 4px; color: #000; }
	
	.sidebar_title { font: bold 1.2em Arial, Sans-Serif; color: #fff;
			 padding: 3px 0 3px 3px; background-color: #fff;
			  background-image: url(../images/side-title-bg.png); background-repeat: repeat-y;
			 }
        .sidebar_subtitle { font: bold 1.2em Arial, Sans-Serif; color: #5e3504;
			 padding: 5px 0 3px 0; border-bottom: 1px solid #5e3504; width: 93%;
			 }

	.side_menus { font: normal 1.3em Arial Narrow, Sans-Serif; }

	.error { font: italic 16px Arial; color: #b03600; }

	/* Event Block Generator ------------------------*/
	.event {
		margin-bottom: 1em;
		border: 1px solid #5e3504;
	        width: 100%;
		background: #fcf7f2;
	}
	.event h4 {
		margin-bottom: .6em;
		padding: 0.3em;
		font: bold 1.1em arial, sans-serif; text-align: center;
		color: #ffd49d;
		background-color: #5e3504;
	}
	.event_date { font-weight: bold; text-align: center; color: #5e3504; padding-bottom: .2em; }
	.event_text { font: normal 12px Arial, Sans-Serif; color: #5e3504; padding: 0 .6em .6em .6em; line-height: 1.3em; }

/* div classes to float images or inserted blocks with text-wrap in articles */
.floatright { position: relative; float: right; padding: 3px 0 0 10px; border: none; }
.floatleft { position: relative; float: left; padding: 3px 10px 0 0; border: none; }
.indent { margin-left: 40px; }
blockquote { margin: 15px; padding: 7px; font-style: italic; background-color: #ededed }

/* Comments and comment panel styles */
.comment { color: #4e1a1a; background: #f6f0e8; padding: 10px; margin-bottom: 10px; border: 1px solid #C0C0C0; }
.commentsbox { background: #f5f5f5; color: #808080; padding: 10px; margin: 0 0 10px 0; border: 1px solid #C0C0C0; }

/* extra box for extra 2 & extra 2 blocks, above & below the center content */
.extrabox { border : 1px solid #ccc; background : #f6f0e8; padding : 10px; }

/* REMOVES BORDERS FROM IMAGES */
img { border: none; }

/*-------------------------- end of cms components ---------------------------*/

#content { /* ADJUSTED LEFT PADDING TO WIDEN RIGHT SIDEBAR */
	background-color: #fff;
	margin: 10px 0 0 0; padding: 0 10px 0 10px; /*padding: 0 18px 0 20px;*/
}

/* Definitions for left sidebar layout ------------------------- */
	.best_viewed { font-weight: bold; color: #b65e00; line-height: 2.2em; text-align: center; margin-bottom: 7px; }
	
	.menu_left { /* LEFT SIDEBAR width adjusted */
		float: left;
		width: 19%; 		/*width: 16%;*/
		padding: 0 10px 0 10px;	/*padding: 0;*/
		margin: 0;		/*margin: 0 0 0 10px;*/
	}

		.menu_left p {
			padding: 0;
			margin: 6px 0 0 0;
		}

		.menu_left ul {
			list-style-type: none;
			padding: 0;
			margin: 5px 0 25px 0;
		}

		.menu_left ul li {
			padding: 0;
			margin: 0;
		}

	.content_right { /*PADDING ADJUSTED*/
	float: right; width: 75%;
	font-size: 1.1em; line-height: 1.5em; text-align: justify;
	padding: 0 10px 0 15px; /*padding: 0 20px 0 25px;*/
	margin: 0; border-left: 1px solid #e0e0e0;
	}

	.content_right p { padding: 0; margin: 7px 0 0 0; }

.square {
	width: 120px;
	border-top: 1px solid #bcc6d4;
	border-bottom: 1px solid #bcc6d4;
	padding: 5px 8px 5px 0;
	margin: 0 0 25px 0;
}

.post { padding: 0 0 20px 0; }


.layouts { text-align: center; padding: 10px 0 0 0; }

.disclaimer { margin-top: 10px; font-style: italic; font-size: 85%; text-align: center; line-height: 100%; }

#bottom { clear: both; width: 100%; height: 85px; background-color: #fff; padding: 0; margin-top: 20px; border-top: 1px solid #e0e0e0; }
	/* background-image: url(../images/bottom_bg_main.gif); background-repeat: no-repeat; */

.footer { width: 100%; text-align: center; padding: 0; margin: 12px 0 0 0; }
.footermenu { text-align: center; list-style-type: none; display: inline; line-height: 20px;  }
.footermenu a.current{color: #fffac5; background: #777777; }