@charset "ISO-8859-1";
/** CSS fil normal för penilla.nu {{{
Grundfärger från http://www.webwhirlers.com/colors/wizard.asp:
  Tema:                 #FFE831 (gul) (passar till skyltarnas #FFB431)
  Komplement:           #0017CE (blå)
  Triad:                #E831FF (lila), #31FFE8 (mint)
  Analoga:              #FF4D31, #FF8131, #FFB431 (skyltarna), -tema-, #E2FF31, #AFFF31, #7BFF31 (röd till ljusgrön)
  Komplement-analoga:   #00B1CE, #007ECE, #004ACE, -komp-, #1C00CE, #5000CE, #8300CE (ljusblå till lila)
  Komplement-triad:     #17CE00 (grön), #CE0017 (rost)
  Tint and Shade:       #FFFFFF, #FFF7BA, #FFEF75, -tema-, #D8C529, #B2A222, #8C7F1A (vit till brungul)
  Chromatic variations: -tema-, #3147FF (blå), -lila-triad-, #FF3148 (röd), #48FF31 (grön), -mint-triad-
  Saturation variation: #FFE200, -tema-, #E2D358, #C6BD75, #AAA686 (mörkgul till grå)
* }}} */
/* ==grundinställningar (*,html,body,h,p,etc) {{{
------------------------------------------------------------- */

html {
    background: white;
}
body {
    font: medium/1.4 "Liberation Sans",Calibri,helvetica,arial,sans-serif;
    margin: 0;#artikel .anarrow {
    width: 260px;
    padding-right: 10px;
    float: left;
}
    
}
h1,h2,h3,h4,h5,h6,p,pre {
    margin-top: 1em;
    font-family: Tahoma, Verdana, sans-serif;
    page-break-after: avoid;
    page-break-inside: avoid;
}
h1 {
    font-size: 1.8em;
    text-align: center;
    margin: 0 0 0.6em 0;
    padding: 0;
}
h2 {
    margin: 0.3em 0.3em 0.3em 0;
    font-size: 120%;
}
h3 {
    font-size: 110%;
}
h4,h5,h6 {
    font-size: 100%;
}
/* h5 och h6 om de behövs */
hr {
    /* */
}
p {
    page-break-inside: avoid;
}

/* }}} */
/* ==länkarnas grundinställning           {{{
------------------------------------------------------------- */

a {
    color: #0017CE;
}
a img {
    border: none;
}
/* }}} */
/* ==formulärs grundinställningar         {{{
------------------------------------------------------------- */

form {
    display: none;
}
fieldset {
    border: 2px solid #D8C529;
    -moz-border-radius: 10px;
}
legend {
    font-weight: bold;
    color: #000E81;
}
fieldset h2 {
    font-size: 120%;
}

/* }}} */
/* ==tabellers grundinställningar         {{{
------------------------------------------------------------- */

table {
    margin: 1em 0;
}
caption {
    padding-bottom: 0.5em;
}

/* }}} */
/* ==listor grundinställningar            {{{
------------------------------------------------------------- */

ul li {
    margin-top: 0.5em;
}
ol ol {
    list-style-type: lower-alpha;
}
dt {
    font-weight: bold;
    font-family: Tahoma, Verdana, sans-serif;
}
dd {
    margin-bottom: 1em;
}
dd.notLast {
    margin-bottom: 0.2em;
    margin-top: 0.2em;
}

/* }}} */
/* ==övriga elements grundinställningar   {{{
------------------------------------------------------------- */

object {
    margin: 20px 55px;
}
blockquote {
    margin-left: 20px;
    margin-right: 20px;
    border-left: 2px solid #B2A222;
    padding-left: 5px;

}
/* Experminetella inställningar - kan krascha Firefox, ignoreras av MSIE */
blockquote p:first-child:before,blockquote h2:first-child:before,blockquote h3:first-child:before {
    content: open-quote;
}
blockquote p:last-child:after {
    content: close-quote;
}
abbr, acronym, dfn {
}
abbr[title], acronym[title], dfn[title] {
}
address {
    font-style: inherit;
}
q {
    quotes: "\201C" "\201D" "\2018" "\2019"; /* citationstecken */
}
code {
    color: darkred;
    font-weight: bold;
    font-size: inherit;
}
ins {
    text-decoration: none;
    color: #000A5B; /* Mörk variant av kontrastfärgen */
}
ins[datetime]:before {
    content:" [Uppdatering: "attr(datetime)"]"
}
/* Andra tänkbara element att styla:
em, strong
kbd, samp, var
img
big, small, sub, sup
hr
del
pre
cite
*/

