@charset "ISO-8859-1";
/** CSS fil normal för penilla.nu {{{
http://design.geckotribe.com/colorwheel/
  Tema:                 #FFF7BA
AAA57C
  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: url(/bilder/penilla_sida_tiger.png) repeat center top white; */
}
body {
    font: small "Liberation Sans",Calibri,arial,helvetica,sans-serif; /* Calibri blir galet på Linux */
    margin: 0px;
}
h1,h2,h3,h4,h5,h6,p,pre {
    margin-top: 1em;
    /*font-family: Tahoma, Verdana, sans-serif;*/
}
h1 {
    font-size: 1.8em;
    text-align: center;
    /* position: relative; */ /* @todo Varför hade jag relative här? */
    top: 0px;
    margin: 0 0 0.6em 0;
    padding: 0;
}
h2 {
    margin: 0.3em 0.3em 0.3em 0;
    font-size: 130%;
}
h3 {
    font-size: 110%;
}
h4,h5,h6 {
    font-size: 100%;
}
/* }}} */
/* ==länkarnas grundinställning           {{{
------------------------------------------------------------- */

a:link {
    color: #0017CE;
}
a:visited {
    color: #004ACE;
}
a:focus, a:hover, a:active {
    color: #1C00CE;
    background: #FFEF75;
}
a img {
    border: none;
}
:target h1, :target h2 {
    outline: 2px solid #FFB431;
}
/* HTML5 wrapping links around large chunks of text 
   Chrome and Opera needs this class, Firefox does not...
*/
a.awrap {
    text-decoration: none;
    color: black;
}
a.awrap:focus, a.awrap:hover, a.awrap:active {
    background: #FFEF75;
}
a.awrap h2:hover {
    background: #FFEF75;
}
/* Skapa ett enstaka blink med Javaskript ??? */
/* }}} */
/* ==formulärs grundinställningar         {{{
------------------------------------------------------------- */

form {
    /* */
}
fieldset {
    border: 2px solid #AAA57C;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
    padding: 1em;
    margin-bottom: 1.5em;
}
legend {
    font-weight: bold;
    color: #000E81;
}
fieldset h2 {
    font-size: 120%;
}
label {
    cursor: pointer;
}

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

table {
    margin: 1em 0;
}
caption {
    padding-bottom: 0.5em;
}
/* }}} */
/* ==listor grundinställningar            {{{
------------------------------------------------------------- */
/* Tänkbart att man kan tänkas vilja vänta med dessa och styra dem endast per "div" */

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

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

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

}
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[title], acronym[title], dfn[title] {
    cursor: help;
    border-bottom: 1px dotted blue;
}
address {
    font-style: inherit;
}
q {
    quotes: "\201C" "\201D" "\2018" "\2019"; /* citationstecken */
}
code {
    color: darkred;
    font-weight: bold;
    font-size: inherit;
    font-family: Consolas,"Andale Mono WT","Andale Mono","Lucida Console",Monaco,monospace;
}
/* }}} */
/* ==sidans delar ("divvar")              {{{
------------------------------------------------------------- */

#wrapper {
    position: relative; /* För att kunna placera underdivvar absolut */
    left: 2px;
    width: 798px;
    padding: 0;
    margin: 10px auto;
    min-height: 500px;
}
div#uRhere {
    position: absolute;
    left: -5000px;
    /* Talsynytes hoppar ofta över display: none; */
}
div#uRhere a:focus, div#uRhere a:active {
    position: absolute;
    left: 5000px;
    width: 200px;
    z-index: 100;
    font-size: larger;
    /* Talsynytes hoppar ofta över display: none; */
}
.header {
    padding: 0 50px;
    height:  128px;
    border-top: 2px ridge #AAA57C;
    border-bottom: 2px ridge #AAA57C;
    background-color: #FFF7BA;
    position:  relative;
    color: transparent; /* Tills vidare */
    background-image: url(/bilder/penilla-nu-2010-top.png);
}
#meny {
    margin: 0 0 15px;
    padding: 4px 0;
    width: 100%;
    top: 0px;
    min-height: 22px;
    height: 22px;
    border: 2px #AAA57C;
    border-style: none none ridge none;
    /* background: #FFE831; *//* #f5e595; */
}
#main {
}
.footer {
    width:  100%;
    clear:  both;
    text-align: center;
    opacity:    0.7;
    margin: 1em 0 2em 0;
    border-top: 3px ridge #AAA57C;
    padding-top: 12px;
}
/* }}} */
/* ==topp-blocket (avkomlingsselektorer)  {{{
------------------------------------------------------------- */

