/* Website Stylesheet */
/* www.kenny-baker.co.uk */
/* © Chris Holmes 2009 */

body {
  background-color:#000080;
  font-family:Comic Sans MS, Arial, Helvetica, Nimbus Sans L;
  margin:10px;
}

div.header {
  width:82%;
  height:80px;
  position:absolute;
  left:160px;
  text-align:center;
}

div.galleryheader {
  width:820px;
  height:60px;
  position:absolute;
  left:160px;
  text-align:center;
}

div.logo {
  width:150px;
  height:160px;
  float:left;
}

div.sidemenu {
  width:150px;
  position:absolute;
  left:10px;
  top:170px;
  margin-top:10px;
  float:left;
}

div.main {
  width:75%;
  position:absolute;
  left:160px;
  top:80px;
  font-size:20px; 
  color:white;
  text-align:center;
  line-height:24px;
  padding-left:20px;
  padding-right:5%;
}

div.gallery {
  width:820px;
  position:absolute;
  left:160px;
  top:60px;
  font-size:20px;
  color:white;
  text-align:center;
  line-height:24px;
  padding-top:20px;
}

div.display {
  width:75%;
  position:absolute;
  left:160px;
  top:10px;
  text-align:center;
  padding-top:20px;
  padding-left:20px;
  padding-right:20px;
}

div.menubutton {
  width:100px;
  height:30px;
  background-color:#ffd3ec;
  border:2px solid #dc143c;
  font-size:17px;
  text-align:center;
  line-height:30px;
  margin-top:16px;
  margin-left:25px;
}

div.menuhere {
  width:100px;
  height:30px;
  background-color:white;
  border:2px solid #dc143c;
  font-size:17px;
  color:#223789;
  text-align:center;
  line-height:30px;
  margin-top:15px;
  margin-left:25px;
}

div.backbutton {
  width:70px;
  height:30px;
  background-color:#ffd3ec;
  border:2px solid #dc143c;
  font-size:17px;
  text-align:center;
  line-height:30px;
  float:right;
}

div.column_one {
  width:32%;
  float:left;
}

div.column_two {
  width:31%;
  float:left;
}

div.column_three {
  width:36%;
  float:right;
}

h1 {
  font-size:30px;
  line-height:36px;
}

h2 {
  font-size:22px;
  line-height:26px;
}

.caption {
  font-size:26px;
  color:#ffff00;
  text-align:center;
  line-height:30px;
  margin-top:10px;
}

.smalltext {
  font-family:Arial, Helvetica, Nimbus Sans L;
  font-size:14px;
  color:#ffff00;
  text-align:center;
  line-height:15px;
}

.smallprint {
  font-family:Arial, Helvetica, Nimbus Sans L;
  font-size:14px;
  color:white;
}

.copyright {
  font-family:Arial, Helvetica, Nimbus Sans L;
  font-size:14px;
  color:#ffff00;
  text-align:left;
}

.yellow {color:#ffff00;}

img {border:none;}

img.outline {
  border:2px solid #dc143c;
  margin-top:10px;
  margin-left:5px;
  margin-right:5px;
}

img.frame {
  background-color:white;
  border:4px solid #dc143c;
  margin:10px;
  padding:10px;
}

img.right {
  border:2px solid #dc143c;
  margin:5px;
  float:right;
}

a:link, a:visited {
  color:#ffff00;
}

a:hover {font-weight:bold;}

a.text:link, a.text:visited {
  text-decoration:underline;
  font-size:24px;
  color:#ffff00;
}

a.text:hover {font-size:25px;}

a.mail:link, a.mail:visited {
  text-decoration:underline;
  font-size:22px;
  color:white;
}

a.mail:hover {font-size:23px;}

a.button:link, a.button:visited {
  text-decoration:none;
  font-size:17px;
  color:#223789;
}

a.button:hover {font-weight:bold;}
