@import url(css-buttons.css) all;

/* All-consuming sidbar styles */
.ac_image { display: none; }
.ac_link { }
.ac_image_tag { }
.ac_title { }
.ac_author { display: none; }
.ac_comment { display: none; }
.ac_logo { display: none; }
.ac_br { display: none; }



/* More button styles */
.ac span { color: #020202; background-color: #cbcbcb; }

.ac2 { color: #9c9c9c !important; background-color: #ffffff; }

.cc span { background-color: #5E715E; }

.br span
{
	color: #fffe00;
	background-color: #000;
}

.ee span
{
	background-color: #000;
	font: bold 12px sans-serif;
    line-height: 10px;
	padding: 1px 0;
}

.ee2
{
	background-color: #000;
	color: white !important;
}

.eff span { background-color: #C00; }

.eff2
{
	background-color: #C00;
	color: black !important;
}

.hack span { background-color: #FFF }
.hack img { width: 1.0em; height: 1.0em }
.hack2
{
	background-color: #767c66;
	color: white !important;
}

.itunes span { background-color: #FFF }
.itunes img { width: 0.8em; height: 1.0em }
.itunes2 
{
	background-color: #75E869;
	color: white !important;
}

.pop span { background-color: #09c }

/* Adjust GeoURL */
.geo span
{
	background-color: #093;
	font-style: normal;
	color: white;
}

/* Get MT color right */
.mt span { background-color: #69C; }

.tech span
{
	color: #0f273a; 
	background-color: #fff;
	font-style: oblique;
}

/* Get w3c colors right */
.w3c span
{
	background-color: #fff;
	color: #06358d;
	font: bold 12px sans-serif;
    line-height: 10px;
}

.w3c2
{
	background-color: #ffc44f;
	color: black !important;
}

/* Get pair colors right */
.pair span
{
	background-color: #14558d;
	color: #ffdd12;
}

.pair2
{
	background-color: #ffdd12;
	color: #14558d !important;
}


/* 
 * See: 
 *   http://www.thenoodleincident.com/tutorials/typography/index.html
 * By using %'s ie/win will scale, 76 is the smallest that works
 * across browsers, but is too small for my taste.
 */
html {
	background-color: #FEFEFB;
}

body, textarea
{
	font-family: serif;
	font-size: 11pt;
	/* simulate 11/13pt */
	line-height: 1.18em;
	background-color: #FEFEFB;
	color: black;
}

samp, code, .code
{
	font-family: monospace;
	font-size: 0.818em;
	line-height: 100%;
}

pre code, pre.code
{
	display: block;
	background-color: #F3FFF3;
	padding: 1em;
}

h1, h2, h3, h4, label, .description, #menu, .posted, .calendar, .calendarhead, .sidetitle, .side, .syndicate, .promo, .license, .powered, .comments-head, .comments-post, .trackback-url, .trackback-post, .now-playing { font-family: sans-serif; }

h1, h2, h3, h4, .date, .title, .calendarhead, .sidetitle, .comments-head, #banner-commentspop
{
	/* looks poorly with mixed-case font-variant: small-caps; */
	font-weight: bold;
}

h1, h2 { text-align: center; }

h1
{
	/* 14pt */
	font-size: 1.272em;
	line-height: 118%;
}

h1.banner, .description
{
	font-variant: normal;
	text-align: right;
}

h2
{
	/* 13pt */
	font-size: 1.182em;
	line-height: 118%;
}

h2.date, #banner-commentspop { text-align: left; }

h3
{
	/* 12pt */
	font-size: 1.090em;
	line-height: 118%;
}

h4
{
	display: inline;
	font-weight: normal;
}

.sidetitle
{
	font-weight: normal;
	font-size: 1em;
}

.description, .trackback-body
{
	/* 10pt */
	font-size: 0.909em;
	line-height: 118%;
}

.footnote, .calendar, #menu, .posted, .side, .comments-post, .trackback-url, .trackback-post, label, .now-playing
{
	/* 9pt */
	font-size: 0.818em;
	line-height: 118%;
}

.posted, .comments-post, .trackback-post { text-align: right; }

.syndicate
{
	/* 8pt */
	font-size: 0.727em;
	line-height: 118%;
}

p { margin: 0.591em 0 0.591em 0; }
pre code, pre.code, blockquote {
  margin: .591em 1.182em .591em 1.182em;
}

cite
{
	font-style: italic;
	margin: 0 0 0 .591em;
}

cite:before { content: "\2014\A0"; }

/* —  */
a, a:link, a:visited { color: #339; }
a:hover { text-decoration: underline; }
a:active { color: #933; }

.now-playing { margin: 0.591em 0 0.591em 0; }
.now-playing span.author {}
.now-playing span.title { font-weight: normal; }
.now-playing a.itunes
{
	font-style: italic;
	font-weight: normal;
	color: #000;
}

.footnote
{
	border-top: thin solid #999;
	padding: 0.591em 0 0.591em 0;
	clear: both;
}

@media  screen 
	{
		a { text-decoration: none; }
		body { margin: 5%; }
	}
@media  print 
	{
		a { text-decoration: none; }
		body { margin: .5in; }
	}

td { vertical-align: top; }
td.red { background-color: red; }
#banner { padding: 15px; }
#banner a, .sidetitle a, h3.title a { color: black; }
#content { min-width: 380px; }
#container { }
#links
{
	width: 160px;
}
.last {
    width: 140px;
	overflow: hidden;
}
#search, #subscribe-email {
  width: 130px;
}
#searchbutton
{
	background: transparent url(http://www.google.com/logos/Logo_25wht.gif) no-repeat left top;
	width: 75px;
	height: 30px;
	border: 0 none;
	padding: 0;
	margin: 0;
	cursor: pointer;
	text-indent: -1000em;
}
.blog { padding: 15px; }
.blogbody { }
.blogbody a { }

#menu
{
	margin-bottom: 15px;
	text-align: center;
}

.date, .comments-head, #banner-commentspop
{
	padding: 5px;
	background-color: #F6F6F6;
	margin: 0 -5px 10px -5px;
}

.posted { margin-bottom: 25px; }

.calendar
{
	line-height: 140%;
	text-align: left;
}

.calendarhead
{
	letter-spacing: .3em;
	text-align: center;
}

.ptunes { margin: 1em auto -0.5em -9px; }
.side { padding: .591em; }
.sidetitle { margin: .591em 0 0 0; }
.syndicate, .promo, .license { margin: 15px 0 0 0; }
.powered { margin: 50px 0 0 0; }

.comments-body
{
	padding-bottom: 10px;
	padding-top: 10px;
	color: #444;
}

.comments-post { }

.trackback-url
{
	padding: 5px;
	border: 1px dotted #999;
}

.trackback-body
{
	padding-bottom: 10px;
	padding-top: 10px;
	border-bottom: 1px dotted #999;
}

.trackback-post { }