/**
 * The "Macasa" style, initially inspired by the Joy skin (v.1.0, build 090417)
 *
 * This skin features a 2-column layout in a 980px-large wrapper, centered and nicely fitting in a 1024px-large window.
 * 
 * It contains the following main parts in a "wrapper" :
 *	- a header_panel containing a header_title, a header-image, a header_slogan and main navigation tabs (#tabs)
 * 	- a content division containing the main_panel and the side_panel
 *	 (note that the side_panel is the left column but could also be positionned to the right if preferred)
 *	- a footer_panel
 *
 * A distinguishing feature of the Macasa skin is its side panel displaying various boxes in a fancy way.   
 *  - within the panel, boxes vary in size, color and alignement, and they often overlap
 *  - boxes are not the same from page to page, depending on your Yacs settings
 *  - you can also insert extra boxes in the side panel of a given page by inserting tags in that page, like this :
 *    <div id="extra_casa_1></div> or <div id="extra_casa_2></div>, with or without content (by default boxes are too smal for content)   
 *
 * This skin uses a color scheme that can be easily modified through "search and replace" of color codes
 * 	- #fff : general background, for wrapper, header_panel, main_panel, extra_panel, footer_panel, side_panel and slideshow
 *	- #ffe : "pseudo-white", for items that should remain "whitish", even if white color or background is globally replaced
 *	- #111 : "pseudo-black", for code and items that should remain "blackish", even if black color is replaced
 *	- #333 : general font color, set in body
 *	- #16649f : "even" title color, for header_title, tabs, h2, h3, various dt, etc.
 *	- #c49b26 : "odd" title color, for header_slogan, h1, some highlights
 *	- #d9e6ff : accent color for background of tabs and some side bar boxes 
 *	- #369 : general font color for links
 *	- #c93 : color for hovered links (added by overriding base.css - see below) 
 *	- #dde : background color to highlight some other items (hovered links also in base.css - overriden below)
 *	- #999 : font color for details
 *	- #eee : background color to highlight code
 *	- #ddd : background color for ordinary table headings
 *	- #89a : background color for some table heading, like calendar
 *	- #eef : background color for some boxes, like folder boxes
 *	- #ffc : background color for some special boxes, like sidebar
 *	- #ccc : color of many borders and lines
 *	- #8f8 #88f #f88 : background colors for highlighting search terms in search result pages
 *	- #ffe #ddf #ffc #dfd #fd9 #edf : for gadget boxes (more like samples than a recommendation)
 *	- other colors are used to emulate browsers and probably should not be changed (search for input and button)
 *
 * This skin has been checked against Mozilla Firefox versions 2 and 3 and Microsoft Internet Explorer versions 6 and 7.
 *
 * @author of this skin : Alain Lesage [email]alesage@lesageconseil.com[/email]
 * @author of the original skin from which this one is derived : Bernard Paques [email]bernard.paques@bigfoot.com[/email]
 * @license http://www.gnu.org/copyleft/lesser.txt GNU Lesser General Public License
 */

/**
 * The Macasa is made of 3 interelated style sheets that take care of all media (screen, handheld, print, etc.)
 *  - macasa.css: you are looking at it! it contains the main rules to customize this skin (see TABLE OF CONTENTS below)
 *  - base.css: included in this style sheet through an @import directive, it resets browsers and sets basic formatting for:
 *         - HTML tags
 *         - Yacs codes
 *         - links
 *         - images  
 * - extra.css: also included below through an @import directive, it takes care of formatting various items in Yacs
 *    that usually require less modifications  (see under the TABLE OF CONTENTS below)
 *    
 * Note that yacs.css, also imported here, is part of the standard Yacs distribution, and not specific to this skin    
 * 
 * To modify style sheets other than the present one, override them in here (see OVERRIDE OF IMPORTED STYLE SHEETS)   
 */

