/*BEHÅLLARE*/
body {
	background-color: #dee4cb;
	font-size: 103%;
        text-align:center;
}
* {margin:0; padding:0;}

div#wrapper {width:990px; margin-left:1%; margin-right:auto; margin-top:10px; margin-bottom:auto; background-color:#FFF;
border: 1px solid #000;
}



div#logo {
	left:25px;
	margin-top:4px;
	width:160px;
}
div#sidhuvud {width:100%; height:2.4em; background-color:#FFF; border-bottom:1px solid #000;}
div#green {background-color:#21890d; height:10px; top:5%;}

div#listmenu {
	width:100%; 	/* ger div-elementet full bredd */
	float:left;		/* gör att div-elementet omsluter listan */
        font-family: "Times New Roman", Times, serif;
	font-size:1.2em;	/* ANGE TECKENSTORLEKEN HÄR */
        letter-spacing: 2px;
        margin-left:150px;
	}
div#listmenu ul {margin:0 0 0 30px; /* drar in ul från behållarens kant */
	}
div#listmenu li {
	float:left;	/* får listan att justeras vågrätt i stället för lodrätt */
	list-style-type:none;	/* tar bort punkterna för varje listpost */  
	}
div#listmenu a {
	padding:0 14px; /*skapar luft på varje sida om menyalternativen */   
	text-decoration:none;	/* tar bort understrykningen av länken */
	color:#000;	/* anger teckenfärgen */
	}
div#listmenu a:hover {
	color:#FF3300; /* anger färgen på rollovereffekten för texten */
}
/* den vågräta menyn slutar här */

#navbar {height: 2.4em;
  padding: 0 0 0 0;
}
#navbar li {float: left; padding: 0 23px 0 13px;
}

#navbar li a {display: block; padding: 0.4em 0 0.25em;
  text-transform: uppercase; color: #000;}
#navbar #about {background: none;}


#navbar a:hover,
  .news #navbar #news a,
  .features #navbar #features a,
  .blog #navbar #blog a,
  .gandhian #navbar #gandhian a,
  .about #navbar #about a {
background:url("../images/navbarlinkbg.gif") top left repeat-x;
}

div#main {width:100%; background-image:url("../images/faux_columns2.gif");
}

div#articlecol {
width:460px;
float:left;
text-align:left;
margin-top:0.3em;
}
div#newsticker {
                font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.9em;
                text-align:left;
                font-weight: bold;
	color: #CC6633;
	background: #ffffff;
	position: relative;
}
div#newsticker a {
                text-decoration:none;
                color: #CC6633;
}
div#newsticker ul {
	list-style: none;
	height: 0.6em;
}
* html #newsticker ul {
	height: 0.6em;
	overflow: visible;
}
div#newsticker li.error {
	color: #f00;
}
div#newsticker #togglenewsticker {
	background: transparent url("") no-repeat 0 0;
	overflow: hidden;
	position: absolute;
	right: 10px;
	top: 12px;
	width: 0px;
	height: 0px;
	outline: none;
}
* html #newsticker #togglenewsticker {
	right: 30px;
}

div#articletxt {
text-align:left;
margin-top:1.0em;
}


div#slogan {
        position:relative;
	left:-8px;
	margin-top:-50px;
	width:185px;
	font-family: "Times New Roman", Times, serif;
	font-size: 1.1em;
	font-style: italic;
	color: #666666;
	letter-spacing: 1px;
	text-align: center;
        float:left;
}
.searchform {
	font-weight: bold;
	letter-spacing: 2px;
         line-height: 1.0em;
	text-align: center;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.7em;
        font-style: normal;
	color: #CC6633;
	left:15px;
	margin-top:1.5em;
	width:185px;
	}
div#gandhireader {
        position:relative;
	margin-left:15px;
        width:156px;
        height:260px;
        margin-top:1.5em;
        background-image:url("../images/gandhiReader.gif");
        background-repeat:no-repeat;
        border-top:2px dotted #CC6633;
        border-bottom:2px dotted #CC6633;
        border-left:2px dotted #CC6633;
        border-right:2px dotted #CC6633;
        }  

div#gandhitext {
        margin-top:1.5em;
        margin-left:4px;
        font-family: "Times New Roman", Times, serif;
	font-size: 0.7em;
        color: #000000;
	letter-spacing: 0px;
	text-align:left;
       } 

div#gandhisitesrub {
        margin-top:0.6em;
        margin-left:4px;
        font-family: Verdana, Arial, Helvetica, sans-serif;
        font-size: 60%;
        font-style: normal;
        letter-spacing: 2px;
        font-weight: bold;
        color: #CC6633;
       }

div#gandhisiteslinks {
        margin-left:4px;
        font-family: Verdana, Arial, Helvetica, sans-serif;
        font-style: normal;
        font-size: 60%;
        letter-spacing: 0px;
        line-height: 120%;
        color: #CC6633;
       }       

