/*
Theme Name: CFBO FM 90.7
Theme URI: www.cfbo.ca
Description: 2008 Design for BO FM 90.7
Author: Point Click Media Productions
Author URL: http://www.pointclickmedia.ca
Version: Alpha build 0.1
*/

/* -- This filters out different older broswsrs and pda so only the markup is shown then. */

	/* -- GENERAL REDECLARATIONS ---------------------------------------- */
	* 					{margin:0; padding:0;}
	body 				{font-size: 10pt; text-align:center; color: #333333;}
	body, tr, 
	td, input, 
	select, textarea 	{font-family: Verdana, Arial, Helvetica, sans-serif;}
	a:link,a:visited 	{text-decoration:underline; color:#FFFFFF; font-weight:bold;}
	a:hover 			{text-decoration:underline; color:#FFFFFF; font-weight:bold;}
	ul, ol	 			{margin:0 0 10px 25px;}
	dl 					{margin:0 0 10px;}
	dt 					{font-weight:bold;}
	dd					{margin:0 0 3px 10px;}
	p 					{margin:0 0 15px;}
	h1 					{font-size:large; margin:0 0 12px;}
	h2 					{font-size:medium; margin:8px 0;}
	h3 					{font-size:small; margin:6px 0 5px;}
	h4 					{font-size:x-small; margin:4px 0;}
	h5					{font-size:xx-small; margin:3px 0;}
	h6 					{font-size:xx-small; margin:0;}
	hr 					{color: #FFFFFF; height: 2px;}
	img 				{border:none;}
	acronym				{border-bottom: 1px dotted;}
	blockquote 			{margin:0 25px 20px 25px; font-style:italic;}
	


/*------- Basic Layout & Backgrounds ------------*/
	body {
		 background: url(images/background.gif);
		 background-color: #696969;
		 text-align:left;
	}
/* ------------ Main Layouts ----------------*/
	#FlareHolder {
		 width:1000px;
		 background: url(images/background2.gif);
		 margin:0 auto;
		 vertical-align: middle;
		 position:relative;
	}
	#FlareHolder2 {
		 width:1000px;
		 background: url(images/bgimage.jpg) no-repeat;
		 margin:0 auto;
		 position:relative;
	}
	#Header {
		 width:850px;
		 height:110px;
		 text-align: right;
		 vertical-align: middle;
		 padding-top:18px;
		 margin:0 auto;
		 z-index:2;
		 position:relative;
	}
	#Logo {
		 width:301px;
		 height:188px;
		 left:-400px;
		 top:-105px;
		 position:relative;
		 z-index:1;
		 margin:0 auto;
	}
