@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");

/***** PULP FICTION WEBSITE ******************************/

body { margin: 0; padding: 0; background-color: #252525; font-family: Helvetica, Arial, Verdana, sans-serif; font-size: 76%; line-height: 1.5em; color: #333333;  }
strong { font-weight: bold; }
em { font-style: italic; }
.clearall { clear: both !important; }
a[href$=".pdf"] { padding-left: 1.7em; }


/****** HEADER ************************/

#header { padding: 0em 0em 0em 0em; margin: 0em 0em 0em 0em; }
#header .otagologo { margin: 0em 0em 0em 0em; }

#unilogo { vertical-align: top; padding: 2.2em 0 0 1.0em; }
#title { padding: 0 0 2.0em 0; }


/****** CONTAINER ************************/

#containertop { background-image: url(../gfx/container-top.jpg); background-repeat: no-repeat; height: 63px; background-color: #555555; }
#containerbottom { background-image: url(../gfx/container-bottom.jpg); background-repeat: no-repeat; height: 31px; background-color: #555555; }
#containermiddle { background-image: url(../gfx/content-background.jpg); background-repeat: repeat-y; }

/****** CONTENT ************************/

#content { font-family: Georgia, "Times New Roman", Times, serif; }

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

#content img { padding: 0em 1.50em 0em 0em; margin: 0.5em 1.5em 0.5em 0em; }

#content h1 { font-size: 3.3em; color: #666666; line-height: 1.0em; margin: -0.5em 0em 0.4em 0em; padding: 0.2em 0em 0em 0em; letter-spacing: -0.01em; font-family: 'Josefin Sans Std Light', arial, san-serif; background-repeat: repeat-x; background-position: bottom; color: #cc0000; /*text-transform: uppercase;*/ border-bottom: 1px solid #9a826a; border-top: 1px solid #9a826a; }
#content h2 { font-size: 1.7em; color: #444444; line-height: 1.4em; margin: 0em; padding: 0em 0em 0.5em 0em; }
#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 {}
#content h6 {}

#content a { color: #336699; text-decoration: none; }
#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 {}

/* Classes */

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

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

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

/* Back home button */

#content .home { background-image: url(../gfx/home.jpg); background-repeat: no-repeat; margin: -2.5em 0em 2.1em 0em; padding: 0.2em 0em 0em 3.0em; font-weight: bold; font-size: 1.2em; text-transform: uppercase; height: 30px; width: 150px; }

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

/* Styles the image preview boxes */
 
#content .information { margin-right: 1.4em; }
#content p.information { color: #6b5a49; font-weight: normal; padding-top: 0.5em; padding-bottom: 0.5em; border-top: 4px solid #d8ae46; font-family: Georgia, "Times New Roman", Times, serif; }
#content .informationright { margin-right: 0em; }
#content p.informationright { color: #796653; font-weight: normal; padding-top: 0.5em; padding-bottom: 0.5em; border-top: 4px solid #d8ae46; font-family: Georgia, "Times New Roman", Times, serif; }

/* Styles feature image if used */

#content .featureimage { float: left; width: 340px; margin: 0 2.0em 0 0; background: none !important; }
#content .featureimage p { margin: 0 0 1.0em 0; }
/* Hides other images when js is turned off*/
#slider .featureimage { display: none; background: none !important; }
#slider #first { display: block; }

.featureimage { }

/* 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; }

/****** MORE **************************/

#more { color: #555555; margin-top: -0.8em; }

#more .information { }
#more p { text-indent: -9999px; }
#more h2 { font-size: 1.1em; line-height: 1.3em; padding: 1.0em 0em 0em 0em; margin: 1.5em 0em 0em 0em; width: 150px; border-top: 4px solid #d8ae46; }
#more h2 a { color: #336699; text-decoration: none; }
#more h2 a:hover { color: #003399; text-decoration: underline; }


/****** FOOTER ************************/

#footer { font-size: 0.9em; color: #f5f5f5; padding-top: 1.5em; }
#footer a { color: #f5f5f5; text-decoration: none; }
#footer a:hover { color: #e1e1e1; }

#disclaimer { font-size: 0.9em; color: #f5f5f5; padding-top: 1.5em; }
#disclaimer a { color: #f5f5f5; text-decoration: none; }
#disclaimer a:hover { color: #e1e1e1; }

.weboffice { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 0.9em; line-height: 1.3em; color: #f1f1f1; padding-top: 1.5em; text-align: right; }
.weboffice p { }
.weboffice a { font-weight: bold; color: #ffffff; text-decoration: none; letter-spacing: 0.07em; }
.weboffice a:hover { text-decoration: underline; color: #e1e1e1; }