/* CSS Document for MontrealFestivals.ca */

/* -+-+-+-+-+-+-+-+-+- TAGS -+-+-+-+-+-+-+-+-+- */
html, body {
	background-color:#3E7F3E;/*#dcf0d2;*/
	background-image:url(/images/bkg_mtlfestivals.gif);
	background-position:top center;
	background-repeat:repeat-y;
	font-family:	Verdana, Arial, Helvetica, sans-serif;
	font-size:		10px;
	margin:			0;
	padding:		0;
}
div, img, a, p, h1, h2, h3, h4, h5, ul, ol, li, table, tr, td, iframe, input, span {
	padding:0px;
	margin:0px;
}
div {
	position:relative;
}
a {

}
a:hover {
	text-decoration:underline;
}
img {
	border:none;
}
h1 {
	font-size:16px;
}
h2 {
	font-size:13px;
}
h3 {
	font-size:10px;
}
h4 {
	font-size:10px;
}
h5 {
	font-size:14px;
	border-bottom:1px solid #97D276;
	border-right:1px solid #97D276;
	margin:5px 0;
	padding:0 5px;
	color:#008000;
	width:530px;
	background-color:#C3E6B0;
}
table {
	position:relative;
}
td {
	vertical-align:top;
}
/* -+-+-+-+-+-+-+-+-+- LAYOUT -+-+-+-+-+-+-+-+-+- */
#all {
	width:			720px;
	padding:		0 10px;
	margin:			0 auto;
	background-color:#FFF;
	position:		relative;
	/*border:			1px solid green;*/
}

/* ---------- HEADER ---------- */
#header {
	height:			88px;/*68px;*/
	margin:			0 0 4px 0;
}
	#top {
		height:		67px;/*47px;*/
	}
		#logo {
			width:		246px;
			height:		32px;
			padding:	6px 0 2px 4px;
		}
		#toplinks {
			position:	absolute;
			right:		0;
			top:		0;
			text-align:	right;
			color:		#FF9B18;
			padding:	4px 0 0 0;
		}
		#toplinks a {text-decoration:none; color:#FF9B18;}
		#toplinks a:hover {text-decoration:underline;}
	#navigation, #footercontent {
		/*height:			19px;*/
		background-color:#008000;
		font-weight:	bold;
		color:			#FFF;
		padding:		0;
	}
	#navigation table {
		margin:-1px 0;
	}
	#navigation td {
		padding:0 8px;
	}
	#navigation a {text-decoration:none; color:#FFF;}
	#navigation a:hover {text-decoration:underline;}
	#navigation input {font-size:9px; }
	
/* -------------- CONTENT ------------------------------- */
#content {
	margin:					8px 0 0 0;
}

/* -------------- CONTENT > HOME PAGE ------------------------------------- */
	#splash {
		background-color:	#FFCCCC;
		padding:			5px 0;
		height:				240px;
	}
		
	/* -+-+-+-+- CALENDAR ON HOME PAGE -+-+-+-+-+-+-*/	
		#splash #calendar {
			font-size:		12px;
			width:			300px;
			height:			228px;
			/*background-color:#FEE7C5;*/
			margin:			0 5px 0 auto;
		}
		#splash #calendar .table_header {
			/*background-color:#EB760C; */
		}
		#splash #calendar .table_header td {
			border:			none;
			font-size:		16px;
			font-family:	Georgia, "Times New Roman", Times, serif;
			font-weight:	bold; 
		}
		#splash #calendar .days td {
			border-top:		none;
		}
		#splash #calendar td {
			border-top:		1px solid #FFF;
		}
		/* FIND OUT WHAT I CAN DO WITH THIS... */
		#calendar a {
			text-decoration:none;
			/*background-color:#33FFCC;*/
		}
	
	
	#featured {
		margin:					4px 0 0 0;
	}
	#featured table {
	}
	#featured td {
		width:			33%;
		padding:		4px 8px 4px 0;
	}
	#featured img {
		margin:			0 5px 0 0 ;
		float:			left;
	}
	#featured p {
		margin:			5px 5px 0 5px;
	}
	#featured h1 {
		background:url(/images/text/featured_festivals.gif) no-repeat;
		width:100%;
	}
	#featured h1, #mtl_tips h1, #mtl_links h1, #mtl_info h1 {height:23px;}
	#featured h1 span, #mtl_tips h1 span, #mtl_links h1 span, #mtl_info h1 span, h1.festival span {display:none;}
		#feature_1, #feature_2, #feature_3 {
			/*background-color:#FFC65C;	*/	
		}
		#featured h2 {
			padding:	0 5px 4px 5px;
			
			/*color:		#FFF;
			background-color:#F05323;
			padding:	0 5px 4px 5px;
			*/
		}
		#featured h2 a {
			color:			#F05323;
		}
		#featured p {
			/*height:		110px;*/
		}
	#bottom {
		/*background-color:#3300CC;*/
		margin:		4px 0 0 0;
	}
	#bottom h1 {
		margin-bottom:	4px;
	}
	#bottom table {
	}
		#mtl_tips, #mtl_links {
			width:				475px;
		}
		#mtl_tips {
			margin:				0 0 5px 0;
		}
		#mtl_tips h1 {
			background:			url(/images/text/mtl_tips.gif) no-repeat;
		}
		#mtl_tips table {
			background-color:	#FEE7C5;
		}
		#mtl_tips table td {
			padding:			0 5px;
		}
		#mtl_links {
		}
		#mtl_links h1 {
			background:			url(/images/text/mtl_links.gif) no-repeat;
		}
		#mtl_links table {
			background-color:	#DCF0D1;
		}
		#mtl_links table td {
			padding:			0 5px;
		}
		#mtl_links table strong {
			text-transform:		uppercase;
		}
		#mtl_info {
			width:		236px;
			position:	absolute;
			right:		0;
			top:		0;
			margin:		0 5px 0 0;
		}
		#mtl_info h1 {
			background:url(/images/text/mtl_info.gif) no-repeat;
		}
		#mtl_info table {
			background-color:#D7EEF0;
		}
		#mtl_info td {
		}

