body, html{
  margin: 0px;
  padding: 0px;
  height: 100%;
}
body{
  background: #000 ;
  color: #000;
}
*{
  font-family: arial;
  font-size: 12px;
}
a img{
  border: 0px;
}
div#container{
  position: relative;
  width: 726px;
  background-color: #DADAEB;
  border: 2px solid #333;
  border-top-width: 0px;
  margin-top: 0px;
  margin-left: auto;
  margin-bottom: 20px;
  margin-right: auto;
}
div#content img{
  display: block;
}
div#container table{
  margin-left: auto;
  margin-right: auto;
}
a.bigbutton{
  position: relative;
  display: block;
  border: 2px solid #000;
  margin: 6px;
}
a.bigbutton img{
  display: inline;
}
/* ie mac 5 hack \*/
a.bigbutton img{
  display: block;
}
/* end hack */
  
a.bigbutton img.hov{
  position: absolute;
  display: none;
}
a.bigbutton:hover img.hov{
  display: block;
}

a.bigbutton:hover{
  border: 2px solid #fff;
}
img.cover{
  margin-top: 6px;
  margin-bottom: 6px;
  margin-left: auto;
  margin-right: auto;
  border: 2px solid #000;
}

/************************************************
  Button Hover Positions
************************************************/
a#comix img.hov{
  top: 5px; left:3px;
}
a#portfolio img.hov{
  top: 130px; left: 60px;
}
a#bio img.hov{
  top: 200px; left: 32px;
}
a#contact img.hov{
  top: 4px; left: 70px;
}
a#links img.hov{
  top: 6px; left: 5px;
}

/************************************************
  Menu Style
************************************************/

ul#menu{
  display: block;
  margin: 0px;
  padding: 0px;
  background-color: #BA1823;
  width: 100%;
  border-top: 1px solid #333;
}
ul#menu li{
  display: block;
  position: relative;
  padding: 0px;
  margin: 0px;
  float: left;
}
ul#menu li a{
  display: block;
  width: 121Px;
  height: 27px;
  margin: 0px; padding: 0px;

}
ul#menu li a span{
  display: none;
}
li#home a{
  background: #fff url('/img/buttons/home.jpg');
  width: 122px;
  border: 0px;
}
li#home a:hover{
  background: #fff url('/img/buttons/on/home.jpg');
}

li#comix a{
  background: #fff url('/img/buttons/comix.jpg');
}
li#comix a:hover{
  background: #fff url('/img/buttons/on/comix.jpg');
}

li#portfolio a{
  background: #fff url('/img/buttons/portfolio.jpg');
}
li#portfolio a:hover{
  background: #fff url('/img/buttons/on/portfolio.jpg');
}

li#bio a{
  background: #fff url('/img/buttons/bio.jpg');
}
li#bio a:hover{
  background: #fff url('/img/buttons/on/bio.jpg');
}

li#contact a{
  background: #fff url('/img/buttons/contact.jpg');
}
li#contact a:hover{
  background: #fff url('/img/buttons/on/contact.jpg');
}

li#links a{
  background: #fff url('/img/buttons/links.jpg');
  width: 122px;
}
li#links a:hover{
  background: #fff url('/img/buttons/on/links.jpg');
}

/***********************************************
  content style
***********************************************/

#content{
  clear: both;
  padding-top: 10px;
  border-top: 1px solid #333;
  color: #000;
}
#content h1{
  margin: 0px;
  padding: 0px;
  border-bottom: 1px solid #fff;
}
#content h1 span{
  display: none;
}
#content a{
  color: #666;
  font-weight: bold;
}
#content a:hover{
  color: #023456;
}
#content ul li span{
  -moz-border-radius: 6px;
  border-radius: 6px;
  -khtml-border-radius: 6px;
  display: block;
  margin: 6px 20px;
  padding: 4px;
  background-color: #B9B5D8;
  border: 1px solid #fff;
}
#thumbs{
  margin: 0px;
  overflow: auto;
  background-color: #AE2922;
  scrollbar-3dlight-color: #cecece;
  scrollbar-arrow-color: #660000;
  scrollbar-track-color: #fafafa;
  scrollbar-darkshadow-color: #bdbdbd;
  scrollbar-face-color:#B098B0;
  scrollbar-highlight-color: #ccc;
  scrollbar-shadow-color: #0f3403;
}
* html #thumbs{
  width: 726px;
  height: 130px;
}
#thumbs a{
  display: block;
  border: 1px solid #333;
}
#thumbs a:hover{
  border: 1px solid #fff;
}
#mainpic{
  margin: 10px auto;
  border: 1px solid #333;
}
#mainpicWrap{
  min-height: 410px;
}
* html #mainpicWrap{
  height: 410px;
}
#content p{
  margin: 10px;
}

div#footer{
  border-top: 1px solid #333;
  position: relative;
  background-color: #fff;
}
.copyright{
  text-align:right;
  padding: 6px;
  margin-left: 60px;
}
div#owl{
  position: absolute;
  border-top: 1px dashed #666666;
  border-right: 1px dashed #666666;
  background-color: #ffffff;
  top: -46px;
  font-size: 100%;
  left: 0px;
  height:44px;
  width: 260px;
  z-index: 100;
  display: none;
  
}
div#owl a{
    text-decoration: none;
    color: #666666;
}
div#owl a:hover{
    text-decoration: underline;
    color: #666666;
}
#feather{
  padding: 0px;
  position: absolute;
  top: 3px;
  left: 4px;
  z-index: 110;
  text-align:left;
}
#content h3{
  font-size: 1.6em;
  font-weight: bold;
  letter-spacing: 1em;
  text-align:center;
  color: #666;
  background-color: #fff;
  border-top: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
}
#content h4{
  font-size: 1.2em;
  letter-spacing: .3em;
  padding-left: 20px;
  color: #333;
  background-color: #CB9998;
  border-top: 1px solid #999;
  border-bottom: 1px solid #999;
}
.fright{
	position: relative;
	display: block;
	float: right;
	margin: 4px;
	clear: both;
	padding: 2px;
	border: 1px solid #333;
	background: #fff;
}
.fleft{
	position: relative;
	display: block;
	float: left;
	margin: 4px;
	clear: both;
	padding: 2px;
	border: 1px solid #333;
	background: #fff;
}
.clr{
	clear: both;
}
.comic{
	border: 1px solid #ccc;
	padding: 4px;
	margin: 4px;
}
h5{
	text-align: center;
	font-size: 18px;
	margin: 0px;
	margin-bottom: 4px;
	color: darkred;
}
fieldset{
	margin: 10px;
}
legend{
	font-weight: bold;
	font-size: 12px;
	color: darkred;
}
ul.updates{
	list-style: url(../img/small_arrow.gif);
}

/******* portfolio page ****************************/


		a.nav{
			font-size: 80px;
			display: block;
			color: #fff;
			background: #ddd;
			border: 1px solid #ccc;
			text-decoration: none;
		}
		a.nav:hover{
			background-color: #cccccc;
			color: #fff;
		}
		a#slideshow{
			font-size: 14px;
			display: block;
			text-align: center;
			border: 1px solid #ccc;
			padding: 0px;
			margin: 0px;
			color: green;
			text-align:center;
			background: transparent;
			border-width: 0px
		}
		a#slideshow:hover{
			border-width: 0px;
			background: transparent;
			text-decoration: underline;
		}