div#linklist {
        text-align:left;
        margin-left:10px;
	}

div#rightcol {
width:217px;
float:left;
text-align:left;
margin-top:0.3em;
margin-left:30px;
}

div#nyhetsbrev {
        width:210px;
        height:20px;
        background-color:#dee4cb;
        border-top:4px dashed #777777;
        border-bottom:4px dashed #777777;
        border-left:4px dashed #777777;
        border-right:4px dashed #777777;
        } 

div#nyhetsbrevrub {
        margin-top:2px;
        margin-left:2px;
        font-family: "Century Gothic", sans-serif;
        font-size: 0.85em;
        text-align:center;
        font-style: normal;
        letter-spacing: 1px;
        color: #21890d;
       }

div#headlines2 {
        float:left;
        text-align:left;
        margin-left:30px;
        margin-top:8px;
}        

div#banner2 {
        float:left;
        margin-top:10px;
	width:640px;
	height:118px;
}

div#calendar {
        clear:left;
        width:156px;
        height:300px;
        margin-top:10px;
        margin-left:15px;
        background-color:#dee4cb;
        background-image:url("../images/calendar.gif");
        background-repeat:no-repeat;
        border-top:2px dotted #21890d;
        border-bottom:2px dotted #21890d;
        border-left:2px dotted #21890d;
        border-right:2px dotted #21890d;
        float:left;
}

div#calendartxt {
        margin-top:30px;
        margin-left:5px;
        font-family: Verdana, Arial, Helvetica, sans-serif;
        font-style:normal;
	font-size: 0.6em;
        letter-spacing: 0px;
	text-align:left;
}


div#sidfot {
	border-top:1px solid #324031;
	background-color:#FFFFFF;
        height:15px;
        width:100%;
        font-family: Verdana, Arial, Helvetica, sans-serif;
        font-size: 0.7em;}

/*STILAR*/
        
.datumstil {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 0.9em;
	letter-spacing: 1px;
        text-align:center;
}

.rub {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 120%;
	text-align:left;
}

.rub2 {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 170%;
        line-height: 120%;
	text-align:left;
}

.rub3 {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 1.2em;
        color:#CC6633;
	text-align:left;
}

.rub4 {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 1.0em;
        font-style: italic;
	text-align:left;
}

.searchrub {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.8em;
        font-weight: bold;
	text-align:left;
}

.rub a{
color:#CC6633;
text-align:left;
}

.rub2 a{
color:#CC6633;
text-align:left;
}

.searchrub a{
color:#CC6633;
text-align:left;
}

.ingress {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 70%;
	text-align:left;
}
.read {
	font-family: "Times New Roman", Times, serif;
	font-size: 70%;
	font-style: italic;
	line-height: 10px;
	text-align: right;
}

.not {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.7em;
        letter-spacing: 2px;
        text-align:left;
}

.not a{
        font-weight: bold;
	color: #CC6633;
        text-align:left;
}

.not2 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 60%;
        letter-spacing: 2px;
        text-align:right;
}

.not2 a{
        font-weight: bold;
	color: #CC6633;
        text-align:right;
}

a {
text-decoration:none;
color:#000000;
}

a:hover {
	color: #FF0000;
	background-color: #F4F2E4;
}
.delicious-post {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:0.8em;
}

.headline-1 {
	font-family: "Times New Roman", Times, serif;
	font-size: 0.8em;
	font-style: italic;
}
.headline2 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.8em;
	font-style: normal;
	list-style-type: circle;
}
.style1 {color:
#CC6633}
.style2 {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 0.85em; font-weight: bold; list-style: circle; list-style-position: outside; color: #CC6633; }

.style2 a{
color:#CC6633;
}

.style4 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.7em;
}

.imgright {
        float:right; margin:0 4px 4px 0;
}


/* här följer den briljanta "ingen-extra-kod"-metoden för friläggning (clearing) som 
uppfunnits av Tony Aslett - www.csscreator.com */
/* lägg helt enkelt till klassen clearfix till den behållare som måste omge flytande element */
/* läs mer om hur och varför detta fungerar på http://www.positioniseverything.net/easyclearing.html */ 
.clearfix:after {
    content: ".";              /* punkten placeras på sidan som sista objekt innan div-elementet avslutas */
	display: block;          /* inline-element reagerar inte på egenskapen clear */ 
    height: 0;                  /* ser till att punkten inte är synlig */
    clear: both;               /* får behållaren att frilägga punkten */
    visibility: hidden;	     /* försäkrar ytterligare att punkten inte är synlig */
}

.clearfix {display: inline-block;}   /* en fix för IE Mac */

/* härnäst en fix för den fruktade Guillotine-buggen i IE6 */
/* Gömmer för IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* Slut på gömning för IE-mac */
/* slut på "ingen-extra-kod"-metoden för friläggning (clearing) */