/* }}} */
/* ==sidans delar ("divvar")              {{{
------------------------------------------------------------- */

#wrapper {
    /* position: relative; */
    width: 100%;
    padding: 0;
    min-height: 20cm;
    border-top: 2px ridge #FFE831;
}
div#uRhere {
    display: none;
}
.header {
    padding: 0 50px;
    height:  128px;
    border:  1px solid transparent; /* Remove white etc */
    background-color: #FFF7BA;
    position:  relative;
}
#meny {
    display: none;
    /*
    margin: 0;
    position: absolute;
    left: 0;
    top: 156px;
    width: 100%;
    height: 0;
    overflow: hidden;
    */
}
#main {
    position: static;
    border-top: 2px ridge #FFE831;
    margin-top: 75px;
    padding-top: 10px;
    min-height: 20cm;
}
.footer {
    width: 100%;
    clear: both;
    margin: 4em 0 2em 0;
    border-top: 5px solid #FFE831;
}

/* }}} */
/* ==topp-blocket (avkomlingsselektorer)  {{{
------------------------------------------------------------- */

.header h1 {
    text-transform: uppercase;
    font:           350% "URW Gothic L", "Franklin Gothic", sans-serif;
    letter-spacing: 0.3ex;
    text-align:     center;
    margin:         0.2em 0 0;
}
.header h2 {
    position:       absolute;
    color:          maroon;
    top:            42%;
    right:          30px;
    text-align:     right;
    font:           350% Desyrel, Chalkboard, "Papyrus", "Viner Hand ITC", "Comic Sans MS", sans-serif;
    -moz-transform: rotate(-7deg);
    -moz-transform-origin: bottom left;
    -webkit-transform: rotate(-7deg);
    -webkit-transform-origin: bottom left;
}
.header p {
    margin: 1em 0 0 0;
}
.header p img {
	float:  none;
	height: 40px;
	width:  240px;
}
.header p a img {
    /* logotype */
    border: none;
    height: 40px;
    width: 240px;
}
.topprad h1, .topprad h2 {
    font-size: 130%; /* Samma storlek på h1 och h2 här */
    text-align: left;
    margin: 10px 0 3px 3px;
}
.topprad h2 {
    margin-left: 0; /* Upphäv 3px */
}
#toppvanster img {
    float: left;
    width: 114px;
    height: 157px;
    border: none;
    margin: 0;
}
.topprad p {
     margin: 0;
}
form#sokning fieldset {
    display: none;
}
.fblink, .fb_tw_feed {
    display: none;
}
/* }}} *//* ==meny-blocket (avkomlingsselektorer)  {{{
------------------------------------------------------------- */

#meny .osynlig {
    display: none;
}
/* }}} */
/* ==meny-blocket (avkomlingsselektorer)   {{{
------------------------------------------------------------- */
/* Menyn visas inte */
/* }}} */
/* ==main-blocket (avkomlingsselektorer)  {{{
------------------------------------------------------------- */

#main h2 {
    clear: both;
    margin-top: 1em;
}
#main_vspalt ul {
    display: none;
}
#artikel {
    margin-left: 0;
    min-height: 50em;
}
.anarrow {
    width: 75%;
    float: left;
}
#artimg {
    float: right;
}
#almanacka {
    border-top: 2px ridge #FFE831;
    /* float: left; */
    width: 350px;
    padding: 2px;
    margin: 2em 0;
}
#editarea { /* colophon-sidan */
    width: 560px;
    min-height: 20em;
}

/* }}} */
/* ==fot-blocket (avkomlingsselektorer)   {{{
------------------------------------------------------------- */

#fot img {
    float: left;
    padding: 2px 2px 2px 30px;
    border: none;
    vertical-align: top;
}
html body #fot fieldset { /* Selektor för att få hög specifik värdering */
    border: none;
    font-size: xx-small;
    padding: 5px 20px 20px 0px;
}
#fot a {
    margin: 0;
}

/* }}} */
/* ==socialnet (+ avkomlingsselektorer)   {{{
------------------------------------------------------------- */
#socialnet {
    display: none;
}
/* }}} */
/* ==fotnoter                             {{{
------------------------------------------------------------- */
#fotnoter {
    padding-top: 3em;
}
/* }}} */
/* ==XOXO mikroformat                     {{{
------------------------------------------------------------- */

