/*
Theme Name: Mike-Theme
Version: 1.0
Author: Michael Holtzman
Author URI: http://www.michaelholtzman.com/
Tags: fixed width, right sidebar, two columns, valid XHTML, widgets
*/
html {
    background-color: #000000;
    color: #cccccc;
    font-family: 'helvetica neue',sans-serif;
}
a {
    /*color:  #444c4c;*/
    color: #cccccc;
}
a:hover{color:#67a;}
h1, h2, h3, h4, h5, h6 {
    font-weight: 600;
    text-align: left;
    font-family: Georgia,times,serif;
    margin-bottom: 10px;
    margin-top: 10px;
    /*color: #444c4c;*/
    padding-bottom: 0.1em;
}
h2 {margin-top:5px;margin-bottom:5px;}
#hd {
    text-align: center;
}
#hd a {
	text-decoration: none;
}
#bd .menuarea {
	-moz-border-radius: 5px;
	width: 160px;
	padding: 15px;
	background-color: #111111;
	background-image: none;
	background-repeat: repeat;
	background-attachment: scroll;
	background-x-position: 0%;
	background-y-position: 0%;
	border-width: 1px;
	border-style: solid;
	border-color: #333333;
}
#bd .menuarea ul {margin-left: 0;margin-top:0;}
#bd .menuarea ul h2 {margin-top:14px;margin-bottom:0;}
#bd .menuarea ul li {list-style-type: none;}
.calloutBox {
	-moz-border-radius: 5px;
float: left; 
padding: 15px;
background-color: #111111;
	border-width: 1px;
	border-style: solid;
	border-color: #333333;
}

.galleryrow {
	padding: 15px;
	background-color: #333;
}
#ft {
    margin-top: 15px;
    text-align: center;
}

/* begin Menu */
.menu, .menu ul
{
  margin: 0;
  padding: 0;
  border: 0;
  list-style-type: none;
  display: block;
}

.menu li
{
  margin: 0;
  padding: 0;
  border: 0;
  display: block;
  float: left;
  position: relative;
  z-index: 5;
}

.menu li:hover
{
  z-index: 10000;
  white-space: normal;
}

.menu li li
{
  float: none;
}

.menu ul
{
  visibility: hidden;
  position: absolute;
  z-index: 10;
  left: 0;
  top: 0;
}

.menu li:hover>ul
{
  visibility: visible;
  top: 100%;
}

.menu li li:hover>ul
{
  top: 0;
  left: 100%;
}

.menu:after, .menu ul:after
{
  content: ".";
  height: 0;
  display: block;
  visibility: hidden;
  overflow: hidden;
  clear: both;
}
.menu, .menu ul
{
  min-height: 0;
}

.menu ul
{
  background-image: url(images/spacer.gif);
  padding: 10px 30px 30px 30px;
  margin: -10px 0 0 -30px;
}

.menu ul ul
{
  padding: 30px 30px 30px 10px;
  margin: -30px 0 0 -10px;
}


* html .menu, * html .menu ul
{
  height: 1%;
}

* html .menu li.menuhover
{
  z-index: 10000;
}

* html .menu .menuhoverUL
{
  visibility: visible;
}

* html .menu .menuhoverUL
{
  top: 100%;
  left: 0;
}

* html .menu .menuhoverUL .menuhoverUL
{
  top: 0;
  left: 100%;
}

* html .menu ul a
{
  height: 1%;
}

* html .menu li li
{
  float: left;
  width: 100%;
}

* html .menu .menuhoverUL .menuhoverUL
{
  top: 5px;
  left: 100%;
}

* html .menu, * html .menu ul
{
  height: 1%;
}

* html .menu li.menuhover
{
  z-index: 10000;
}

* html .menu .menuhoverUL
{
  visibility: visible;
}

* html .menu .menuhoverUL
{
  top: 100%;
  left: 0;
}