.header h1 {
    text-transform: uppercase;
    font:           400% "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:           380% Desyrel, Chalkboard, "Papyrus", "Viner Hand ITC", "Comic Sans MS", sans-serif;
    -moz-transform: rotate(-9deg);
    -moz-transform-origin: bottom left;
    -webkit-transform: rotate(-9deg);
    -webkit-transform-origin: bottom left;
    color: transparent; /* Tills vidare */
}
/*
.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;
}
*/
.fb_tw_feed {
    color: black;
    position: absolute;
    bottom: 10px;
    left: 5px;
    width: 50%;
    height: 1.4em;
    overflow: hidden;
    margin: 0;
    padding: 0;
}
.fb_tw_feed p {
    margin: 0;
    padding: 0 0 0 20px;
    background: url(../bilder/ticon.jpeg) no-repeat;
    list-style: none;
    position: absolute;
    top: 0;
    left: 100%;
    width: 850px;
}
.fb_tw_feed a {
    text-decoration: none;
}
.fb_tw_feed a:hover, .fb_tw_feed a:focus {
    text-decoration: underline;
}
/* }}} *//* ==meny-blocket (avkomlingsselektorer)  {{{
------------------------------------------------------------- */
#meny .osynlig {
    display: none;
}
#meny ul {
    padding: 0;
    margin: 0;
}
#meny li {
    list-style-type: disc;
    display:         block;
    float:           left;
    padding:         3px;
    margin:          0;
    min-height:      16px;
    height:          100%;
    width:           93px;
    text-align:      center;
    /* Ev. bild till sidan - i högerspalt */

    /* Ev. bild till sidan - i högerspalt */

    /* $sida->sidbild['src'] = font-size: 110%; */
}
#meny li:hover {
    background: #FFEF75;
}
#meny a {
    /* Expand to fill whole parent - larger area to click */
    display: block;
    text-decoration: none;
    vertical-align: middle;
}
#meny a:link {
    color: black;
}
#meny a:visited {
    color: black;
}
#meny a:hover, #meny a:focus, #meny a:active {
    background: transparent;
}

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

#main_vspalt {
    float: left;
    width: 172px;
    padding: 4px;
    margin-right: 20px;
    margin-bottom: 2em;
    background-color: #FFF7BA;
}
#main_vspalt a:hover {
    font-style: italic;
}
#main_vspalt dl a, #main_vspalt li a {
    text-decoration: none;
    font-weight: bold;
    color: black;
}
#main_vspalt ul {
    margin: 0;
    padding: 0;
}
#main_vspalt li {
    list-style: none;
    margin: 0.8em 0;
    padding: 0 3px;
}
#main_vspalt h2:last-of-type {
    margin-top: 2em;
}
#main_vspalt dd {
    margin: 3px 3px 1em 3px;
}
#main_vspalt dd a {
    font-weight: normal;
}
#startmain {
    font-family: arial,helvetica,sans-serif;
    float: left;
    width: 346px;
    padding: 0 5px 5px;
    background: #FFF7BA;
    margin-bottom: 1em;
}
#startmain img {
    float: right;
}
#artikel {
    /* margin-left: 220px; */
    float: left;
    margin-left: 5px;
    min-height: 25em;
    width: 570px;
}
#artikel .anarrow {
    width: 260px;
    padding-right: 10px;
    float: left;
}
#artikel.awide {
    width: 570px;
}
#artikel h1 {
    font-size: 280%;
    width: 570px;
    font-family: "URW Gothic L", "Franklin Gothic", sans-serif;
}
#artimg {
    width: 300px;
    float: right;
    margin-top: 1em;
}
#artikel > p:only-child {
    min-height: 10em;
}
#artikel li {
    margin-bottom: 1em;
}
#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 {
    padding-top: 15px;
    text-align: center;
}
#socialnet a img {
    border: none;
}
html#standardsida #artikel #socialnet img {
    display: inline;
    float: none;
}
/* }}} */
/* ==fotnoter                             {{{
------------------------------------------------------------- */
#fotnoter {
    display: none;
}
/* }}} */
/* ==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 #AAA57C;
    padding: 1em 0 1em 0;
    margin-bottom: 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                {{{
------------------------------------------------------------- */

