/*
Body
*/
body {
  background: #eaeaea url("../img/sfm.png") 50% 50% no-repeat fixed;
  color: #000;
  font-size: 62.5%;
  margin: 0em;
  padding: 0em;
}

/* 
ClearFix (http://positioniseverything.net/easyclearing.html) 
*/
.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

.clearfix {display: inline-table;}

  /* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
  /* End hide from IE-mac */

/*
Innehålls-DIV:en
*/
#content {
  background: #fff /* ThreeDFace */ url("../img/sfm2.png") 50% 50% no-repeat fixed;
  color: #000;
  border: 1px solid #000;
  border-color: ThreeDHighlight ThreeDDarkShadow ThreeDDarkShadow ThreeDHighlight;
  margin: 5em 5em 0.1em 5em;
  padding: 3em;
  font-size: 1.4em;
  line-height: 1.4em;
  z-index: 1;
}

  /* Hides from IE-mac \*/
* html #content {background: #fff;}
  /* End hide from IE-mac */

#content a {
  color: #00a;
  text-decoration: underline;
  padding: 1px;
  margin: 1px;
}

#content a:hover {
  background: #eaeaea; 
  text-decoration: none;
  margin: 0;
  border: 1px dotted #000;
}

#content ul {
  list-style: none; 
}

#content ul img {
  border: 0;
}

#content a.urlimg:hover {
  text-devoration: none;
  border: solid 1px transparent;
  background: inherit;
}


/* line-height: 2em;  Sätt line-height till td:ns höjd, så blir texten vertikalt centrerad. */


/*
Höger-marginalen
*/

.right-wing {
 float: right;
 width: 25%;
 color: #000;
 border: 4px double #abf;
 background: #eee;
 padding: 1em;
 margin: 1.5em -2em 1em 1em;
 z-index: 2;
 -moz-border-radius: 42px;
}

/*
Vänster-marginalen
*/

.left-wing {
 float: left;
 width: 25%;
 color: #000;
 border: 4px double #abf;
 background: #eee;
 padding: 1em;
 margin: 1.5em -2em 1em 1em;
 z-index: 2;
 -moz-border-radius: 42px;
}


/*
Footer-sektionen
*/
#foot {
  text-align: center;
  color: #696969;
  font-size: 1.2em;
  margin-bottom: 20em;
}

#foot a {
  color:#696969;
}

/*
Enskilda huvudelement
*/
h1 {
  text-align: center;
  font-size: 2.4em;
  width: 90%;
  line-height: 1.3em;
}

h2 {
  text-align: left;
  text-transform: capitalize;
}

h3 {
  margin-top: 1em;
  margin-bottom: -0.5em;
}

h3:first-letter {
  padding-left: 1em;
}

h4 {
  margin: 4em 3em 0 4em;
  border-right: solid #abf 3px;
  border-left: solid #abf 3px;
  padding: 0 1em 0 1em;
  z-index: 3;
}

br.clear {
  clear:both;
}

/* För att imitera tangenter */
.kbd {
 padding: 0px 1px 0px 1px;
 border: solid #000;
 border-width: 1px 2px 2px 1px;
 background: #faf6f6;
 color: #000;
 border-color:  #edd #baa #baa #eed;
}

/* Extension-sidorna */
#extensions {
  border: solid 1px #000;
  padding: 1em;
  margin: 4em;
/*  background: #60609c url("http://sanityfm.frantzen.se/firefox/ie-firefox2.jpg") 100% 100% no-repeat; */
}

#extensions dd {
  margin-bottom: 1em;
}

.center {
  text-align: center;
  margin-right: auto;
  margin-left: auto;
}