body {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	font-family: verdana, arial, helvetica, sans-serif;
	font-size:12px;
	color: #333;
	background-color: #b9b9b9;
	text-align:center;
}

table {
	font-family: verdana, arial, helvetica, sans-serif;
	font-size:12px;
}

input {
	border: 1px solid #BBBBBB;
	border-top: 1px solid #555555;
	padding: 0px;
}

input:focus {
	border: 1px solid orange;
}

input[type="submit"] {
	border: 1px solid #555555;
	cursor: pointer;
	font-size:12px;
}

input[type="image"] {
	border: none;
}

a {
	text-decoration: none;
	font-weight: bold;
	color:  #555;
	}
a:visited {
	color:  #555;
	}
a:active {
	color:  #555;
	}
a:hover {
	color: #111;
	text-decoration: none;
	}

a { outline: none; }

.ahem {
	display: none;
	}
strong, b {
	font-weight: bold;
	}

/* weird ie5win bug: all  to font-size ratios must agree or box gets pushed around. UPDATE: this has turned out to be very rare. my current recommendation is IGNORE this warning. at the moment i'm leaving it in only in case the issue turns up again. possibly the original bug in march 2001 was caused by an unusual combination of factors, although this solved it at the time.*/

h1 {
	font-size: 24px;
	font-weight: bold;
	margin-top: 0;
	margin-bottom: 0;
	color: #333333;
	}
h2 {
	font-size: 18px;
	font-weight: bold;
	margin-top: 0;
	margin-bottom: 0;
	color: #333333;
	}
h3 {
	font-size: 16px;
	font-weight: bold;
	margin-top: 0;
	margin-bottom: 0;
	margin-left:0;
	padding-left:0;
	}
	
#content .blog_entry h3 a {
	color: #111111;	
}
	
h4 {
	font-size: 14px;
	font-weight: bold;
	margin-top: 0;
	margin-bottom: 0;
	}
h5 {
	font-size: 12px;
	font-weight: bold;
	margin-top: 0;
	margin-bottom: 0;
	}
h6 {
	font-size: 10px;
	font-weight: bold;
	margin-top: 0;
	margin-bottom: 0;
	}
	
#content h1, #content h2 {
	margin: 5px 0 5px 0;	
}
	
	
	
img {
	border: 0;
	}
.nowrap {
	white-space: nowrap;
	font-size: 10px;
	font-weight: bold;
	margin-top: 0;
	margin-bottom: 0;
/* must be combined with nobr in html for ie5win */
	}
.tiny {
	font-size: 9px;
	margin-top: 15px;
	margin-bottom: 5px; 
	}

/** New Menu **/
DIV#topmenu {
	width: 260px;
	text-align: right;
	float:right;
	clear:left;	
	margin-top:-10px;
}

DIV#topmenu a {
	font-weight: normal;
	padding-left: 14px;
	padding-right:10px;
	font-size:11px;	
	color: #DFDFDF;
}

 DIV#topmenu a:hover {
	background-image: url(../images/dot.png);
	background-position: 3px 4px;
	background-repeat: no-repeat;
	color:#FFF;
}


DIV#topmenu ul {
	padding:0;margin:0;list-style-type:none;
}

DIV#topmenu ul li {
	float:left;width:auto;position:relative;
}

DIV#topmenu ul ul {
	visibility:hidden;
	position:absolute;
	/*height:0;*/
	top:13px;
	left:8px;
	width:105px;
	background-color: #444444;
	border: 1px solid #999;
	border-width: 0 1px 1px 1px;
}

DIV#topmenu ul ul li, DIV#topmenu ul ul li a {
	display: block;
	background-color: #444;	
	width:80px;
	text-align: left;
}

DIV#topmenu table {position:absolute; top:0; left:0; border-collapse:collapse;}
/* make the second level visible when hover on first level list OR link */
DIV#topmenu ul li:hover ul,
DIV#topmenu ul a:hover ul{visibility:visible; }
/* keep the third level hidden when you hover on first level list OR link */
DIV#topmenu ul :hover ul ul{visibility:hidden;}
/* make the third level visible when you hover over second level list OR link */
DIV#topmenu ul :hover ul :hover ul{ visibility:visible;}


