@charset "utf-8";
/*
Design by Free CSS Templates
http://www.freecsstemplates.org
Released for free under a Creative Commons Attribution 2.5 License
*/

/* absolute measures */
@media screen {
#wrapper {
	max-width:910px;
}
#menu {
	max-width:910px;
	height: 50px;

}
#footer {
	max-width:910px;
	padding: 20px 25px 15px;

}
#sidebar {
	float: left;
	width: 220px;
	padding: 40px 0 0 20px;
	color: #787878;
}
}

p.bc, p.bc a:link, p.bc a:visited {
  color: #F25;
}

p.bc {
  margin-top:5px;
  margin-bottom:2px;
}

body {
	margin: 20px;
	background: #000000;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	color: #787878;
}

h1, h2, h3 {
	margin: 0;
	color: #000000;
}

h1 {
	font-size: 2em;
}

h2 {
	font-size: 1.6em;
}

h3 {
	font-size: 1.6em;
}

p, ul, ol {
	line-height: 120%;
}

ul, ol {
}

p + ul, p + ol { margin-top:-11px}
li {
  margin-top:5px;
}

.date { font-style: italic;}

a {
	text-decoration: none;
	border-bottom: 1px dotted #999999;
	color: #0A0A0A;
}

a:hover {
	background: none;
}


#wrapper {
	margin: 0 auto;
	padding: 20px;
	background: #FFFFFF;
}

/* Header */
@media screen {
#header {
	max-width:910px;
	height: 172px;
	margin: 0 auto;
	background: #FFDA2A url(/images/olivier.jpg) no-repeat left top;
}
}
/* Logo */

@media screen {
#logo {
	float: left;
	width: 640px;
	color: #000000;
}
}
#logo h1, #logo p {
}

#logo h1 {
	float: left;
	padding: 70px 0 0 20px;
	letter-spacing: -0.1em;
	text-transform: uppercase;
	font-size: 2.6em;
}

#logo p {
	float: left;
	margin: 0;
	padding: 80px 0 0 5px;
	text-transform: uppercase;
	font: bold 1.1em Arial, Helvetica, sans-serif;
}

#logo a {
	border: none;
	background: none;
	text-decoration: none;
	color: #FFFFFF;
}

/* Search */
@media screen {
#search {
	float: right;
	width: 230px;
	padding-top: 16px;
}
#search form {
	height: 41px;
	margin: 0;
	padding: 90px 0 0 0px;
}
}
#search fieldset {
	margin: 0;
	padding: 0;
	border: none;
}

@media screen {
#search-text {
	width: 200px;
	border: none;
	text-transform: lowercase;
	border: 1px #525252 dotted;
	font: bold 1.2em Arial, Helvetica, sans-serif;
	color: #FFFFFF;
}
}

input[type=submit][name="sa"], #search-submit {
	display: none;
}

/* Menu */

#menu {
	margin: 0 auto;
	padding: 0;
	border-top: 1px #FFFFFF solid;
	background: #F24;
}

#menu ul {
	margin: 0;
	padding: 0;
	list-style: none;
	line-height: normal;
}

#menu li {
	float: left;
}

#menu a, #menu span.active {
	display: block;
	padding: 17px 0px 10px 15px;
	text-transform: uppercase;
	text-decoration: none;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.1em;
	font-weight: bold;
	color: #FFFFFF;
	border: none;
}

#menu span.active {
  color: #AAA;
}

#menu a:hover, #menu .current_page_item a {
	color: #FFFFFF;
}

#menu a:hover {
	text-decoration: underline;
}

/* Page */
@media screen {
#page {
       clear:both;
	max-width:910px;
	margin: 0 auto;
}
}
#content { padding-left: 20px;}
/* Content */
@media screen {
#content {
	float: right;
	max-width: 600px;
        /* IE 6 hack :( */
        width: expression(document.body.clientWidth > 602? "600px" : "auto");
	padding: 0 20px 0 0;
}

#content.nonav {
  float:none;
  max-width:none;
  width:auto;
}

}
.post {
}

.post .title {
	color: #000000;
}

.post .title a {
	background: none;
	color: #000000;
	border: none;
}

.post .title a:hover {
	text-decoration: underline;
}

.post .meta {
	border-bottom: 1px dashed #D2D4C9;
	text-transform: uppercase;
	text-align: left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.8em;
}

.post .entry {
	padding: 10px 0 20px 0;
	text-align: justify;
}

/* Sidebar */


#sidebar ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

#sidebar li {
}

#sidebar li ul {
	padding-bottom: 30px;
}

#sidebar li li {
	line-height: 2em;
	border-bottom: 1px dashed #D2D4C9;
}

#sidebar h2 {
	letter-spacing: -.1em;
	color: #000000;
}

#sidebar p {
	padding-bottom: 20px;
	text-align: justify;
}

#sidebar a {
	color: #787878;
	border: none;
}

#sidebar a:hover {
	text-decoration: underline;
        background-color: #565F68; color:white;
}

/* Calendar */

#calendar {
}

#calendar_wrap {
	padding: 20px;
}

#calendar table {
	width: 100%;
}

#calendar tbody td {
	text-align: center;
}

#calendar #next {
	text-align: right;
}

/* Footer */

#footer {
	margin: 0 -25px;
	background: #565F68;
	font-family: Arial, Helvetica, sans-serif;
	color: #B2B2B2;
}

#footer p {
	margin: 0;
	line-height: normal;
	font-size: 0.8em;
	text-transform: uppercase;
	text-align: center;
}

#footer a {
	color: #FFFFFF;
}

p.photo {
 text-align:center;
 color:white;
 background-color:#222;
 padding:4em;
 margin:0 -2em 0 -1em;
}

