body, html {
  height: 100%;
}

* html #container {
height: 100%;
}

body {
  line-height: 3em;
  font-family: 'Georgia';
  color: black;
  background: url(/media/style/background.jpg);
  font-size: 62.5%;
}

#container {
  background: url(/media/style/diff/bar.png) repeat-x top left;
  position: relative;
  min-height: 100%;
}

#subcontainer {
  width: 960px;
	margin: 0 auto;
  padding-top: 72px;
  padding-bottom: 72px;
}

#banner {
  text-align: center;
  width: 420px;
  padding-bottom: 20px;
}

#left {
  float: left;
  text-align: right;
  width: 210px;
  margin-right: 0px;
}

#right {
  margin-left: 60px;
  margin-right: 60px;
  width: 420px;
  float: left;
}

#extra { position: relative; }

#column3 {
  float: left;
  width: 180px;
}

#thumbContainer {
padding-top: 15px;
}

#thumbContainer a {
	width: 64px;
	height: 63px;
}

.thumbLink img {
	padding: 2px;
	border: 1px solid #DDD;
	margin: 3px;
	width: 45px;
	height: 45px;
}

.thumbLink img:hover {
	border: 1px solid #BBB;
}

#navbar {
	text-align: right;
	position: relative;
}

#navbar ul { 
  margin: 0;
  padding: 0;
  list-style-type: none; 
  }

#navbar li { 
  font-style: italic; 
  font-weight: bold; 
  font-size: 1.1em; 
  letter-spacing: .1em;
}

#navbar a {
    text-decoration: none;
    color: black;
    text-transform: uppercase;
    letter-spacing: .2em;
}

#navbar a:hover {
	color: #b82828;
}

.floral {
  position: absolute;
  background: url(/media/style/floral.png) no-repeat;
  width: 586px;
  height: 613px;
  z-index: -1;
  left: -150px;
  top: -240px;
}

#banner img {
  margin: 0;
  
}

#imgDisplay {
  position: relative;
  background: url(/media/style/pictureframe.png) no-repeat center center;
  padding:40px;
  margin:-40px;
  width: 421px;
  height: 612px;
  margin-top: -25px;
}

.myImage {
  position: absolute;
  top: 40px;
  left: 40px;
}

dl {
  color: black;
}

dt {
  font-weight: bold;
  font-size: 1.4em;
  font-variant: small-caps;
  letter-spacing: .2em;
}

dd {
  font-size: 1.2em;
}

.hide {
  opacity: 0;
}

#metaTypefaces {
  display: none;
}

#profilepicture {
  margin-top: -26px;
  margin-left: -26px;
}

#content {
}

#aboutMe h1, #contact dt {
  margin-top: .9em;
  font-size: 1.2em;
  text-transform: uppercase;
  letter-spacing: .2em;
  color: #b82828;
  padding-bottom: 1em;
}

#contact dd {
margin-top: -1em;
}

#aboutMe p, #contact p {
  line-height: 1.5em;
  font-size: 1.4em;
  padding-bottom: 1em;
  color: #808080;
  text-align: justify;
}

#aboutMe a {
  color: #002a6a;
  position: relative;
}

#aboutMe em {
 font-style: italic;
 color: #555;
}

#aboutMeAside h1 {
  margin-top: .9em;
  font-size: 1.2em;
  text-transform: uppercase;
  letter-spacing: .2em;
  color: #b82828;
  padding-bottom: 1em;
}

#aboutMeAside { line-height: 2.2em; }
#aboutMeAside ul { list-style-type: none; }
#aboutMeAside a { font-size: 1em; color: navy; text-decoration: none; text-transform:uppercase; }
#aboutMeAside a:hover { color:black; }

#manic {
  display: none;
  width: 421px;
  height: 612px;
  background: url(/media/style/manic2.png) no-repeat top left;
  position: absolute;
  z-index: -1;
  overflow: hidden;
  bottom: 0;
  opacity: .3;
}

#extra { position: relative; }

#contact { margin: 0 auto; }

.meta {
  line-height: 2.4em;
}

#footer {
height: 89px;
width: 100%;
background: url(/media/style/diff/footer.png) repeat-x;
position: relative;
margin-top: -89px;
}

#preloader img {
position: absolute;
width: 0px;
height: 0px;
}

#id_message {
width: 420px;
}