/**
 * TABLE OF CONTENTS (macasa.css)
 *
 * STRUCTURAL LAYOUT
 *	The body element
 * 	Wrapper
 *	Header panel, 
 *	Content
 *	  Main panel
 * 	  Side panel
  *	Footer panel
 *
 * PAGE FORMATTING
 *  Sidebar
 *  Folder box 
 *  Contextual menu
 *
 * OVERRIDE OF IMPORTED STYLE SHEETS
 *  Links from base.css
 *  Colors from extra.css
 *  Formatting from yacs.css   
 *
 *PERSONAL TWEAKS
 *	Personal preferences and unusual circumstances
 */

/**
 * The imported style sheet extra.css contains formatting rules for the following items:
 *  
 * TABLE OF CONTENTS (extra.css)
 * 
 * VARIOUS LAYOUTS  
 *	Recent articles (on home page)
 *	Gadget boxes (on home page)
 *	Column layout (for site map and more)
 *	Table layout (for index page, forum, and more)
 * SPECIAL TYPES OF CONTENTS 
 *	Comments
 *	Calendar
 *	News and featured articles (in extra_panel)
 *	Poll
 *	Collections
 *	Slide Show
 * SPECIAL INFO 
 *	Details (may be anywhere on a page)
 *	Info about a post (date, author, download)
 *	Page status (draft, expired)
 *	Table of contents and table of questions
 *	Edit page (the page for posting and editing articles)
 */

/**
 * @todo:	
 *		div,dl,dt,dd,input{margin:0;padding:0;} as per YUI ?
 */

/**
 * import core YACS reference style sheet -- this has to come before any other rule
 */
@import url("../_reference/yacs.css");

/**
 * import additionnal style sheets specific to Macasa -- this has to come before any other rule
 */
@import url("base.css");
@import url("extra.css");

/* -----------------------------------------------------------------------------
 * 	STRUCTURAL LAYOUT
 *
 * The body is given a wrapper which contains the 3 main parts of the layout:
 *	the header_panel 
 * 	the content (containing the main_panel and the side_panel)
 * 	and the footer_panel.
 * Styling for sub-parts of the layout are presented after these main parts or in the imported style sheets. 
  * ---------------------------------------------------------------------------*/

/* -----------------------------------------------------------------------------
 * 	The body element
 *
 *	Most elements will inherit some of these attributes
 * ---------------------------------------------------------------------------*/

body {
	margin: 0;		/* to override browsers */
	padding: 0;		/* to override browsers */
	font-family: Verdana, Arial, Helvetica, sans-serif; /* it's your choice */
	font-size: 13px;	/* applying Yahoo UI Library CSS suggestions */
	color: #333;		/* dark grey might be easier on the eye */
	background: #dab755 url("images/body_background.gif") top right repeat; /* background color to match background image */
	text-align: center; 	/* to make IE center everything */
}

* html body { 			/* to align IE6 with other browsers */
	font-size: x-small;
}

body * {                /* watch out here! any declaration will match every element, short-circuiting inheritance */
	line-height:1.22em; 	/* default line-height based on font-size, not calculated value as would be the case if declared in body rule above*/
}

/* -----------------------------------------------------------------------------
 * 	Wrapper
 *
 * It contains about everything 
 *
 * -------------------------------------------------------------------------- */

@media screen { 		/* only on screen, not on printer or handheld */

	#wrapper { 		/* used to limit the width of the page */
		position: relative; /* to create layout context for absolutely positioned elements */
		width: 980px;
		margin-right: auto;
		margin-left: auto;
		padding: 0;
	  background: #fff; /* might be colored or have an image to distinguish from body background */
	}

}

/* -----------------------------------------------------------------------------
 * 	Header Panel
 * ---------------------------------------------------------------------------*/

#header_panel { 		/* at the top of evey page */
	margin: 0;
	padding: 0;
	width: 100%;
	height: 128px; 		/* matches background-image plus tabs height and must match the top of #side_panel */
/*	background: transparent url("images/header_background.png") top right no-repeat; /* Macasa does not have a background image */
}

@media print { 			/* do not print heading information, including #tabs */

	#header_panel {
		display: none;
	}

}