ul.vcalendar {
    margin: 0;
    padding: 0;

}
li.vevent {
    list-style: none;
}
li.vevent span.summary {
    font-weight: bold;
}
.vevent a.url {
    /*  */
}
div.description {
    margin: 1.5em 0;
}
ul.details {
    margin: 0 0 13px;
    padding: 0;
}
ul.details li {
    list-style: none;
}
.vevent abbr.dtstart, .vevent abbr.dtend {
    /*  */
}
.vevent ul.details {
    margin: 0;
    padding: 6px;
}
p.hcalforklaring {
    margin-top: 3em;
    font-size: 90%;
    color: #222;
}
dl.details dd {
    line-height: 2.0;
}
p.real_vcal {
    font-size: 80%;
}
/* Andra aktuella klasser:
.duration .rdate .rrule

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

.fet {
    font-weight: bold;
}
.kursiv {
    font-style: italic;
}
.ingress {
    font-style: italic;
}
.osynlig {
    display: none;
}
.printOnly {
    display: none;
}
.noscript {
    /* Det som finns i denna klass skall döljas MED javaskript */
}
.formFel {
    font-weight: bold;
    color: red;
}
.formVarning {
    font-style: italic;
    color: blue;
}
.realNumber {
    white-space: nowrap;
}
.realNumber span {
    position: absolute;
    left: -5000px;
}
.spaced li {
    margin-top: 1em;
}
.subbox {
    border: 1px solid #AAA57C;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    padding: 5px;
    margin: 1em 5px;
}
.figure {
    width: 300px;
    text-align: center;
    margin: 1em auto;
    padding: 1em;
    border: 2px solid #AAA57C;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
}
.figure img {
    float: none !important;
}
.spacer {
    clear: both;
    height: 1em;
}
.submit {
    text-align: center;
}
/* }}} */
/* ==sajtspecifika klasser                {{{
------------------------------------------------------------- */

.prev_next {
    margin-top: 3em;
}
.htext {
    text-align: right;
}
/* }}} */
/* ==övrigt                               {{{
------------------------------------------------------------- */

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

/* Startsidan */
.cell {
    border:         1px solid;
}
.cell h2 {
    color:            black;
    text-align:       center;
    text-transform:   uppercase;
    background-color: #FFF7BA;
    margin:           0;
    min-height:       35px;
    font-size:        25px;
    letter-spacing:   2px;
    padding-top:      5px;
    border-bottom:    1px solid;
}
.cell h3 {
    padding:    5px;
}
.cell p, .cell dl {
    padding:  0 8px;
}
#person {
     width:  40%;
     float: left;
}
#person a p {
    /* background-image: url("/bilder/winter-start-page-portrait-360.jpg"); */
    background-image: url("/bilder/portrait-1-360px.jpg");
    margin:     0;
    padding:    0;
    width:      100%;
    height:     480px;
}
#profession, #politik {
    float:    right;
    width:    55%;
    overflow: hidden;
}
#politik p {
    background-image: url("/bilder/politics.jpg");
    height:           200px;
    margin:           0;
    position:         relative;
}
#politik p img {
    position: absolute;
    bottom:   5px;
    background-color: rgba(255,255,255,0.4);
    -moz-border-radius: 10%;
    -webkit-border-radius: 10%;
    border-radius: 10%;
}
#profession {
    margin-top: 38px;
}
#profession p {
    background-image: url("/bilder/profession.jpg");
    height:           200px;
    margin:           0;
}
.sub {
    padding: 20px 0 10px;
    clear: both;
}
.sub .cell {
    width:      30%;
    min-height: 200px;
    float:      left;
    margin-right: 4.6%;
}
.sub .cell#kalendarium {
    margin-right: 0;
    float:        right;
}


