/*  Physics Education Research @ University of St Andrews   */ 
/*  Irina Leonhardt         24 Aug 2016                     */

body {background-color:#f4f6f8;}                 
#page {background: #f4f6f8; width:1095px; margin:0 auto 40px auto; border-bottom:1px solid #00529b; border-radius:5px;} .shadow2 {-moz-box-shadow: 0px 5px 10px #707070; -webkit-box-shadow: 0px 5px 10px #707070; box-shadow:0px 5px 10px #707070; border-radius:5px;} 
#header {background-color: #00529b; border:1px solid #00529b; border-radius:5px;} #university {width:100%; height:92px;} #uni-h {border-top-left-radius:5px; border-top-right-radius:5px;} #phed h1 {background:#ffffff; height: 67px; font-family: Georgia, Cambria; color: #004280; font-size:32px; margin-top:-1px; padding-left: 70px; padding-top:25px; white-space:nowrap; border-top:1px solid #00529b; border-bottom:1px solid #00529b;} .PER {width:182px; height:110px; float:left; margin-top:-10px;} .PERc {width:182px; height:110px; float:left; margin-top:-10px; border-bottom-left-radius:5px;} .PER1 {width:182px; height:110px; float:left; margin-top:-10px;} .PER1c {width:182px; height:111px; float:left; margin-top:-11px; border-bottom-right-radius:5px;} #photoline {width:100%; margin-top:-11px; height:100px; border-bottom: 1px solid #00529b; border-bottom-left-radius:5px; border-bottom-right-radius:5px;}
#main {background: #ffffff; width:100%; margin-top:15px; border-top: 2px solid #00529b; border-bottom: 2px solid #00529b; padding: 10px 0 10px 0; font-family: Tahoma; font-size:18px;} h3 {font-family: Verdana; font-size:22px; white-space:nowrap;} h3#about {font-family: Verdana; font-size:22px; white-space:nowrap; color: #004280;} h3#proj {font-family: Verdana; font-size:22px; white-space:nowrap; color: #000000; padding-left: 45px;} h4 {font-family: Tahoma; font-size:20px; white-space:nowrap; color: #004280;} 
#sidebar {float:left; width:23%; padding:50px 10px 50px 0; font-family: Tahoma; font-size:18px;} ul#navigation a {display:block; text-decoration:none; font-size:1.0em; line-height:130%; border-bottom: 1px dotted #004280; margin:20px 0 0 -25px; padding:2px 5px 2px 10px;} a:link.nav, a:visited.nav {color:#000000;} a:hover.nav, a:active.nav {background: #ccdceb; color:#000000;} a:link.current, a:visited.current {background:#ffffff; color: #004280;} a:hover.current {background:#ffffff; color: #004280;} .gt {float:right; color: #004280; font-size:1.3em;}
#contents {width:72%; margin-left:25%; padding:20px 10px 0 10px; font-family: Tahoma; font-size:18px; line-height:130%;} ul#indexlist {list-style-type:circle; margin-left:-10px; color: #004280;} .bl {color:#000000;} a:link.contact, a:visited.contact {color:#000000;} a:hover.contact, a:active.contact {color: #00529b;}
div#projects a {font-family:Georgia, Cambria; text-decoration:none;} a:link {color: #00529b;} a:visited {color: #00529b;} a:hover {color: #004280; text-decoration:none;} a:active {color: #004280;} #projects {width:98%; height:250px; font-size:24px;} .rows li {list-style:none; float:left;} .rows img {border-style:none;} #projects ul > li > a > img {display:block; padding:5px; margin: 20px 50px 20px 0; background-color: #00529b; box-shadow:5px 5px 15px #acacac; -moz-box-shadow:5px 5px 15px #acacac; -webkit-box-shadow:5px 5px 15px #acacac; transition: all 0.1s ease-out; -moz-transition: all 0.1s ease-out; -webkit-transition: all 0.1s ease-out; -o-transition: all 0.1s ease-out; -ms-transition: all 0.1s ease-out; border-radius:10px; -moz-border-radius:10px; -webkit-border-radius:10px;} #projects ul > li > a:hover > img, #projects ul > li > a:focus > img {transform:translate(-2px, -2px); -moz-transform:translate(-2px, -2px); -webkit-transform:translate(-2px, -2px); -o-transform:translate(-2px, -2px); box-shadow:0 5px 16px #464646; -moz-box-shadow:0 2px 16px #464646; -webkit-box-shadow:0 2px 16px #464646; background-color: #004280;}  
.small {font-size:0.9em;} img.b {border:1px solid #252525; margin-right:5px; margin-left:5px;} div.intmat {font-family: Tahoma; font-size:16px;} .publ {margin-bottom:15px; margin-left:0px; margin-right:1px; font-size:1.0em;} .tp li {list-style:circle; margin-left:-25px; font-size:1.0em; line-height:140%;} .title {color: #004280;}  
#footer {font-family:Tahoma; color:#000000; margin-top:20px; padding:15px 0 2px 15px; background-color: #00529b; height:36px;} #Copyright {font-family:Tahoma; font-size:1.0em; white-space:nowrap; float:left; width:48%; word-spacing:1px;} #footermenu {font-family:Tahoma; color:#f4f6f8; font-size:0.9em; float:right; padding-right:50px;} a:link.tocf, a:visited.tocf {color:#f4f6f8; text-decoration:none;} a:hover.tocf, a:active.tocf {color: #f4f6f8; text-decoration:underline;}