/* encoding: UTF-8 */
/* ------------------------------------------------------------------ *\
||     Copyright (c) 2006 Hugsmiðjan ehf. - www.eplica.is             ||
\* ------------------------------------------------------------------ */

/* ------------------------------------------------------------------ *\
|*  Example styles                                                    *|
\* ------------------------------------------------------------------ */


.wrapper .pagebody div.design_plain h1,
div.design_plain h3,
div.design_plain h4,
.wrapper .pagebody div.design_none h1,
div.design_none h3,
div.design_none h4 {
  padding : 0;
  border : none;
  background : transparent none;
}

div.design_plain .xmain {
  padding-top : 0;
  border : none;
}
div.design_plain .xextra {
  border-top : none;
  border-right : none;
  border-bottom : none;
  padding-top : 0;
  margin : 0;
}
div.design_plain div.xmain h3,
div.design_plain div.xmain h4,
div.design_plain div.xmain p {
  margin-left : 0;
  margin-right : 0;
}
div.design_plain div.xextra h3,
div.design_plain div.xextra p {
  margin-right : 0;
}


div.design_none .xmain {
  float : none;
  width : auto;
  border : none;
  padding : 0;
}
div.design_none .xextra {
  float : none;
  width : auto;
  border-left : none;
  border-right : none;
  border-bottom : none;
  padding-bottom : 0;
  margin : 0;
}

div.design_none h3,
div.design_none h4,
div.design_none p {
  margin-left : 0;
  margin-right : 0;
}


div.font-family_arial     { font-family : "Arial", "Helvetica", sans-serif; }
div.font-family_verdana   { font-family : "Verdana", sans-serif; }
div.font-family_trebuchet { font-family : "Trebuchet MS", sans-serif; }
div.font-family_courier   { font-family : "Courier New", "Courier", monospace; }
div.font-family_comicsans { font-family : "Comic Sans MS", sans-serif; }
div.font-family_georgia   { font-family : "Georgia", serif; }
div.font-family_times     { font-family : "Times New Roman", "Times Roman", "Times", serif; }

div.font-size_12px { font-size : 12px; }
div.font-size_15px { font-size : 15px; }
div.font-size_18px { font-size : 18px; }
div.font-size_22px { font-size : 22px; }
div.font-size_28px { font-size : 28px; }
div.font-size_36px { font-size : 36px; }
div.font-size_48px { font-size : 48px; }
div.font-size_60px { font-size : 60px; }

div.line-height_120 { line-height : 1.2; }
div.line-height_170 { line-height : 1.7; }
div.line-height_220 { line-height : 2.2; }
div.line-height_275 { line-height : 2.75; }

div.word-spacing_000em { word-spacing :    0em; }
div.word-spacing_033em { word-spacing : 0.33em; }
div.word-spacing_075em { word-spacing : 0.75em;  }
div.word-spacing_133em { word-spacing : 1.33em;  }

div.letter-spacing_000em { letter-spacing :   0em; }
div.letter-spacing_010em { letter-spacing : .10em; }
div.letter-spacing_033em { letter-spacing : .33em; }
div.letter-spacing_050em { letter-spacing : .50em; }

div.text-transform_none *      { text-transform : none !important; }
div.text-transform_lowercase * { text-transform : lowercase !important; }
/* div.text-transform_uppercase * { text-transform : uppercase !important; } */
div.font-style_normal *        { font-style : normal !important; }



div.invert_off {}  /* Dark text on bright backgrouns. (Default in this example) */
div.invert_pale {} /* Dark text on bright backgrouns. (Default in this example) */

div.invert_on  {
  background : #000;
  color : #fff;
}  /* Bright text on Dark background */

