/* core */
   
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}


html{
	height:100%;
}

body {
	height: 100%;
	width: 100%;
	text-align: center;
	background:#303232;	  
	font: 62.5%/160% Verdana, Arial, Helvetica, sans-serif;
	color:#333;
} 

a{color:#666;text-decoration:none;border-bottom:1px solid #666;padding-bottom:2px;}

.green a{border-bottom:1px solid #0b9824;color:#0b9824;padding-bottom:2px;}
.red a{border-bottom:1px solid #d52c0c;color:#d52c0c;padding-bottom:2px;}
.brown a{border-bottom:1px solid #9b5634;color:#9b5634;padding-bottom:2px;}
.yellow a{border-bottom:1px solid #eec01a;color:#eec01a;padding-bottom:2px;}
.blue a{border-bottom:1px solid #124aaa;color:#124aaa;padding-bottom:2px;}
a:hover{border-bottom:hidden;text-decoration:none;}


#bar a{color:#999;margin:0 7px 2px 7px;text-decoration:none;}

#bar .green a{border-bottom:1px solid #0b9824;padding-bottom:2px;}
#bar .red a{border-bottom:1px solid #d52c0c;padding-bottom:2px;}
#bar .brown a{border-bottom:1px solid #9b5634;padding-bottom:2px;}
#bar .yellow a{border-bottom:1px solid #eec01a;padding-bottom:2px;}
#bar .blue a{border-bottom:1px solid #124aaa;padding-bottom:2px;}
#bar a:hover{border-bottom:1px solid #fff;padding-bottom:2px;color:#fff;text-decoration:none;}


h1{
	font: bold 1.7em "Trebuchet MS", Tahoma, Arial;
	padding:7px;
}		

h2{
	font: normal 16px "Trebuchet MS", Tahoma, Arial;
	color:#666;
	padding:5px 0;
	float:left;
}

h3{
	font: normal 16px "Trebuchet MS", Tahoma, Arial;
	color:#333;
	float:left;
	padding:5px 0;
}

h4{
	font: normal 1.1em "Trebuchet MS", Tahoma, Arial;
	color:#222;
	float:right;
	font-style:italic;
	vertical-align:baseline;
}

.dotrule {
	height:1px;
	font-size:1px;
	background:url("images/dot.gif") repeat-x; 
	clear:both;
	margin:10px 0;
}	   

.hrule {
	border-top:solid 1px #999; 
	margin:0 5px 10px 5px;
}		 

p{
 	clear:both;	   
	padding-top:5px; 
	font-size:1.2em;
	line-height:1.5em;
}

.grey{
 	color:#666;
}	 

ul{	   
	list-style-type:none;	 
	color:#333;	 
}  	 		

li{
	padding-bottom:10px;		
	font-size:1.3em;
	line-height:1.5em;
}


.pad{
	padding-right:2px;
}   

img{
	border:none;
}








/* layout */

#container{
	width:100%;
	height:100%;
	z-index:0;	
	position:relative;
}

#bar{  
	width:100%;
	position:absolute;
 	top:0px;
 	left:0px;
 	z-index:2;
 	background:#070707; 
 	color:#ccc; 
	padding:15px 0;
 	z-index:5;
	border-bottom:1px solid #666;
}	

#links{
 	margin:0 auto;	 
 	width:780px;
 	text-align:right; 
 	padding:2px;
} 

#links a{
 	color:#fff;
}  

/* flashnavcontent */
#contentflashwrap{  
	position:absolute;
	left: 0px; 
	top: 40%;
	width: 100%;
	margin-top: -200px; 
	min-width:550px;
}	

#contentflash{
	width:550px;   
	margin:0 auto;	
	text-align:center;
}	
 
 
 
#contenthtmlwrap {
	position:absolute;
	left: 0px; 
	top: 50%;
	width: 100%;
	margin-top: -200px; 
	min-width: 780px; 
}

#contenthtml{
	width:780px;   
	margin:0 auto;	
	position:relative;	
	text-align:center;
}	

#contenthtml a{
 	color:#fff;
} 

#htmlnav{
 	width:550px;
	height:400px;   
	margin:0 auto;	
	position:relative;	
	background:url("images/main.jpg") no-repeat;	
}

#nav{
	text-align:center;
}

#nav a{
	color:#888;
	padding-left:30px;
}

#nav a:hover{
	text-decoration:none;
	color:#eee;
}

/**/

#pagecontentwrap{
	margin: 0 auto;
}


#blogcontent{
	position:absolute;
	top:80px;
	left:50%;
	width:700px;
	margin-left:-350px;	     
	text-align:left; 
	color:#000;
}

#exit{
	height:33px;
	width:700px;	
	position:relative;
}  				