#index #artikel { /* Veckans morr på förstasidan */
    float: left;
    width: 200px;
    padding: 0 20px 0 0;
    margin-left: 0;
    min-height: 20em;
}
#index #artikel img {
    float:right;
    display: block;
    position: relative;
    top: -10px;
    width: 80px;
    height: 82px;
    z-index: 2;
}
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;
}

html#standardsida #artikel img {
    display: block;
    float: left;
    margin-right: 10px;
}

html#standardsida #artikel .fullwidth img {
    display: block;
    float: none;
    margin: auto;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
}

html#admin #artikel {
    line-height: 2.5;
}
html#admin #artikel fieldset {
    padding: 2em;
}
html#admin #artikel label {
    display: block;
    float: left;
    width: 5em;
    clear: left;
    height: 2em;
    font-weight: bold;
}
form.editsida fieldset {
    line-height: 2.0;
}
#artikel form.editsida label  {
    display: block;
    float: left;
    width: 9em;
    clear: left;
    height: 2em;
    font-weight: bold;
}
#artikel form.editsida label.forArea  {
    float: none;
    display: inline;
}
#artikel form.editsida textarea  {
    width: 80%;
    height: 4em;
}
#artikel form.editsida #breadtext {
    min-height: 25em;
    line-height: 1.0;
}
#artikel form.editsida #ingress {
    min-height: 10em;
    line-height: 1.0;
}
html#index textarea  {
    width: 40%;
    height: 4em;
}
html#kontakt #main_vspalt {
    padding-left: 10px;
}
html#kontakt label  {
    display: block;
    float: left;
    width: 9em;
    clear: left;
    height: 2em;
    font-weight: bold;
}
html#kontakt label.nofloat  {
    display: inline;
    float: none;
    font-weight: normal;
}
html#kontakt textarea  {
    width: 90%;
    height: 10em;
}
#k_support { /* På kontaktsidan */
    margin-top: 3em;
    border-top: 1px solid #AAA57C;
    padding-top: 1em;
}
html#tipsa dd {
    margin: 1em 0;
    padding: 0;
}
html#tipsa #artikel fieldset {
    margin: 2em 0;
    line-height: 2.0;
    padding: 1em 1em 2em 1em;
}
html#tipsa #artikel label {
    min-width: 10em;
    float: left;
    margin-right: 0.5em;
}
html#tips_skickat #artikel fieldset {
    padding: 2.5em;
    margin-bottom: 2em;
}
html#event #eventform fieldset {
    min-height: 5em;
    padding: 15px;
    margin: 15px 0;
}
html#event #eventform .formField {
    position: relative;
    min-height: 2em;
}
html#event .formField label {
    position: absolute;
}
html#event .formField input {
    position: absolute;
    left: 5.5em;
}
html#event .ffnarrow input {
    width: 6em;
}
html#event .ffwide input {
    width: 12em;
}
html#event .formField label span,
html#event .formField label em
{
    position: absolute;
    min-width: 20em;
    background: white;
}
html#event .ffnarrow label span,
html#event .ffnarrow label em
{
    left: 13em;
}
html#event .ffwide label span,
html#event .ffwide label em
{
    left: 19em;
}
html#event #eventdescription {
    margin: 1.5em 0 1em;
    height: 12em;
    width: 90%;
}
/* }}} */