/* style for http://www.ginawright.co.uk/ */
body {padding: 1em; color: #fff; background: #336; font-family: arial, verdana, helvetica, sans-serif;font-size: 16px;}
div.content { margin-left: 20%; padding: 1em; text-align: center; border-left: thin solid #999;}
div.navbar { padding: 0; position: absolute; top: 0; left: 0; width: 20%; text-align: left;}
div.footer { font-size: 75%; font-style: italic; margin-top: 1em; border-top: thin solid #999;}
div.thumbnails {width: 130px; height: 130px; padding-left: 1px; padding-right: 1px; float: left;}
div.thumbnails img {vertical-align:middle;}
div.portrait {width: 200px; height: 200px; padding-left: 1px; padding-right: 10px; float: left;}
div.about {text-align: left;}
img {border: none;}
ul {list-style: none;}
ul.navbar {margin-left: 0.5em; padding: 0;}
ul.navbar li {padding: 0.2em 0.1em;}
ul.navbar a {text-decoration: none;}
ul.submenu {margin-left: -0.5em;}
.menulink {font-weight: normal;}
.menucurrent {font-weight: bold;}
.submenulink {font-size: 80%; font-weight: normal;}
.submenucurrent {font-size: 80%; font-weight: bold;}
h1 {font-size: 1.5em; font-weight: normal; padding-bottom: 0.25em; border-bottom: thin solid #888;}
h2 {font-size: 1.2em; font-weight: normal;}
h2.thumbnails {text-align: left;}
p.hr {border-top: thin solid #ccc;}
br.nofloat {clear: both;}
address {padding: 0; margin: 0; margin-top: 0.5em; font-style: normal;}
.news {color: #f00; background: inherit;}
#jerdan {color: #000; background: #fff; font-size: 1.5em;}
#herongallery {color: #000; background: #fff;}
#indigo a {color: #009; background: #ffc;}
#indigolarge {font-size: 1.5em;}
#oldcourse a {color: #077; background: #fff; font-weight: bold;}
#stewarton {font: normal small-caps 1.5em Times, "Times New Roman", serif;}
#loftgallery {font-weight: bold;}
.logo {padding: 0.25em; font-size: 1.5em;}
.invisible, .invisible a {display: none; color: #fff; background: #fff;}
.footer p {margin: 0; padding: 0.1em;}
a:link {color: #aaf;}
a:visited {color: #a6a;}
a:active {color: #fd7;}
.carousel-inner > .item > img, .carousel-inner > .item > a > img {width: 70%; height: 100%; margin: auto;}
.fa {padding: 20px; font-size: 30px; width: 50px; text-align: center; text-decoration: none; margin: 5px 2px;}
.fa:hover {opacity: 0.7;}
.fa-instagram {background: #125688; color: white;}