
A {font-weight:bold;text-decoration:underline;color:#333;}
A:hover	{color:#999;text-decoration:underline;}
body {margin:0px;padding:0px; background-color:#e25d12;}	
.comicblock { color:#fff;padding:10px;font:bold 16px Arial;background-color:#b10b00;text-decoration:none;text-align:center;}
#preview { position:absolute;top:123px;left:209px;z-index:2;width:32%;color:#fff;background-color:#b10b00;border:2px solid #ccc; letter-spacing:0px;font:normal 17px/23px Gadget,Big Caslon,Georgia,Verdana,Arial,sans-serif;border:0px;text-align:center;padding-right:10px;}
#previewdate 
	{ 
	position:absolute;top:88px;left:208px;background-color:#fdbeac;border:1px solid #eee;
	display:block;
	padding:6px 10px 6px 10px;
	font: 9px/14px Verdana,sans-serif;letter-spacing:2px;
	text-transform:uppercase;
	color:#ce302c;
	margin:0px;
	width:32%;
	}
#previewdate b {letter-spacing:2px;}	
#letterbox 
	{
	width:100%;height:300px; 
	border:20px solid #b10b00;border-left:0px;border-right:0px;border-bottom:0px;
	background:#FFF url(../img/eyeBg.jpg) no-repeat -10px 20%;
	}
#letterbox p {
	position:absolute;right:15px;top:4px;color:#fff;width:auto;padding:0px;margin:0px;
	font:9px Verdana;
	text-align:right;
}	
#letterbox a {color:#ddd;}
a.comicblock:hover,a#closeposts:hover,a#SeeAllLinks:hover {background-color:#841008;color:#fff;text-decoration:none;}
a#closeposts:hover {text-decoration:underline;}
.design {
	width:190px;border:2px solid #b10b00;height:20px;cursor:pointer;cursor:hand;margin-bottom:7px;
}
#Designs h3 {margin-top:10px;} #Designs FORM {margin:0px;}
#Designs {margin-left:5px;}

#logo 
	{ 
	position:absolute;width:200px;height:130px;top:20px;right:10px;
	padding:0px;margin:0px;margin-top:10px;
	background:transparent url(../img/logo_muza.gif) no-repeat top center;
	cursor:pointer;cursor:hand;
	} 

#Weblog,#Projects,#Photos,#Articles,#Stories,#Bio,#Resume,#Links 
	{
	position:absolute;width:459px;top:50px;left:100px;z-index:1;
	color:#043C05;
	padding:20px;
	background-color:#dedfdf;
	font: 14px/18px Cochin,Georgia;
	display:none;
	border:1px solid #841008;border-top:0px;
	voice-family: "\"}\""; /* some browsers have a parsing bug */
							/* and will ignore the following rules */
	voice-family: inherit;		
	width:419px;	
	}
#Projects,#Photos,#Bio,#Articles,#Stories,#Resume,#Links { font:12px/16px Georgia;letter-spacing:0px; } 
#Projects UL ,#Photos UL, #Articles UL,#Stories UL {padding-left:10px;margin-left:5px;}
#Stories UL A {font-size:14px;}	
#Articles blockquote, #Stories blockquote { font-style:italic;margin-bottom:10px;margin-top:10px;font:normal 12px/14.5px Verdana,Arial; }
#Links p b {display:block;background-color:#00336B;color:fff;border:1px solid #000;width:auto;padding:20px;color:#fff;margin-bottom:30px;}

.date 
	{
	font:bold 15px Verdana;
	padding:10px;padding-left:2px;
	}
#closeposts {
	padding:6px;
  _padding:4px;
	font: 11px Verdana;
	color:#CFDDE7;
	background-color:#B50800;
	position:absolute;top:57px;left:440px;
  _left:400px;
	z-index:2;
	display:none;
	border:1px solid #628640; 
	text-align:center;
	voice-family: "\"}\""; /* some browsers have a parsing bug */
							/* and will ignore the following rules */
	voice-family: inherit;		
	width:100px;	
  _width:115px;	
}

body>#closeposts {margin:3px 3px 0px 0px;border:2px solid #ccc;}
#topnav {
	position:absolute;
	top:20px;left:100px;width:331px;padding:0px;margin:0px;
	height:28px;
	border:1px solid #b10b00;border-top:0px solid #b10b00;border-right:0px;border-bottom:0px;text-align:center;border-left:1px solid #b10b00;
}
#topnav a {
	display:block;background-color:#ddd;float:left;width:65px;
	padding:7px 8px;height:14px;border-right:1px solid #b10b00;border-bottom:1px solid #841008;border-left:0px;
	font:bold 11px Arial, sans-serif;
	background-color:#ce302c;color:#FFF;text-decoration:none;letter-spacing:1px;
	text-align:center;
}
#topnav a {filter:alpha(opacity=70);}

