/*
Theme Name: École Allain St-Cyr
Theme URI: www.allainstcyr.ca
Description: La thème principale de l'école Allain St-Cyr
Version: 1.0
Design: Outcrop Communications (Jeff Hipfner)
Author: Outcrop Communications (Jeff Hipfner)
Author URI: http://www.outcrop.com
*/

/* Reset default browser styles */
@import url('styles/reset.css');

/* Rebuild default browser styles */
@import url('styles/rebuild.css');

/* Basic WordPress Styles */
@import url('styles/wp.css');

/* Import a basic layout */
@import url('styles/2c-l.css');

/* Import custom Event Calendar styles */
@import url('styles/ec3.css');



#access {
	margin: 0 0 1.5em 0;
	
}
.skip-link {
	position:absolute;
        left:-9000px;
}
/*.menu ul {
	list-style: none;
	margin: 0;
}
.menu ul ul {
	display: none;
}
.menu li {
	display: inline;
}
.menu a {
	display: block;
	float: left;
}*/

/* Begin Typography & Colors */
a {
	color: #540519;
	font-weight: bold;
}
h1 {
	line-height: 1em;
	font-size: 2.1em;
	font-weight: bold;
	color: #4e0120;
	margin-bottom: 0.5em;
}
.category-evenements h1 {
	font-size: 1.4em;
}
h2.entry-title a {
	font-weight: bold;
	color: #4e0120;
	text-decoration: none;
	margin-bottom: 0.5em;
	padding-bottom: 1em;
}
h2 {
	font-size: 1.5em;
}
h3 {
	font-size: 1.2em;
	font-weight: bold;
}
	h3.widget-title {
		font-size: 1.4em !important;
	}
/* End Typography & Colors */



/* Begin Structure */
body {
	background: #691027; /* Set the general bgc */
	font-family: "Lucida Grande","Lucida Sans Unicode", helvetica, verdana, arial, sans-serif;
}

#wrapper-bg {background: #fff url(images/bg-header.png) repeat-x;} /* Add header image so that the body colour doesn't override */
#wrapper {
	padding-bottom: 10em;
	background: transparent url(images/bg-footer.png) bottom repeat-x; /* Add the footer image so it can span window width */
}
	#header, #main, #footer {margin: 0 auto; width: 1000px;}
	#masthead #branding {
		height: 377px;
		background: transparent url(images/header.jpg) no-repeat;
	}
		#masthead #branding #blog-title, #masthead #branding #blog-description {
			overflow: hidden;
			text-indent: -100em;
		}
		#masthead #branding #blog-title {
			width: 83em;
		}
			#masthead #branding #blog-title a {
				display: block;
				margin-top: 4em;
				width: 83em;
				height: 16em;
			}
	#access {
		position: absolute;
		top: 0.25em;
		width: 83em;
	}
		/*#access .menu {
			width: 83em;
			margin: 0em auto;
		}
		#access .menu a {
			color: #fff;
			text-decoration: none;
			font-size: 1.1em;
			font-family: helvetica, arial, sans-serif;
			width: 10.75em;
			padding: 0.75em 0em;
			text-align: center;
		}
		#access .menu a:hover {
			background-image: url(images/nav-over.png);
		}*/
		
	#main {
		margin-top: -8em;
		width: 70em;
	}
/*  MAIN CONTENT */

	#content {
		width: 44em;
		margin-left: 20em;
		margin-top: 1.8em !important;
	}
		.breadcrumb {
			margin-bottom: 1em;
		}
		.post {
			margin-bottom: 1.5em;
		}
		.entry-meta, .entry-utility {
			font-size: 0.8em;
			margin-bottom: 0.75em;
		}
		.entry-utility {display:none;}
	
/* ARTICLE DISPLAY */

/* COMMENTS */

#comments-list {
	margin-top: 1em;
}
	
/*  SIDEBAR CONTENT  */

	li#search-2 h3 {
		display: none;
	}
	#primary, #secondary {
		width: 220px !important;
		margin-left: -20px;
	}
		#primary ul, #secondary ul {
			list-style: none;
		}
		#primary ul li, #secondary ul li {
			padding-bottom: 0.25em;
		}
		
		input#s, input#searchsubmit {
			margin: 0.5em 0;
		}
		input#s {
			border: 1px solid #c4b1a2;
			height: 1.5em;
			padding: 0.25em 0 0 0.25em;
			font-size: 1.1em;
			color: #78273c;
			width: 10.75em;
		}
	#upcoming-events {
		border: 1px solid #d7b6b4;
		padding: 6px 8px;
		margin-bottom: 1em;
		background-color: #fdf5ed;
		border-radius: 5px;
		-moz-border-radius: 5px;
	}
	.textwidget {
		padding-top: 1em !important;
	}	
	
		
/* Content Navigation (bottom) */
	.nav-previous {
		float: left;
	}
	.nav-next {
		float: right;
	}
		
/*  FOOTER CONTENT */
	#footer {
		height: 138px;
	}
	img#csftnologo {
		position: relative;
		margin-left: 25em;
		margin-top: 13em;
	}

