/* --------------------------------------------------------------

   ie.css

   Contains every hack for Internet Explorer,
   so that our core files stay sweet and nimble.

-------------------------------------------------------------- */

/* Make sure the layout is centered in IE5 */
body.IE5 { text-align: center; }
body.IE5 .container { text-align: left; }

/* Fixes IE margin bugs */
* html body.IE7 .column, 
* html body.IE7 .span-1, 
* html body.IE7 .span-2,
* html body.IE7 .span-3, 
* html body.IE7 .span-4, 
* html body.IE7 .span-5,
* html body.IE7 .span-6, 
* html body.IE7 .span-7, 
* html body.IE7 .span-8,
* html body.IE7 .span-9, 
* html body.IE7 .span-10, 
* html body.IE7 .span-11,
* html body.IE7 .span-12, 
* html body.IE7 .span-13, 
* html body.IE7 .span-14,
* html body.IE7 .span-15, 
* html body.IE7 .span-16, 
* html body.IE7 .span-17,
* html body.IE7 .span-18, 
* html body.IE7 .span-19, 
* html body.IE7 .span-20,
* html body.IE7 .span-21, 
* html body.IE7 .span-22, 
* html body.IE7 .span-23,
* html body.IE7 .span-24 { display:inline; overflow-x: hidden; }

* html body.IE6 .column, 
* html body.IE6 .span-1, 
* html body.IE6 .span-2,
* html body.IE6 .span-3, 
* html body.IE6 .span-4, 
* html body.IE6 .span-5,
* html body.IE6 .span-6, 
* html body.IE6 .span-7, 
* html body.IE6 .span-8,
* html body.IE6 .span-9, 
* html body.IE6 .span-10, 
* html body.IE6 .span-11,
* html body.IE6 .span-12, 
* html body.IE6 .span-13, 
* html body.IE6 .span-14,
* html body.IE6 .span-15, 
* html body.IE6 .span-16, 
* html body.IE6 .span-17,
* html body.IE6 .span-18, 
* html body.IE6 .span-19, 
* html body.IE6 .span-20,
* html body.IE6 .span-21, 
* html body.IE6 .span-22, 
* html body.IE6 .span-23,
* html body.IE6 .span-24 { display:inline; overflow-x: hidden; }


/* Elements
-------------------------------------------------------------- */

/* Fixes incorrect styling of legend in IE6. */
* html body.IE6 legend { margin:0px -8px 16px 0; padding:0; }

/* Fixes wrong line-height on sup/sub in IE. */
body.IE6 sup { vertical-align:text-top; }
body.IE6 sub { vertical-align:text-bottom; }
body.IE7 sup { vertical-align:text-top; }
body.IE7 sub { vertical-align:text-bottom; }

/* Fixes IE7 missing wrapping of code elements. */
html>body.IE7 p code { *white-space: normal; }

/* IE 6&7 has problems with setting proper <hr> margins. */
body.IE6 hr  { margin:-8px auto 11px; }
body.IE7 hr  { margin:-8px auto 11px; }

/* Explicitly set interpolation, allowing dynamically resized images to not look horrible */
img { -ms-interpolation-mode:bicubic; }

/* Clearing
-------------------------------------------------------------- */

/* Makes clearfix actually work in IE */
body.IE6 .clearfix, 
body.IE6 .container { display:inline-block; }
body.IE7 .clearfix, 
body.IE7 .container { display:inline-block; }

* html body.IE6 .clearfix,
* html body.IE6 .container { height:1%; }
* html body.IE7 .clearfix,
* html body.IE7 .container { height:1%; }

/* Forms
-------------------------------------------------------------- */

/* Fixes padding on fieldset */
body.IE6 fieldset { padding-top:0; }
body.IE7 fieldset { padding-top:0; }

/* Makes classic textareas in IE 6 resemble other browsers */
body.IE6 textarea { overflow:auto; }

/* Fixes rule that IE 6 ignores */
body.IE6 input.text, 
body.IE6 input.title, 
body.IE6 textarea { background-color:#fff; border:1px solid #bbb; }
body.IE6 input.text:focus, 
body.IE6 input.title:focus { border-color:#666; }
body.IE6 input.text, 
body.IE6 input.title, 
body.IE6 textarea, 
body.IE6 select { margin:0.5em 0; }
body.IE6 input.checkbox, 
body.IE6 input.radio { position:relative; top:.25em; }

/* Fixes alignment of inline form elements */
body.IE6 form.inline div, 
body.IE6 form.inline p { vertical-align:middle; }
body.IE6 form.inline label { position:relative;top:-0.25em; }
body.IE6 form.inline input.checkbox, 
body.IE6 form.inline input.radio,
body.IE6 form.inline input.button, 
body.IE6 form.inline button {
  margin:0.5em 0;
}
body.IE6 button, 
body.IE6 input.button { position:relative;top:0.25em; }

body.IE7 form.inline div, 
body.IE7 form.inline p { vertical-align:middle; }
body.IE7 form.inline label { position:relative;top:-0.25em; }
body.IE7 form.inline input.checkbox, 
body.IE7 form.inline input.radio,
body.IE7 form.inline input.button, 
body.IE7 form.inline button {
  margin:0.5em 0;
}
body.IE7 button, 
body.IE7 input.button { position:relative;top:0.25em; }