#header_title { 		/* appears at the top of every page -- see template script */
	position: absolute;  /* positionned in relation to parent, which is the wrapper */
	top: 0;			/* use padding to place header_title text, to leave room for optional header_image */
	left: -800px;		/* offset the title text off the page to make it invisible and replace it with an image */
	height: 100px;  /* to make sure minimum height is not dependant on font size */
  width: 1020px; /* equals offset + image width adjusted for desired margins, to position the image within the wrapper */
  margin: 0; 		/* needed for IE Mac */
	padding: 0;
	font-family: Verdana, Arial, Helvetica, sans-serif; /* to make sure it does not inherit something else */
	font-size: 144%; 	
	font-weight: bold;
  background: transparent url("images/header_image.gif") top right no-repeat; /* to set and position header_image */
}

#header_title a { 		/* link to the home page */
	display: block; 	/* to add margins and padding */
	padding: 15px 700px 0px 0px; /* modify to position title text in header, if desired */
}

#header_title a:hover {
/* 	color: #fff;		/* link changes color when about to be clicked, unused in Macasa since text is replaced by image */
  background-color: transparent; /* to override general link behavior */
}

#header_slogan { 		/* appears towards the top of every page -- see template script */
	position: absolute;
	top: 61px;		/* at least equal to header_title top offset plus font-size to place slogan below header_title */
  right: 15px;
	margin: 0; 		/* needed for IE Mac */
	padding: 0;
	font-family: Verdana, Arial, Helvetica, sans-serif; /* to make sure it does not inherit something else */
	font-size: 159%; 	/* in pixels to prevent being resized by browser */
	font-weight: bold;
	font-style: italic;
	white-space: nowrap; 	/* for Opera */
	color: #c49b26;
	background-color: transparent; 
/*	display: none;		/* could be used to hide slogan, but it might be better to leave the slogan field empty */
}

#tabs { 			/* the global navigation bar -- see template script */
	position: absolute;
	top: 100px; 		/* height of header panel minus height of tabs */
	right: 0px;		/* to align them at the right of the screen */
	width: 100%;		/* set width in pixels to extend the background-color to visually appropriate lenght, depending on menu items */
	margin: 0; 		/* needed for IE Mac */
	padding: 0;
  height: 28px; /* to make sure minimum height is not dependant on font size */
	background: #d9e6ff; 	/* could also be replaced by an image */
}

#tabs ul {			/* the horizontal list of tabs is to be aligned to the right */
	float: right;
}

#tabs li {			/* tabs are to be displayed on a line, not as a vertical list */
	display:inline;
}

#tabs li a { 
	margin:0 10px 0 0;		/* to set the space between tabs */
	padding:0;
	float: left;		/* to list tabs left to right */
	border-bottom: 2px solid #d9e6ff; /* necessary to get uniform height of tabs even in pages where no tab is selected (e.g. site_map) */
}

#tabs li a span { 		/* to display text in tab*/
	display: block;
	color: #16649f; 		/* if not specified, will use general color for links */
	font-family: Verdana, Arial, Helvetica, sans-serif; /* to make sure it does not inherit something else */
	font-size: 16px; 	/* must not be changed or automatically adjusted, matches background image */
	font-weight: bold;
	font-variant: small-caps;
	padding: 3px 4px 3px 4px; /* vertical padding plus line-height equals height of tab */
	float: left;
}

#tabs li a:hover { 		/* change tab background on hovering */
	background: transparent; /* to override general link behavior */
  border-bottom: 2px solid #16649f; /* to make hovered tab more noticeable */
}

/* NOTE : for style of selected tabs (current section) see the "we are here" feature in template */

/* -----------------------------------------------------------------------------
 * 	Content
 *
 * 	The content contains the main_panel and the side_panel
 *
 * -------------------------------------------------------------------------- */

@media screen { 		/* only on screen, not on printer or handheld */

	#content { 		/* could be used to set a background */
	margin: 0;
	padding: 0;
	position: relative;    /* to create a new layout context for absolutely positioned elements */
/*  background-color: red;  /* for test, note that a color here will hide the image of the unfilled portion of the side panel */
	}

}

/* -----------------------------------------------------------------------------
 * 	Main Panel
 *
 *	Elements generally appearing in main_panel are presented in their usual order of appearance
 * ---------------------------------------------------------------------------*/

