/*************************************************************************************
 * file: web_moujik.css
 * author: Thierry Chappuis
 * 
 * email: thierry@mujigka.ch
 * URL: http://www.mujigka.ch
 *------------------------------------------------------------------------------------
 * Cascading style sheet used for the Mujigka's web site
 * targeting the screen media 
 *
 * This file belongs to the "Web du Moujik" project,
 * web site of the group Mujigka: folk music from Ireland,
 * Brittany and Quebec.                    
 *------------------------------------------------------------------------------------              
 * LOG:
 *------------------------------------------------------------------------------------
 * 29/08/2006: Creation of this file
 * 07/08/2006: Total reorganisation of the style sheet                   
 *************************************************************************************/
 

/*------------------------------------------------------------------------------------
 * Style properties common to all pages of Mujigka's web site
 *------------------------------------------------------------------------------------
 */
 
/* Style used for the top-level body section with id="web_du_moujik" */
body {
	/* Default color of text and background */
  	background: #3f0301;
  	color: #ffffff; 
  	/* Default margin and padding properties */
  	margin: 0 0 0 0; 
  	padding: 0 0 0 0;
	/* Default font properties */
  	font-family: "Times New Roman", "Times";
  	font-size: 11pt;
  	/* Default page dimensions and z stack order*/
  	z-index: 2;
}

/* General title style property */
div.titre {
  	color: #eeeacb;
  	font-size: 14pt;
}

/* Mujigka emphasize style*/
em.mjk {
	font-style: italic;
}

/* Style used for the links */
a:link {
  text-decoration: none;
  color: #f4a460;
}
/* Style used for the */
a:visited {
  text-decoration: none;
  color: #f4a460;
}
/* Style used for link when pointed with mouse hardware */
a:link:hover, a:visited:hover {
  	color: #eeeacb;
}

div.w3c11 {
}

p#w3c {
	text-align: left;
}


/*---------------------------------------------------------------------------------------
 * Style properties related to the navigation menu   
 *---------------------------------------------------------------------------------------
 */
 
/* Position of navigation menu as a whole */
div.navigation {
	position: absolute;
	top: 100px;
	left: 0px;
	z-index: 10;
}

/* Position of the menu image in the navigation menu area */
img#giraffe {
	position: relative;
	top: 0px;
	left: 0px;
}

/* Position of menu links in the navigation menu area */
ul.menu_links {
	position: absolute;
	left: 100px;
	top: 200px;
  	padding-left: 0.7em;
  	list-style: none;
  	margin: 0;
  	text-align: left;
}

/* Style of a menu button */
a.bouton {
	color: #f4a460;
  	text-decoration: none;
  	font-weight: bold;
  	text-align: left;
  	display: block;
  	width: 100px;
}
/* Style of a menu button when pointed with the mouse hardware */
a.bouton:hover {
  	background-color: #480200; /*#510300;*/
  	color: #ffffff;
}



/*-------------------------------------------------------------------------------------
 * Style properties of the site's top banner
 *-------------------------------------------------------------------------------------
 */
 
/* Position of the banner area as a whole */
div.banner {
	position: absolute;
	top: 10px;
	left: 250px;
	width: 672px;
}

/* Position of Mujigka's logo */
img.mujigka_logo {
	position: absolute;
	top: 0px;
	left: 0px;
	z-index: 20;
}

/* Position of page-dependant welcome logos */
img.welcome_logo {
	position: absolute;
	top: 158px;
	left: 220px;
	z-index: 30;
}



/*---------------------------------------------------------------------------------------
 * Style properties for page-dependant content
 *---------------------------------------------------------------------------------------
 */

/*Position of the 'corps' area as a whole */
div.corps {
	position: absolute;
	top: 300px;
	left: 322px;
	z-index: 20;
	width: 600px;
	text-align: justify;
}

span.new {
  font-weight: bold;
  color: #f1e088;
}



/* --- Design of index.php file --- */

/* Introduction text */
div#intro {
	width: 600px;
	text-align: justify;
}



/* Welcome photo*/
div#photo_accueil {
	position: relative;
}
 /* Copyright notice */
div#copyright {
	position: relative;
}



/* --- Design of presentation.php --- */

em.lettre {
	font-weight: bold;
	font-style: normal;
}

div.presentation {
	position:relative;
}

div.musiciens {
	position: relative;
	top: 0px;
	height: 500px;
}

div#evelyne-photo {
	position: absolute;
	top: 30px;
	left: 0px;
}

div#evelyne-txt {
	position: absolute;
	top: 30px;
	left: 170px;
	width: 430px;
}


div#thierry-photo {
	position: absolute;
	top: 260px;
	right: 0px;
}

div#thierry-txt {
	position: absolute;
	top: 260px;
	left: 0px;
	width: 430px;
}



/* --- Design of contact.php file --- */

div#address {
	text-align: left;
	position: relative;
	left: 150px;
}

em.name {
	font-style: normal;
	font-weight: bold;
}




/* --- Design of agenda.php file --- */

div#titre-agenda {
	font-weight: bold;
	font-size: 14pt;
	height: 50px;
}

div.agenda-passe {
	color: #eeeacb;
}


a:link.pconcert, a:visited.pconcert {
  color: #eeeacb;
}

a:link:hover.pconcert, a:visited:hover.pconcert {
  	color: #f1e088;
}





/* --- Design of news.php file --- */

div.signature {
	font-style: italic;
	text-align: right;
}




/* --- Design of liens.php file --- */

div.liens-section {
	height: 40px;
	font-size: 16pt;
	font-weight: bold;
  	color: #ffffff;
}

a:link.liens, a:visited.liens  {
	color: #eeeacb;
}

a:link:hover.liens, a:visited:hover.liens {
	color: #f1e088;
}