/* Re-defines.  Standard HTML tags. */
body { background: #fff /*#f3f1e9 */ url(/v/current/images/bg-body.gi) repeat-x top left; font-family: verdana, helvetica, sans-serif;  font-size: 11px; color: #000; margin: 0px 0px 0px 0px; padding: 0px; line-height: 1.8em; }
p { margin: 15px 0px 15px 0px; padding:0px; text-align: left; }
h1 { font-family: times, times new roman, times roman, serif; font-size: 51px; line-height: 51px; letter-spacing: -2px; font-weight: normal; text-align: left; color: #444; margin: 5px 0px 15px 0px; padding: 0px 0px 0px 0px; text-decoration: none; border-bottom: none; }
h2 { font-size: 17px; font-weight: normal; margin: 20px 0px -5px 0px; }
h2.subtitle { margin: 15px 0px -5px 0px; text-transform: uppercase; }
h3 { font-size: 11px; margin: 0; }
h3.date { color: #999; display: block; font-weight: normal; }
h3.eod { width: 100%; text-align: center; margin: 15px auto; font-size: .8em; }
h4 { font-size: 11px; margin: 0; }
h5 { font-size: 11px; margin: 0; }
code { font-size: 11px; background-color: #ffd; }
dl { }
dt { color: #555; margin: 0px; padding: 0px; padding-right: .5em; float: left; font-weight: bold; }
dd { margin: 15px 0px 15px 30px; padding: 0px; }
ol { padding: 0px 0px 0px 30px; margin: 10px 0px 10px 0px; }
ul { padding: 0px 0px 0px 30px; margin: 10px 0px 10px 0px; }
li { padding: 0; margin: 5px 0px 5px 0px; }
blockquote { padding-left: 10px; margin: 7px 0px 7px 5px; border-left: #cccccc; border-width: 0 0 0 1px; border-style: none none none solid; }
img { border: 0px; margin: 0px; padding: 0px; }
img.wrap { display: block; margin: 5px 10px 3px 0px; }
sup { line-height: 0px; }
form { margin: 0px; }
input { font-family: verdana, helvetica, sans-serif; font-size: 11px; color: #000; border: 1px solid #999; }
fieldset p { padding: 0px; margin: 5px; font-size: 10px; }
legend { color: #0046d5; }
textarea { font-family: verdana, helvetica, sans-serif; font-size: 11px; color: #000; border: 1px solid #999; }
select { font-family: verdana, helvetica, sans-serif; font-size: 11px; color: #000; }
a:link, A:active { color: #070; font-weight: normal; text-decoration: none; border-bottom: dotted #aaa 1px; padding: 2px 0px; }
a:visited { color: #666; text-decoration: none; border-bottom: dotted #aaa 1px; font-weight: normal; padding: 2px 0px; }
a:hover { color: #070; border-bottom: solid #070 1px; font-weight: normal; }
a.image { border-bottom: 0px; }
#main_sub1_header a { color: #fff; }
#main_sub1_header a:hover { border-bottom: 1px solid #fff; }
#main_sub2_header a { color: #fff; }
#main_sub2_header a:hover { border-bottom: 1px solid #fff; }
.heading { font-weight: bold; display: block; }
div.alert, p.alert {
	font-size: .9em;
	background: #f0f7e2 url(/v/20080115/images/arrow.gif) center no-repeat;
	background-position: 15px 50%; /* x-pos y-pos */
	text-align: left;
	padding: 4px 20px 5px 40px;
	border-top: 2px solid #e7f0d0;
	border-bottom: 2px solid #e7f0d0;
 }

/* Table of Contents */
div.toc { background-color: #eee; padding: 10px; }
div.toc h3 { }
div.toc li { margin: 2px auto; }


/* Main page sections */
#dropbox { background: url("/v/20080115/images/jayber-logo.gif"); margin: 0px auto; width: 800px; padding: 0px; border-bottom: 0px solid #222; }
#drop { width: 100%; margin: 0 auto; min-height: 75px; height: 75px; border: 0px solid #aaa; }
#drop #title { display: inline; float: right; min-height: 75px; height: 75px; width: 250px; }
#drop #body { float: left; width: 510px; margin: 25px auto 0px auto; padding: 0; padding-left: 20px; }
#drop ul { border-top: 0px solid #fff; margin: 0; padding: 0; list-style-type: none; text-align: center; width: 100%; }
#drop li { text-decoration: none; float: left; margin: 0px 10px 4px 0px; font-size: 10px; font-weight: normal; display: inline; border-bottom: none; }
#drop li a, #drop li a:visited, #drop li a:active { color: #fff; border-bottom: none; }
#drop li a:hover { border-bottom: 1px solid #fff; }

/* Scrambler */
#scram { font-weight: bold; padding: 0px; color: #999; width: 100%; font-size: 10px; }
.scH { color: #fff; }
.scL { color: #fff; }

#masthead { padding: 0; margin: 0 auto; width: 800px; }
#masthead .container { position: relative; height: 105px; width: 780px; margin: 0 auto; background-color: #222; border: 0px solid #ccc; font-size: 0px; padding: 10px; padding-top: 0px; }
#masthead .container .column { display: inline; padding: 8px; }
#masthead .container .column a { border-bottom: 0px; }

#easel { background: #eee url("/v/current/images/easel-background2.gif") repeat-y; width: 800px; margin: 0 auto; }

.page-info-toggle A:link, .page-info-toggle A:active, .page-info-toggle A:hover, .page-info-toggle A:visited { font-weight: normal; color: #fff; border-bottom: 0px solid #fff; display: inline; }
#page-info-wrapper { height: 1%; }
.page-info { background: #fff url(/v/20080115/images/gradient.gif) repeat-x; color: #555; margin: 0 auto; width: 760px; padding: 15px 20px 15px 20px; }
.page-info .breadcrumb { font-size: .8em; margin: 0; margin-bottom: 10px; color: #333; }
.page-info h1 { font-family: arial, helvetica, sans-serif; letter-spacing: 0; line-height: 1em; padding: 0; margin-top: 0; margin-bottom: 3px; width: 100%; text-align: left; clear: both; font-size: 19px; font-style: normal; font-weight: normal; text-decoration: none; }
.page-info .body { margin: 0 auto; width: 100%; }
.page-info p { margin: 1em auto 0px auto; }
.page-info-image { padding: 0px 20px 0px 0px; float: left; }

.page-info-main { background: #333; color: #fff; margin: 0 auto; width: 760px; padding: 15px 20px 15px 20px; }
.page-info-main h1 { color: #fff; font-family: arial, helvetica, sans-serif; letter-spacing: 0; line-height: 1em; padding: 0; margin-top: 0; margin-bottom: 3px; width: 100%; text-align: left; clear: both; font-size: 19px; font-style: normal; font-weight: normal; text-decoration: none; }
.page-info-main .body { margin: 0 auto; width: 100%; }
.page-info-main p { margin: 1em auto 0px auto; }

#widescreen { margin: 0px auto; width: 800px; padding: 0; }
#widescreen img { margin: 0; padding: 0; border: none; display: block; }

.hidden { display: none; }
.exclamation { color: #0f0; font-weight: bold; font-size: 1.3em; }

/* Headers */
#main_header { float: left; width: 500px; padding: 4px 20px; background: #fff url(/v/20080115/images/main_header_background.gif) no-repeat; color: #eee; font-size: 10px; font-weight: normal; }
#main_header a:link, #main_header a:visited { color: #fff; border-bottom-color: #aaa; }
#main_header a:hover { color: #fff; border-bottom: 1px solid #fff; }
#side_header { float: right; width: 220px; padding: 4px 20px; background: #555; color: #fff; font-size: 10px; font-weight: normal; }
#main_sub1_header { float: left; width: 230px; padding: 4px 20px; background: #fff url(/v/20080115/images/main_sub1_header_background.gif) no-repeat; color: #fff; font-size: 10px; font-weight: normal; }
#main_sub2_header { float: left; left: 230px; width: 230px; padding: 4px 20px; background: #7b9f53; color: #eee; font-size: 10px; font-weight: normal; }
iframe.audio { border: 0px solid #999; height: 10px; padding: 2px; margin: 0px; margin-left: 5px; }

/* Main Content */
#main { background: #fff; float: left; width: 540px; text-align: left; padding: 0px 0px; border: 0px solid #999; border-top: 0px; }
#main_alt { float: left; width: 760px; text-align: left; padding: 10px 20px; border: 0px solid #999; border-top: 0px; background-color: #fff; }
#main_sub1 { float: left; width: 540px; padding: 0px 0px; font-size: 10px; background-color: #fff; }
#main_sub2 { float: left; left: 230px; width: 230px; padding: 10px 20px; }
#main_sub2 .more a { color: #aaa; font-size: 9px; }
#main_sub2 .older { font-size: 10px; }

#side { border-bottom: 0px solid #999; float: right; width: 220px; text-align: left; font-size: 10px; padding: 15px 20px 20px 20px; line-height: 1.6em; }
#side A:link, #side A:active, #side A:hover, #side A:visited { font-weight: normal; }
#side h1 { font-size: 17px; font-weight: normal; text-align: left; color: #333; margin-top: 10px; }
#side li { margin: 2px auto; }
.recent-comments { padding: 20px 0px 0px 0px; }
.recent-comments ul { padding-left: 20px; }
.categories-and-archives { padding: 25px 0px 0px 0px; }
.categories-and-archives .title { font-weight: bold; color: #555; }
ul.feeds { padding-left: 10px; list-style-type: none; margin-bottom: 15px; }
ul.feeds li { background:url(/v/20080115/images/feed-icon-10x10.gif) no-repeat 0 .4em;  padding: 0px 0px 0px 18px; text-align: left; }
ul.syndicatedfeeds { padding-left: 10px; list-style-type: none; margin-bottom: 15px; }
ul.syndicatedfeeds li { background:url(/v/20080115/images/feed-icon-10x10-greyscale.gif) no-repeat 0 .4em;  padding: 0px 0px 0px 18px; text-align: left; }

/* Overcome stupid 3px margin bug in IE/Win floats.
   http://www.positioniseverything.net/explorer/threepxtest.html */
* html #side, * html #side_header, * html #hem_sub1, * html #hem_sub2 { margin-left:-3px; }

#driving { width: 220px; height: 110px; background-image: url(/v/20080115/images/driving_active.gif); background-repeat: no-repeat; background-position: top left; }
#driving a { width: 220px; height: 110px; background-image: url(/v/20080115/images/driving.gif); background-position: top left; position: absolute; padding: 0px; border:0; }
#driving a:hover { background-image: none; }

.featured { margin-bottom: 30px; }
.featured .title { background: url("/v/20080115/images/featured-top.gif"); min-height: 68px; height: 68px; }
.featured .title p { width: 150px; padding: 30px 0px 0px 10px; margin: 0px; }
.featured .body { background-color: #e5e5e5; padding: 10px; padding-top: 0px; font-weight: bold; }
.featured .footer { background: url("/v/20080115/images/featured-bottom.gif"); height: 3px; min-height: 3px; }

.archives { width: 230px; height: 60px; background-image: url(/v/20080115/images/archives_active.gif); margin: 0px; }
.archives a { width: 230px; height: 60px; background-image: url(/v/20080115/images/archives.gif); position: absolute; padding: 0; border: 0; }
.archives a:hover { background-image: none; border: 0px; }

#scrambler { margin: 25px auto 0px auto; width: 220px; height: 70px; background-image: url(/v/20080115/images/scrambler-active.gif); background-repeat: no-repeat; background-position: top left; }
#scrambler a { width: 220px; height: 70px; background-image: url(/v/20080115/images/scrambler.gif); background-repeat: no-repeat; background-position: top left; position: absolute; padding: 0px; border:0; }
#scrambler a:hover { background-image: none; }

#PostAComment { border-top: 0px solid #999; padding: 0px; margin-top: 10px; margin-bottom: 10px; }
#comments { margin-top: 20px; border-bottom: 0px solid #999; }
#comments-header, #comments-open-header { font-weight: bold; padding: 10px; border-top: 3px solid #999; border-bottom: 0px solid #ccc; margin-top: 15px; }
#comment-text, #comment-author, #comment-email, #comment-url { width: 98%; margin-bottom: 5px; }

.flip { background-color: #fff; border: 0px dotted #aaa; border-left: 0; border-right: 0; padding: 10px 10px 5px 10px; }
.flip .author { margin: 0px; font-weight: bold; }
.flip .body { display: block; }
.flip .body p { margin: 7px 0px 7px 0px; }
.flop { padding: 10px 10px 5px 10px; }
.flop .author { font-weight: bold; margin: 0px; }
.flop .body { display: block; }
.flop .body p { margin: 7px 0px 7px 0px; }

div.flickr-badge { margin: 0 auto; }
div.flickr-badge a img { text-align:center !important; }
div.flickr-badge a { margin: 0px 4px 0px 4px; }

#hembox { background: #fff url(/v/20080115/images/gradient.gif) repeat-x; margin: 0 auto; width: 800px; min-height: 100px; }
#hem { width: 800px; text-align: center; margin: 0 auto; text-align: left; clear: both; padding: 0px 0px; min-height: 100px; }
#hem a:link, #hem a:visited, #hem a:active { }
#hem a:hover { }
#hem .heading { }
#hem ul { }
#hem .title { color: #999;}
#hem p { font-size: 10px; }
#hem a { font-weight: normal; font-size: 10px; }
#hem .droptab { display: none; float: right; background-color: #eee; height: 30px; width: 260px; background: url(/v/20080115/images/drop-tab.gif) no-repeat 0px 0px;}
#hem .copyright { text-align: left; font-size: .8em; padding-top: 5px; padding-left: 20px; }
#hem .blogroll { width: 760px; padding: 0px 20px; margin: 0 auto; }

#hem .extra { color: #fff;  background: url(/v/20080115/images/footer_background.gif) no-repeat; }

ul.links { margin-bottom: 20px; }
ul.links li { line-height: 1.2em; margin: 0; padding: 0; }
ul.links li a { margin: 0; padding: 0; }

/* If li position is left static, Internet
Explorer disables hyperlinks in the list
in all but the final column.

This rule will be processed only by
Internet Explorer because only IE believes
that there?s a level above HTML.

See http://www.alistapart.com/articles/multicolumnlists
for more information. */

* html ul.links li { position: relative; }

ul.links li.haughey,
ul.links li.boingboing,
ul.links li.daringfireball,
ul.links li.deliciouspopular,
ul.links li.dennisbenson,
ul.links li.torrez,
ul.links li.slashdot,
ul.links li.whatdoiknow { margin-left: 0em; }

/* 8 (items) * 1.2 (line-height) = 9.6em */
ul.links li.folders { margin-top: -10em; }
* html ul.links li.folders { margin-top: -9.6em; }

ul.links li.folders,
ul.links li.asterisk,
ul.links li.airbag,
ul.links li.ala,
ul.links li.andersonfam,
ul.links li.andreaharner,
ul.links li.andybudd,
ul.links li.arstechnica { margin-left: 13em; }

/* 8 (items) * 1.2 (line-height) = 9.6em */
ul.links li.blogneato { margin-top: -10em; }
* html ul.links li.blogneato { margin-top: -9.6em; }

ul.links li.blogneato,
ul.links li.bluejake,
ul.links li.cameronmoll,
ul.links li.coudal,
ul.links li.anildash,
ul.links li.gizmodo,
ul.links li.hicks,
ul.links li.jasonsantamaria { margin-left: 26em; }

/* 8 (items) * 1.2 (line-height) = 9.6em */
ul.links li.jasonkottke { margin-top: -10em; }
* html ul.links li.jasonkottke { margin-top: -9.6em; }

ul.links li.jasonkottke,
ul.links li.kuro5hin,
ul.links li.medgadget,
ul.links li.metafilter,
ul.links li.mezzoblue,
ul.links li.newsdesigner,
ul.links li.notablewords,
ul.links li.derekpowazek { margin-left: 40em; }

/* 8 (items) * 1.2 (line-height) = 9.6em */
ul.links li.shauninman { margin-top: -10em; }
* html ul.links li.shauninman { margin-top: -9.6em; }

ul.links li.shauninman,
ul.links li.simplebits,
ul.links li.slower,
ul.links li.stopdesign,
ul.links li.andallthatmalarkey,
ul.links li.jefferyveen,
ul.links li.webgraphics,
ul.links li.zeldman { margin-left: 54em; }

/* Thumbnails */
img.thumb { margin: 5px 10px 5px 0px; padding: 3px; border: solid 1px #999; float: left; }

ul.residuals, ul.residuals-condensed { padding: 0; list-style-type: none; margin: 5px 0px; }
ul.residuals li.flip { background: #ffffff url(/v/20080115/images/arrow.gif) no-repeat .8em 1.4em;  padding: 3px 20px 11px 28px; line-height: 1.7em; margin: 2px auto; border-color: #e7f0d0; }
ul.residuals li.flop { background: #f0f7e2 url(/v/20080115/images/arrow.gif) no-repeat .8em 1.4em;  padding: 3px 20px 11px 28px; line-height: 1.7em; margin: 2px auto; }

ul.residuals li.start { background: #ddd; width: 500px; height: 1px; padding: 0px 20px; color: #fff; font-size: 10px; font-weight: normal; margin-top: 30px; }
ul.residuals li.end { background: #ddd; width: 500px; height: 1px; padding: 0px 20px; color: #fff; font-size: 10px; font-weight: normal; margin-bottom: 30px; }

/* For lists within residual links */
ul.residuals li ul, ul.residuals li ol { }
ul.residuals li ul li, ul.residuals li ol li { background: none; padding: 0px 0px 0px 0px; text-align: left; }

ul.residuals-condensed li { background:url(/v/20080115/images/arrow.gif) no-repeat 0 .7em;  padding: 0px 0px 0px 18px; text-align: left; margin: 2px auto; line-height: 1.6em; }
.more a.perma { color: #999; font-size: 9px; border-bottom: none; }

.residuals .body { margin: 5px 0px; }
.residuals .body p { margin: 5px 0px 10px 0px; display: block; }
.residuals .body .date { color: #666; margin: 5px; }
.residuals .body .date a:link, .residuals .body .date a:active, .residuals .body .date a:visited { color: #555; border-bottom: none; }
.residuals .body .date a:hover { color: #070; border-bottom: 1px solid #070; }
.residuals .meta { margin: 15px auto; }
.residuals blockquote { border-color: #c7d0b0; }

div.hr { background: url(/v/20080115/images/dotted-line.gif); margin-top: 20px; margin-bottom: 20px; height: 1px; line-height: 1px; clear: both; }
div.ihr { margin-top: 15px; margin-bottom: 15px; border-bottom: 1px solid #ccc; height: 1px; line-height: 1px; clear: both; }
div.highlight { background-color: #ffa; padding: 15px; padding-top: 5px; border: 0px solid #999; }
div.clear { clear: both; height: 0px; }

a.article { font-size: 10px; background: url(/v/20080115/images/article-icon.gif) no-repeat left; background-position: 0px 2px; padding-left: 17px; }
.article { margin-top: 20px; margin-bottom: 10px; text-align: left; padding-left: 5px; padding-right: 20px; }
.article p { text-align: left; margin: 6px 0px 10px 0px; }
.article .date { margin-top: 10px; }
.article .title { font-family: times, times new roman, times roman, serif; font-size: 45px; line-height: 39px; letter-spacing: -1px; font-weight: bold; text-align: left; color: #444; margin-top: 6px; margin-bottom: 10px; padding: 0px 0px 0px 0px; text-decoration: none; }
.article .title A:link, .article .title A:visited, .article .title A:active { font-family: times, times new roman, times roman, serif; font-size: 51px; line-height: 45px; letter-spacing: -1px; font-weight: bold; text-align: left; color: #444; margin: 0; padding: 0px 0px 6px 0px; text-decoration: none; border-bottom: none; }
.article .excerpt p { text-transform: uppercase; color: #333; font-size: 12px; line-height: 19px; font-family: Gill Sans, Verdana, times, times new roman, times roman; font-weight: bold; letter-spacing: 2px; margin: 13px 0px 6px 0px; }
.article .accent { color: #666; }
.adsense {  }
.article .body { font-size: 12px; margin: 0px 0px; }
.article .more { font-size: 12px; }
.article .meta { font-size: 8px; border-top: 0px solid #ccc; text-align: left; padding: 0; padding-top: 0px; clear: both; margin-top: 15px; padding-bottom: 0px; }
.eod { display: block; font-size: 10px; text-align: center; color: #444; margin: 20px auto 30px auto; clear: both; padding-bottom: 5px; width: 500px; }

.reference { margin: 30px 0px; }
.reference h2 { text-indent: -9999px; background: url(/v/20080115/images/reference.gif) no-repeat; height: 30px; }
.reference ul { background: url(/v/20080115/images/dotted-line.gif) repeat-x top left; padding: 1px 0px; list-style-type: none; margin-top: 5px; margin-bottom: 2px; }
.reference ul li { background: url(/v/20080115/images/dotted-line.gif) repeat-x bottom left; font-family: Georgia, times, times-roman, Times New Roman, serif; font-size: 1.7em; font-weight: bold; line-height: .9em; padding-bottom: 1px; padding-top: 0px; margin: 0px; }
.reference ul li a:link, .reference ul li a:active, .reference ul li a:visited { display:block; background: url(/v/20080115/images/diagonal-white.gif); padding:10px; border: 0px solid #f00; color: #444; }
.reference ul li a:hover { color: #d70; background: url(/v/20080115/images/diagonal-white.gif); border: 0px; }
.reference ul li a span { color: #bbb; font-family: verdana, arial, helvetica, sans-serif; font-size:.5em; }
.reference ul li.highlight { background: #444; }
.reference ul li.highlight a:link, .reference ul li.highlight a:active, .reference ul li.highlight a:visited { color: #fff; }
.reference ul li.highlight a:hover { background: #333; }
.reference-footer { width: 220px; height: 40px; background: url(/v/20080115/images/reference-footer-active.gif) no-repeat; margin: 0px; margin-top: -5px; padding: 0px; }
.reference-footer a:link, .reference-footer a:active, .reference-footer a:visited { width: 220px; height: 40px; display: block; background: url(/v/20080115/images/reference-footer.gif) no-repeat; border: 0px; }
.reference-footer a:hover { background: none; border: 0px; }

.footnote { font-size: 9px; }
.footnote div.hr { width: 8em; margin-bottom: 5px; }
.footnote .back { margin-left: 10px; }

@media print {
	#easel, #canvas, #main, #main_alt { border: 0px; width: 100% }
	#side, #main_header, #side_header, #dropbox, #hembox { display: none; }
}