/* ==========================================================================
   Author's custom styles
   ========================================================================== */


body {
	background-color: #360000;
	color: white;
	text-align: center;
	font-family: 'Indie Flower', cursive;
}

body.birthday {
	background-color: #fff;
	color: black;
	text-align: center;
	font-family: 'Indie Flower', cursive;
}

body.birthday .xmas-only {
	display: none;
}

body.xmas .birthday-only {
	display: none;
}

#headerimage, #footerimage {
	width: 100%;
}

div.gradient {
	background-image: linear-gradient( #360000, #4B0C07 );
	height: 12em;
}

.header h1 {
	font-family: 'Tangerine', cursive;
	font-size: 10em;
}

.header p {
	text-align: left;	
	font-size: 2em;
	margin-bottom: 2em;
	margin-top: 1em;
}

.footer p {
	font-size: 2em;
	text-align: right;
}

.footer p.signature {
	font-size: 560%;
	font-family: 'Tangerine', cursive;
	text-align: right;
}

div.wish {
	vertical-align: top;
	margin-top: 1em;
	margin-bottom: 1em;
}

a.wish { 
	display: block;
	position: relative;

	width: 20em;
	height: 20em;
	margin-left: auto;
	margin-right: auto;

	border: 4px solid grey; 
	background-color: white;
	color: black;
}

a.wish:hover {
	text-decoration: none;
}

a.wish img 
{ 
	position: absolute;
	top: 2em;
	bottom: 3em;
	left: 2em;
	right: 2em;

	max-width: 70%; 
	max-height: 60%; 

	margin-left: auto; 
	margin-right: auto; 
	margin-top: auto; 
	margin-bottom: auto; 
}

a.wish div.title { font-weight: bold; font-size: 135%; margin: 0.5em; }
a.wish div.descr { font-style: italic; font-size: 120%; }
a.wish div.longdescr { font-style: italic; font-size: smaller; }

a.wish.disabled {
	display: none;
}

a.wish.boardgame {
	border: 4px solid darkgreen;
	
}

a.wish.kitchen {
	border: 4px solid darkred;			
}

a.wish.book {
	border: 4px solid darkblue;
}

a.wish.record {
	border: 4px solid purple;
}


a.wish div.descr 
{ 
	font-style: italic; 
	position: absolute; 
	bottom: 1em; 
	width: 100%; 
	left: 0; 
	text-align: center;  
}