/**************************************
 * CSS for website of Saiful Islam    *
 * University of Bath                 *
 * by C.A.J. Fisher 2015              *
 **************************************/

/***************************************
 * Sections                            *
 *                                     *
 * Banner : Topmost heading            *
 * Menu : Navigatoin bar               *
 * Wrap : For holding content together *
 *  - Content                          *
 *    - Left                           *
 *    - Right                          *
 *  - Footer (for main page)	    *
 ***************************************/
html {height: 100%;}

body {
height: 100%;
min-height: 100%;
width: 100%;
margin: 0 auto;
padding: 0;
/* font: 0.9em "Helvetica Neue", Helvetica, Arial, sans-serif; */
font: 0.9em Calibri, serif;
background: #ddd repeat scroll top left;
}

/* Banner for all pages */

#banner {
background-color: #005689;
width: 100%;
color: white;
border: none;
padding: 20px 0px 18px 0px;
text-align: center;
position: fixed;
z-index: 3;}

/* The top-bar menu */

#menu {
margin-top: 59px;
width: 100%;
font-size: 1.1em;
font-weight: bold;
/* text-transform: uppercase; */
text-align: center;
border: none;
background: #00456e;
opacity: 100%;
position: fixed;
z-index: 3; 
}

#menu ul {
text-align: center;	
list-style: none;
margin: 10px 0;
}

#menu li {
display: inline;
}

#menu a {
display: inline;
text-decoration: none;
color: #fff;
background: transparent;
padding: 10px 0.8em 10px 0.8em;
}	
	
#menu a:hover {
display: inline;
color: #fff;
background: #951c55;
}

#menu a:active {
display: inline;
color: #ffbb00;
background: #951c55;
}

#menu li#active {
display: inline;
text-decoration: none;
color: #fff;
background: #B53c75;
padding: 10px 0.8em 10px 0.8em;
}

/* The div that holds content all together */

#wrap {
min-height: 100%;
background: #fff repeat scroll top left;
color: black;
margin: 0px auto;
width: 900px;
min-width: 900px;
padding: 49px 0px 10px 0px;
border: none;
overflow: auto;
}

#left {
float: left;
border: none;
}

#right {
float: right;
text-align: right;
}

/* The main content */

.publications, .address {
width: 100%;
height: 100%;
padding: 2px 2px 10px 10px;
margin-left: auto; 
margin-right: auto;
text-align: center;
}

.pub_mainheading {
color: b51800;
font-size: 18px;
font-weight: normal;
}

.pub_bytopic {
width:100%;
height:100%;
padding:2px 2px 10px 10px;
margin-left:auto;
margin-right:auto;
}

.pub_bytopic td {
text-align: left;
padding: 10px;
border: none;
align: top;
}

.pub_bytopic a img {
border: none;
height: 30px;
width: 30px;
align: top;
vertical-align: text-top;
}

.coverleft
{
float: left;
vertical-align: text-top;
margin: 20px 0px 0px 10px;
width: 365px;
border: none;
text-align: center;
}

.coverright {
float: right;
vertical-align: text-top;
margin: 20px 10px 0px 0px;
width: 360px;
border: none;
text-align: center;
}

#content {
padding: 15px 25px 15px 25px;
line-height: 1.4em;
text-align: left;
background-repeat: no-repeat;
font-size: 1.2em; 
}

#content h2 {
font-size: 22px;
font-weight: normal;
font-style: normal;
letter-spacing: 0;
line-height: 1.1em;
margin: 0.5em 0 0.5em 0;
padding: 0 0 0 0;
color: #00456e;
}

#content h3 {
font-size: 1.3em;
font-weight: normal;
font-style: normal;
letter-spacing: 0;
margin: 0 0 0.5em 0;
padding: 0 0 0 0;
color: #005689;
}

#content h3 a:hover {
text-decoration: none;
color: #005689;
}

#content h4 {
margin: 0 0 0.5em 0;
padding: 0 0 0 0;
color: #b51800;
}

#content h5 {
display: inline-block;
font-size: 1.2em;
background: transparent;
border: none;
margin: 0.5em 0 0.5em 0;
padding: 0 2px;
color: #005689;
}

#content h6 {
font: 1.4em Rockwell, Georgia, "Times New Roman", serif;
font-weight: normal;
border: none;
color: #00456e;
margin: 0;
padding: 60px 0 0 0;
text-transform: uppercase;
}

/* Page footer */

#footer {
overflow: hidden;
clear: both;
padding: 5px 0 10px 0;
border-width: 1px 0px 0px 0px;
border-color: #4bc6df;
border-style: solid;
text-align: center;
color: black;
background: transparent;
font-size: 0.9em;
}

#footer a {
color: #505050;
text-decoration: none;
}

#footer a:hover {
text-decoration: underline;
color: ##aadce6;
}

