/**
 * This file contains declarations specific to the Rallye des Princesses.
 *
 * Palette:
 * - color 1 = #B24957
 * - color 2 = #F1BBB9
 *
 * @author Bernard Paques
 */

/**
 * standard tags
 */

a { /* basic link */
	color: #9F0E47;
	text-decoration: none;
}

a:link { /* link displayed for the first time */
	color: #9F0E47;
}

a:visited { /* link that has been used at least once */
	color: #9F0E47;
}

a:active { /* link at the moment it is clicked */
	background-color: #FFFF66;
	color: #6E2E15;
}

a:hover { /* link below the mouse pointer */
	background-color: #FFFF66;
	color: #6E2E15;
	text-decoration: underline;
}

b {
	color: #9F0E47;
}

h1 {
	color: #6E2E15;
}

@media screen { /* not on printers */

	h1 {		/* make it more visual */
		margin: 10px 0 10px 0;
		padding: 0 1em 12px 0;
		background: transparent url("home/h1_bg.jpg") bottom left no-repeat;
	}
}

h2 {
	color: #f69;
}

@media screen { /* not on printers */

	h2 {		/* make it more visual */
		position: relative;
		left: -12px;
		top: 0;
		margin: 2em 0 0 0;
		padding: 0 1em 20px 25px;
		background: url("home/h2_bg.jpg") bottom left no-repeat;
	}
}

h3 {
	color: #B24957;
}

@media screen { /* not on printers */

	h3 {		/* make it more visual */
		margin: 1em auto 0 auto;
		padding: 10px 52px 10px 2px;
	}
}

h4 {
	color: #B24957;
}

/**
 * layout elements - also add behaviour for related sub-elements where applicable
 */

@media screen { /* this layout requires a large screen */

	#header_panel { /* top of the screen */
		background-color: #5B3329;
	}

}

#side_panel {
	background-color: #F8F2E4;
}

#side_panel dl {
	color: #886A50;
}

#side_panel dl a {
	color: #886A50;
}

#side_panel dl dd { /* body of one side box */
}

#side_panel dl dt { /* used for titles of various boxes */
	color: #DAB974;
	background-image: url("home/boxtop200_brown.gif");
}

#side_panel dl dt a {
	color: #DAB974;
}

@media screen { /* this layout requires a large screen */

	body { /* enhance the bottom right of the page */
		background: #FCFEFD url("home/background.jpg") no-repeat bottom right;
		border-bottom: 3px solid #CF99B3;
	}

}

/**
 * unique elements for this variant
 */

p#buttons { /* navigation buttons in this section */
	position: absolute;
	top: 112px;
	left: 210px;
	margin: 0; /* need for IE Mac */
	padding: 14px 5px 6px 0px;
}

p#buttons a { /* some room between links */
	color: #B24957;
	font-size: 12px;
	font-weight: bold;
	margin: 0 10px 0 10px;
}

p#buttons a:hover { /* adapt link rendering */
	background: none;
}

/* gadget boxes at the home page */

/* neg */

a dl#gadget_neg dd,
a:link dl#gadget_neg dd,
a:visited dl#gadget_neg dd,
a:active dl#gadget_neg dd,
a:hover dl#gadget_neg dd {
	color: #222;
	text-decoration: none;
}

a:hover dl#gadget_neg {
	text-decoration: none;
	cursor: pointer;
}

dl#gadget_neg {
	position: relative;
	height: 148px;
	width: 458px;
	background: #F3D6D8 url("home/gadget_neg.jpg") top left no-repeat;
	overflow: hidden;
}

dl#gadget_neg dd {
	position: absolute;
	top: 66px;
	left: 166px;
	width: 250px;
	font-size: 0.9em;
	font-weight: bold;
	margin: 0;
	padding: 0;
	background: transparent; /* undo standard setting */
}

dl#gadget_neg dd a {
	font-weight: bold;
}

dl#gadget_neg dt {
	position: absolute;
	top: 6px;
	left: 255px;
	width: 150px;
	text-align: center;
	border: none; /* undo standard setting */
}

/* pzp */

a dl#gadget_pzp dd,
a:link dl#gadget_pzp dd,
a:visited dl#gadget_pzp dd,
a:active dl#gadget_pzp dd,
a:hover dl#gadget_pzp dd {
	color: #222;
	text-decoration: none;
}

a:hover dl#gadget_pzp {
	text-decoration: none;
	cursor: pointer;
}

dl#gadget_pzp {
	height: 148px;
	width: 458px;
	background: #FAE4BD url("home/gadget_pzp.jpg") top left no-repeat;
	overflow: hidden;
}

dl#gadget_pzp dd {
	font-size: 0.9em;
	font-weight: bold;
	margin: 0;
	padding: 60px 164px 12px 10px;
	background: transparent;
}

dl#gadget_pzp dd a {
	font-weight: bold;
}

dl#gadget_pzp dt {
	display: none;
	border: none;
}

/* rdp */

a dl#gadget_rdp dd,
a:link dl#gadget_rdp dd,
a:visited dl#gadget_rdp dd,
a:active dl#gadget_rdp dd,
a:hover dl#gadget_rdp dd {
	color: #222;
	text-decoration: none;
}

a:hover dl#gadget_rdp {
	text-decoration: none;
	cursor: pointer;
}

dl#gadget_rdp {
	position: relative;
	height: 148px;
	width: 458px;
	background: #F3D6D8 url("home/gadget_rdp.jpg") top left no-repeat;
	overflow: hidden;
}

dl#gadget_rdp dd {
	position: absolute;
	top: 66px;
	left: 166px;
	width: 250px;
	font-size: 0.9em;
	font-weight: bold;
	margin: 0;
	padding: 0;
	background: transparent; /* undo standard setting */
}

dl#gadget_rdp dd a {
	font-weight: bold;
}

dl#gadget_rdp dt {
	position: absolute;
	top: 6px;
	left: 255px;
	width: 150px;
	text-align: center;
	border: none; /* undo standard setting */
}

/* tac */

a dl#gadget_tac dd,
a:link dl#gadget_tac dd,
a:visited dl#gadget_tac dd,
a:active dl#gadget_tac dd,
a:hover dl#gadget_tac dd {
	color: #222;
	text-decoration: none;
}

a:hover dl#gadget_tac {
	text-decoration: none;
	cursor: pointer;
}

dl#gadget_tac {
	position: relative;
	height: 148px;
	width: 458px;
	background: #FAE4BD url("home/gadget_tac.jpg") top left no-repeat;
	overflow: hidden;
}

dl#gadget_tac dd {
	position: absolute;
	top: 84px;
	left: 10px;
	width: 250px;
	font-size: 0.9em;
	font-weight: bold;
	margin: 0;
	padding: 0;
	background: transparent; /* undo standard setting */
}

dl#gadget_tac dd a {
	text-decoration: none;
	color: #222;
	font-weight: bold;
}

dl#gadget_tac dt {
	position: absolute;
	top: 6px;
	left: 90px;
	width: 150px;
	text-align: center;
	border: none; /* undo standard setting */
}

/**
 * classes for this variant
 */

@media screen { /* not on printers */

	.bullet {		/* display a neat icon */
		padding-left: 9px;
		background: url("home/bullet.gif") left no-repeat;
	}

	.bullet span {	/* mask default text */
		display: none;
	}
}

.even {
/*	background-color: #F8EFF0; */
}

#main_panel .even {
	padding: 1em;
}

.introduction { /* before the main content of an article */
	color: #9F0E47;
}

.odd {
/*	background-color: #F4E8EA; */
}

#main_panel .odd {
	padding: 1em;
}