/*Otago customisations*/

@import url("icons.css");

html, body {
 	min-height:100%;
	}
	
a {
	color:#069;
	}
	
img.bg { 
	max-width: 100%; 
	}

#ds-header, #ds-content, #ds-trail, #ds-footer {
	padding-left:1.0em; 
	padding-right:1.5em;
	}
		
#ds-header-wrapper {
	max-width:100%;
	background: #0f1c4f;
	background: -moz-linear-gradient(top,  #0f1c4f 0%, #142e70 50%, #102868 51%, #1b429b 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#0f1c4f), color-stop(50%,#142e70), color-stop(51%,#102868), color-stop(100%,#1b429b));
	background: -webkit-linear-gradient(top,  #0f1c4f 0%,#142e70 50%,#102868 51%,#1b429b 100%);
	background: -o-linear-gradient(top,  #0f1c4f 0%,#142e70 50%,#102868 51%,#1b429b 100%);
	background: -ms-linear-gradient(top,  #0f1c4f 0%,#142e70 50%,#102868 51%,#1b429b 100%);
	background: linear-gradient(top,  #0f1c4f 0%,#142e70 50%,#102868 51%,#1b429b 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0f1c4f', endColorstr='#1b429b',GradientType=0 );
}	

#ds-header, #ds-header a{
	background: #0f1c4f;
	background: -moz-linear-gradient(top,  #0f1c4f 0%, #142e70 50%, #102868 51%, #1b429b 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#0f1c4f), color-stop(50%,#142e70), color-stop(51%,#102868), color-stop(100%,#1b429b));
	background: -webkit-linear-gradient(top,  #0f1c4f 0%,#142e70 50%,#102868 51%,#1b429b 100%);
	background: -o-linear-gradient(top,  #0f1c4f 0%,#142e70 50%,#102868 51%,#1b429b 100%);
	background: -ms-linear-gradient(top,  #0f1c4f 0%,#142e70 50%,#102868 51%,#1b429b 100%);
	background: linear-gradient(top,  #0f1c4f 0%,#142e70 50%,#102868 51%,#1b429b 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0f1c4f', endColorstr='#1b429b',GradientType=0 );	
	text-decoration:none;
}
	
#ds-header-logo-text {
	color: #FFF;
	font-family:"Minion Pro", serif;
	font-size:248%;
	line-height: 3.4em;
	}

#ds-header-logo {
	float: left;
	background:url(https://www.otago.ac.nz/cs/fragments/subsite_assets/gfx/logo.gif) no-repeat;
	height:80px;
	width:160px;
	margin:1.0em 0.8em 1.0em 0em;
}

#ds-user-box {
	margin: 0 0.8em 0 5.0em;
	padding-right:2.0em;
	}

#ds-header-otago-logo {
	background: url("/themes/Otago/images/ourarchive.png") no-repeat;
	background-size: 100%;
    position: absolute;
    height: 86px;
    width: 115px;
	/*margin:0.8em 2.0em 0 5.0em;*/
	}
#ds-trail-wrapper, #ds-trail{
	background: #93bbe9;
	}

#ds-body {
	text-align:justify;
	}
	
.ds-artifact-item{
	margin:0;
	padding:0.2em;
	}
	
input, textarea, #aspect_discovery_SimpleSearch_div_general-query, .pagination-masked, .search, .pagination{
	border-radius:5px;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
}

select {
	height:1.8em;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}

.ds-option-set-head {
	-moz-border-radius-topleft: 5px;
	-moz-border-radius-topright: 5px;
	-moz-border-radius-bottomright: 0px;
	-moz-border-radius-bottomleft: 0px;
	-webkit-border-radius: 5px 5px 0px 0px;
	border-radius: 5px 5px 0px 0px; 
	background: #93bbe9;
	background: -moz-linear-gradient(top,  #93bbe9 0%, #a9d0ef 50%, #a0cbf0 51%, #cce4f6 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#93bbe9), color-stop(50%,#a9d0ef), color-stop(51%,#a0cbf0), color-stop(100%,#cce4f6));
	background: -webkit-linear-gradient(top,  #93bbe9 0%,#a9d0ef 50%,#a0cbf0 51%,#cce4f6 100%);
	background: -o-linear-gradient(top,  #93bbe9 0%,#a9d0ef 50%,#a0cbf0 51%,#cce4f6 100%);
	background: -ms-linear-gradient(top,  #93bbe9 0%,#a9d0ef 50%,#a0cbf0 51%,#cce4f6 100%);
	background: linear-gradient(top,  #93bbe9 0%,#a9d0ef 50%,#a0cbf0 51%,#cce4f6 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#93bbe9', endColorstr='#cce4f6',GradientType=0 );
}


.ds-option-set{
	-webkit-box-shadow: 4px 4px 10px 0px #CCC;
	-moz-box-shadow: 4px 4px 10px 0px #CCC;
	box-shadow: 4px 4px 10px 0px #CCC; 
	-moz-border-radius-bottomright: 5px;
	-moz-border-radius-bottomleft: 5px;
	-webkit-border-radius: 0px 0px 5px 5px;
	border-radius: 0px 0px 5px 5px; 
}


.ds-text-field, .ds-password-field {
	width:300px;
	}

input[type=submit]	{
	color:#FFF;
	-moz-border-radius-topleft: 5px;
	-moz-border-radius-topright: 5px;
	-moz-border-radius-bottomright: 5px;
	-moz-border-radius-bottomleft: 5px;
	-webkit-border-radius: 5px 5px 5px 5px;
	border-radius: 5px 5px 5px 5px; 
	background: #3480d6;
	background: -moz-linear-gradient(top,  #3480d6 0%, #4f9edf 50%, #4196e1 51%, #7db9e7 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#3480d6), color-stop(50%,#4f9edf), color-stop(51%,#4196e1), color-stop(100%,#7db9e7));
	background: -webkit-linear-gradient(top,  #3480d6 0%,#4f9edf 50%,#4196e1 51%,#7db9e7 100%);
	background: -o-linear-gradient(top,  #3480d6 0%,#4f9edf 50%,#4196e1 51%,#7db9e7 100%);
	background: -ms-linear-gradient(top,  #3480d6 0%,#4f9edf 50%,#4196e1 51%,#7db9e7 100%);
	background: linear-gradient(top,  #3480d6 0%,#4f9edf 50%,#4196e1 51%,#7db9e7 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3480d6', endColorstr='#7db9e7',GradientType=0 );
	}

#ds-footer-wrapper {
	padding-bottom:1.0em;
	}

#ds-footer-right, #ds-footer-left, .theme-by {
	display:none;
	}	

/*#ds-search-option {display:none;}*/	
@media only screen and (max-device-width:480px) and (orientation: portrait) 
  {	 
  #ds-body{width:65%;}
  #ds-options-wrapper {float:left;display:block;width:60%;} 
  #ds-header-otago-logo {margin:0.8em 3.5em 0 0.8em;}
  #ds-user-box {margin-right:24.0em}
  }
	 
@media only screen and (device-width: 768px) and (orientation: portrait) 
  {	
  #ds-main{width:950px;} /*this is needed to stop weird white space on the right hand side*/
  #ds-options-wrapper {float:left;display:block; width:70%;}
  /*#ds-header-otago-logo {margin:0.8em 3.5em 0 0.8em;}*/
  #ds-header-otago-logo {display:none; }
  #ds-user-box {margin-right:20.0em;}
  }