/*Här är ett sk Style Shet som används för att 
sätta stilen(färg, fontstil, fontstorlek, marginaler etc...) på en websida.
En fil innehållande ett Style Sheet kopplas till en websida
med style elementet inkluderad inuti head elementet, så här:  
<link href="länk-till-din-css-fil" type="text/css" rel="stylesheet" />

Denna CSS file är kopplad från HTML documentet så här:  
<link href="css/fakirstil.css" type="text/css" rel="stylesheet" />, 
Detta: href="css/fakirstil.css", visar att filen hittas i mappen "css" och att den heter heter fakirstil.css
***************************************************************/

/*Här börjar själva Style Sheetet som är kraftigt överkommenterat för att du ska veta lite om vad som pågår*/


/*Nollställer margin och padding för alla element*/
*{
	margin:0;
	padding:0;
}
/*Sätter bakgrunden till en repeterad bakgrunds-gif, annars - om .gif bilden inte hittas - andvänds den ljusgrå färgen med hextalet #ccc*/
body,
html {
    background:#eee url(../images/bg.gif) repeat-x;
}
/*Sätter textfärgen till #000, dvs svart, och fonten(textstilen) till arial*/
body {
	color:#000;
	font:76%/150% Arial, Helvetica, sans-serif;
}
/*Omslutande element som bl a används för att centrera innehållet på sidan*/
#wrap {
	border-right: #bbb 1px solid; /*Högra kanten sätts till färgen #bbb, dvs något mörkare grå än bakgrunden på wrapen*/
    border-left: #bbb 1px solid; /*Samma för vänster kant*/
    background:#ccc;/*Bakgrunden sätts till ljusgrå*/
	margin: 0 auto; /*Centrerar wrapen*/
	position: relative; /*Har en position som är relativ till dess normala position*/
	max-width: 79em; /*Sätter en max vidd för wrapen*/
	text-align:center;/*Centrerar texten*/
}
/*Table med dig och din polares huvuden*/
table#headpics {
	margin:3em auto 2.5em auto;/*Sätter marginaler. Använder em unit som är en enhet vars storlek är relativ till fontstorleken av bokstaven M*/
	border-collapse: collapse;/*Inga kanter*/
}
p#textpic {
	margin-bottom:400px;/*Puttar ner texten ordentligt*/
}
/*Headings, dvs överskrifter för paragrafer******/
h1,h2,h3,h4,h5,h6 {
	font-weight:bold;
	color:#000;
	font-family:Helvetica,Arial,sans-serif;
}
h1 {
	font-size:1.65em;
	margin:0 0 0.4em;
	text-shadow:2px 2px 2px #ccc;
}
h2 {
	font-size:1.3em;
	margin:1.7em 0 0.4em;
	font-weight:bold;
}
h3 {
	font-size:1em;
	font-weight:bold;
	text-transform:uppercase;
}
/***********************************************/
/*Paragrafer, dvs textstycken*/
p {
margin-top:0;
margin-bottom:0.5em;
padding-bottom:0.5em;
}
/*Varningstextruta*/
.warning {
	padding:0.7em;
	border-top:1px solid #777;
	border-bottom:1px solid #777;
	background:transparent;
	font:italic 1.2em/1.1 Georgia;
}
/*Allt förutom de översta bilderna, dvs allt textinnehåll*/
#content {
	width:50%;/*Vidden sätts till 50% av den centrerade wrapen*/
	margin: 0 auto;/*Centreras*/
	background:#ccc;
}
/*Utseendet för din stat- hit-conter. Färgen sätts till mörkgrå för inte vara allt för tydlig mot bakgrunden*/
#statcounter {
background:transparent;
color:#777;
}
/*Stilen på den största övertextstaggen/elementet. Sätter ner storleken ordentligt.*/	
h1#gate-style {
	font-size:1.2em;
	font-weight:bold;
	text-transform:uppercase;
}
/*Undertexten till h1 här ovan sätts till 60% av dess storlek*/
#undertext {
	font-size:60%;
}