@media screen { 		/* only on screen, not on printer or handheld */

	#main_panel { 		/* where the actual content is */
    margin: 0 0 0 200px;	/* to top margin is provided by h1 when displayed, the left margin is for side_panel */
		padding: 0 40px 0 1em; /* 1em here equals the base font-size set in body */
		text-align: justify;
		min-height: 40em;     /* does not work with IE6, so you have to check display of each page in IE6 */
/*		background-color: red; /* for test, note the a color here will not work properly with IE6, hiding some things like subsections */
/*		z-index: -1;	 /* not sure why this may be needed, does not correct IE6 problem noted above */
	}

	#home div#main_panel { 		/* unique to the initial use of Macasa, to set different padding on home page */
		padding: 0 3em 0 50px; /* set a border to zero to get the picture to touch the border */
	}

}

p#crumbs { 			/* path to this page -- see template script */
	font-size: 77%;
	padding: 0;		/* to override p format */
	margin: 0 0 -1.22em 0;	/* to place the breadcrumbs inside the h1 top margin, so the h1 does not move with or without breadcrumbs */
	color: #16649f;		/* set to background-color to hide slogan in breadcrumbs, links to sections will show anyway */
}

@media print { /* do not print context information */
	p#crumbs {
		display: none;
	}
}

img.icon { /* main image of an article, or of some section -- $context[page_image'], handled in template script */
	float: left;
	margin: 8px 12px 8px 0px; /* set top margin at 30 px or so to align image with top of introduction */
	padding: 0;
}

h1 { 				/* appears only once, with the page title */
	clear: left; /* to clear page image, if it exists */
	margin: 0;
	padding: 1.5em 0 0 0;
	text-align: left; 	/* to override browsers */
	color: #16649f;
	font-size: 152%;
	font-weight: bold;
}

.introduction { /* before the main content of an article -- articles/view.php, sections/view.php, categories/view.php */
	margin: 0.25em 0 1.5em 0;
	color: #c49b26;
	font-weight: bold;
/*	text-align: left;*/
}

div.section_box { 		/* components of the main content */
	clear: left;
	margin-top: 2px;
}

h2 { /* appears in main_panel, to introduce sections of page -- [title]...[/title], [question]...[/question] */
	clear: left;
	margin: 1em 0 0.5em 0;
	padding: 0;
	text-align: left; 	/* to override browsers */
	color: #16649f;
	font-size: 114%;
	font-weight: bold;

}

div.section_box h2 { 		/* components of the main content */
	margin-top: 2em;
}

h3 { /* a second level of heading in the main panel -- [subtitle]...[/subtitle] */
	clear: left;
	margin: 1.5em 0 0.5em 0;
	padding: 0;
	text-align: left; 	/* to override browsers */
	color: #16649f;
	font-size: 100%;
	font-weight: bold;
}

h4 { /* a pseudo-header to be used inline -- [header3]...[/header3] -- however, FCK and Tiny MCE make it difficult to use*/
	display: inline;
	color: #16649f;
	font-size: 114%;
	font-weight: bold;
}

h5 { /* a pseudo-header to be used inline -- [header4]...[/header4] -- however, FCK and Tiny MCE make it difficult to use */
	display: inline;
	color: #16649f;
	font-size: 100%;
	font-weight: bold;
}

h6 { /* a lower level of heading in the main panel -- [header5]...[/header5] */
	margin: 1em 0 0.5em 0;
	padding: 0;
	font-size:100%;
	font-weight:bold;
}

#main_panel ul { 		 /* space lists in the main panel */
	margin: 0.5em 0 1em 0;
}

#main_panel ul li {		/* set special bullet and room for it */
	margin: 0.5em 0 0 1em;
	padding: 0 0 0 20px;
  background: url("images/bullet.gif") no-repeat 0 0; /* unfortunately, bullets will be hidden behind a left-floated image */
/*	display: inline-block; 	/* will make IE6 and 7 showing bullets even next to left-floating images */
/*	list-style: none inside url("images/low_bullet.gif"); /* an alternative way to show bulleted lists */
}