#LeftColumn a, #RightColumn a {
		color:#AE272C ;
	}
	#LeftColumn a:hover, #RightColumn a:hover {
		color:#333333;
	}
	#LeftColumn .leftcolbullet {
		padding:1px 0px 0px 21px;
		background:url(images/bullet_left.gif)	left no-repeat;
		color:#ae272c;
		font-size:12px;
	}
	#LeftColumn .leftcolbullet:hover {
		color:#333;
	}
	#Headlines .leftcolbullet {
		display:block;
		color:#333333;
		margin: 0 0 5px 0;
	}
	#Headlines .leftcolbullet:hover {
			color:#ae272c;
	}	
	#Headlines .headline1 {/* Positioning of the newslists on the home page */
		display:block;
		margin: 0 0 16px 2px;
	}
	#Headlines .headline1 a { /* style the newlist on the home page */
		display:block;
		padding:1px 0px 0px 18px;
		background:url(images/iconnews.gif)	left no-repeat; 
		font-size: 11px;
		line-height: 12px;
		font-weight: bold;
		text-decoration: underline;
		margin: 0 0 7px 0;
	}
	ul.rss_items {
		list-style:none;
		margin: 0 0 10px 0px;
	}
	li.news, .newsAlt {
		list-style:none;
		margin:0 0 0 0;
		height:22px;
	}
	p#rsslink {
		display:none;
	}
	
	/* ============= Center Content holder ================== */
	#EcoutezBanner {
		/* top:152px; */
		z-index:2;
		position:absolute;
		left:0px;
		/*border: 1px solid #00FF66;*/
	}
	#OnAirBanners {
		top:-152px;
		z-index:1;
		/*border: 1px solid #00FF66; */
	}
	#NewsWidget {
		/* height:188px; */
		/* background: url(images/leftcolumnbg.gif) bottom repeat-x; */
		/* background-color: #f3f3f3; */
		text-align: left;
		padding: 0px;
	}
	#NewsWidget #Headlines {
		float:left;
		width:340px;
		padding:0px 0px 0px 5px;
	}
	#NewsWidget #WeatherWidget {
		margin: 0px 0px 0px 350px;
		position:relative;
	}
	.MiscContentWidget {
		background: url(images/leftcolumnbg.gif) bottom repeat-x;
		background-color: #f3f3f3;
		text-align: left;
		padding: 5px;
	}
	.MemberWidget, #ConcoursWidget, .SearchWidget, .CotesWidget {
		background: url(images/widgetbg.gif) repeat-x;
		background-color: #e0e0e0;
		text-align: left;
		padding: 3px;

	}
	.MemberWidget { /* done for the absolute poistioning on the facebook link */
		position:relative;
	}
	#PageContent {
		width:850px;
		margin:0px auto;
		top:-175px;
		position:relative;
		overflow: hidden;
	}
	#colwrap {
		background-color: #f3f3f3;
		overflow:hidden;
	}
	#PageContent #LeftColumn {
		width:544px;
		float:left;
		border-left: solid 2px #FFFFFF;
		border-right: solid 2px #FFFFFF;
	}
	#PageContent #LeftColumn h1{
		position: absolute;
		left: -999em;	
	}

	#PageContent #RightColumn {
		margin:0px 0px 0px 548px;
		width:300px; /* keep this or IE6 freaks out */
		border-right: solid 2px #FFFFFF;
	}
	#Footer {
		height:38px;
		width:850px;
		margin:0pt auto;
		padding-top: 10px;
		top:-175px;
		position:relative;
		background: url(images/footer.gif) no-repeat;
		font-family: Arial;
		color: #FFFFFF;
		font-size: 12px;
		font-weight: bold;
		clear:both;
	}
	#PCMPBadge{
		text-align: right;
		width:850px;
		margin:0pt auto;
		top:-175px;
		position:relative;
	}

	/* ============= Player ================== */
	
	#PlayerBackground {
		 background: url(images/playerbg.jpg) no-repeat;
		 width:548px;
		 height:400px;
		 margin:0 0 0 0;
		 position:relative;
	}
	#PlayerAdSpace {
		width:544px;
		height:68px;
		border-left: solid 2px #FFFFFF;
		border-right: solid 2px #FFFFFF;
		background-color:#d3d3d3;
	}
	#PlayerWMP {
		width:544px;
		height:45px;
		border-left: solid 2px #FFFFFF;
		border-right: solid 2px #FFFFFF;
	}
	#PlayerOnAir {
		border-left: solid 2px #FFFFFF;
		border-right: solid 2px #FFFFFF;
	}
	
	/* ============== Main Menu =================*/
	#MainMenu {
		 width:850px;
		 /* margin:0 auto;
		 position:relative; */
		 background:url(images/men_background.gif) top left no-repeat;
		 height:43px;
		 /* border:1px #009933 solid; */
	}
	#SubMenu {
		 width:846px;
		 height:30px;
		 margin:0 auto;
		 background-color: #4b4b4b;
		 border-left: solid 2px #FFFFFF;
		 border-right: solid 2px #FFFFFF;
		 position:relative;
		 clear:both
	}
	
	#mainmen {
		display:block;
		margin:0 0 0 187px;
		padding:0;
		position:absolute; /* This and z-index make the menu float above the logo which blocked out the menu */
		left:0px;
		top:141px;
		z-index:5;
	}
	#mainmen ul, #mainmen li {
		display:inline;
		list-style-type:none;
		margin:0;
		padding:0;
	}
	#mainmen a:link, #mainmen a:visited {
		float:left;
	}
	#mainmen a.active:link, #mainmen a.active:visited {
		background:#FFFFFF none repeat scroll 0 0;
		border-bottom:1px solid #FFFFFF;
		color:#000000;
	}
	#mainmen a:hover {
		color:#FF0000;
	}
	#mainmen li span{
		display: none; 
	}
	#mainmen #nav-1 a#men1{
		background: url(images/men_accueil.gif) no-repeat left;
		width: 76px;
		height: 43px;
	}
	
	#mainmen #nav-1 a#men1:hover{
		background: url(images/men_accueil_r.gif) no-repeat left;
	}
	#mainmen #nav-2 a#men2{
		background: url(images/men_actualites.gif) no-repeat left;
		width: 94px;
		height: 43px;
	}
	#mainmen #nav-2 a#men2:hover{
		background: url(images/men_actualites_r.gif) no-repeat left;
	}
	
	#mainmen #nav-3 a#men3{
		background: url(images/men_musique.gif) no-repeat left;
		width: 81px;
		height: 43px;
	}
	#mainmen #nav-3 a#men3:hover{
		background: url(images/men_musique_r.gif) no-repeat left;
	}
	
	#mainmen #nav-4 a#men4{
		background: url(images/men_horaire.gif) no-repeat left;
		width: 122px;
		height: 43px;
	}
	#mainmen #nav-4 a#men4:hover{
		background: url(images/men_horaire_r.gif) no-repeat left;
	}
	
	
	#mainmen #nav-5 a#men5{
		background: url(images/men_lequipe.gif) no-repeat left;
		width: 80px;
		height: 43px;
	}
	#mainmen #nav-5 a#men5:hover{
		background: url(images/men_lequipe_r.gif) no-repeat left;
	}
	
	#mainmen #nav-6 a#men6{
		background: url(images/men_concours.gif) no-repeat left;
		width: 87px;
		height: 43px;
	}
	#mainmen #nav-6 a#men6:hover{
		background: url(images/men_concours_r.gif) no-repeat left;
	}
	
	#mainmen #nav-7 a#men7{
		background: url(images/men_photos.gif) no-repeat left;
		width: 76px;
		height: 43px;
	}
	#mainmen #nav-7 a#men7:hover{
		background: url(images/men_photos_r.gif) no-repeat left;
	}
	
	#mainmen #nav-8 a#men8{
		background: url(images/men_bingo.gif) no-repeat left;
		/* width: 45px; for IE */
		width: 48px;
		height: 43px;
	}
	#mainmen #nav-8 a#men8:hover{
		background: url(images/men_bingo_r.gif) no-repeat left;
	} 

	/* Backgrounds for each section when it is the active section */
	body.section-1 #mainmen li#nav-1 a#men1 {
		background: url(images/men_accueil_c.gif) no-repeat left;
	}
	body.section-2 #mainmen li#nav-2 a#men2 {
		background: url(images/men_actualites_c.gif) no-repeat left;
	}
	body.section-3 #mainmen li#nav-3 a#men3 {
		background: url(images/men_musique_c.gif) no-repeat left;
	}
	body.section-4 #mainmen li#nav-4 a#men4 {
		background: url(images/men_horaire_c.gif) no-repeat left;	
	}
	body.section-5 #mainmen li#nav-5 a#men5 {
		background: url(images/men_lequipe_c.gif) no-repeat left;
	}
	body.section-6 #mainmen li#nav-6 a#men6 {
		background: url(images/men_concours_c.gif) no-repeat left;
	}
	body.section-7 #mainmen li#nav-7 a#men7 {
		background: url(images/men_photos_c.gif) no-repeat left;
	}
	body.section-8 #mainmen li#nav-8 a#men8 {
		background: url(images/men_bingo_c.gif) no-repeat left;
	} 
	body.section-1 #mainmen li ul li a { /* Clear the backgrounds on the sub nav items in IE */
		background: none;
	}	
	/*remove the submenus*/
	#mainmen #subnav-1, #mainmen #subnav-2, #mainmen #subnav-3, #mainmen #subnav-4, #mainmen #subnav-5, #mainmen #subnav-6, #mainmen #subnav-7, #mainmen #subnav-8 {
		display:none; 
		width:90%;	 
	}
	/* Show submenu for this page */	
	body.section-1 #mainmen ul#subnav-1, body.section-2 #mainmen ul#subnav-2, body.section-3 #mainmen ul#subnav-3, body.section-4 #mainmen ul#subnav-4, body.section-5 #mainmen ul#subnav-5, body.section-6 #mainmen ul#subnav-6, body.section-7 #mainmen ul#subnav-7, body.section-8 #mainmen ul#subnav-8 {
		display:inline; 
		left:0px;
		position:absolute;
		top:51px;
		z-index:1;
		margin: 0px 0px 0px 0px;
	}
	
	/* Backgrounds for subnav buttons */
	body.section-1 #mainmen ul#subnav-1 a, body.section-2 #mainmen ul#subnav-2 a, body.section-3 #mainmen ul#subnav-3 a, body.section-4 #mainmen ul#subnav-4 a, body.section-5 #mainmen ul#subnav-5 a, body.section-6 #mainmen ul#subnav-6 a, body.section-7 #mainmen ul#subnav-7 a, body.section-8 #mainmen ul#subnav-8 a {
		background:none;
		font-size:smaller;
		font-weight:bold;
		margin-right:4px;
		padding:2px 3px;
		text-decoration:none;
		width:auto;
		height:10px;
		float:left;
	}
	#mainmen ul a:hover {
		color:#FF0000 !important;
	}	
	
	/* ============== News Menu =================*/
	#LeftColumn #newsmenu {
		width: 544px;
		height: 48px;
		background: url(http://carrera.websitewelcome.com/~cjse/cfbo/wp-content/uploads/empty.gif) no-repeat top center;
	}
	
	
	
	/* ============== Login Area =================*/
	
	.MemberWidget .login, .MemberWidget .login ul{
		list-style:none;
		padding:0;
		margin:0;		
	}
	.MemberWidget .login ul {
		margin-top:5px;
	}
	.MemberWidget .login input {
		margin-bottom:2px;
	}
	#RightColumn .rightcolbullet {
		padding:1px 0px 0px 21px;
		background:url(images/bullet_right.gif)	left no-repeat;
		color:#ae272c !important;
		font-size:12px;
	}
	.MemberWidget .facebook {
		position:absolute;
		right:6px;
		top:4px;
	}
	.MemberWidget .twitter {
		position:absolute;
		right:6px;
		top:4px;
	}
	.submitbut {
		margin:2px 0 0 0;
	}
	/* =============== Article Template ================= */
	
	#Article {
		width:532px;
		text-align:left;
		padding: 5px;
	}
	.alignright {
		float:right;
	}
	.alignleft {
		float:left;
		margin:0 15px 0 0;
	}
	
	
	/* =============== Polls ========================= */
	.wp-polls, .wp-polls-form {
		width:285px;
	}
	
	/* ============== News Page ====================== */
	#Article .headline1 {
		display:block;
		margin: 0 0 20px 0;
		padding: 0 0 20px 0;
		border-bottom: 1px solid #996633;
	}
	#Article .headline2 {
		display:block;
		margin: 0 0 20px 0;
		padding: 0 0 20px 0;
	}

	#Article .headline1 h2, #Article .headline2 h2 {
		font-size:18px;
		font-weight:bold;
	}
	#Article .headline1 .story_excerpt, #Article .headline2 .story_excerpt {
		display:block;
		margin: 0 0 15px 0;
	}
	#Article .headline1 .story_excerpt h3, #Article .headline2 .story_excerpt h3 {
		display:block;
		font-weight:bold;
		font-size:14px;
		margin: 4px 0 1px 0;
	}
	#Article .headline1 .story_excerpt .writtenon, #Article .headline2 .story_excerpt .writtenon {
		display:block;
		margin: 1px 0 6px 0px;
	}
	#Article .headline1 .story_excerpt a, #Article .headline2 .story_excerpt a {
		font-weight:normal;
		font-size:12px;
	}
	/* ================ MISC ==========================*/