@import url("https://fonts.googleapis.com/css?family=Neuton:400,400italic");
@import url("https://www.otago.ac.nz/css/reset.css");
@import url("https://www.otago.ac.nz/css/icons.css");
@import url("https://www.otago.ac.nz/css/960.css");
@import url("https://www.otago.ac.nz/css/text.css");

/*------------------- IN SEARCH OF SCOTLAND EXHIBITION WEBSITE -------------------*/

body { z-index: 0; margin: 0; padding: 0; background-color: #fef3e1; font-family: Verdana, Helvetica, Arial, sans-serif; font-size: 76%; line-height: 1.5em; color: #333333; background-image: url(../gfx/background-painting.jpg); background-repeat: no-repeat; background-position: center top; }

strong { font-weight: bold; }
em { font-style: italic; }
.clearall { clear: both !important; }
a { -webkit-transition: color 500ms ease; -moz-transition: color 500ms ease; -o-transition: color 500ms ease; transition: color 500ms ease; text-decoration: none; }
a[href$=".pdf"] { padding-left: 1.7em; }

hr { border-bottom: 8px solid #00aeef; border-top: 1px solid #94cfea; border-left: none; border-right: none; margin-top: 0em; margin-bottom: 2.0em; padding-bottom: 0.2em; }
blockquote { background-image: url(../gfx/quote-marks.png); background-repeat: no-repeat; margin: 0 0 1.0em 2.0em; padding: 0 1.0em 1.0em 1.2em; font-size: 1.3em; font-family: Georgia, "Times New Roman", Times, serif; border-right: 5px solid #e4e4e4; font-style: italic; color: #666666; }
sup, sub { vertical-align: baseline; position: relative; top: -0.4em; font-size: 0.8em; }
sub { top: 0.4em; }

/*-------------------------------------

TARTAN STRIP

-------------------------------------*/

#strip { height: 44px; background-image: url(../gfx/tartan.png); background-repeat: repeat-x; }

/*-------------------------------------

HEADER

-------------------------------------*/

#header { background-image: url(../gfx/header-background.jpg); background-repeat: no-repeat; height: 220px; margin-bottom: 0.1em; background-position: right; }
#header .otagologo { }

#unilogo { margin-top: 65px; }
#title { margin-top: 4px; margin-left: 116px; }


/*-------------------------------------

WRAPPER

-------------------------------------*/

#wrapper { background-color: #fef3e1; }


/*-------------------------------------

NAVIGATION (MAIN)

-------------------------------------*/

#navigation { margin: 1.0em 13.0em 0 13.5em; height: 54px; clear: both; font-family: Georgia, "Times New Roman", Times, serif; font-size: 1.0em; font-weight: bold; text-transform: uppercase; text-align: center; letter-spacing: 0.2em; }
#navigation a { color: #336699; text-decoration: none; }
#navigation a:hover { color: #003366; text-decoration: none; }

/* LEFT ICON */
#left-icon { float: left; }
#left-icon .prev a { background-image: url(../gfx/navigation-buttons-circle.png); background-repeat: no-repeat; margin: 0em 0em 0em 0em; padding: 4.2em 1.0em 0em 0.7em; background-position: 0px 0px; display: inline-block; }

#left-icon .prev a:hover { background-position: 0px -91px; }

/* HOME ICON */
#home-icon { margin-left: 205px; float: left; }
#home-icon .home a { background-image: url(../gfx/navigation-buttons-circle.png); background-repeat: no-repeat; margin: 0em 0em 0em 0em; padding: 4.2em 1.0em 0em 0.7em; background-position: -112px 0; display: inline-block; }
#home-icon .home a:hover { background-position: -112px -91px; }

/* RIGHT ICON */
#right-icon { float: right; }
#right-icon .next a { background-image: url(../gfx/navigation-buttons-circle.png); background-repeat: no-repeat; margin: 0em 0em 0em 0em; padding: 4.2em 1.0em 0em 0.7em; background-position: -227px 0; display: inline-block; }
#right-icon .next a:hover { background-position: -227px -91px; }


/*-------------------------------------

NAVIGATION (BOTTOM)

-------------------------------------*/

#navigation-bottom { margin: 1.0em 175px 0 175px; height: 54px; clear: both; font-family: Georgia, "Times New Roman", Times, serif; font-size: 0.8em; font-weight: bold; text-transform: uppercase; text-align: center; }
#navigation-bottom a { color: #7f654c; text-decoration: none; }
#navigation-bottom a:hover { color: #003366; text-decoration: none; }

/* LEFT ICON */
#left-icon-bottom { float: left; }
#left-icon-bottom .prev-bottom a { background-image: url(../gfx/navigation-buttons-circle-bottom.png); background-repeat: no-repeat; margin: 0em 0em 0em 0em; padding: 4.5em 1.0em 0em 0.7em; background-position: 0px 0px; display: inline-block; }
#left-icon-bottom .prev-bottom a:hover { background-position: 0px -71px; }

/* HOME ICON */
#home-icon-bottom { margin-left: 225px; float: left; }
#home-icon-bottom .home-bottom a { background-image: url(../gfx/navigation-buttons-circle-bottom.png); background-repeat: no-repeat; margin: 0em 0em 0em 0em; padding: 4.5em 1.0em 0em 0.7em; background-position: -91px 0; display: inline-block; }
#home-icon-bottom .home-bottom a:hover { background-position: -91px -71px; }

/* RIGHT ICON */
#right-icon-bottom { float: right; }
#right-icon-bottom .next-bottom a { background-image: url(../gfx/navigation-buttons-circle-bottom.png); background-repeat: no-repeat; margin: 0em 0em 0em 0em; padding: 4.5em 1.0em 0em 0.7em; background-position: -182px 0; display: inline-block; }
#right-icon-bottom .next-bottom a:hover { background-position: -182px -71px; }


/*-------------------------------------

CONTENT

-------------------------------------*/

#content { background-color: #fef3e1; text-align: justify; }

#content p { font-size: 1.1em; line-height: 1.6em; color: #333333; padding: 0em 0em 1.5em 0em; margin: 0em; font-family: Verdana, Geneva, sans-serif; }

#content img { padding: 0em 0em 0em 0em; margin: 0em 0em 0em 0em; }

#content h1 { font-size: 2.6em; color: #614e3a; line-height: 1.1em; margin: 0em 0em 0.4em 0em; padding: 0em 0em 0.9em 0em; font-weight: normal; text-align: center; background-image: url(../gfx/h1-stroke.png); background-repeat: repeat-x; background-position: bottom; font-family: 'Neuton', Georgia, "Times New Roman", Times, serif; font-weight: 400; }
#content h2 { font-size: 1.7em; color: #614e3a; line-height: 1.4em; margin: 0em; padding: 0em 0em 0.5em 0em; font-family: 'Neuton', Georgia, "Times New Roman", Times, serif; }
#content h3 { font-size: 1.3em; color: #666666; line-height: 1.5em; font-weight: bold; margin: 0em; padding: 0em 0em 0.2em 0em; }
#content h4 { font-size: 1.0em; color: #333333; line-height: 1.5em; margin: 0em; padding: 0em; }
#content h5 { font-size: 1.0em; color: #333333; line-height: 1.5em; margin: 0em; padding: 0em; font-style: italic; }
#content h6 {}

#content a { color: #336699; text-decoration: none; -webkit-transition: all .2s ease-in-out; }
#content a:hover { color: #003399; text-decoration: underline; }
#content a img { border: none; }
#content a img:hover { border: none; }

#content ul { list-style-type: circle; color: #333333; margin: 0.5em 0em 1.0em 2.0em; padding: 0em; }
#content ol { color: #4f4f4f; padding: 0em; margin: 0em 0em 1.0em 2.5em; }
#content li { margin: 0em; padding: 0em 0em 0.5em 0em; }
#content li a { color: #336699; text-decoration: none; }
#content li a:hover { color: #003399; text-decoration: underline; }
#content ul li {}
#content ul li ul {}
#content ul li ul li {}

#content table { padding: 0em; margin: 0em 0em 1.5em 0em; width: 470px; border-collapse: collapse; font-size: 1.0em; }
#content tr { padding: 0em; margin: 0em; }
#content th { padding: 1.0em 0em 1.0em 0.5em; margin: 0em; background-color: #e4e4e4; text-align: left; border: 1px solid #cccccc; color: #666666; }
#content td { padding: 0.5em; margin: 0em; color: #333333; vertical-align: top; border: 1px solid #e4e4e4; border-collapse: collapse; }

#content td h1 {}
#content td p {}
#content td ul {}
#content td li {}

#content hr.end-content { margin-top: 2.0em; margin-left: 2.0em; margin-bottom: 0em; }


/*-------------------------------------

Classes

-------------------------------------*/

#content .topofpage { color:#999999; text-align: right; font-size: 0.9em; margin: 0em 0em 0em 0em; padding: 0em; }
#content .topofpage p {  }

/* First sentence of each page */
#content .intro { font-size: 1.6em; line-height: 1.4em; font-family: 'Neuton', Georgia, "Times New Roman", Times, serif; padding-bottom: 1.0em; }
#content p.intro::first-letter { font-size: 3.5em; float: left; padding-right: 5px; padding-top: 10px; /*text-shadow: 2px -2px 0px #ded5c6; filter: dropshadow(color=#ded5c6, offx=2, offy=-2);*/ text-shadow: 0px 2px 0px #fff; filter: dropshadow(color=#ded5c6, offx=2, offy=-2); }

/* Big image in the content - 540px wide */
#content .main-image { border: 1px solid #d5c3a6; padding: 20px; background-color: #fbe6c5; background-image: url(../gfx/image-noise.jpg); margin-bottom: 1.5em; }

#breadcrumbs { font-size: 0.9em; } 
#breadcrumbs p { margin: 0em; padding: 0em; color: #999999; }

#content .note { color: #666666; font-size: 1.0em; padding-left: 2.3em; }

#content img.thumbnail { background-image: url(../gfx/thumbnail-shadow.jpg); background-position: bottom; background-repeat: no-repeat; padding-bottom: 1.2em; padding-right: 20px; margin-bottom: 0.5em; }

#content .textright { padding-left: 33.3em; color: #796653; font-size: 0.9em; }

#content img.nomarginright { margin-right: 0em; padding-right: 0em; }

#content .reference { color: #777777; font-size: 1.0em; border-top: 1px solid #e9e9e9; border-bottom: 1px solid #e9e9e9; background-color: #f9f9f9; margin: 0 3.0em 2.0em 0em; padding: 0.5em 0.8em 1.5em 0.8em; }

/* Reference info for each image */
#content .image-info { padding: 1.0em 0 1.0em 0; margin-bottom: 1.5em; font-family: 'Neuton', Georgia, "Times New Roman", Times, serif; border-top: 1px solid #d5c3a6; border-bottom: 1px solid #d5c3a6; }

/* Displays the number of the cabinet */
#content .cabinet-title { color: #9f8771; text-align: center; text-transform: uppercase; font-family: 'Neuton', Georgia, "Times New Roman", Times, serif; letter-spacing: 0.5em; font-size: 1.3em; padding: 0 0 1.0em 0; }
#content .cabinet-title:before { content: ""; display: inline-block; background: url(../gfx/left-diamond.gif) no-repeat; width: 18px; height: 12px; padding: 0 1.0em 0 0; }
#content .cabinet-title:after { content: ""; display: inline-block; background: url(../gfx/right-diamond.gif) no-repeat right; width: 18px; height: 12px; padding: 0 0 0 0.4em; }

/* NEXT, PREV & HOME NAVIGATION */
#content .home { background-image: url(../gfx/navigation-buttons.png); background-repeat: no-repeat; background-position: center top; margin: 0em 0em 0em 0em; padding: 3.0em 0em 0em 0em; text-align: center; font-weight: bold; font-size: 1.2em; text-transform: uppercase; font-family: Georgia, "Times New Roman", Times, serif; }
#content .home:hover { background-position: -35px -70px; }
#content .home a { color: #f15b22; padding: 3.0em 0em 0em 0em; }
#content .home a:hover { color: #336699; border-bottom: 1px solid #999999; text-decoration: none; }

.text-columns { -moz-column-width: 400px; -webkit-column-width: 400px; -moz-column-gap: 2.0em; -webkit-column-gap: 1.0em; columns: 2 400px; margin-bottom: 2.0em; }


/*-------------------------------------

FRONTPAGE STYLES

-------------------------------------*/

#frontpage-box { /*background-color: red;*/ min-height: 300px; clear: both; }

/* FRONT PAGE THUMBNAILS */
#content .front-thumbnail { padding: 7px; float: left; background-color: #fbe6c5; border: 1px solid #d5c3a6; background-image: url(../gfx/image-noise.jpg); margin-bottom: 12px; margin-right: 25px; }
#content .front-thumbnail-last { margin-right: 0; padding: 7px; float: left; background-color: #fbe6c5; border: 1px solid #d5c3a6; background-image: url(../gfx/image-noise.jpg); margin-bottom: 25px;  }

/*---- Required for javascript thumbnail hover ------------*/
.thumbnail-img { text-align: center; position: relative; float: left; width: 160px; padding: 7px; background-color: #fbe6c5; border: 1px solid #d5c3a6; background-image: url(../gfx/image-noise.jpg); margin-bottom: 5px; margin-right: 25px; font-family: 'Neuton', Georgia, "Times New Roman", Times, serif; } 
.thumbnail-img a { text-decoration: none!important; }
.boxes span { text-decoration: none; position: absolute; overflow: hidden; top: 0px; left: 0px; width: 180px; text-align: left;	width: 154px; height: 94px; margin: 0; padding: 10px; font-size: 18px; color: #9f8771; background: #fff; background: rgba(255,255,255,.80); -webkit-transition: all 400ms ease-in; -moz-transition: all 400ms ease-in; -o-transition: all 400ms ease-in; transition: all 400ms ease-in; opacity: 0; line-height: 1.2em; color: #614e3a; }
.thumbnail-img em { font-family: Arial, Helvetica, sans-serif; font-weight: bold; font-style: normal; display: block; font-size: 13px; padding-top: 0.3em; margin-top: 0.5em; color: #336699; border-top: 2px dotted #c2a489; }

#content .front-title { color: #9f8771; font-family: 'Neuton', Georgia, "Times New Roman", Times, serif; display: block; width: 156px; float: left; margin: 0 24px 0 20px; padding: 5px 0 10px 0; letter-spacing: 1px; text-transform: uppercase; font-size: 14px; }
#content .front-title-last { color: #9f8771; font-family: 'Neuton', Georgia, "Times New Roman", Times, serif; display: block; width: 156px; float: left; margin: 0 0 0 20px; padding: 5px 0 10px 0px; letter-spacing: 1px; text-transform: uppercase; font-size: 14px; }

#content .front-title em { color: #fef3e1; font-weight: normal; padding: 2px 10px 5px 9px; margin: 0 5px 0 0; background-image: url(../gfx/circle.png); background-repeat: no-repeat; background-position: center center; }
#content .front-title-last em { color: #fef3e1; font-weight: normal; padding: 2px 10px 5px 9px; margin: 0 5px 0 0; background-image: url(../gfx/circle.png); background-repeat: no-repeat; background-position: center center; }

.last { margin-right: 0; }


/* Slider styling */
#slider { float: left; margin: 0px 2em 0px 0px; }

#content .frontpage { margin-right: 0.9em; margin-bottom: 1.0em; padding-bottom: 0em; border: 1px solid #796653; }
#content .frontpage:hover { border: 1px solid #ffefa2; }
#content .frontpage img { padding: 0; margin: 0em; } 

#content .thumbnailgrid { margin-right: 1.1em; border: 1px solid #999999; }

#content .portrait { padding-left: 2.0em; padding-bottom: 1.0em; }


/*-------------------------------------

RIGHT-COLUMN

-------------------------------------*/

#right-column { margin: 0.4em 0 0 0; clear: both; }
#right-column hr { margin: 8px 0 30px 0; padding-bottom: 2px; }

#right-column .prev { background-image: url(../gfx/navigation-buttons-circle.png); background-repeat: no-repeat;  margin: 0em 6.9em 0em 5.0em; padding: 2.8em 0em 0em 0em; text-align: left; font-weight: bold; font-size: 1.2em; text-transform: uppercase; background-position: 6px 0; display: inline; }
#right-column .prev:hover { background-position: 6px -62px; }
#right-column .prev a { color: #336699; padding: 3.0em 0em 0em 0em; text-decoration: none; }
#right-column .prev a:hover { color: #003366; border-bottom: 1px solid #999999; text-decoration: none; }

#right-column .next { background-image: url(../gfx/navigation-buttons-circle.png); background-repeat: no-repeat; background-position: center top; font-weight: bold; font-size: 1.2em; text-transform: uppercase; margin: 0em 0em 0em 0em; padding: 2.8em 0em 0em 0em; background-position: -130px 0; display: inline; }
#right-column .next:hover { background-position: -130px -62px; }
#right-column .next a { color: #336699; padding: 3.0em 0em 0em 0em; text-decoration: none; }
#right-column .next a:hover { color: #003366; border-bottom: 1px solid #999999; text-decoration: none; }

#right-column .thumbnail-left { margin-right: 1.6em; }
#right-column .reference { line-height: 1.5em; color: #777777; font-size: 1.0em; border-top: 1px solid #e9e9e9; border-bottom: 1px solid #e9e9e9; background-color: #f9f9f9; margin: 0 0 2.0em 0em; padding: 0.5em 0.5em 1.5em 0.5em; }


/*-------------------------------------

FOOTER

-------------------------------------*/

#footer { font-size: 0.9em; color: #614e3a; padding-top: 4.5em; padding-bottom: 5.0em; margin-top: 2.0em; background-image: url(../gfx/footer.jpg); background-repeat: no-repeat; border-top: 1px solid #fff; }
#footer a { color: #614e3a; text-decoration: none; line-height: 1.8em;  }
#footer a:hover { color: #000; }

#disclaimer { font-size: 1.0em; color: #614e3a; border-right: 2px dotted #d5c3a6; border-left: 2px dotted #d5c3a6; }
#disclaimer p { padding-left: 2.0em; }
#disclaimer a { color: #614e3a; text-decoration: none; }
#disclaimer a:hover { color: #000; }

#footer .weboffice { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 0.9em; color: #614e3a; padding-top: 0.3em; text-align: right; }
#footer .weboffice p { line-height: 1.0em; }
#footer .weboffice a { font-weight: bold; color: #bbac93; text-decoration: none; letter-spacing: -0.05em; }
#footer .weboffice a:hover { text-decoration: underline; color: #000; }