html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,dd,dl,dt,li,ol,ul,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{margin:0;padding:0;border:0;font-weight:normal;font-style:normal;text-align:left;font-family:inherit;}table{border-collapse:collapse;border-spacing:0;}ol,ul{list-style:none;}q:before,q:after,blockquote:before,blockquote:after{content:"";}

body { padding: 0.5em; font-family: sans-serif; }
#heading { text-align: center; }
#heading h1 { text-align: center; font-family: sans-serif; color: #00b; margin: 0; }
#heading a#imageLink { width:640px; border: 0; margin: 0 auto; text-align: center; display: block; }
#heading img { width: 640px; height: 118px; margin: 0 auto; }
#blurb { color: #008; /* background: #ddf; */ padding: 6px 20px 10px; text-align: left; margin: 0 auto; font-family: courier; /* font-family: serif; */ /* border: 1px solid #55b; */ }
#blurb p { width: 400px; } 
#blurb p#explanation { margin: 5px auto 25px; text-align: justify; }
#blurb p#credits { margin: 0 auto; text-align: center; }
#blurb p#credits a, #blurb p#credits a:visited  { text-decoration: underline; }

#userInput { margin: 5em auto 1em; text-align: center; }
#userInput td, #userInput input, #userInput button { font-size: 1em; }
#userInput td { padding: 0.3em 0.2em; }
#userInput td input.highlighted { background: yellow; }
#userInput button { width: 12em; }
#userInput td.label { text-align: right; }
#userInput td.label { text-align: right; }

.tweets li { padding: 0.25em; border: 2px solid #45f; margin-bottom: 0.75em; background: #aaf; }

#timeline .tweetsContainer { background: #ff9; border: 1px solid #dd7; height: 20em; padding-top: 0.5em; overflow-y: auto; overflow-x: hidden; }
#timeline .tweets li { margin-left: 0.75em; margin-right: 0.75em; }
#timeline .tweets li:hover { background: white; }

#timeline { width: 45%; float: left; display: block; margin-bottom: 1em; display: none; }
#timeline li { cursor: pointer; }
#timeline li.selected { background: #ddf; }
.createdAt { font-style: italic; font-size: small; }
.client { font-size: small; }
#faves { width: 45%; float: left; margin-left: 5%; display: none; }
#faves li { cursor: move; }
/* li { margin-bottom: 0.5em; } */

.clearance { clear: both; }
h2 { margin: 0; }
h3 { font-style: bold; font-size: 130%; }
.instruction { margin: 0 0 0.4em; font-size: small; overflow: hidden; }
#emptyInstruction { text-align: center; font-size: normal; margin: 4em auto; }
#faves .instruction { display: none; }
#progress { background-image: url('../progress.gif'); width: 66px; height: 66px; margin: 2em auto; display: none; }
p { margin-bottom: 1em; }
a, a:visited { color: #00b; text-decoration: none; }
.meta { font-size: small; font-style: italic; }

#about { margin: 10px auto; text-align: center;}
#heading img { width: 500px; margin: 0 auto; }
#about #content { width: 420px; margin: 0 auto; }
#about h2 { margin: 1em 0 0.5em; text-align: center; color: #00b; font-weight: bold; }
#about li { cursor: move; text-align: left; }
#about #shotLink { border: 0; width: 600px; margin: 3em auto; text-align: center; }