@import url(reset.css);
@import url(skel.css);

/* generics */
 
* {font-size: 100%; padding: 0; margin: 0;}
html { max-width: 1200px; }
body {font: 0.84em/1.333 Arial, sans-serif; margin: 0; padding: 0;
  color: #666699; background: #FFF;
  min-width: 40em; margin: 0 auto; max-width: 1200px; }
a:link {color: #339;}
a:visited {color: #339;}
a img {border: none;}
h1 {font-size: 2em; margin: 2em 0 0.5em; padding: 0.25em 0;}
h2 {font-size: 1.5em; margin: 2em 0 0.33em; padding: 0.25em 0;}
h3 {font-size: 1.33em; margin: 2em 0 0.25em; padding: 0.125em 0;}
h4 {font-size: 1.1em; margin: 0.5em 0 0;}
h5 {font-size: 1em; margin: 0.5em 0 0;}
h6 {font-size: 0.85em; margin: 0.5em 0 0;}
p {margin: 0.33em 0 1em 0;}
ul, ol {margin: 1em 0; padding-left: 2.5em;}
dt {margin: 0.5em 0 0; font-weight: bold; }
dd {margin: 0 0 1.2em 1em;}
pre, code, tt {font: 100% "Andale Mono", "Lucida Console", "Bitstream Vera Sans Mono", "Courier New", monospace; margin: 1em 0;}
code, tt {border-bottom: 1px solid #E3E3E3; padding: 0 1px;}
pre code {border-bottom: 0;}
small {font-size: 85%;}
big {font-size: 115%;}
sup {font-size: smaller; vertical-align: 0.5em; line-height: 1px;}
img.pic {float: right; position: relative; margin: 0.25em 0 0.66em 1.5em;}
img.border {border: 3px double;}
img.standalone {display: block; margin: 0.5em auto; width: auto; max-width: 100%;}
p.standalone {text-align: center;}
p.standalone img {display: inline;}
.warning {background: #FF8; color: red; border: 2px solid; padding: 1em;}
.highlight {background: #B4D5FF; font-weight: bold;}
 
table.chart {margin: 1em auto;}
table.chart caption {font-weight: bold; font-style: italic; font-size: 90%; text-align: center; margin: 0 auto; border-bottom: 1px dotted gray;}
table.chart th {text-align: left;}
table.chart th, table.chart td {border-bottom: 1px dotted #DDD; padding-right: 0.5em;}
table.chart thead th {border-bottom: 1px solid #CCC;}
table.chart tbody th {padding-right: 1em;}
 
/* masthead */
 
#sitemast a { display: block; text-decoration: none; padding: 0; margin: 0; overflow: hidden; border: none;
  height: 156px; width: 100%; position: relative; z-index: 1;
  background: url(http://haloascensioninfusion.com/images/header.png);
  background-repeat: no-repeat; max-width: 1200px; }
#sitemast a span { visibility: hidden; }
#sitemast h1 { margin: 0; padding: 0; }


/* main content */
 
#main {margin: 0.5em 2em 0 19em; padding: 1em 0;
  min-height: 20em;}
#main h2 {margin: 0 0 0.8em 0; padding: 0; text-align: center;
  font-size: 1.75em; line-height: 1;}
#main p.contact {margin: 0 1em; text-align: right; font-size: 90%;}
 
#main p {line-height: 1.4;}
#main li {line-height: 1.33; margin-bottom: 0.33em;}
#main .compact li {line-height: normal; margin-bottom: 0;}
#main ul li {list-style: circle;}
#main ol li {list-style: decimal;}
 

#main blockquote { font-style: normal; margin:  2em 1em 0 0; }
#main blockquote > *:first-child { text-indent:-14px; }
#main blockquote > *:first-child:before { background:url(/images/left-quote.png) no-repeat 100% 30%; content:"\00A0"; padding:2em; padding-left:0; }
#main blockquote > *:last-child:after { background:url(/images/right-quote.png) no-repeat 10% 70%; content:"\00A0"; padding-right:1.5em; padding-bottom: 0.5em; }
* html #main blockquote * {text-indent:-6px;} /* fix IE6 */
#main cite { margin: 0 1em 1em 2em; font-style: italic; }

/* navbar */
 
#navigate {position: absolute; top: 156px; left: 0; right: 0;
  padding: 0.25em 0 0.25em 0;
  z-index: 1; overflow: hidden;
  height: auto; width: 17em; line-height: 1.5;
  background-color: #666699; color: #ffffff; }
#navigate h4 {display: none;}
#navigate ul, #navigate li {margin: 0; padding: 0;}
#navigate ul li.skip {padding-left: 0.5em;}
#navigate li a {padding-left: 0.5em;}
#navigate li li a {padding-left: 1em;}
#navigate a {display: block;}
#navlinks a {text-decoration: none;}
#navlinks a:link, #navlinks a:visited, 
#navlinks a:active {color: #ffffff;}
#navlinks a:hover {background-color: #6699cc;}

.def a#deflink,
.intro a#introlink,
.jon a#jonlink,
.brenda a#brendalink,
.beth a#bethlink,
.calls a#calllink,
.start a#startlink,
.flight a#flightlink,
.session a#sessionlink,
.training a#traininglink,
.gathering a#gatheringlink,
.practitioner a#practitionerlink,
.store a#storelink,
.client a#clientlink,
.classes a#classlink,
.crystal a#crystallink,
.sites a#siteslink,
.contact a#contactlink
{font-weight: bold;}

/* miscellaneous */
 
#footer {margin: 0.5em 2em 0 19em; padding: 0.5em 0 3.5em;
  border-top: 1px solid #666699;
  text-align: center;
  color: gray; background: #FFF;}
#footer a {color: #558;}
#footer p {line-height: 1; margin: 0; padding: 0.5em 0.25em 0; font-size: 0.85em; }

/* Hack-o-rama! */
 
* html #navigate {padding-top: 0;}
 
/*\*//*/
body #search {width: 20em;}
/**/
 
/*
 
html body {background: #FDC;}
html #sitemast h1 {right: 0; left: auto;}
html #sitemast h1 a {color: maroon;}
html #thoughts ul.meta {float: right;
  text-align: right;}
html #thoughts h3 {font-size: 1.6em; line-height: 1em;
  padding: 0 6.25em 0.25em 0;}
html #thoughts .text {margin-left: 0; margin-right: 10em;}
html #main {margin: 2.25em 2em 0 20em;}
html #extra {right: auto; left: 0;}
 
*/