#bar2{
 	width:655px; 
	height:16px; 
	position:absolute;
	bottom:1px;
	left:15px;
	filter:alpha(opacity=80);
	-moz-opacity:.80;
	opacity:.80;
	text-align:center;	
	
}		   

.exitbut a{
	display:block;
	height:24px;	 
	width:27px;
	background:0 0 no-repeat;
	position:absolute;
	top:9px;
	right:21px;
	background:url("images/exit.gif") no-repeat;  
	z-index:5;
	border:hidden;
} 

.exitbut a:hover{
 	background-position:0px -24px;
}

#pagecontenttext{
 	padding:0 45px 30px 30px;  
	width:425px;
	height:437px;	
	position:relative; 
}  

#blogcontenttext{
	padding:0 45px 66px 30px;  
	width:625px;
	position:relative; 
	background:url("/images/blog2.gif");
	float:left;
}

.wrap{
 	padding:0 10px 0 20px;
}

#footer{
 	position:absolute; 
	bottom:0px;	  
	left:0px;
	text-align:center;
	width:500px;
}
 
#blog1{
	width:700px;
	margin:0 auto;
	background:#f7f7f7 url("/images/blog1.gif") no-repeat;
	position:relative;
}

#blogfooter{
	background:url("images/blog3.gif") no-repeat;
	background-position:bottom;
	position:absolute; 
	bottom:0px;	  
	left:0px;
	text-align:center;
	width:700px;
	height:66px;

	font-size:1.2em;
}
 
 
/* specific id related tags */

#about h1{
	color:#0b9824;
	font-weight:bold;
}	  
 
#about #bar2{
 	background:#0b9824;
	color:#fff;	  
	text-decoration:none;
}	

#link h1{
	color:#124aaa;
	font-weight:bold;
}  	

#link #bar2{
 	background:#124aaa;	
	color:#fff;	
	text-decoration:none;
}	

#projects h1{
	color:#d52c0c;

} 


#projects #bar2{
 	background:#d52c0c;	 
	color:#fff;	 
	text-decoration:none;
}	

.onred{
	border-bottom:3px solid #d52c0c;
}

#blog h1{
	color:#9b5634;
	font-weight:bold;
} 

#blog #bar2{
 	background:#9b5634;	   
	color:#fff;	 
	text-decoration:none;
}	
	
#media h1{
	color:#eec01a;
	font-weight:bold;
} 

#media #bar2{
 	background:#eec01a;
	color:#fff;		 
	text-decoration:none;
}	
 		 


		 
/* rollover links */ 

#babout, #bprojects, #bblog, #bmedia, #blinks {
	float:left;
}

#babout a, #bprojects a, #bblog a, #bmedia a, #blinks a {
	display:block;
	height:34px;
	background:0 0 no-repeat;
	position:absolute;
}

#babout a{
	background:url("images/babout.gif");
	width:84px;	
	top:199px;
	left:20px;
}

#bprojects a{
	background:url("images/bprojects.gif");
	width:114px;
	top:70px;
	left:80px;
}

#bblog a{
	background:url("images/bblog.gif");
	width:79px;	 
	top:53px;
	left:307px;
}

#bmedia a{
	background:url("images/bmedia.gif");
	width:76px;
	top:161px;
	left:414px;
}

#blinks a{
	background:url("images/blinks.gif");
	width:73px;	 
	top:335px;
	left:328px;
}

#babout a:hover, #bprojects a:hover, #bblog a:hover, #bmedia a:hover, #blinks a:hover{
	background-position: 0px -34px;
}  



/* specific page layouts */

.spacefix{
	height:20px;
	width:300px;
}

.clip{ 
	
 	margin-bottom:5px;
	padding:10px 0 5px 0;
	border-bottom:1px dotted #aaa; 
	width:500px;
}	

.clip img{
 	float:left;
	margin:0 10px 5px 0;
}					  

.clipheader{
 	color:#666;
	font-weight:bold;
}		 

.blog{ 

	color:#333;
 	margin-bottom:20px;
	padding:0px 0 10px 0;
	border-bottom:1px dotted #aaa; 
	width:100%;
	
}
li a{
 	font-weight:bold;
}	

.wrap2{
	float:left;
	width:270px;  
	padding:20px;
}

.spacefix1{
	height:120px;
	width:100%;
}

#medianav{float:left;width:130px;margin:40px 0 0 10px;}
#medianav ul{list-style-type:none;}
#medianav ul li{margin-bottom:10px;padding:0;}
#medianav ul li a{display:block;border:3px solid #333;padding:0;margin:0;width:100px;}
#medianav ul li a:hover, #medianav ul li.active a{border:3px solid #eec01a;}
#screen{float:left;}
#flashcontent{width:450px;height:450px;}