body { font: 100% sans-serif; }
a img { border: 0; }

h4 span { display: block; font-size: .8em; }
#header { height: 160px; border-bottom: 3px solid black; }
#header
#header a#logo1 { position: absolute; top: 10px; left: 10px;  }
#header a#logo2 { position: absolute; top: 10px; left: 160px;  }

#header ul.nav { list-style: none;  margin: 0; padding: 0; font-size: 1.2em; }
#header li.nav { display: inline; }


#header ul { 
	position: absolute; top: 155px; right: 15px;
	margin: 0; padding: 0; list-style: none; 
 	text-align: right; 
}

#header li { 
	margin: 0; padding-left: 10px; display: inline;
}


#header li a { color: white; background: black; padding: 5px 10px; text-decoration: none; } 

.breadcrumbs { margin-top: 1em; }

div.section { float: right; padding: .5em; border: 3px solid black; }

div.section h2 { margin: 0; padding: 0; }

div.section ul { list-style: none; margin: .5em; padding: 0; }

div.post { margin: .5em 3em; padding: 20px; overflow: hidden; background: #ddd; min-height: 170px; border: 1px solid black; }
div.post div.avatar { float: left; margin-right: 10px; font-size: .8em; text-align: center; }
div.post div.avatar img { display: block; }

div.post div.speak {  margin: 10px 10px 10px 160px; padding: 10px; background: white; border: 1px solid white; -moz-border-radius: 15px; -webkit-border-radius: 15px; -border-radius: 15px;position: relative; }
div.post div.speak img.talk { position: absolute; left: -20px; top: 30px; }


#content { margin: 1em; }


#footer {  text-align: right; padding-top: .5em; clear: both;  }

#footer address { border-top: 3px solid black; margin-top: 2em; }

.pixbox { margin: 1em;  background: #ddd; padding: 10px; border: 1px solid black; font-size: .8em; font-weight: bold;  }

.pixbox img { display: block; margin-bottom: 1em; } 

.pushleft { float: left; margin-left: 0; margin-top: 0;  }
.pushright { float: right; margin-right: 0;  margin-top: 0;  }

h4.profile { margin-top: 2em; clear: left; }

img.pushleft { margin-right: 1em; margin-bottom: 1em; }
img.pushright { margin-left: 1em; margin-bottom: 1em; }

div.pushleft { clear: left; }
div.pushright { clear: right; }

.thumbs { margin: 0 1em; }
.thumbs a { display: block; }

.pixbox td { vertical-align: top; text-align: center; }

div.swag {margin: .5em 3em; padding: 20px; overflow: hidden; background: #ddd; min-height: 170px; border: 1px solid black; }

div.swag .pix { float: left; margin-right: 2em; background: white; padding: 7px; border: 1px solid white; -moz-border-radius: 15px; -webkit-border-radius: 15px; -border-radius: 15px;}
div.swag .desc { padding: 10px; color: black; background: white; border: 1px solid white; -moz-border-radius: 15px; -webkit-border-radius: 15px; -border-radius: 15px; }
div.swag .desc ul { list-style-image: url(/parts/cow-bullet.png); }

a.external:after { content: " " url(/parts/external.png); }
a[href$=".pdf"]:after { content: " " url(/parts/pdf.png); }
a[href$=".bmp"]:after { content: " " url(/parts/image.png); }
a[href^="mailto"]:after { content: " " url(/parts/email.png); }