body {background-color: #ab9c90; font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif; font-size: 14px; text-align: center; color: #615851;
         background-image: url('../Graphics/Background.gif'); background-repeat: repeat-y; background-position: top center;}

.pageHeader {display: inline; } 
.pageHeaderMobile {display: none; } 
/* Smartphone Portrait and Landscape */
@media only screen and (min-device-width : 320px) and (max-device-width : 480px){.pageHeader {display: none; }}
@media only screen and (min-device-width : 320px) and (max-device-width : 480px){.pageHeaderMobile {display: inline; }}

a:link, a:visited, a:hover, a:active{font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;}
a:link {color: #003ce1; text-decoration: underline;}
a:visited {color: #a54d00; text-decoration: underline;}
a:hover {color: red; text-decoration: underline;}
a:active {color: red; text-decoration: none;}

sup { font-size: 1em; vertical-align: top; position: relative; top: -0.1em; }

.biggerFont {font-size: 1.5em;}

.menuSwulinski {color: #111111; text-align: left; word-spacing: 3px; line-height: 26px;}

.headerTable {width: 1000px; border-style: hidden; border-width: 1px; border-collapse: collapse; margin-left:auto; margin-right:auto; margin-top:30px;cursor: move;}
.headerImage {border: 0px; height: 58px; }

.headerLine3, .headerLine3Left, .headerLine3Right {height: 50px; width: 50px; border-style: hidden; border-width: 1px; border-collapse: collapse; padding: 0px;}
.headerLine3 {background: url('../Graphics/headerLine3.gif') repeat-x;}
.headerLine3Left {background: url('../Graphics/headerLine3Left.gif') no-repeat;}
.headerLine3Right {background: url('../Graphics/headerLine3Right.gif') no-repeat;}

.headerLine4 {height: 50px; background: url('../Graphics/navMain.gif') repeat; border-style: hidden; border-width: 1px; border-collapse: collapse; padding: 0px;}
.headerLine4Left {height: 50px; background: url('../Graphics/headerLine4Left.gif') repeat-y;}
.headerLine4Right {height: 50px; width: 50px; background: url('../Graphics/headerLine4Right.gif') repeat-y;}

.headerLine5 {height: 26px; background: url('../Graphics/navMain.gif') repeat; position: relative; border-style: hidden; border-width: 1px; border-collapse: collapse; padding-left: 5px;}

.headerBottom,  .headerBottomLeft, .headerBottomRight, .headerCornerLeft {height: 10px; border-style: hidden; border-width: 1px; border-collapse: collapse; padding: 0px;}
.headerBottom {background: url('../Graphics/headerBottom.gif') repeat-x;}
.headerBottomLeft {height: 50px; width: 50px; background: url('../Graphics/headerBottomLeft.gif') repeat-x;}
.headerBottomRight {height: 50px; width: 50px; background: url('../Graphics/headerBottomRight.gif') no-repeat;}
.headerCornerLeft {height: 70px; width: 48px; background: url('../Graphics/headerJoinLeft.gif') no-repeat;}
.headerCornerLeftBottom {height: 50px; width: 48px; background: url('../Graphics/headerJoinBottomLeft.gif') no-repeat;}

.headerLabel {height: 30px; background: url('../Graphics/navMain.gif') repeat; font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif; font-size: 13px; color: #a11d21; text-align: right; vertical-align: middle; letter-spacing:0px;word-spacing:3px;}
.headerTextField { font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif; font-size: 12px; color: #333; background-color: #d9bfa1;}

.titleLink {border: 0px; float: right; padding-top: 2%; padding-right: 6%;}

.titleName, .titleNameRight {border: 0px; cursor: pointer; }
.titleNameRight {float: right; margin-right: 10%; margin-top: 3%; }
.titleNameLeft {float: left; margin-left: 10%; margin-top: 3%; }

.photo, .photoDiaryList, .photoPreparations {border: 0px; margin-left: auto; margin-right: auto; text-align: center; display: inline-block;}
.photoDiaryList {height: 120px; max-width: 100%;} 
.photoPreparations {height: 100px; max-width: 100%;} 

.dividerLine {width: 90%; height: 1px; color: #615851; border: 0px solid #615851; background: #615851; }
.dividerText {font-size: 20px; font-weight:bold; word-spacing: 3px; line-height: 18px; color: #615851; margin-top: 0px;  margin-bottom: 0px; margin-right: 5%; text-align: right; text-decoration: none;}

.quote {color: #874f32; font-size: 22px; text-decoration: none; text-align: right;  font-weight:normal;}
.quoteComment {color: #874f32; font-size: 13px; text-decoration: none; text-align: right; letter-spacing: 1px; font-weight:normal;}

.preparationsTitle {color: #cf6524; font-size: 28px; text-decoration: none; text-align: left; font-weight:bold; padding-top: 6%; padding-left: 6%;}

.pageContainer {border: 15px solid transparent; padding: 0px; margin-left: 3%; margin-right: 3%; border-image: url('../Graphics/pageMiddle.gif') 12 round; border-style: none solid; }
.pageTop, .pageBottom {height: 150px; }
.pageTop {background-image:  url('../Graphics/pageTop.gif'); }
.pageTitle, .pageMiddle {background: #fcf8f4; margin: 0px; padding-top: 0px; padding-bottom: 0px; padding-left: 4%; padding-right: 4%; }
.pageTitle {height: 150px; }
p.pageMiddle {text-align: left; }
.pageBottom {background: url('../Graphics/pageBottom.gif'); }

.aPhoto, .photoFigure {margin: 1%; display: inline-block; vertical-align: middle; max-width: 100%; } 
a.aPhoto:link {color: #003ce1; text-decoration: none; }
a.aPhoto:visited {color: #a54d00; text-decoration: none; }
a.aPhoto:hover {color: red; text-decoration: none; }
a.aPhoto:active {color: red; text-decoration: none; }

.photoImg, .photoImgSmall {border: 0px; margin-left: auto; margin-right: auto; text-align: center; max-width: 100%; height: auto; padding-right: 5%; padding-left: 5%; }
.photoImgSmall {height: 80px; } 

.textContainer {display: inline-block; width: 100%; text-align: left;  text-indent: 1.5em; }

.partsContainer {display: inline-block; text-align: left; float: left; vertical-align: text-bottom; margin-top: 2%; margin-left: 5%; }

.imgCaption {font-family: verdana,arial,sans-serif; font-size: 12px; text-align: center; padding-left: 20px; }

.imgLocation {color: #685959; font-family: verdana,arial,sans-serif; font-size: 11px; text-align: center; padding-left: 20px; margin-top: 5px; }

.partsText {text-align: left; word-spacing: 1px; line-height: 20px; text-indent:5px; font-size: 13px; list-style-position: outside; }

.subtitle {color: #874f32; font-size: 16px; text-decoration: none; text-align: left; padding-left: 14px; font-weight: normal;}

.table {display:block; }
.row {display:block; }
.cell {display:inline; }

.statsName {display:inline-block; width: 20%; text-align: right; margin-top: 2em; vertical-align: middle; }
.statsValue {display:inline-block; width: 30%; text-align: left; margin-top: 2em; margin-left: 1em; vertical-align: middle; }

.diaryImage {display:inline-block; text-align: right; margin-top: 2em; vertical-align: middle; }
.diaryTitle {display:inline-block; text-align: left; margin-top: 2em; margin-left: 1em; vertical-align: middle; }

.expStatsContainer {margin-bottom: 2%; padding-top: 1%; display: block; vertical-align: middle; background: #fcf8f4; border: thin #cdbaa9 solid; box-shadow: 0 8px 16px 0 rgba(0,0,0,0.2), 0 6px 20px 0 rgba(0,0,0,0.19), inset 0px 0px 20px 10px rgba(242,223,195,0.3); border-radius: 5px;}
.expStatsImage, .expStatsName, .expStatsValue {height: 78px; }
.expStatsImage {display:block; float: left; }
.expStatsName {display:inline-block; text-align: left; vertical-align: middle; font-size: 14px; margin:1%; }
.expStatsValue {display:inline-block; text-align: left; vertical-align: middle; font-size: 16px; font-weight: bold; margin-left: 1em; }

.diaryText, a.diaryText:link, a.diaryText:visited, a.diaryText:hover, a.diaryText:active {text-align: left; word-spacing: 2px; line-height: 20px; font-size: 16px; }
a.diaryText:link, a.diaryText:visited {color: #613351; text-decoration: none; }
a.diaryText:hover, a.diaryText:active {color: red; text-decoration: underline; }

.tripHeader {display: inline-block; color: #874f32; font-size: 20px; text-align: left; font-weight: normal; float: left; vertical-align: middle; margin-left: 3% }
.tripDate {display: inline-block;  color: #874f32; font-size: 15px; text-align: right; font-weight: normal; float: right; vertical-align: middle; margin-right: 3%; }

.preparationsEntry { font-size: 18px; text-decoration: none; padding-left: 24px; font-weight: normal; float:left; }
a.preparationsEntry:link {color: #874f32; text-decoration: none; }
a.preparationsEntry:visited {color: #a54d00; text-decoration: none; }
a.preparationsEntry:hover, a.aPhoto:active {color: red; text-decoration: underline; }