/** 
 * File        : base.css
 * Created     : 20090516
 * Version     : 1.0
 * Author      : loo@knowit.no
 * Copyright   : LGPL
 * History     : 
 */

 
/* 
 * Name        : reset 
 * Description : CSS to maintain x-browser uniformity.
 *               The goal of a reset stylesheet is to reduce browser inconsistencies in things 
 *               like default line heights, margins and font sizes of headings, and so on.
 *               Inspiered by/copied from Erich Meyers reset.css
 *               see: http://meyerweb.com/eric/thoughts/2007/05/01/reset-reloaded/
 * Notes       : 
 * Created     : 20071001
 */
html,        body,
div,         span,     applet, 
object,      iframe,
h1,          h2,       h3,     
h4,          h5,       h6, 
p,           pre,      a,      
abbr,        acronym,  address, 
blockquote,  big,      cite, 
code,        del,      dfn, 
em,          font,     img, 
ins,         kbd,      q, 
s,           samp,     small, 
strike,      strong,   sub, 
sup,         tt,       var, 
dl,          dt,       dd, 
ol,          ul,       li,
fieldset,    form,     label, 
legend,      table,    caption, 
tbody,       tfoot,    thead, 
tr,          th,       td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
  background: transparent; /* url(none);*/
}

body {
  font-size: 62.5%; /* This body font-size maintains x-browser uniformity 
                     * By setting body.font-size:62.5% we ensures that ems to pixel ratio = 10 */
  line-height: 1;   /* See: http://meyerweb.com/eric/thoughts/2006/02/08/unitless-line-heights/ */
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; 
                    /* font-family: tahoma,arial,verdana,san-serif; /* */
  color: #000; 
  background-color: #FFF;
}

li li,  dt dt {
  font-size: 100%; /* Needed by ie7 if you change parent li or dt to something else
                      than 100%, then child li or dt need 100% */
}
/* remember to define focus styles! */
:focus {
	outline: 0;
}
ol,  ul,  dl {
	list-style: none;
}
/* tables still need 'cellspacing="0"' in the markup: <table cellspacing="0"> */
table {
	border-collapse: separate;
	border-spacing: 0;
}
caption,  th,  td {
	text-align: left;
	font-weight: normal;
}
table,  td,  th { 
  vertical-align: middle; 
}
blockquote:before,  blockquote:after,
q:before,  q:after {
	content: "";
}
blockquote,  q {
	quotes: "" "";
}
a img { 
  border: none; /* Remove annoying border on linked images. */
}
 

/* 
 * Name        : typography
 * Author      : leif.olsen@communityr.com
 * Description : Sets up some sensible default typography
 *               Inspiered by/modified from The BluePrint project
 *               see: http://code.google.com/p/blueprintcss/
 */

/* Headings
-------------------------------------------------------------- */

h1,  h2,  h3, 
h4,  h5,  h6 { 
  font-weight: normal; 
  color: #111;
}
h1 { 
  font-size: 2.8em; 
  line-height: 1; 
  padding-top: 0.3em;
  padding-bottom: 0.2em;
}
h2 { 
  font-size: 2em; 
  padding-top: 0.6em; 
  padding-bottom: 0.15em;
}
h3 { 
  font-size: 1.5em; 
  font-weight: bold;
  line-height: 1; 
  padding-top: 0.9em; 
  padding-bottom: 0.1em;
}
h4 { 
  font-size: 1.3em; 
  line-height: 1.25; 
  padding-top: 1.15em; 
  padding-bottom: 0.1em;
}
h5 { 
  font-size: 1.2em; 
  font-weight: bold; 
  padding-top: 1.4em; 
  padding-bottom: 0.1em;
}
h6 { 
  font-size: 1.2em; 
  font-weight: bold; 
  padding-top: 1.4em;
  padding-bottom: 0.1em;
}
h1 img,  h2 img,  h3 img, 
h4 img,  h5 img,  h6 img {
  margin: 0;
}

h1 a,  h2 a,  h3 a, 
h4 a,  h5 a,  h6 a {
  /*text-decoration: none;*/
}
h1 a:hover,  h2 a:hover,  h3 a:hover, 
h4 a:hover,  h5 a:hover,  h6 a:hover {
  /*text-decoration: underline;*/
}


