/* force right scrollbar to stop content movement */ 
html{ overflow-y: scroll;}

body{
  background-color: #ff9034;
  font-family: verdana, helvetica, arial, sans-serif;
  color: #3333cc;
}

body.yellow {background-color:#f4ffaf;}
body.green {background-color:#59c659;}
body.white {background-color:#f0e3b2;}
body.blue {background-color:#9696ff;}
body.jazzy {background:url('./images/blume-med.gif') repeat;}
body.stars {background:#88aa88}
body.bigstars {background:#88aa88 url('./images/blume-med.gif') repeat;}
body.purewhite {background:#ffffff}
body.grey {background:#999999}
body.black {background:#000000}
body.picfill {background:#555555 url('/images/dot.png') repeat;}

img{
  border: 0px;
}

h1{
  font-family: 'Comic Sans MS', comic-sans, Verdana, Sans-Serif;
  font-size:375%;
  font-weight: normal;
  border: 0;
  margin: 0;
  padding: 10px 0px 10px 0px;
  color: #3333cc;
}

ul{
  padding:0px;
  margin-left: 0px;
  list-style:none;
}

a{
  text-decoration: none;
}

a:hover{
  text-decoration: none;
  color: #3333cc; 
}

a:visited{
  color: #3333cc;
}

a:active{
  outline:none;
}

/* Get rid of annoying outline on Mozilla/Firefox */
:focus
{
  -moz-outline-style: none;
}


#container{
  background-color: transparent;
  width:905px;
  margin:auto;
}

.right, #header-right{
  float: right;
  margin: 0px;
}

#header-right{
  background: transparent url('images/title-star.gif') 10px 10px no-repeat;
  padding-left: 120px;
}

#header-right:hover{
  background: transparent url('images/title-star-mo.gif') 0px 0px no-repeat;
}

.blume img{
  margin-top: 40px;
  margin-right: 0px;
  margin-left: 10px;
  border: 0px;
}

.trans{
  opacity: 0.5;
  -khtml-opacity: 0.5;
  filter:alpha(opacity=50);
}

.trans:hover{
  opacity: 1.0;
  -khtml-opacity: 1.0;
  filter:alpha(opacity=100);
}

.big-title, .big-title img{
  border: 0;
  padding: 0px;
  margin: 0px;
  padding-bottom: 10px;
}

.big-title:hover .mo, .menu-item:hover .mo, .blume:hover .mo{
  display:block;
}

.menu-small .menu-item:hover .mo{
  display:inline;
}

.fg {
  position: relative;
}

.mo {
  position: absolute;
  top: 0px;
  left: 0px;
  display: none;
}

.menu-item{
}

.menu .fg{
  padding-left: 50px;
}

.menu-small .fg{
  padding-left: 15px;
  list-style:none;
  display: inline;
}

.menu .mo{
  background: url('images/menu-selected.gif') 0px 10px no-repeat;
  padding-left: 50px;
}

.menu-small .mo{
  background: url('images/menu-selected-small.gif') 0px 4px no-repeat;
  padding-left: 15px;
}

.vita{
  margin-bottom: 10px;
}

.blume .mo{
}

.menu, .menu-small, .contact {
  font-family: 'Comic Sans MS', comic-sans, Verdana, Sans-Serif;
  font-size: 300%;
  list-style:none;
}

.menu{
  width: 300px;
}

.contact{
  font-size: 200%;
}

.menu-small{
  text-align: right;
  list-style:none;
  font-size: 100%;
  padding: 0px;
  margin: 0px;
  margin-right: 50px;
}

.thumbs, #fullView{
  width: 450px;
}

.thumbs img{
  float: left;
  width: 90px;
  height: 90px;
  padding: 0px;
  margin: 0px;
  border: 0px;
}

#fullView, #fullView img{
  float: right;
  overflow: auto;
  color: #000066;
  text-decoration: none;
  width: 450px;
  height: 450px;
}

.hidden{
  width: 90px;
  height: 90px;
  float: left;
  font-family: 'Comic Sans MS', comic-sans, Verdana, Sans-Serif;
  font-size:100%;
  visibility: hidden;
}

.inset{
  float: left;
  margin-right: 10px;
  margin-bottom: 5px;
}