* html .menu .menuhoverUL .menuhoverUL
{
  top: 0;
  left: 100%;
}

* html .menu ul a
{
  height: 1%;
}

* html .menu li li
{
  float: left;
  width: 100%;
}
.nav
{
  position: relative;
  margin: 15px auto 0;
  height: 35px;
  z-index: 100;
}

.menu 
{
  padding: 3px 3px 3px 3px;
}

* html .nav
{
  zoom: 1;
}

.nav .l, .nav .r, .nav .r div 
{
  top: 0;
  position: absolute;
  z-index: -1;
  overflow: hidden;
  height: 35px;
}

.nav .l 
{
  left: 0;
  right: 0px;
}

* html .nav .l
{
  width: expression(this.parentNode.offsetWidth-0+'px');
}

.nav .r 
{
  right: 0;
  width: 0px;
}

* html .nav .r
{
  left: expression(this.parentNode.offsetWidth-0+'px');
}

.nav .r div
{
  width: 882px;
  right: 0;
}

* html .nav .r div
{
  left: expression(this.parentNode.offsetWidth-882+'px');
}

.nav .l, .nav .r div 
{
  background-position: left top;
  background-repeat: repeat-x;
  background-image: url('images/nav.png');
}

* html .nav .l, * html .nav .r div 
{
  font-size: 1px;
  background: none;
  behavior: expression(this.runtimeStyle.filter?'':this.runtimeStyle.filter="progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + (function(){var t=document.getElementsByTagName('link');for(var i=0;i<t.length;i++){var l=t[i];if(l.href&&/style\\.css$/.test(l.href))return l.href.replace('style.css','');}return '';})()+"images/nav.png',sizingMethod='crop')");
}
/* end Menu */

/* begin MenuItem */
.menu ul li
{
  clear: both;
}

.menu a , .menu a span
{
  height: 29px;
  display: block;
}

* html .menu a , * html .menu a span
{
  float: left;
}

.menu a
{
  cursor: pointer;
  text-decoration: none;
  margin-right: 4px;
  margin-left: 4px;
  
}
.menu a
{
  background-image: url('images/item-left.png');
  background-position: left top;
  background-repeat: no-repeat;
}

.menu a span
{
  background-image: url('images/item-right.png');
  background-position: right top;
  background-repeat: no-repeat;
}
.menu a span span
{
  font-family: 'Trebuchet MS';
  font-size: 14px;
  font-weight: normal;
  font-style: normal;
  text-decoration: none;
  color: #E8E8E8;
  padding: 0 9px;
  margin: 0 4px;
  line-height: 29px;
  text-align: center;
  background-image: url('images/item-center.png');
  background-position: left top;
  background-repeat: repeat-x;
  
}

* html .menu a span span
{
  display: inline;
}
.menu a:hover
{
  background-position: left -29px;
}

.menu li:hover>a
{
  background-position: left -29px;
}

* html .menu .menuhover .menuhoverA
{
  background-position: left -29px;
}

.menu li:hover a span
{
  background-position: right -29px;
}

.menu a:hover span
{
  background-position: right -29px;
}

* html .menu .menuhover .menuhoverA span
{
  background-position: right -29px;
}

.menu a:hover span span
{
  color: #FFFFFF;
  background-position: left -29px;
}

.menu li:hover a span span
{
  color: #FFFFFF;
  background-position: left -29px;
}

* html .menu .menuhover .menuhoverA span span
{
  color: #FFFFFF;
  background-position: left -29px;
}

.menu a.active
{
  background-position: left -58px;
}

.menu a.active span
{
  background-position: right -58px;
}

.menu a.active span span
{
  color: #0D0D0D;
  background-position: left -58px;
}

/* end MenuItem */

/* begin MenuSeparator */

.nav .separator 
{
  display: block;
  width: 1px;
  height: 29px;
  background-image: url('images/item-separator.png');
}
/* end MenuSeparator */