/* Text elements
-------------------------------------------------------------- */
p,   ul,     ol, 
dl,  table,  blockquote {
  font-size: 1.2em; 
  line-height: 1.2; /* Use same (unitless) value as font-size */
}
p { 
  padding-top: 0.5em; 
  padding-bottom: 0.1em; 
}
p img  { 
  float: left; 
  margin: 1.5em 1.5em 1.5em 0; 
  padding: 0; 
}
p img.right { 
  float: right; 
  margin: 1.5em 0 1.5em 1.5em; 
}
a { 
  color: #009; 
  text-decoration: underline; 
}
a:focus,  a:hover   { 
  color: #000; 
}
a[name] {
  text-decoration: none; 
  color: inherit;
}
blockquote  { 
  margin: 1.5em; 
  color: #666; 
  font-style: italic; 
}
strong { 
  font-weight: bold; 
}
em,  dfn { 
  font-style: italic; 
}
dfn { 
  font-weight: bold; 
}
sup,  sub  { 
  line-height: 0; 
}
abbr,  acronym  { 
  border-bottom: 1px dotted #666; 
}
address { 
  padding-top: 1.5em; 
  font-style: italic; 
}
del { 
  color:#666; 
}
gin {
  padding: 1.5em 0; 
  white-space: pre; 
}
pre,  code,  tt { 
  font: 1em 'andale mono', 'lucida console', monospace; 
  line-height: 1.5;
} 

/* Lists
-------------------------------------------------------------- */

ul,  ol { 
  margin: 0 1.5em 0 2.5em; /* Sufficient for up to 2 digits, increase if you need more */
}
ul { 
  list-style-type: disc; 
}
ol { 
  list-style-type: decimal; 
}
li ul,  li ol { 
  margin:0 1.6em; 
  font-size: 100%; /* Neede by IE */
}
dl { 
  padding-top: 1.5em; 
}
dl dt { 
  font-weight: bold; 
}
dd  { 
  margin-left: 1.5em;
}


/* Tables
-------------------------------------------------------------- */

table { 
  margin-top: 1.4em; 
  width:100%; 
}
th { 
  font-weight: bold; 
	background: #C3D9FF; 
}
th,  td  { 
  padding: 4px 10px 4px 5px; 
}
tfoot { 
  font-style: italic; 
}
caption { 
  background: #eee; 
}

/* Forms, se form-no-ie6/form.css
-------------------------------------------------------------- */

 
/** 
 * Name        : clear-float
 * Description : Easy clearing of floats without extra markup.
 *               Based on How To Clear Floats Without Structural Markup by PiE, see:
 *               http://www.positioniseverything.net/easyclearing.html
 * Notes       : This is very similar to blueprints clearing class.
 */
br.clear-float,
.clear-float:after {
  content: "\0020"; 
  display: block; 
  clear: both; 
  visibility: hidden;
  overflow: hihdden;
  height: 0;
  line-height: 0; 
  font-size: 0;
  background-color: transparent;
}
.clear-float {
  display: block;
}
* html .clear-float {
  height: 1%;
}
*:first-child+html .clear-float { 
  display: inline-block; /* ie7 needs inline-block */
}

/** 
 * Name        : inline-block
 * Description : Cross-Browser Inline-Block
 * Inspirations: http://blog.mozilla.com/webdev/2009/02/20/cross-browser-inline-block/
 *               http://blog.hedgerwow.com/2007/11/14/item-list-grid-real-world-practice-with-displayinline-block-across-browsers/
 */
.inline-block {
  width: auto;
  min-height: .1em;
  min-width: .1em;
  vertical-align: top;         /* results in a great looking grid: */
  display: -moz-inline-stack;  /* Firefox2 need this to simulate display:inline-block   */
  display: inline-block;       /* ie does not apply this to Block Element, and Firefox2 */
                               /* does not render this, too                             */
  zoom:1;                      /* fix ie7, trigger hasLayout */
  *display:inline;             /* fix ie6+ie7, once hasLayout is true, set display:inline to block  */
                               /* element will make display:inline behave like display:inline-block */
  _overflow:hidden;            /* fix ie6, to expanded content */
  _height: .1em;               /* fix ie6, treats height as min-height */
  
  /*margin-left: -3px;          /* fix w3c, if the inline-block element has float:none; then a */
                               /* 3px gap will appear between inline-block elements. */
  /* *margin-left: 0;             /* fix ie7, no 3px gap on ie7 */
}