/* -------------- CONTENT > ALL FESTIVAL LIST (?)------------------------------ */
	#festival_list {}
	#festival_list td {
		padding-left:5px;
		padding-right:5px;
	}
	#festival_list .title {}

/* -------------- CONTENT > TIPS & LINKS ------------------------------------- */
	h5.tips {
		color:					#EB760C;
		background-color:		#FEE7C5;
		border-bottom:			1px solid #F7CDA6;
		border-right:			1px solid #F7CDA6;
	}

		
/* -------------- CONTENT > FESTIVALS ------------------------------------- */

	/* Main content */
	p.tips {
		font-size:		12px;
		line-height:	16px;
		padding:		4px 0 5px 0;
		width:			540px;
	}
	p.festival {
		font-size:		12px;
		/*line-height:	14px;*/
		padding:		5px 0 10px 0;
	}
	p.festival a:link {color:#DA5B34;}
	p.festival a:visited {color:#E6952B;}
	h1.festival{
		color:			#008000;
		font-weight:	bold;
		text-transform:	uppercase;
		font-size:20px;
	}
	h1.festival img {
		padding:		2px 0 0 0;
	}
	h2.date {
		color:#008000;
		background-color:#C3E6B0;
		border-bottom:1px solid #97D276;
		border-right:1px solid #97D276;
		width:200px;
		padding:0 5px;
		margin:2px 0;
	}
	h2.festival {
		padding:5px 0;
	}
	h2.festival a {
		/*text-decoration:none;*/
	}
	h2.festival a:hover {
		text-decoration:underline;
	}
	h2.festival a:link {color:#DA5B34;}
	h2.festival a:visited {color:#E6952B;}
	h3.festival {
		/*font-style:italic;*/
		font-weight:normal;
		/*padding-bottom:10px;*/
	}
	h4.festival {
		margin:5px 0 10px 0;
	}
	h5.festival {
		width:530px;
		margin:5px 0 5px -5px;
	}
	h5.festival a {
		color:#008000;
		text-decoration:none;
	}
	h5.festival a:hover {
		text-decoration:underline;
	}
	
	/* Left column */
	#left_column {
		width:			23%;
		float:			left;
		margin:			0 8px 5px 0;
	}
	
	/* -+-+-+-+-+-+-+- CALENDAR -+-+-+-+-+-+-+-+- */
		#left_column #calendar {
			width:			150px;
			margin:			0 auto;
			border:			1px solid #D0BB90;
			background-color:#F8F1EA;
		}
		#left_column #calendar .table_header {
			background-color:#D0BB90; 
			font-size:		12px;
		}
		.bot_links td {
			color:			#FFF;
			padding:		2px 0 2px 0;
			border-top:		3px solid #F8F1EA;
			background-color:#D0BB90;
		}
		.bot_links a {
			color:			#FFF;
			font-weight:	bold;
			text-decoration:none;
		}
		.bot_links a:hover{
			text-decoration:underline;
		}
		
	/* Right ads */
	#content #right_ads {
		float:			right;
		top:			0;
		right:			0;
		/*height:			600px;*/
		height:			700px;
		width:			160px;
		/*border:			1px solid green;
		border-top:		12px solid green;
		background-color:#FFF;*/
		margin:			0 0 5px 5px;
	}

/* -------------- CALENDAR GENERAL ----------------------------*/
	#calendar {
		text-align: 	center;
	}
	#calendar .table_header {
		font-weight:	bold; 
		color:			#FFF;
	}
	#calendar td {
		width:			14%;
		vertical-align:	middle;
	}
	#calendar td a:hover {
		font-weight:	bold;
	}
	.days {
		/*font-size:		10px;*/
		background-color:#F2E5D8;
	}
	.today {
		background-color:#B2A89F;
		color:#FFF;
	}
	.today a {
		color:#FFF;
	}
	.nonmonthdays {
		color: #999999;
		background-color:transparent;
	}
	.nonmonthdays a {
		display:none;
	}
	.festival_date {
		color:blue;
	}
	.past_date {
		color:#FF00FF;
	}
	.festival_soon {
		color:#00FF00;
	}


	
/* ---------- FOOTER ---------- */
#ads_home {
	margin:			8px -5px;
	/*background-color: #FFF;
	border:			1px solid green;
	border-top:		12px solid green;*/
	width:			728px;
	height:			90px;
}
#ads_festivals {
	margin:			8px -5px;
	background-color: #FFF;
	border:			1px solid green;
	border-top:		12px solid green;
	width:			468px;
	height:			60px;
}#footer {
	padding:			5px 0 10px 0;
	clear:				both;
}
	
	#footercontent {
		/* see navigation */
		text-align:center;
	}
	#footercontent a {text-decoration:none; color:#FFF;}
	#footercontent a:hover {text-decoration:underline;}

/* -+-+-+-+-+-+-+-+-+- CLASSES -+-+-+-+-+-+-+-+-+-+- */
.more_link {
	display:		block;
	text-align:		right;
	padding:		5px 0 5px 0;
}