/* SIDEBAR LOGIN */
.adminMenu{margin-bottom:20px;}
.adminMenu h2{display:none;}
.adminMenu .page_item{margin-left:-30px !important;}

/* NO SIDEBAR CONTENT */

#author, #single {
	width: 60em;
	margin: 0em auto;
}


/* NextGen Gallery */

div.piclenselink {
	display: none;
}



/* ================================================================ 
This copyright notice must be untouched at all times.

The original version of this stylesheet and the associated (x)html
is available at http://www.cssplay.co.uk/menus/final_drop.html
Copyright (c) 2005-2008 Stu Nicholls. All rights reserved.
This stylesheet and the associated (x)html may be modified in any 
way to fit your requirements.
=================================================================== */

.menu {	
	width: 80em;
	margin: 0em auto;	
	position:relative;
	z-index:100;
	
	
}
/* hack to correct IE5.5 faulty box model */
* html .menu {
	
}
/* remove all the bullets, borders and padding from the default list styling */
.menu ul {
	padding:0;
	margin:0;
	list-style-type:none;
	overflow:visible;
	
}
.menu ul.menuLinks{
	padding-bottom:5px;
}
.menu ul.menuLinks ul {
	width:159px;
}
/* float the list to make it horizontal and a relative positon so that you can control the dropdown menu positon */
.menu li {
	float:left;
	width: 10.75em;
	padding: 0 0.25em 0.75em 0;
	position:relative;
	display:block;

}
/* style the links for the top level */
.menu a, .menu a:visited {
	color: #fff;
			text-decoration: none;
			font-size: 1.1em;
			font-family: helvetica, arial, sans-serif;
			width: 10.75em;
			padding: 0.75em 0em 0.25em 0;
			text-align: center;
			font-weight:normal;
			display:block;
}
/* style the top level hover */
.menu a:hover, .menu ul ul a:hover {
		background-image: url(images/nav-over.png);
}
.menu :hover > a, .menu ul ul :hover > a {
		background-image: url(images/nav-over.png);
}

/* style the second level background */
.menu ul ul a.drop, .menu ul ul a.drop:visited {
}
/* style the second level hover */
.menu ul ul a.drop:hover {
	
}
.menu ul ul :hover > a.drop {
	
}
/* style the third level background */
.menu ul ul ul a, .menu ul ul ul a:visited {
	
}
/* style the third level hover */
.menu ul ul ul a:hover {
	
}
/* hide the sub levels and give them a positon absolute so that they take up no room */
.menu ul ul {
	visibility:hidden;
	position:absolute;
	
	margin:8px 0 0 0!important;
	display:table;	
	width:163px !important;
	border:1px solid #fff;
	border-top:none !important;
	overflow:visible;
}
.menu ul ul li{
	padding:0em 0em;
	border:none;
	margin:0px;
}

/* position the third level flyout menu */
.menu ul ul ul {
	left:159px;
	top:-1px;
	width:159px;
}
/* position the third level flyout menu for a left flyout */
.menu ul ul ul.left {
	left:-149px;
}
/* style the table so that it takes no ppart in the layout - required for IE to work */
.menu table {
	position:absolute;
	top:0;
	left:0;
	border-collapse:collapse;
}
/* style the second level links */
.menu ul ul a, .menu ul ul a:visited {
	background:#65192B;
	color:#fff;
	height:auto;
	line-height:1em;
	padding:7px 6px;	
	display:block;
	text-align:left;
	font-weight:normal;
	width: 11.5em;
}
.menu ul ul a:hover{
	background:#41000E !important;
}

/* make the second level visible when hover on first level list OR link */
.menu ul li:hover ul, .menu ul a:hover ul {
	visibility:visible;
}
/* keep the third level hidden when you hover on first level list OR link */
.menu ul :hover ul ul {
	visibility:hidden;
}
/* make the third level visible when you hover over second level list OR link */
.menu ul :hover ul :hover ul {
	visibility:visible;
}
/* ================================================================ 
   This CSS is further CSS I have created specifically for Wordpress
   so that the current page is highlighted in two levels.
   If you want it in three levels let me know.

   Author: Isaac Rowntree
   Website: www.zackdesign.biz
=================================================================== */


.menu ul ul .current_page_item a {
	

}
.menu .current_page_item a {
	
}
.menu ul .current_page_item ul a {
	
}
.menu ul .current_page_item ul a:hover {
	
}
.menu .current_page_item a:hover {
	
}

/* Next Gen Gallery Override */

#shName {
	text-align: left !important;
}

/** Categorie Listing (Événements) */
ul.lcp_catlist {
	list-style: none;
	margin-left: 0em !important;
	margin-bottom: 6px;
	font-size: 13px;
}
	ul.lcp_catlist a {
		text-decoration: none;
	}
		ul.lcp_catlist a:hover {
			text-decoration: underline;
		}

td#fancy_title_left, td#fancy_title_right {
	display: none;
}
#fancy_title table {
	table-layout: fixed;
	width: 600px;
}
div#fancy_title div {
	white-space: normal !important;
}
td#fancy_title_main {
	background-image: none !important;
	background-color: #000 !important;
	
}