@charset "utf-8";
/* CSS Document */
/* --------------------------------------------------- RESET ALL STYLE'S ELEMENT BEFORE ALL OTHER THING */

html, body, div, span, applet, object, iframe, blockquote, a, pre, address, big, code, dfn, em, font, img, kbd,
q, s, samp, small, strike, strong, tt, var, b, u, i, center, dl, dt, dd, fieldset, form, label, legend, caption,
h1, h2, h3, h4, h5, h6 {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
blockquote, q { quotes: none; }
:focus { outline: 0; }

html, body {
	min-height: 100%; height: 100%; width: 100%; margin: 0px; padding: 0px; }
body {
/*	font-family: "Arial Narrow", Verdana, Arial, Helvetica, sans-serif; */
	font-family: monospace;
	font-size: 12px;
	color: #993300;
	background-color: #CCCCCC;
	text-align: justify;
}
tr {vertical-align: top;}
.wrapper { min-height: 100%; height: 100%; height: auto !important; margin: 0 auto -4em; width: 100%; }
#page	{ width: 80%; min-height: 100%; height: 100%; margin: 0 auto;  min-height: 420px; }

.footer, .push { height: 4em; }
img {border: none; outline:none;}
a:link { color: #CCFFFF; }
a:visited	{ color: #CCFFFF; }
a:hover	{	color: #FFFFFF; background-color:#66CCFF; }
.ext,.external { background:transparent url(/images/external.png) no-repeat scroll right 3px; padding-right:14px; }
.binary { color: #CCCCCC; background: #333333; }
.alert { height: 30px; }
p#alert{ color:#CC0000;}
p#alert a{ float:right; color:#fff;}

.hidden{ display:none; }
.shown{ display:block; }
.trigger{ }
.open{ background:#66f; }
.hover{ background:#99c; }

#header { width: 100%; 	height: 100%; }
.title { height: 12px; }
#nav { 
	background-color: #66CCFF;
	position: relative;
	width: auto;
	height: 42px;
	margin: 0px auto 0px auto;
	z-index: 4;
}
#nav img { display: inline; float: left; margin-left: 15px; }
#nav .title { float: left; margin: auto; }

/* #mid { height: 1px; width: 1px; position: absolute; left: 5%; top: 5%; right: 50%; bottom: 50%; border-style: none; z-index: 2; } */

#main {	color: #000099; background-color: #999999; z-index: 3; min-height: 100%; height: 100% !important; }
#me { float:left;clear:none; }
#content { margin: 25px auto 0px auto; width: 84%; min-height: 100%; height: 100% !important; }
#content p{ margin: 5px; }
.footer	{ background-color: #CC6600; }
.footer	p{ text-align: center; margin: auto; }
.archives { height: 400px; }
ul.de_square { list-style-type:square; }
.lt { position:relative; float: left;  }
.rt { position:relative; float: right; }

.aleft {position:relative; margin: 0px auto 0px 0px;}
.aright {margin: 0px 0px 0px auto;}
.acenter {margin: 0px auto;}

.clear { position:relative; clear:both; }
.pre { 	white-space: pre; font-family: monospace; line-height:12px; display: block; }
.footsy	{ vertical-align: middle; }
.copyleft{ color: #CCFFFF; }

#suckerfishnav { float: left; background-color:#CC6600; font-size:12px; font-weight:normal; z-index: 42; }
#suckerfishnav, #suckerfishnav ul { float:left; list-style:none; line-height:12px; padding:0; margin:0 0 1px 0; width:100%; }
#suckerfishnav a { display:block; color:#ddd; text-decoration:none; padding:0px 10px; }
#suckerfishnav li { float:left; padding:0; }
#suckerfishnav li ul { position:absolute; left:-999em; height:auto; width:100px; font-weight:normal; margin:0; line-height:1; }
#suckerfishnav li li { padding-right:1px; width:100px; border-bottom:1px solid #aaa; }
#suckerfishnav li li a { padding:4px 10px; }
#suckerfishnav li ul li { font-weight:normal; font-family:verdana,sans-serif; }
#suckerfishnav li ul li a { font-size:10px; color:#ddd; }
#suckerfishnav li:hover ul li a { color:#ddd; }
#suckerfishnav li ul ul { margin:-19px 0 0 101px; }
#suckerfishnav li ul li:hover { background-color:#FF9933; border-bottom: 1px solid #666600; }
#suckerfishnav li ul li:hover a { color:#666600; }
#suckerfishnav li ul li:hover li a { color:#ddd; }
#suckerfishnav li ul li li:hover a { color:#666600; }
#suckerfishnav li ul li ul li:hover ul li a { color:#ddd; }
#suckerfishnav li ul li ul li:hover ul li:hover a { color:#666600; }
#suckerfishnav li:hover ul ul, #suckerfishnav li:hover ul ul ul, #suckerfishnav li.sfhover ul ul, #suckerfishnav li.sfhover ul ul ul {	left:-999em; }
#suckerfishnav li:hover ul, #suckerfishnav li li:hover ul, #suckerfishnav li li li:hover ul, #suckerfishnav li.sfhover ul, #suckerfishnav li li.sfhover ul, #suckerfishnav li li li.sfhover ul { left:auto; background-color:#CC6633; }
#suckerfishnav li:hover, #suckerfishnav li.sfhover { background-color:#FF9900; }
#suckerfishnav li:hover a, #suckerfishnav li.sfhover a { color:#666600; }

/* TV page css  */
#tvnav { background-color: #999900; font-size: 12px; font-family: verdana,sans-serif; font-weight: normal; z-index: 44; }
#tvnav, #tvnav ul { float: left; list-style: none; line-height: 14px; padding: 0; border: 1px solid #666600; margin: 0 0 1px 0; width: 100%; }
#tvnav a { display: block; color: #ddd; text-decoration: none; padding: 0px 5px; }
#tvnav li { float: left; padding: 0px 5px; }
#tvnav li ul { position: absolute; left: -999em; height: auto; width: 100px; font-weight:normal; margin:0;  line-height:1; }
#tvnav li li { padding-right:1px; width:100px; border-bottom:1px solid #aaa; }
#tvnav li li a { padding:4px 10px; }
#tvnav li ul li { font-weight:normal; font-family:verdana,sans-serif; }
#tvnav li ul li a { font-size:10px; color:#ddd; }
#tvnav li:hover ul li a { color:#ddd; }
#tvnav li ul ul { margin:-19px 0 0 101px; }
#tvnav li ul li:hover { background-color:#FF9933; }
#tvnav li ul li:hover a { color:#666600; }
#tvnav li ul li:hover li a { color:#ddd; }
#tvnav li ul li li:hover a { color:#666600; }
#tvnav li ul li ul li:hover ul li a { color:#ddd; }
#tvnav li ul li ul li:hover ul li:hover a { color:#666600; }
#tvnav li:hover ul ul, #tvnav li:hover ul ul ul, #tvnav li.sfhover ul ul, #tvnav li.sfhover ul ul ul { left:-999em; }
#tvnav li:hover ul, #tvnav li li:hover ul, #tvnav li li li:hover ul, #tvnav li.sfhover ul, #tvnav li li.sfhover ul, #tvnav li li li.sfhover ul {	left:auto; background-color:#CC6633; }
#tvnav li:hover, #tvnav li.sfhover { background-color:#FF9900; }
#tvnav li:hover a, #tvnav li.sfhover a { color:#666600; }

#myads { /*	background: url(/images/labcoat.gif) top left no-repeat; */ }
#myads div { margin: 0 10px 0 40px; padding: 10px 10px 10px 10px; height: 80px; width:50px; border-bottom: 5px solid #0f67a1; background-color: #fff; }
.date { background-color:#FFF;border:1px solid #000; padding: 0; text-align: center; display: inline-block; margin: 0 .25em auto; }
.date span:first-child { position: relative; background-color:#000; top: 0; margin:0; padding: .25em .75em; color:#fff; width: 100%; }

.day, .month, .numDay { display: inline; font-weight: bold; }
.day    { font-size: normal; padding: .2em; }
.month  { font-size: 1.5em; }
.numDay { font-size: 1em; }
.year { font-size: .7em; }
.archives { line-height: 25px; width: 650px; min-height: 100%; }
a.mp3 { background-color: #333; padding: 3px; white-space: nowrap; margin: 0; }
a.mia { background-color: #F00; padding: 3px; white-space: nowrap; margin: 0; cursor: default; }
a.mp3:hover { background-color: #333; color:#F00; }
a.mia:hover { background-color: #F00; color:#333; }

#container{
	color: white;
	  z-index: 98;
    font-family: 'Inconsolata', monospace;
	  width: 100px;
	  height: 45px;
	  position: absolute;
	  left: 50%;
	  top: 0;
	  margin-left: 240px;
	  margin-top: 5px;
	}
	#container:target #time{
	  margin-top: -130px;
  }
	#info{
    opacity: 0.7;
	  height: 50px;
	  overflow: hidden;
	  text-align: center;
	  font-size: 20px;
	}
	#hex{
	  text-transform: uppercase;	  
	}
	#time{
	  border-bottom: 5px solid #fff;	  
    -webkit-transition: all 0.5s linear;
    -moz-transition: all 0.5s linear;
    transition: all 0.5s linear;
	}