/* CSS for editdesign.co.uk
all content copyright of Mike Fraser 2009
*/

html,body {
  font-family: Helvetica, Arial, sans-serif;
  font-size: 14px;
  top: 0px;
  right: 0px;
  bottom: 0px;
  left: 0px;
  width:800px;
  height: 100%;
  margin: auto;
}
p {
  font-size: 12px;
  line-height: 14px;
  color: #000;
}
h1 {
  font-family: Arial Black, Arial, sans-serif;
  text-transform: uppercase;
  color: #000;
  margin: 0;
  padding: 0;
}
h2 {
  font-family: Arial Black, Arial, sans-serif;
  text-transform: uppercase;
  color: #000;
  margin: 0;
  padding: 0;
}
.page {
  position: relative;
  width: 100%;
  height: 100%;
  /*background-color: #eee;*/
}
.wrapper {
  position: absolute;
  top: 50%;
  width: 800px;
  height: 500px;
  margin-top: -250px;
  /*background-color: #ed7;*/
}

/*
* Menu Bar styles
*/

.menubar {
  position: absolute;
  top: 0px;
  left: 0px;
  width: 304px;
  height: 495px;
  background-image: url(images/menuBack.gif);
}
.menubar h2 a, .menubar h1 a {
  float: right;
  clear: both;
  font-size: 5px;
  display: block;
  background-position: top;
  text-decoration: none;
}
.menubar h2 a:hover, .menubar h1 a:hover {
  background-position: bottom;
}
.menubar h2 a:focus, .menubar h1 a:focus {
  outline: none;
}
h2 a.info {
  position: absolute;
  left: 130px;
  width: 100px;
  height: 17px;
}
h2 a.category {
  position: absolute;
  height: 35px;
}
h1 a.logo {
  position: absolute;
  left: 50px;
  height: 85px;
  top: 320px;
  width: 220px;
  background-image: url(images/logo.png);
}
 
 /* Menu Bar button specific */
 
h2 a.contact {background-image: url(images/contact.png); top: 35px;}
h2 a.biography {background-image: url(images/biography.png); top: 52px;}
h2 a.links {background-image: url(images/links.png); height: 19px; top: 69px;}

h2 a.illustration {background-image: url(images/illustration.png); left: 126px; width: 145px; top: 110px;}
h2 a.concept {background-image: url(images/concept_art.png); left: 119px; width: 152px; top: 145px; }
h2 a.portraits {background-image: url(images/portraits.png); left: 109px; width: 161px; top: 180px; }
h2 a.sketchbook {background-image: url(images/sketchbook.png) ; left: 100px; width: 170px; top: 215px; }
h2 a.general {background-image: url(images/general_work.png); left: 91px; width: 179px; top: 250px; }

/*
* Content styles
*/

.contentbox {
  position: absolute;
  top: 0px;
  left: 304px;
  width: 466px;
  height: 476px;
  padding: 9px 20px 0px 10px;
  /*background-color: #f95;*/
}
.int {
  width: 466px;
  height: 380px;
  /*background-color: #e73;*/
  margin-top: 10px;
  position: relative;
}
.int .post a {
  position: relative;
  display: block;
  width: 100px;
  height: 100px;
  float: left;
  margin: 0px 15px 15px 0px;
  border: none;
  outline: none;
}
.imgcover {
  display: none;
}
.int .post a:hover > img.imgcover {
  display: block;
  width: 100px;
  height: 100px;
  z-index: 22;
}
.int .post a:hover img {
  display: none;
}
.int .post a img {
  border: none;
}
.navigation {
  position: absolute;
  bottom: 0px;
  right: 0px;
}
.navigation a {
  width: 62px;
  height: 31px;
  margin: 0px;
  text-decoration: none;
  color: #fff;
}
.navigation a div {
  width: 62px;
  height: 31px;
  text-decoration: none;
  background-position: top;
}
.navigation a:hover div {
  text-decoration: none;
  color: #fff;
  background-position: bottom;
}
.prev { background-image: url(images/prevR.jpg); }
.next { background-image: url(images/nextR.jpg); }

.catdesc{
  width: 330px;
  position: relative;
  top: -40px;
}

/* Menu - contact form specific */


.contactform {
  float: right;
  width: 250px;
  margin: 0px 0px 0px 15px;
}
.contactform label {
  float: left;
  clear: left;
  width: 60px;
  font-size: 12px;
  font-family: Arial, Helvetica,  sans-serif;
  margin: 3px 3px 0px 3px;
}
.contactform input {
  float: left;
  margin: 3px;
}