body {
margin-right:10px;
background:#993302;
}


/* ----- Pure CSS tabs start here ----- */

#nav ul {
  display: block;
  list-style: none outside;
  padding: 0;
  margin-left:10px;
  margin-top:10px;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 11px;
  border: none;
}


#nav li {
  padding-bottom: 0px;
  margin: 0px;
  color: #666666;
  font-weight: bold;
  /* the next 4 lines are magic */
  display: block;
  float: left;
  position: relative;

}
		
#nav a {
  background-color: #cccccc;
  color: #666666;
  text-decoration: none;
  width:auto;
  background: #cccccc;
  margin:0;
  /* the next change 1 to 10 lines are magic */
  padding: 2px 10px;
  border-left: 1px solid #fff;
  border-top: 1px solid #fff;
  border-right: 1px solid #aaa;
}

#nav a:hover {
  background-color: #dddddd;
  color: #656E7A;
  text-decoration: none;
}

#navclear {
  display: none;
}
html>body #navclear {
  display: block;
  clear: both;
}

.ht-tips {
 float: right;
 width: 40%;
 background-color: #dddddd;
 padding: 2px 10px 2px 0px;
 }

/* ----- now highlight active tab based on body @class attribute ----- */

body.home #nav li#nav-home a,
body.resume #nav li#nav-resume a,
body.images #nav li#nav-images a,
body.archive #nav li#nav-archive a
{
  background: #666666;
  color: #ffffff;
}



A			{ color:#99CCFF; text-decoration:none; }
A:visited	{ color:#99CCFF; text-decoration:none; }
A:active	{ color:#99CC66; }
A:hover		{ color:#99CC66; }

h1, h2, h3 {
margin: 0px;
padding: 0px;
}

#banner {
font-family:Georgia,Serif;
color:#FFF;
font-size:x-large;
font-weight:bold;
background:#993302;

background-image : url(/banner.jpg);

	
height: 100px;	
text-transform:lowercase;
text-align: left;
margin-top: 1px;
margin-left: 10px;
margin-right: 0px;
padding-top: 35px;
letter-spacing:1em;
}



.description {
font-family:verdana, arial, sans-serif;
color:#999;
font-size:x-small;
font-weight:bold;
background:#000;
text-transform:none;
letter-spacing:normal;
}


#content {

margin:0px 0px 0px 200px;
background:#FF6600;



}

#blog {
background:#ff6600;
padding-left:0px;
padding-top:0px;
padding-right:0px;
}

#links {
background: #ff6600;
position:absolute;
	top:159px;
	left:20px;
	width:172px;
	padding:10px;

}

#content2 {
margin: 0;
padding: 0;
border: 0;
}



hr {
height: 1px;
color: #FF7E00;
}






#blog  {
font-family:verdana, arial, sans-serif;
color:#333;
font-size:small;
font-weight:normal;
background:#FF6600;
line-height:140%;
padding-left:10px;
padding-right:10px;
padding-top:10px;
}


#blogbody {
font-family:verdana, arial, sans-serif;
color:#000;
font-size:small;
font-weight:normal;
background:#FF6600;
line-height:140%;
padding-left:10px;
padding-right:10px;
padding-top:10px;
}
#content a,
#content a:link,
#content a:visited,
#content a:active,
#content a:hover {
font-size: small;
color: #333366;
text-decoration: none;
font-family:verdana, arial, sans-serif;
font-size:x-small;
font-weight:normal;
line-height:140%;
}

.blogbody {
font-family:verdana, arial, sans-serif;
color:#000;
font-size:small;
font-weight:normal;
background:#FF6600;
line-height:140%;
padding-left:10px;
padding-right:10px;
padding-top:10px;
}

#resume {
font-family:verdana, arial, sans-serif;
color:#333;
font-size:small;
font-weight:normal;
background:#FFF;
line-height:140%;
padding-left:10px;
padding-right:10px;
padding-top:10px;
}

.title {
font-family:verdana, arial;
font-size:small;
color:#FFF;
text-transform:uppercase;
font-weight:bold;
}

#menu {
margin-bottom:15px;
background:#FF6600;
}

.date {
font-family:verdana, arial, sans-serif;
font-size:small;
color:#333;
padding:5px;
margin-bottom:10px;
font-weight:normal;
}

.date2 {
font-family:verdana, arial, sans-serif;
font-size:small;
color:#333;
padding:5px;
margin-bottom:10px;

font-weight:normal;
}


h2 {
font-family:verdana, arial, sans-serif;
font-size:medium;
color:#FFF;
padding:5px;
margin-bottom:10px;
font-weight:normal;
}



.posted	{
font-family:verdana, arial, sans-serif;
font-size:x-small;
color:#333;
margin-bottom:15px;
}

.calendar {
font-family:verdana, arial, sans-serif;
color:#666;
font-size:x-small;
font-weight:normal;
background:#333;
line-height:140%;
padding:2px;
text-align:center;
}