p#page_menu { /* an horizontal menu of commands at the bottom of the page, available to manage this page */
	margin: 0 0 1em 0;
	font-size: 77%;
}

@media print { 			/* do not print the page menu */
	p#page_menu {
		display: none;
	}
}

/* -----------------------------------------------------------------------------
 * 	Side Panel
 * ---------------------------------------------------------------------------*/

#side_panel { 			/* navigation information */
	position: absolute;
	top: 0px;         /* position in parent "content", its positioning context */
	left: 0px;
	width: 200px; 		/* the exact width of the underlying background pattern */
  min-height: 100%;
	margin: 0;
	padding: 0;
	text-align: left;
  font-size: 85%;
/*	background-color: #16649f; /* unused for Macasa, which has fancy side boxes */
	overflow: hidden;	/* to prevent error messages to hide parts of the page */
	z-index: 1;	 /* to remain on top of footer, when logged in (with longer side_panel)) */
}

* html #side_panel { 			/* to get IE6 to position the side panel correctly */
	left: -213px;        /* for IE6 which positions the side panel inside the content area of the parent, irrespective of margins, borders or padding */
}

@media print { 			/* do not print complementary information */

	#side_panel {
		display: none;
	}

}

#side_panel dl { 		/* a default box on the side panel -- in Macasa, used mainly for boxes only visible when logged in  */
	margin: 1em;		/* to separate the boxes */
	padding: 0;
  background-color: #16649f; 
	color: #fff;         /* default color for dark-colored side panel boxes in Macasa */
}

#side_panel dl dt { 		/* used for titles of various boxes */
	margin: 0;
	padding: 0.75em 0 0 0.5em;
/*	border-bottom: 2px solid #c49b26; /* unused for Macasa */
  font-size: 136%;
	font-weight: bold;
}

#side_panel dl dd { 		/* body of one side box */
	margin: 0;
	padding: .5em .5em 1.1em 1.5em; /* less top padding to join with title */
}

#side_panel dl dd a { /* to override general anchor color */
	color: #fff;
}

#side_panel dl dd a:hover {	/* a hovered link in a default extra box */
  color: #c93;
}

#side_panel dl#main_menu {	/* an empty colored box for the initial use of Macasa, using main_menu */
	margin: 5px 105px 0 10px;
	height: 75px;
	background-color: #edeb9a;
	color: #edeb9a;
}

#side_panel dl#contextual_menu {	/* special positionning and color for the contextual manu in Macasa -- see also Contextual menu below */
	margin: -20px 5px 0 25px;
	min-height: 8em;
	background-color: #16649f;
	color: #fff;
}

#side_panel dl#contextual_menu dd {	
	padding-left: .75em;            /* to compensate for default item padding in contextual menu */
}

#side_panel dl#visited_pages {	/* an extra box at the side panel, generated by Yacs if activated */
	margin: -10px 40px 0 5px;
	background-color: #d9e6ff;
	color: #16649f;
}

#side_panel dl#visited_pages dd a {	/* a link in this extra box */
  color: #16649f;
}

#side_panel dl#visited_pages dd a:hover {	/* a link in this extra box */
  color: #c93;
}

#side_panel div#extra_casa_1 {	/* a small empty decorative box in the side panel, if inserted in a page */
	margin: -5px 100px 0 65px;
	height: 30px;
	background-color: #0f436a;
}

#side_panel div#extra_casa_2 {	/* a small empty decorative box in the side panel, if inserted in a page */
	margin: -15px 75px 0px 75px;
	height: 45px;
	background-color: #4b6987;
}

#side_panel dl#navigation_21 {	/* the first navigation box in the side panel (Donation box in initial use of Macasa) */
	margin: 10px 25px 0 15px;
	background-color: #dab755;
	color: #0f436a;
}

#side_panel dl#navigation_21 dd a {	/* a link in this extra box */
	color: #0f436a;
	font-weight: bold;
}

#side_panel dl#navigation_21 dd a:hover {	/* a link in this extra box */
	color: #d9e6ff;
}

#side_panel dl#extra_1 {	/* an extra box solely in the home page side panel (Contact box in initial use of Macasa) */
	margin: 10px 0px 0px 35px;
	background-color: #4b6987;
}