#footer #left{
float: left;
clear: left;
padding-left: 8px;
}

#footer #right{
float: right;
clear: right;
padding-right: 8px;
}

#footer ul{
list-style-position: outside;
margin: 0;
padding: 0;
}

#footer li{
display: block;
}

#footer li a{
display: block;
}

/* General styles */

h1 {
font-family: Futura-Medium, Futura, Trebuchet MS, sans-serif;
color: #fff;
font-size: 18px;
margin: 0 0 0 0;
background: inherit;
}

h3 {
font-size: 1.3em;
font-weight: normal;
margin: 0 0 10px 0;
padding-top: 10px;
border: none;
color: white;
text-align: left;
}

h4 {
color: #FFF467;
font-style: italic;
font-weight: normal;
font-size: 1.0em;
padding: 10px 0 5px 20px;
margin: 0px;
}

/* Links */

a:link, a:visited {
text-decoration: none;
color: #656565;
background: none;
}

a:hover {
color: #e6711b;
text-decoration: underline;
}

a img .icon {
border: none;
}

a img {
border: 4px solid #c0c0c0;
}

a:hover img{
border-color: #b51800;
} 

/* Lists */

.maintext {
color: black;
}

ol.normal, ol.publist {	
list-style: none;
border: none;
margin: 0 0 0.9em 0;
padding: 0 0px 0px 5px;
line-height: 1.6em;
}

ul.paragraph {
list-style: square inside;
margin-left: 1em;
margin-top: 0px;
padding-left: 10px;
}

ul.paragraph li {
color: #951c55;
}

ul.normal {	
list-style: square outside;
border: none;
margin: 0 0 10px 0;
padding: 0 0px 0px 20px;
line-height: 1.6em;
}

ul.normal ul {
list-style: disc inside;
}

ul.normal ul ul {
list-style: circle inside;
}

li.normal {
color: #303030;
background: transparent;
margin-left: 10px;
padding: 0 0 5px 0;
border: 0;
}

ol.publist li {
color: #303030;
background: transparent;
margin-left: 10px;
padding: 0 0 10px 0;
border: 0;
}

li img {
margin: 0px 5px 0 5px;
border: none;
padding: 0px;
vertical-align: middle;
}

ul.pdf {
list-style: none outside;
margin: 0;
padding: 0 0 0 20px;
border: none;
}

ol {
margin: 0 0px 20px 20px;
padding: 0 0 0 0px;
border: none;
list-style-type: lower-roman;
}

/* .papers {
height: 30px;
width: 30px;
align: top;
} */

.pdf li {
color: #303030;
background: #fff url(/msi20/images/pdf.gif) no-repeat;
margin: 0 0 3px 0;
padding: 0 0 2px 21px;
border: none;
}

/* Other layouts */

.mainheader, .main_image {
text-align: center;
margin-bottom: 25px;
}

.rightbox {
float: right;
margin: 0px;
padding: 0px;
}

.mainleft {
float: left;
width: 55%;
background: transparent;
}

.mainright {
float: right;
width: 45%;
height: 100%;
position: relative;
background: transparent;
}

.overview_panel {
border: none;
border-collapse: collapse;
font-size: 1.2em;
font-weight: normal;
margin: 0px auto;
}

.overview_panel tr {
margin: 0;
border: none;
}

.overview_panel td {
width: 50%;
text-align: center;
vertical-align: top;
padding: 10px;
border: none;
margin: 0;
}

.overview_panel div.image {
text-align: center;
vertical-align: middle;
border: none;
margin: 5px 0 5px 0;
}

.header-shift {
  padding-top: 115px; 
  margin-top: -115px;
}

.news, .articles {
margin: 0px;
width: 800px;
padding: 5px 0 0 0;
border-top: 1px #4bc6df solid;
border-bottom: none;
border-left: none;
border-right: none;
clear: right;
}

.news_image {
float: right;
vertical-align: top;
margin: 5px 5px 5px 5px;
border: #c0c0c0 4px solid;
clear: both;
}

.outline {
font-size: 1.0em;
padding: 0px 0 0 0;
margin: 0px;
width: 780px;
border-top: 1px #4bc6df solid;
border-bottom: none;
border-left: none;
border-right: none;
clear: both;
}

.outline_image {
float: left;
vertical-align: top;
margin: 3px 50px 20px 20px;
clear: left;
} 

.outline h3 {
margin: 0;
padding: 0;
}

/* Gallery page layout */

#gallery {
padding: 2px;
margin: 10px auto;
}

#gallery tr {
text-align: center;
}

#gallery td {
padding: 0px 5px 15px 5px;
margin: 0;
vertical-align: middle;
}

#gallery img {
padding: 0px;
background: none;
border: 4px solid #c0c0c0;
margin: 0;
}

#gallery a:hover img {
border-color: #b51800;
}

/* Family gallery */