/** Broken for Mac OS X and Firefox.  So, damn it...no go... 
body>#topnav a {-moz-opacity: 0.7;}
*/

#topnav a:hover {background-color:#e7600e;color:#fff;text-decoration:none;cursor:pointer;cursor:hand;border-right:1px solid #b10b00;border-bottom:1px solid #b10b00;}
#topnav #sel {background-color:#dedfdf;border-bottom:1px solid #b10b00;color:#333;filter:alpha(opacity=100);}

/** Broken for Mac OS X and Firefox.  So, damn it...no go... 
body>#topnav #sel {-moz-opacity: 1;}
*/

#topnav .off {background-color:#ce302c;border-bottom:1px solid #841008;color:#fff;filter:alpha(opacity=70);}

#LinksRandom {
	font:11px/14px Charcoal,Arial;
	color:#000;
	background-color:#e0470d;
	padding-right:15px;padding-left:10px;padding-bottom:15px;border-left:1px dashed #fff;
	width:auto;
	padding-top:5px;
}
#previewdate {filter:alpha(opacity=90);}

/** Broken for Mac OS X and Firefox.  So, damn it...no go... 
body>#previewdate {-moz-opacity: 0.9;}
*/

#preview {filter:alpha(opacity=90);}


/** Broken for Mac OS X and Firefox.  So, damn it...no go... 
body>#preview {-moz-opacity: 0.9;}
*/
a#preview:hover {filter:alpha(opacity=100);background-color:#87110b;text-decoration:underline;}
#LinksRandom a,#DevResources a,#UIResources a,#Archives a  {
color:#ffc51c;font:bold 12px Arial;letter-spacing:2px;text-decoration:none;border-bottom:1px dashed #fff;line-height:17px;
}
#LinksRandom a:hover,#DevResources a:hover,#UIResources a:hover,#Archives a:hover {color:#FFF;text-decoration:none;}
#LinksRandom h3,#DevResources h3,#UIResources h3,#Archives h3,#DoTheRightThing h3  {color:#fff;font:bold 11px Arial;margin-bottom:10px;}
#LinksRandom h3 {letter-spacing:0px;font-family:Verdana;}
#Designs h3  {color:#fff;}
a#SeeAllLinks {background-color:#B50800;color:#fff;text-decoration:none;border:1px solid #fff;padding:3px 7px;
	font:11px Arial;margin-left:10px;
}
#DoTheRightThing {
	position:absolute;
	right:0px;top:115px;
	width:210px;padding:0px;
}
a.feeds {background-color:#C308B8;border-color:#ccc #000 #000 #ccc;}
a.atom_feed {background-color:#C308B8;border-color:#ccc #000 #000 #ccc;}

#DevResources,#UIResources {
	position:absolute;
	padding:10px 15px 15px 10px;border-right:1px dashed #fff;
	width:180px;
	font:11px/14.5px Charcoal,Arial;
	color:#000;
	z-index:0;
	left:0px;top:280px;
	voice-family: "\"}\""; /* some browsers have a parsing bug */
							/* and will ignore the following rules */
	voice-family: inherit;		
	top:322px;
}
#UIResources {
	left:190px;
	voice-family: "\"}\""; /* some browsers have a parsing bug */
							/* and will ignore the following rules */
	voice-family: inherit;		
	left:215px;
} /* 380,440 */
#Archives h3 {width:130px;}
#Archives a {font:9px/13px Charcoal,Small Fonts,Arial;}

#ArticleArea h2,#ArticleArea h4 {font:bold 22.5px/25px Fang Song,Verdana,sans-serif;}
