/* CSS StyleSheet for Socialisten */

body
{
  background-image: url(../images/tyg.jpeg);
  background-attachment: fixed;
  font-family: Verdana, sans-serif;
  font-size: 11px;
  line-height: 150%;
  padding-top: 6px;
  padding-bottom: 20px;
}

/* Tabeller ärver inte font-formateringar i IE, låt därför
formateringarna för table vara samma som för body. */

table
{
  font-family: Verdana, sans-serif;
  font-size: 11px;
  line-height: 150%;
}

a
{
  color: #08B701;
  text-decoration: none;
}

a.black
{
  color: #000000;
  font-weight: bold;
}

a:hover
{
  color: #FF0000;
}

img
{
  border: none;
}

ul.tabs li a:hover
{
  color: #FF0000;
}


td.contentheading
{
  font-family: Arial, sans-serif;
  font-size: 18px;
  font-weight: bold;
  line-height: 130%;
}

h2
{
  font-family: Arial, sans-serif;
  font-size: 14px;
  font-weight: bold;
  margin-top: 30px;
  margin-bottom: 0;
}

ul,li
{
  margin: 0;
  padding: 0;
}

div#paper
{
  position: relative;
  width: 770px;
  margin-left: auto;
  margin-right: auto;
  margin-top: 0px;
  margin-bottom: 0px;
}

/* Klasser som går att välja i editorn */

p.ingress
{
  font-weight: bold;
}

p.author
{
  text-align: right;
  color: #808080;
}

p.sources
{
  text-align: right;
  font-style: italic;
  color: #808080;
}

.indrag
{
  font-weight: bold;
  text-transform: uppercase;
}

/* Formulär */

input
{
  font-size: 12px;
}

input.button, input.buttonsearch, button
{
  background-color: #08B701;
  border: 2px solid;
  border-top-color: #006700;
  border-left-color: #58FF51;
  border-right-color: #006700;
  border-bottom-color: #58FF51;
}

input.button:active, input.buttonsearch:active
{
  background-color: #08B701;
  border: 2px solid;
  border-top-color: #58FF51;
  border-left-color: #006700;
  border-right-color: #58FF51;
  border-bottom-color: #006700;
}



/* Tab area */

div#tab-area
{
  position: relative;
  width: 750px;
  left: 10px;
  height: 45px;
}

ul.tabs
{
  padding-left: 0;
}

ul.tabs li
{
  float:left;
  list-style-type:none;
  width: 70px;
  height: 45px;
}

ul.tabs li a
{
  display: block;
  width: 100%;
  height: 100%;
  padding-top: 20px;
  text-align: center;
  color: #000000;
  font-size: 11px;
}

ul.tabs li a:hover
{
  color: #FF0000;
}

/* Internet Explorer hack */

a.ie-tab
{
  text-align: center;
  padding-top: 20px;
  color: #000000;
  font-size: 11px;
}

a.ie-tab:hover
{
  color: #FF0000;
  cursor: pointer;
}


/* Top area */

div#top-area
{
  position: relative;
  width: 750px;
  height: 180px;
  left: 10px;
  margin-bottom: 0;
}

div#section-field
{
  position: absolute;
  top: 0;
  left: 0;
  width: 590px;
  height: 61px;

  font-size: 11px;
  line-height: 200%;

  background-color: #FFFDFA;
}

div#section-field p
{
  margin-top: 10px;
  margin-left: 20px;
}

div.ie div#section-field p
{
  margin-top: 4px;
}

div#section-field p a
{
  color: #000000;
}

div#section-field p a.active-subtab
{
  color: #08B701;
}

div#section-field p img
{
  margin-left: 4px;
  margin-right: 4px;
}

div#section-field p a:hover
{
  color: #FF0000;
}

#logo
{
  position: absolute;
  margin-bottom: 0;
  padding: 0;
  left: 0;
  top: 61px;
}

div#upper-corner
{
  position: absolute;
  margin-bottom: 0;
  padding: 0;
  top: 0;
  left: 529px;
  background-color: #FFFDFA;
  width: 221px;
  height: 180px;
}

/* Main area */

div#main-area-wrapper
{
  position: relative;
  width: 100%

  background-color: blue;
}

div#main-area
{
  position: relative;
  left: 10px;
  width: 750px;
  padding-top: 24px;
  padding-bottom: 24px;
  background-color: #FFFDFA;
  min-height: 650px;
}

div#main-content-field
{
  position: relative;
  margin-top: 0;
  margin-left: 0;
  margin-right: 0;
  padding-bottom: 24px; 
  left: 180px;
  width: 370px;
}

table.contentpaneopen
{
  width: 100%;
}

.createdate
{
  color: #808080;
  font-size: 11px;
}

.calendar-locdate
{
  color: #808080;
  font-size: 11px;
}

a.readon
{
  display: block;
  width: 20px;
  height: 25px;
  background-image: url(../images/pil.jpeg)
}

a.readon:hover
{
  background-image: url(../images/pil-aktiv.jpeg)
}

/* Side bars */

div#left-bar
{
  position: absolute;
  left: 10px;
  top: 24px;
  width: 160px;
  padding: 0;
}

div#right-bar
{
  position: absolute;
  left: 580px;
  top: 24px;
  width: 160px;
  padding: 0;
}

div.moduletable
{
  background-color: #D0D0D0;
  margin-bottom: 30px;
  font-size: 9px;
  line-height: 130%;
  padding: 10px;
}

div.moduletable h3
{
  margin-top: 0;
  color: #FFFFFF;
  font-family: Arial, sans-serif;
  text-align: left;
  font-size: 14px;
}

div.moduletable ul
{
  margin-top: 12px;
  list-style-type: none;
}

div.moduletable ul a
{
  color: #000000;
}

div.moduletable ul a:hover
{
  color: #FF0000;
}

div.moduletable li
{
  margin-left: 1px;
  margin-bottom: 12px;
}

li.newsfeed a
{
  font-weight: normal;
}

div.moduletablemorenews
{
  margin-bottom: 30px;
  font-size: 9px;
  line-height: 130%;
}

div.moduletablemorenews h3
{
  margin-top: 0;
  font-family: Arial, sans-serif;
  text-align: left;
  font-size: 14px;
}

div.moduletablemorenews li
{
  list-style-type: none;
  margin-bottom: 12px;
}

div.moduletablemorenews li a
{
  color: #000000;
}

div.moduletablemorenews li a:hover
{
  color: #FF0000;
}

div.moduletablebanners
{
  margin-bottom: 30px;
}

/* Bottom area */

div#bottom-area
{
  position: relative;
  width: 750px;
  height: 28px;
  left: 10px;
}

#contact-info-img
{
  position: absolute;
  left: 180px;
  top: 0px;
}

#demonstration-img
{
  position: absolute;
  bottom: 0px;
  left: 0;
  /*bottom: -28px;*/
  /*top: -145px;*/
}

/* Paper's shadow */

div#shadow-top
{
  position: absolute;
  right: 0px;
  top: 35px;
  width: 130px;
  height: 10px;
  background-image: url(../images/skugga_uppe.png);
}

div#shadow-right-top
{
  position: absolute;
  right: 0px;
  top: 45px;
  height: 180px;
  width: 10px;
  background-image: url(../images/skugga_sida.png);
}

div#shadow-right-middle
{
  position: absolute;
  top: 0px;
  right: -10px;
  height: 100%;
  width: 10px;
  background-image: url(../images/skugga_sida.png);
}

div#shadow-right-bottom
{
  position: absolute;
  right: -10px;
  top: 0px;
  height: 28px;
  width: 10px;
  background-image: url(../images/skugga_nere.png);
}