.calendarhead {
font-family:verdana, arial, sans-serif;
color:#CCC;
font-size:x-small;
font-weight:bold;
background:#333;
line-height:140%;
padding:2px;
}






.banner2 {
font-family:Georgia,Serif;
color:#FFF;
font-size:x-large;
font-weight:normal;
background:#FF6600;
text-transform:lowercase;

letter-spacing:.2em;
}

.innerbanner {
text-align: center;

padding: 15px;

}
.innerbanner2 {
text-align: center;
padding-bottom: 15px;
padding-top: 15px;
}

#banner3 {
font-family:Georgia,Serif;
color:#FFF;
font-size:x-large;
font-weight:normal;

text-transform:lowercase;

padding-left: 15px;
margin-left: 10px;
margin-right:5px;
letter-spacing:.2em;
}

#banner a,
#banner a:link,
#banner a:visited,
#banner a:active,
#banner a:hover {
font-family:helvetica, sans-serif;
font-size: x-large;
color: #fff;
text-decoration: none;

}


.sidetitle {
font-family: verdana, arial, sans-serif;
color: #000;
font-size: x-small;
font-weight: bold;
line-height: 140%;
text-transform:uppercase;
letter-spacing:.2em;
padding-top: 15px;
padding-left: 5px;
padding-right: 5px;
}

.side {
font-family:verdana, arial, sans-serif;
color:#000;
font-size:x-small;
font-weight: normal;
line-height:140%;
padding-left: 15px;
padding-right: 5px;
}
.syndicate {
font-family:verdana, arial, sans-serif;
font-size:xx-small;
line-height:140%;
padding:2px;
margin-top:10px;
text-align:center;
}

.powered {
font-family:verdana, arial, sans-serif;
color:#CCC;
font-size:xx-small;
font-weight:bold;
border-top:1px solid #CCC;
border-bottom:1px solid #CCC;
line-height:140%;
text-transform:uppercase;
padding:2px;
margin-top:10px;
text-align:center;
letter-spacing:.2em;
}

.comments-body {
font-family:verdana, arial, sans-serif;
color:#333;
font-size:small;
font-weight:normal;
background:#FFF;
line-height:12px;
padding-left:10px;
padding-right:10px;
padding-bottom:15px;
}

.comments-post {
font-family:verdana, arial, sans-serif;
color:#999;
font-size:x-small;
font-weight:normal;
background:#FFF;
}

.comments-head {
font-family:verdana, arial, sans-serif;
font-size: small;
color: #333;
border:1px solid #999;
padding:5px;
font-weight:normal;
margin-top:10px;
}

#banner-commentspop {
font-family:verdana, arial, sans-serif;
color:#CCC;
font-size:large;
font-weight:bold;
border-bottom:1px dotted #999;
border-top:3px dotted #999;
background:#FFF;
padding:15px;
text-transform:uppercase;
letter-spacing:.2em;
}


.trackback-body {
font-family:verdana, arial, sans-serif;
color:#666;
font-size:small;
font-weight:normal;
background:#333;
line-height:140%;	
padding-top:15px;				
}		

.trackback-url {
font-family:verdana, arial, sans-serif;
color:#999;
font-size:small;
font-weight:normal;
background:#333;
line-height:140%;	
padding:5px;
border:1px dashed #999; 				
}

.trackback-post {
font-family:verdana, arial, sans-serif;
color:#999;
font-size:x-small;
font-weight:normal;
background:#333;
margin-bottom:20px;
}

#archiveholder
{
	
	/*border: 1px dotted #FC6;*/
	margin: 0 0 10px 30px;
}

.date3
{
	color: #666;
		font-size: small; 
	margin: 5px 0 10px 0;
}

	.archivetitlebig { 
		font-family: verdana, arial, sans-serif; 
		font-size: medium; 
		margin-bottom:20px;
		color: #003366; 	
		text-transform:uppercase;				

		}	



table.detail { border-top: 1px solid #CCC; border-left: 1px solid #CCC; width:80%; }
table.detail td, #account div.form table.detail th { text-align: left; border-right: 1px solid #CCC; border-bottom: 1px solid #CCC; padding: 4px; }

table.detail th { background-color:#993302; font-weight: bold; white-space: nowrap;}
table.detail td.alt { background-color:#EEEEEE;}


H1  {color:#666; font-family:Verdana, Arial; font-size: 12px;}}

H2  {}

H3  {}

A  {color:#600; text-decoration:none;}

A:Visited  {color:#600}

A:Active  {color:#600}

A:Hover  {color:#fff;text-decoration:underline;}



.default {color:#600; font-family:Verdana, Arial; font-size: 10px;}
.fine {color:#000000; font-family:Verdana, Arial; font-size: 10px;}
.form {color:#000000; font-family:Verdana, Arial; font-size: 10px;}