/** Sidebar **/
#sidebar {
	float: left;
	padding: 10px 10px 10px 10px;
	width:235px;
	color: #333;
	line-height:15px;
	overflow:visible;
	opacity: 100;
	font-size:10px;
}

#sidebar h2 {
	font-size:11px;	
}

img#me {
	border: 2px solid #EDEDED;
	border-width: 2px 2px 0px 2px;	
}

#sidebar DIV {
	border: 2px solid #EDEDED;
	border-width: 2px 2px 2px 2px;
	padding:5px;	
	margin-bottom:15px;
}

#bio table {
	font-size: 10px;	
}

/** /sidebar **/

#content_wrap {
	width: 1024px;
	margin: 0 auto;
	border: 3px solid #EDEDED;
	background: #FFF;
	opacity:1;
	-moz-opacity:1;
	filter: alpha(opacity=100);
	
	
}
#content {
	float: left;
	padding: 10px 10px 10px 10px;
	border: none;
	width: 500px;
	color:#111;
	z-index:10;
	min-height: 300px;
}

#content h3 {
	padding-left:6px;
}

#content .blog_entry h3 {
	padding-left:0;	
}

/* My stuff */

div.main {
	width:1024px;
	margin-left: auto;
	margin-right: auto;
	text-align:left;
	font-size:1em;
}

div#top{
	background-color: #444;
	padding:5px;
	color: #CCC;
	height:50px;
}

div#header img {
display:block;
z-index:1;
}

div#footer {
	clear:both;
	font-size: .8em;
	text-align: center;
	padding-bottom: 10px;
}



/* blog */
div.blog_entry, div.comment{
	border:1px solid #EFEFEF;	
	margin: 10px 6px 14px 6px;
        padding:3px;
	clear:both;
}

div.blog_title {
	font-weight:bold;
	padding-left:5px;
	float: left;
/*	background-color:#EFEFEF;
	border-bottom: 1px solid #EFEFEF; */
}

div.blog_icons {
	float:right;
	
}

div.blog_body {
	padding-left:5px;	
	padding-right:5px;	
	clear:left;
	line-height:1.5em;
	font-size:11px;
}

div.blog_body p {
	margin: 0;
	margin-top: 7px;
}

div.blog_body a, #twitter_div a  {
        font-weight: normal;
        border-bottom: 1px dotted #333;
}
div.blog_body a:hover, #twitter_div a:hover {
        border-bottom: 1px solid #333;
}

/* /blog */

/* feedback */
div.feedback_entry{
	border:1px solid #BBB;
	margin: 4px 3px 4px 0px;
}
div.feedback_title{
	font-weight:bold;
	border-bottom:1px solid #BBB;
	padding-left:5px;	
	padding-right:5px;
	background-color:#EEE;
}
div.feedback_body{
	padding-left:5px;	
	padding-right:5px;
}
/* /feedback */

table.grid {
	font-size: .9em;
	border: 2px solid #AAA;
}

table.grid td {
	background-color: #DDD;
}
tr.over td{
	background-color: #AAA;
}

tr.out td {
	background-color: #DDD;
}


.postimage {
	margin:4px;
	border: 3px solid #DDD;
}

div#loadtimes {
	display:none;
}

div#blogloader {
	position:absolute;
	left:400px;
	display: none;
	width: 200px;
	text-align: right;
	margin:auto;
}

div.searchresults {
	border: 2px solid orange;
	margin-bottom:10px;
	clear: both;
	padding: 5px;
}

span.tag {
	margin: 0 5px 0 5px;	
}

/** Picasa web album styling **/
div.picasa_album {
	margin: 15px 15px 0 0 ;
	border-bottom: 2px solid #BBB;
	height:110px;
}

div.picasa_album img {
	margin-right: 20px;
	border: 2px solid #BBB;
}

div.photo {
	float:left;
	height:150px;
	padding: 2px;
}

.clear {
	clear: both;
}

#twitter_div ul li {
	margin: 0 0 5px 0; 
}

#twitter_div ul {
	margin:0;
	padding: 0;
	list-style: none;
}