div.color_bw *,
div.linkcolor_bw a,
div.linkcolor_bw a *,
div.vowelcolor_bw span.vowel     { color : #000; }

div.color_grey *,
div.linkcolor_grey a,
div.linkcolor_grey a *,
div.vowelcolor_grey span.vowel   { color : #5b5b5b; }

div.color_blue *,
div.linkcolor_blue a,
div.linkcolor_blue a *,
div.vowelcolor_blue span.vowel   { color : #238; }

div.color_cyan *,
div.linkcolor_cyan a,
div.linkcolor_cyan a *,
div.vowelcolor_cyan span.vowel   { color : #007080; }

div.color_green *,
div.linkcolor_green a,
div.linkcolor_green a *,
div.vowelcolor_green span.vowel  { color : #007000; }

div.color_yellow *,
div.linkcolor_yellow a,
div.linkcolor_yellow a *,
div.vowelcolor_yellow span.vowel { color : #770; }

div.color_orange *,
div.linkcolor_orange a,
div.linkcolor_orange a *,
div.vowelcolor_orange span.vowel { color : #950; }

div.color_red *,
div.linkcolor_red a,
div.linkcolor_red a *,
div.vowelcolor_red span.vowel    { color : #88000b; }

div.color_purple *,
div.linkcolor_purple a,
div.linkcolor_purple a *,
div.vowelcolor_purple span.vowel { color : #607; }



div.invert_on_vowelcolor_bw span.vowel,
div.invert_on_linkcolor_bw a,
div.invert_on_linkcolor_bw a *,
div.invert_on_color_bw *      { color : #fff; }

div.invert_on_vowelcolor_grey span.vowel,
div.invert_on_linkcolor_grey a,
div.invert_on_linkcolor_grey a *,
div.invert_on_color_grey *    { color : #ccc; }

div.invert_on_vowelcolor_blue span.vowel,
div.invert_on_linkcolor_blue a,
div.invert_on_linkcolor_blue a *,
div.invert_on_color_blue *    { color : #abf; }

div.invert_on_vowelcolor_cyan span.vowel,
div.invert_on_linkcolor_cyan a,
div.invert_on_linkcolor_cyan a *,
div.invert_on_color_cyan *    { color : #8fe9ee; }

div.invert_on_vowelcolor_green span.vowel,
div.invert_on_linkcolor_green a,
div.invert_on_linkcolor_green a *,
div.invert_on_color_green *   { color : #8f8; }

div.invert_on_vowelcolor_yellow span.vowel,
div.invert_on_linkcolor_yellow a,
div.invert_on_linkcolor_yellow a *,
div.invert_on_color_yellow *  { color : #ff6; }

div.invert_on_vowelcolor_orange span.vowel,
div.invert_on_linkcolor_orange a,
div.invert_on_linkcolor_orange a *,
div.invert_on_color_orange *  { color : #fb6; }

div.invert_on_vowelcolor_red span.vowel,
div.invert_on_linkcolor_red a,
div.invert_on_linkcolor_red a *,
div.invert_on_color_red *    { color : #ff8890; }

div.invert_on_vowelcolor_purple span.vowel,
div.invert_on_linkcolor_purple a,
div.invert_on_linkcolor_purple a *,
div.invert_on_color_purple *  { color : #e9f; }


div.background_bw      { background : #FFFFFF; }
div.background_grey    { background : #CCCCCC; }
div.background_blue    { background : #AABBFF; }
div.background_cyan    { background : #8FE9EE; }
div.background_green   { background : #88FF88; }
div.background_yellow  { background : #FFFF66; }
div.background_orange  { background : #FFBB66; }
div.background_red     { background : #FF8890; }
div.background_purple  { background : #EE99FF; }


div.invert_on_background_bw      { background : #000000; }
div.invert_on_background_grey    { background : #5B5B5B; }
div.invert_on_background_blue    { background : #223388; }
div.invert_on_background_cyan    { background : #007080; }
div.invert_on_background_green   { background : #007000; }
div.invert_on_background_yellow  { background : #777700; }
div.invert_on_background_orange  { background : #995500; }
div.invert_on_background_red     { background : #88000B; }
div.invert_on_background_purple  { background : #660077; }

div.invert_pale_background_bw      { background : #F5F5F5; }
div.invert_pale_background_grey    { background : #E5E5E5; }
div.invert_pale_background_blue    { background : #E2E9FF; }
div.invert_pale_background_cyan    { background : #E2F5FF; }
div.invert_pale_background_green   { background : #E2FFE2; }
div.invert_pale_background_yellow  { background : #FFFFE0; }
div.invert_pale_background_orange  { background : #FFF0E2; }
div.invert_pale_background_red     { background : #FFE2E9; }
div.invert_pale_background_purple  { background : #F5E2FF; }