#site_map #side_panel dl#extra_1 {	/* the "See also" box in side panel of the site map, made into an empty box in Macasa */
	margin: -15px 0px -25px 105px;
	background-color: #4b6987;
	height: 80px;
}

#site_map #side_panel dl#extra_1 dt {	/* to hide the title of this extra box */  
  color: #4b6987;
}

#site_map #side_panel dl#extra_1 dd {	/* to hide the content of this extra box */
	display: none;
}

#side_panel dl#extra_2 {	/* an empty decorative box in the home page side panel */
	margin: -25px 130px 10px 25px;
	background-color: #0f436a;
	height: 40px;
}

#side_panel dl#extra_2 dt {	/* the title of this extra box */  
	color: #0f436a;      /* to hide the box title, which is semantically empty */
}

/* -----------------------------------------------------------------------------
 * 	Footer Panel
 * ---------------------------------------------------------------------------*/

#footer_panel { 		/* comes at the bottom of everything */
	padding: 10px 40px 10px 0;
	text-align: right;
	font-size: 77%;
	font-weight: normal;
	background-color: #fff;
}

@media print { 			/* do not print footer information */

	#footer_panel {
		display: none;
	}

}

/* -----------------------------------------------------------------------------
 * 	PAGE FORMATTING
 *
 * Various items to be formatted in accordance with the site design
 * ---------------------------------------------------------------------------*/

/* -----------------------------------------------------------------------------
 * 	Sidebar box
 * ---------------------------------------------------------------------------*/

div.sidebar_box { 		/* somewhere in the main panel -- [sidebar]...[/sidebar] */
	background-color: #16649f;
	border-style: none none none solid; 
	border-width: 5px;
	border-color: #c49b26;
	float: right;
	width: 270px;
	margin: 0 0 4px 15px;
	padding: 1em;
	font-size: 85%;
	color: white;
	text-align: left;  /* sidebars are often too narrow for justified text to display elegantly */
}

div.sidebar_box h3 { /* header of one sidebar box -- the 'foo bar' of [sidebar=foo bar]...[/sidebar] */
	margin: 0;
	padding: 3px 0 5px 0;
	color: #c49b26;
}

div.sidebar_box div a:link,
div.sidebar_box div a:visited { /* link in a sidebar box */
	font-weight: bold;
  color: white;
}

div.sidebar_box div a:hover { /* link in a sidebar box */
	background-color: #16649f;
  color: #c49b26;
}

/* -----------------------------------------------------------------------------
 * 	Folder box
 * ---------------------------------------------------------------------------*/

div.folder_body { 		/* the body of an unfolded box -- [folder]...[/folder] */
	background-color: #eef;
	border-style: none none dotted dotted;
	border-width: 1px;
	padding: 3px 1em 1em 1em;
	margin-left: 5px;	/* to align the border with the middle of the folder icon */
}

a.folder_header { 		/* header of a folded box, not an ordinary link */
	font-size: 107%;
	font-weight: bold;
}

/* -----------------------------------------------------------------------------
 * 	Contextual menu	
 *
 *	The tree menu in the side_panel for navigating inside sections
 * ---------------------------------------------------------------------------*/

#contextual_menu ul.tree { /* shape a tree of links -- see build_tree() in skins/skin_skeleton.php */
}

#contextual_menu ul.tree ul { /* indent all levels, except level 1 */
/*	background: url("icons/tree/vertical.gif") repeat-y;   /* not used in Macasa - should probably not be udes anyway for correct display of last item */
}

#contextual_menu ul.tree_level_1 li { /* top-level branch of the tree is left-aligned */
	padding-left: 0;
  overflow: hidden;
  white-space: nowrap;
  font-size: 129%;
}

#contextual_menu ul.tree_level_2 li,
#contextual_menu ul.tree_level_3 li,
#contextual_menu ul.tree_level_4 li,
#contextual_menu ul.tree_level_5 li { /* other levels are indented */
	padding-left: .75em;                 /* set to 14px if using standard image */
  overflow: hidden;
  white-space: nowrap;
  font-size: 77%;