.family, .group
{
margin: 10px auto;
clear: none;
}

.arrows {
width: 450px;
min-width: 450px;
margin: 0 auto;
padding-bottom: 10px;
border: none;
font-size: 1em;
text-align: center;
}

.lhs {
width: 75px;
min-width: 75px;
float: left;
text-align: left;
border: none;
padding: 0;
margin: 0;
}

.rhs {
width: 65px;
min-width: 65px;
float: right;
text-align: right;
border: none;
padding: 0;
margin: 0;
}

.numberbar {
color: #bdbdbd;
background: transparent;
text-align: center;
margin: 5px auto;
width: 260px;
min-width: 260px;
border: 2px #303030 dashed;
}

/* Text formatting */
.superscript
{
font-size: 0.8em;
/* vertical-align: super; */
line-height: 0em;
vertical-align: 0.2em;
}

.subscript
{
font-size: 0.8em;
/* vertical-align: sub; */
line-height: 0em;
vertical-align: -0.2em;
}

.subheading {
color: #995533;
font-style: italic;
font-weight: bold;
}

/* Image formatting */

img {
vertical-align: middle;
margin: 0;
padding: 0px;
border-width: 4px 4px 4px 4px;
border-color: #505050;
border-style: solid;
}

.main_left {
vertical-align: middle;
margin: 0;
padding: 0px;
border-width: 4px 0px 4px 4px;
border-color: gray;
border-style: solid;
}

.main_right {
vertical-align: middle;
margin: 0;
padding: 0px;
border-width: 4px 4px 4px 4px;
border-color: gray;
border-style: solid;
}

.imgleft {
float: left;
vertical-align: text-top;
margin: 5px 15px 5px 5px;
}

.imgright {
float: right;
vertical-align: text-top;
margin: 5px;
padding: 5px;
clear: right;
}

#riimgright {
float: right;
vertical-align: text-top;
padding-right: 105px;
}

.diagram {
border: 1px #777 dashed;
margin: 10px auto;
}

.diagram td {
padding: 5px 10px 5px 10px;
}

.leftside {
float: left;
width: 360px;
background: transparent;
}

.rightside {
float: right;
width: 47%;
height: 100%;
position: relative;
background: transparent;
}

/* Songs layout */

.songsleft {
float: left;
width: 55%;
background: transparent;
}

.songsright {
float: right;
width: 45%;
height: 100%;
position: relative;
background: transparent;
}

.clear {
clear: both;
}

/* Members and presentations layouts */

.members, .presentations {
vertical-align: top;
margin: 0px 5px 10px 15px;
width: 95%;
border: none;
}

.presentations tr, .presentations td {
	padding: 0px 3px;
}

.portrait {
width: 100px;
padding: 0px;
border: none;
height: 130px;
}

.description {
margin: 0px;
padding: 0px;
border: none;
}

.columns {
width: 215px;
}

.subject {
font-size: 1em;
font-style: italic;
}

.photo {
border: 4px #bbb solid;
}

img.member {
width: 85px;
height: 96px;
}

.name {
width: 200px;
}

.position {
width: 190px;
}

.keyword, .caption, .journal, .invited, .latin, .email {
font-style: italic;
}

.emphasize, .volume, .invited {
font-weight: bold;
}

.hide {
display: none;
}

.note {
font-size: 0.9em;
}

.menu_button {
border: 0;
background: none;
padding: 0px;
margin-top: 10px;
}

.w3 {
border: none;
width: 88px;
height: 31px;
background: transparent;
}

.icon {
border: none;
}

.divider {
border-width: 1px 0 0 0; 
border-style: solid;
border-color: #4bc6df;
clear: both;
}

.breaker {
border-width: 1px 0 0 0; 
border-style: dashed;
border-color: #aaa;
clear: both;
}

#member_img{
width: 85px;
height: 96px;
border: 4px solid white;
background: url(members/jc.jpg) 85px 0px;
}

#member_img:hover {
background: url(members/jc.jpg) 0px 0px;
}

/* Visitor counter */

.counter {
padding-top: 15px;
vertical-align: text-bottom;
font-size: 1.0em;
}

/* Section headers for publications list */

.menu_year, .caption {
text-align: center;
}

.ri-image {
margin-right: 15px;
}

#Y2008,#Y2007,#Y2006,#Y2005,#Y2004,
#Y2003,#Y2000,#Y1997,
#Y1994,#Y1988
{
color: #4bc6df;
}

a#Y2008:hover,a#Y2007:hover,a#Y2006:hover,a#Y2005:hover,
a#Y2004:hover,a#Y2003:hover,
a#Y2000:hover,a#Y1997:hover,a#Y1994:hover,a#Y1988:hover
{
text-decoration: none;
}

/* Inaugural gallery */
.gallery {
margin: 3em 0 0 0;
text-align: center;
}