ol.xoxo {
    /*  */
}

/* För att kunna koda strikt så används inte "compact" som attribut */
ol.compact {
    display: none;
}

/* }}} */
/* ==hCard mikroformat                    {{{
------------------------------------------------------------- */

.vcard {
    width: 80%;
    border-bottom: 2px solid #D8C529;
    padding: 1em 0 10em 0;
}
.vcard div {
    margin-bottom: 0.2em;
}
.vcard a.url {      /* <a class="url fn n"...>Full Namne</a> är vanligt... */
    /*  */
}
.email {
    /* */
}
.vcard a.internet {    /* För mailto-länkar */
    /* */
}
.vcard img.photo {
    /* */
}
/* Andra klasser som kan bli aktuella:
.Prefix .Given-Name .Additional-Names .Family-Name .Honorific-Suffixes
.tel (cell,fax,work,pref,voice,msg)
.org .Organizational-Unit .title
Inneslutna i <address> eller <foo class="adr">: .Street-Address .Locality (=stad) .Region .Postal-Code .Country
   (work, postal, parcel)
.note
ul.nicknames
img.logo
abbr.bday
ul.categories
*/

/* }}} */
/* ==hCalendar mikroformat                {{{
------------------------------------------------------------- */

.vcalendar {
    /*  */
}
.vevent {
    /*  */
}
.vevent a.url {
    /*  */
}
.vevent abbr.dtstart,.vevent abbr.dtend {
    /*  */
}
/* Andra aktuella klasser:
.duration .rdate .rrule

/* }}} */
/* ==standardklasser                      {{{
------------------------------------------------------------- */

.fet {
    font-weight: bold;
}
.kursiv {
    font-style: italic;
}
.ingress {
    font-style: italic;
}
.osynlig, .noprint {
    display: none;
}
.noscript {
    /* Det som finns i denna klass skall döljas MED javaskript */
    /* MSIE sköts härifrån, eftersom den inte klarar korrekt "getAttribute('class')" */
    /* display: expression( 'none' ); */
}
.printOnly {
    /*   */
}
.formFel {
    font-weight: bold;
    color: red;
}
.formVarning {
    font-style: italic;
    color: blue;
}
.realNumber {
    white-space: nowrap;
}
.realNumber span {
    display: none;
}
/* }}} */
/* ==sajtspecifika klasser                {{{
------------------------------------------------------------- */

.prev_next {
    display: none;
}
.htext {
    text-align: right;
}

/* }}} */
/* ==övrigt                               {{{
------------------------------------------------------------- */

/* }}} */
/* ==Sidspecifika tillägg och undantag    {{{
------------------------------------------------------------- */

html#standardsida #artikel img {
    display: block;
    float: left;
    clear: left;
    margin-right: 10px;
}
#index #artikel { /* Veckans morr på förstasidan */
    float: left;
    width: 4.7cm;
    padding: 0 0.5cm 0 0;
    margin: 0;
    min-height: 20em;
}
#index #artikel img {
    float:right;
    display: block;
    position: relative;
    top: -5px;
    width: 80px;
    height: 82px;
    z-index: 2;
}
#index #main_vspalt { /* Pressmeddelandena */
    display: block;
    float: left;
    width: 3.7cm;
    padding: 0 0.5cm 0 0;
    margin-bottom: 2em;
}
#index #main_vspalt dd {
    margin-left: 0;
    padding: 0.25cm 0 0 0.25cm;
}
#index #main_vspalt dd a:link, #index #main_vspalt dd a:visited {
    text-decoration: none;
}
#startmain {
    float: left;
    width: 7.2cm;
    padding: 0;
}
#startmain img {
    float: right;
}

#kontakt #main_vspalt {
    margin: 5em 0 0 4cm;
    display: block;
    width: 80%;
}
html#kontakt h2  {
    font-size: 1.8em;
}
html#kontakt h1  {
    display: none;
}
html#kontakt #main_vspalt p  {
    display: none;
}
html#morr .tigerhuvud { /* Veckans morr-sidan */
    float: left;
    margin: -5px 5px 0 0;
}
html#blogg .tigerhuvud { /* Veckans morr upplistade */
    float: right;
    margin: -5px 0 0 5px;
}

/* }}} */
/* ==Browserspecifika hack (ej gecko)     {{{
------------------------------------------------------------- */
/* Opera */
@media all and (min-width: 0px) {
    /* selektor {
        property: value;
    }
    */
}
/* }}} */