/*	background: url("icons/tree/node.gif") no-repeat;  /* not used in Macasa */
}

#contextual_menu ul.tree_level_2 li.last,
#contextual_menu ul.tree_level_3 li.last,
#contextual_menu ul.tree_level_4 li.last,
#contextual_menu ul.tree_level_5 li.last { /* last item of a branch */
/*	background: url("icons/tree/last.gif") no-repeat;  /* not used in Macasa */
}

#contextual_menu ul.tree li a.below,
#contextual_menu ul.tree li a.close {   /* focus is not here */
	padding-left: .75em;                  /* set to 16px if using standard image */
/*	background: url("icons/tree/close.gif") top left no-repeat;  /* not used in Macasa */
}

#contextual_menu ul.tree li a.current,
#contextual_menu ul.tree li a.open {  /* item has the current focus */
	color: #c49b26;			                 /* to help knowing where is the page you are viewing */
	padding-left: .75em;                 /* set to 16px if using standard image */
/*	background: url("icons/tree/open.gif") top left no-repeat;   /* not used in Macasa */
}

#contextual_menu ul.tree li a:hover {  /* item has the current focus */
	color: #c49b26;			/* added at Gene's suggestion */
/*	background: url("icons/tree/hover.gif") top left no-repeat;  /* not used in Macasa */
}

/* -----------------------------------------------------------------------------
 * 	OVERRIDES OF IMPORTED STYLE SHEETS
 *
 *	Rules in this section have been copied from imported style sheets, then modified to override their rules
 *	You can copy other rules from any imported style sheet in the section below and modify them to your liking
 *	Because of the cascade, rules here will always override the same rules in imported style sheets
 * ---------------------------------------------------------------------------*/

/* -----------------------------------------------------------------------------
 * 	Links from base.css
 *
 *	We don't have to work with the whole set of declarations for links (see base.css). 
 *	In most cases, it should be enough to change only the rules below, which were copied and modified from base.css
 * ---------------------------------------------------------------------------*/

a,				/* basic link */
a code { 			/* link including some code, to supersede code formatting */
	color: #369;		/* to override browsers and code color */
	background-color: transparent; /* to override code background-color in links, e.g. in toc*/
	text-decoration: none;	/* to override browsers */
	cursor: pointer; 	/* to help IE on folded boxes */
}

a:link,				  /* link displayed for the first time */
a:link code,		/* link including some code, to supersede code color */
a:visited,			/* link that has been used at least once */
a:visited code { 		/* link including some code, to supersede code color */
	color: #369;		/* to override browsers */
}

a:hover,			/* link below the mouse pointer */
a:hover code, /* link including some code, to supersede code color */
a:active,			/* link at the moment it is clicked */
a:active code { 			/* link including some code, to supersede code color */
	background-color: transparent; 
	color: #c93; 		/* if not specified, will use general color for links */
}

/* -----------------------------------------------------------------------------
 * 	Colors from extra.css
 *
 *	Less frequently modified rules have been consolidated in extra.css
 *	However, some of them have to be adjusted to match your color scheme and have therefore been copied here 
 * ---------------------------------------------------------------------------*/

dl.gadget_box dt { 		/* header of one gadget box */
	padding: 0.5em;
	background: transparent; /* to let the background image show, if you want, otherwise just set a color */
	font-size: 85%;
	font-weight: bold;
	color: #16649f;          /* color to match the design of Macasa*/
}

/* -----------------------------------------------------------------------------
 * 	Formatting from yacs.css
 *
 *	Another exemple of an imported style sheet that can be overriden
 * ---------------------------------------------------------------------------*/

#wrapper div#page_details {   /* to override Yacs default, which leaves space at the bottom of thhe page even when there are no details to display */
  margin-top: 0;
}

/* -----------------------------------------------------------------------------
 * 	PERSONAL TWEAKS
 *
 *Formatting and styling to respond to personal preferences and unusual circumstances
 * ---------------------------------------------------------------------------*/

/* Feel free to add new rules here as you see fit */

/* -----------------------------------------------------------------------------
 * 	THE END
 * ---------------------------------------------------------------------------*/