a img { border:none;}


@media handheld, screen and (max-device-width:480px) {
h1 { font-size:1.5em;}

#menu a, #menu span.active {
  font-size:3.5vw;
}

#header {
	width: auto;
	margin: 0 auto;
	background-image: none;

}
#footer {
 width:auto;height:auto; padding:5px; margin:0;
}
#sidebar {
 float:none;
	width: auto;padding:0;
}
#content {
 float:none;
 width:auto;padding: 0;
}
#page {
 width:auto;
 padding-left:5px;
 padding-right:5px;
 clear:both;
}
#menu {
 width:auto;
}
#search { float:none;width:auto}
#wrapper {width:auto; padding:0;}
body { margin:0;}
#logo { width:auto;float:none;}
}

/* Video player */
#movie_player {
  display:block;
  width:320px;
  height:240px;
  text-align:center;
  border: thin dashed black;
}

#movie_player img {
  display:block;
  margin-left:auto;
  margin-right:auto;
  margin-top:auto;
  margin-bottom:auto;
  vertical-align:middle;
}
.video img {
 float:left;
 padding-right:0.5em;
}

pre { white-space: pre-wrap;}

figure.iconportrait {
  padding: 0;
  width:50px;
  display: inline-block;
  margin:0;
  transition-duration: 0.15s, 0.4s;
  transition-timing-function:linear;
  transition-property: transform, margin;
  padding-left: 2px;
  background-color:rgba(255,255,255,0.8);

}

figure.iconportrait figcaption {
 font-size: 8px;
 overflow: hidden;
 width:50px;
 height:1em;
 display:block;
 margin-left: 5px;
 background-color:rgba(255,255,255,0.8);
 text-align: center;
}

table.tbl {
 background: white;
}

.giftlist {
 margin-left: auto;
 margin-right: auto;
 max-width: 40em;
}

.gift {
 border-radius: 5px 5px 2px 2px;
 border: thin solid gray;
 margin-bottom:10px;
 page-break-inside:avoid;
}

.gift.claimed {
 border-color: #0078E7;
}

.gift .proposer { font-size:0.8em; font-style:italic;}

.gift h2 {
  background:#eee;
  border-radius: 5px 5px 0px 0px;
  margin:0;
  padding:5px;
  font-size:1em;
}

.gift h2 a:link, .gift h2 a:visited{
  color:#005;
  text-decoration: underline;
  border:none;
}

.gift .illustration img { margin:10px 0;}

.gift .price, .gift .priority {
  text-align: center;
  border-bottom: thin solid gray;
  border-right: 1px solid gray;
  margin-right:-1px;
}

div.gift-userlist {
  padding-right: 50px;
}

.gift .illustration {
  text-align: center;
}

        .warning-button,
        .secondary-button {
            color: white;
            border-radius: 4px;
            text-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
        }

.button-warning {
            background: rgb(223, 117, 20); /* this is an orange */
        }

.button-secondary {
            background: rgb(66, 184, 221); /* this is a light blue */
        }

.gift-owner { vertical-align: middle;}

.gift .desc { padding-left: 5px;}


figure.iconportrait:hover {
  margin-left: 9px;
  margin-right: 9px;
  z-index: 200;
  transform: scale(2);
}

div.gift-userlist #gift-userlist-expand {
  display: none
}


@media print {
  .gift-admin, .gift-userlist { display: none;}
  .gift .pure-button { display: none;}
  #menu {  background-color: white; border:thin solid gray;}
  #menu a, #menu span       { display:none;}
  #menu ul li:first-child a, #menu ul li:first-child span.active { color: black; display: block}
  #page { clear: both;}
  body { background-color: white;}
  .gift { max-width: 100%;}
  .gift-owner { display: none;}
}

@media handheld, screen and (max-device-width:800px) {
div.gift-userlist figure.iconportrait {
  margin-left: -57px;
  z-index:0;
  border: 1px solid gray;
  padding-left: 2px;
  background-color:rgba(255,255,255,0.8);
}

div.gift-userlist  #gift-userlist-expand + div a:nth-child(3) figure.iconportrait {
  margin-left: 0;
  z-index:5;
}

div.gift-userlist  #gift-userlist-expand + div a:nth-child(4) figure.iconportrait {
  margin-left: -20px;
}

div.gift-userlist #gift-userlist-expand + div a:nth-child(5) figure.iconportrait {
  margin-left: -40px;
}

div.gift-userlist #gift-userlist-expand:checked + div a figure.iconportrait {
  margin-left: 0;
  transition-timing-function:cubic-bezier(0,-0.4,1,1.8);
}


div.gift-userlist #gift-userlist-expand + div #gift-userlist-expander:before {
  font-size:40px;
  content:"»";
  display:block;
  float:left;
  height:60px;
  width:50px;
  text-align: center;
  border-radius: 2px;
  background-color:#08f;
  color:white;

}

div.gift-userlist #gift-userlist-expand:checked + div #gift-userlist-expander:before {
  content:"«";
}
}

div.album h2 { text-align:center; font-size:2em; margin-top:2em;}
div.album p { margin:0; text-align: center}

div.album.protected h2 a::before { content:url("/images/lock.svg");}
div.album.protected h2 a { margin-left: 0.5em;}

div.photos {
	display: flex;
	flex-direction: row;
	flex-wrap:wrap;
	justify-content: center;
	align-items: center;
	background-color:#333;
}

div.photos p, div.photos ul, div.photos > * { display:none;}
div.photos a {
	display: inline-block;
	margin:20px;
	border-bottom: none;
}

div.photos p, div.photos ul { display:none;}