/* RESET MARGINS & PADDINGS */
html, body, div, span, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre,abbr, address, cite, code,del, dfn, em, img, ins, kbd, q, samp,small, strong, sub, sup, var,b,i,dl, dt, dd, ol, ul, li,fieldset, form, label, legend,table, caption, tbody, tfoot, thead, tr, th, td,article, aside, figure, footer, header,hgroup, menu, nav, section, menu,time, mark, audio, video {
	margin:0;
  	padding:0;
  	border:0;
  	outline:0;
  	font-size:100%;
  	vertical-align:baseline;
  	background:transparent;
}
article, aside, figure, footer, header, hgroup, nav, section { display:block; }
blockquote, q { quotes:none; }
blockquote:before, blockquote:after, q:before, q:after { content:''; content:none; }
a { margin:0; padding:0; font-size:100%; vertical-align:baseline; background:transparent; }
ins { background-color:#ff9; color:#000; text-decoration:none; }
mark { background-color:#ff9; color:#000; font-style:italic; font-weight:bold; }
del { text-decoration: line-through; }
abbr[title], dfn[title] { border-bottom:1px dotted #000; cursor:help; }
hr { display:block; height:1px; border:0; border-top:1px solid #ccc; margin:1em 0; padding:0; }
input, select { vertical-align:middle; }
ul, ol {list-style-position:inside;margin: 0 0 10px 0;}
img {border: 0;}

/* tables still need cellspacing="0" in the markup */
table { border-collapse:collapse; border-spacing:0; }

/* TYPOGRAPHY */
html { -webkit-font-smoothing: antialiased; }
body {background: #000;font-family: Georgia, "Times New Roman", Times, serif;font-size: 75%;font-weight: normal;line-height: 160%;}

/* headings */
h1 {font-size: 2.5em;font-weight: normal;margin: 15px 0 20px 0; line-height:25px;}
h2 {font-size: 1.65em;font-weight: normal;margin: 15px 0 10px 0;}
h3 {font-size: 1.25em;font-weight: bold;margin: 10px 0 10px 0;}
h4 {font-size: 1.1em;font-weight: bold;margin: 8px 0 8px 0;}
h5 {font-size: 1em;font-weight: bold;}
h6 {font-size: 0.8em;font-weight: bold;}

h1,h2,h3,h4,h5,h6 { font-weight: bold; text-rendering: optimizeLegibility; }
h1,h2{font-weight:normal;}

/* #444 looks better than black: twitter.com/H_FJ/statuses/11800719859 */ 
body, select, input, textarea { color:#333; }

/* DEFAULT LINKS */
a {color: #27638C;margin: 0;padding: 0;text-decoration: none;}
a:link,a:visited {color: #FFF;}  
a:hover,a:active {text-decoration: underline;}

/* base styles */
small { font-size:85%; }
strong, th { font-weight: bold; }
td, td img { vertical-align:top; } 
sub { vertical-align: sub; font-size: smaller; }
sup { vertical-align: super; font-size: smaller; }

/* align checkboxes, radios, text inputs with their label by: Thierry Koblentz tjkdesign.com/ez-css/css/base.css  */
input[type="radio"] { vertical-align: text-bottom; }
input[type="checkbox"] { vertical-align: bottom; *vertical-align: baseline; }
.ie6 input { vertical-align: text-bottom; }

/* hand cursor on clickable input elements */
label, input[type=button], input[type=submit], button { cursor: pointer; }

/* These selection declarations have to be separate. No text-shadow: twitter.com/miketaylr/status/12228805301 Also: hot pink. */
::-moz-selection{ background: #eff9da; color:#000; text-shadow: none; }
::selection { background:#eff9da; color:#000; text-shadow: none; } 

/*  j.mp/webkit-tap-highlight-color */
a:link { -webkit-tap-highlight-color: #eff9da; } 

/* always force a scrollbar in non-IE */
html { overflow-y: scroll; }

/* make buttons play nice in IE: www.viget.com/inspire/styling-the-button-element-in-internet-explorer/ */
button {  width: auto; overflow: visible; }
 
/* bicubic resizing for non-native sized IMG: code.flickr.com/blog/2008/11/12/on-ui-quality-the-little-things-client-side-image-resizing/ */
.ie7 img { -ms-interpolation-mode: bicubic; }