/** CSS fil med sommartema för keryx.se {{{
Grundfärger:
  Tema:
    #2217DB - Grundäggande blå nyans RGB(36,17,219)
  Kontrast:
    #6BDB11 - Grön
    #DBEE24 - ljusgrön

* }}} */

/* ==grundinställningar (*,html,body,h,p,etc) {{{
------------------------------------------------------------- */
@charset "iso-8859-1";
body {
    font: 0.95em/1.3 "Liberation Sans",calibri,arial,helvetica,sans-serif;
    margin: 0;
    background: white url(/bilder/sommar_body_bg.png) center top repeat-y;
    text-align: center; /* För att MSIE är buggig */
}
h1,h2,h3,h4,h5,h6,p,pre {
    margin-top: 1em;
}
h1 {
    font-size: 2.6em;
    text-align: center;
    position: relative;
    left: -0.5em; /* Något förskjuten till vänster */
    top: 0;
    margin: 0 0 1em 0;
    padding: 0;
}
/* }}} */
/* ==länkarnas grundinställning           {{{
------------------------------------------------------------- */
/*
a:link {

}
a:visited {

}
a:focus, a:hover {

}
*/
a img {
    border: none;
}

/* }}} */
/* ==formulärs grundinställningar         {{{
------------------------------------------------------------- */

form {
    /* */
}
fieldset {
    border: 2px solid #DBEE24; /* rgb(219,228,36) */
}
legend {
    font-weight: bold;
    color: #553E1C;
}
fieldset h2 {
    font-size: 120%;
}
input[type=text] { /* Bör styras med en klass för att få MSIE att fatta */
    /* */
}
input[type=submit], input[type=reset], button { /* Bör styras med en klass för att få MSIE att fatta */
    /* */
}
input[type=radio] { /* Bör styras med en klass för att få MSIE att fatta */
    /* */
}
input[type=checkbox] { /* Bör styras med en klass för att få MSIE att fatta */
    /* */
}
input[type=text] { /* Bör styras med en klass för att få MSIE att fatta */
    /* */
}
textarea {
    width: 70%;
    height: 10em;
}
select {
    /* */
}
label {
    cursor: pointer;
    /* cursor: hand; */ /* I do not care for MSIE 5 anymore! */
}

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

table {
    margin: 1em 0;
}
caption {
    margin-top: 1em;
}
tr {
    /* */
}
th {
    /* */
}
td {
    /* */
}
thead {
    /* */
}
tbody {
    /* */
}

tfoot {
    /* */
}

/* Andra element som kan tänkas komma ifråga:
colgroup, col
*/

/* }}} */
/* ==listor grundinställningar            {{{
------------------------------------------------------------- */
/* tänkbart att man kan tänkas vilja vänta med dessa och styra dem endast per "div" */

ul {
    /* */
}
ul li {
    /* */
}
ol {
    /* */
}
ol li {
    /* */
}
ol ol {
    list-style-type: lower-alpha;
}
dl {
    /* */
}
dt {
    font-weight: bold;
}
dd {
    margin-bottom: 1em;
}

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

blockquote {
    margin-left: 20px;
    margin-right: 20px;
    border-left: 2px solid #DBEE24;
    padding-left: 5px;

}
/* Citat, 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;
}
pre {
    /* */
}
abbr[title], acronym[title], dfn[title] {
    cursor: help;
    border-bottom: 1px dotted blue;
}
address {
    font-style: inherit;
}
cite {
    /* */
}
q {
    quotes: "\201C" "\201D" "\2018" "\2019"; /* citationstecken */
}
code, .codeblock > code {
    color: darkred;
    font: small bolder Consolas, "Andale Mono WT", "Andale Mono", "Lucida Console", Monaco, monospace;
}
ins {
    text-decoration: none;
    color: #000080; /* Navy */
}
ins[datetime]:before {
    content:" [Uppdatering: "attr(datetime)"]"
}

object {
    width: 425px;
    height: 350px;
}
figure, figcaption {
    display: block;
}
/* Andra tänkbara element att styla:
em, strong
kbd, samp, var
object, img
big, small, sub, sup
hr
del
*/

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

#wrapper {
    position: relative; /* För att kunna placera underdivvar absolut */
    width: 690px; /* total 690 + 15 + 150 = 855 */
    padding: 0 15px 20px 150px; /* Padding till vänster upptas av absolut positionerad meny */
    margin: 0 auto;
    background: transparent url(/bilder/sommar_wrapper_bg.png) 50% 0 no-repeat;
    text-align: left; /* Upphäv text-align-center */
    min-height: 500px;
}
#uRhere {
    visibility: hidden;
}
#topp {
    /* */
}
#meny {
    position: absolute;
    top: 0;
    left: 0;
}
#main {
    line-height: 1.4;
}
#fot {
    margin: 4em -15px 0 -150px;
    border-top: 5px solid #2411DB;
    padding-top: 5px;
    text-align: center;
    clear: both;
}

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

#topp foobar {
    /* */
}

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

#meny foobar {
    /* */
}

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

#main foobar {
    /* */
}

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

#meny a img {
    border: none;
    display: block;
    width: 131px;
    height: 75px;
    position: absolute;
    top: 10px;
    left: 10px;
}
#meny ul {
    position: absolute;
    top: 90px;
    left: 10px;
    width: 131px;
    margin: 0;
    padding: 0;
}
#meny li {
    list-style-type: none;
    margin: 0;
    padding: 0;
    width: 131px;
    height: 25px;
}
#meny li:before {
   content: "+";
}
#meny img:hover,  #meny li:hover {
    background-color: #DBEE24; /* #EAE8FB */
}
#meny a:focus img {
    background-color: #DBEE24;
}
/* @todo Länkarna skall med Eric meyers knep ändras så de fyller hela li-blocken */
#meny a {
    color: #172244;
    font-weight: bold;
    text-decoration: none;
}
#meny a:hover {
    background-color: #DBEE24;
}
#meny a:visited {
    color: #2D4488;
}

/* }}} */
/* ==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 0;
}
#fot a {
    margin: 0;
    margin: 0 10px;
}

/* }}} */
/* ==XOXO mikroformat                     {{{
------------------------------------------------------------- */

ol.xoxo {
    /*  */
}

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

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

.vcard {
    /*  */
}
.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 {
    display: none;
}
.fullwidth {
    width: 100%;
}
.quarter {
    width: 25%;
}
.fifth {
    width: 20%;
}
.sixth {
    width: 17%;
}
.formFel {
    font-weight: bold;
    color: red;
}
.formVarning {
    font-style: italic;
    color: blue;
}
.realNumber {
    white-space: nowrap;
}
.realNumber span {
    position: absolute;
    left: -5000px;
}
/* }}} */
/* ==sajtspecifika klasser                {{{
------------------------------------------------------------- */

.htext {
    text-align: right;
}
.inforuta {
    padding: 20px;
    font-size: 90%;
     border-radius: 15px;
     margin-bottom: 10px;
}
.elsewhere li {
    margin-bottom: 0.3em;
}
.elsewhere a:link,
.elsewhere a:visited {
    text-decoration: none;
}
.invisible { /* Leta efter förekomster och byt mot 'osynlig' */
    display: none;
}
/* För kod på ljusgrå bakgrund */
.codeblock {
    border: 2px solid #DBEE24;
    padding: 10px 5px;
    font: small bolder Consolas,"Andale Mono WT","Andale Mono","Lucida Console",Monaco,monospace;
}
/* Simulera tabell-layout på inputfält */
label.fixed_width {
    width: 4em;
    display: block;
    float: left;
}
/* Kolla var dessa klasser används */
table.border1 {
    border-collapse: collapse;
    border: 1px solid;
}
table.border1 th, table.border1 td {
    border: 1px solid;
    padding: 5px;
}
table.border2 {
    border-collapse: collapse;
    border: 2px solid;
}
table.border2 th, table.border2 td {
    border: 1px solid;
}
h3.lista {
    margin: 0.3em 0;
}
p.lista {
    margin: 0;
}
/* CSS för att emulera Skutans färger */
.startcitat {
    font-weight: bold;
}
.citat {
    background: #DDDDDD;
}
.tillagg {
  color: red;
}
.artikellista {
    min-height: 15em;
}
.outdated {
    padding: 1em;
    margin: 1em;
    border: 1px solid red;
    width: 53%;
}
/* Skapa extra utrymme ovanför tabellen med artikelinfo */
table.artikelinfo {
    margin: 20px auto 0 auto;
    padding: 10px;
    border: 2px solid #566010;
}
.lang_en {
    border: 1px #777 solid;
    padding: 1em;
}
/* }}} */
/* ==övrigt                               {{{
------------------------------------------------------------- */

#mittspalt {
    float: left;
    width: 60%;
    min-height: 400px;
}
#hspalt {
    float: right;
    width: 36%;
    margin: 0 0 2em 1em;
    font-size: 90%;
}
.error:target {
    color: red !important;
    font-weight: bold;
}
.error:target::after, .error:target::before {
    content: "\2620 ";
    font-size: xx-large;
}


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

/* Kontaktsidan */
/* Allt skall ändras till hCard-format */

#kontakt fieldset,#contact fieldset {
    padding: 10px;
    border: 2px solid #DBEE24;
    margin-top: 1em;
    border-radius: 4px;
}
.vcard {
    width: 45%;
    float: left;
}
.last {
    float: right;
}
.vcard img {
    float: right;
    width: 104px;
    height: 157px
}
.vcard h2 {
    margin-top: 0;
}
#kontakt dd,#contact dd {
    margin: 0 0 0.5em 0;
    padding: 0;
}
/* Bloggsidan */
#blogg h2 {
    margin-top: 0;
}
#blogg fieldset {
    padding: 10px;
    border: 2px solid #FF9900;
}
#blogg #main {
    float: left;
    width: 62%;
    padding-right: 10px;
}
#blogg #hspalt {
    width: 32%;
    padding-left: 10px;
    border-left: 1px solid #566010;
}
#blogg #main img {
    float: left;
}
/* Resurssidan */
#resurser table {
    margin: 0;
}
#resurser caption {
    text-align: left;
    font-size: large;
    margin: 0;
    padding: 15px 0 5px;
}
#resurser th {
    vertical-align: top;
    text-align: left;
    padding-right: 10px;
}
#resurser fieldset.inforuta {
    float: right;
    clear: right;
    width: 12%;
}
#resurser fieldset.inforuta ul {
    margin: 0;
    padding: 0;
}
#resurser fieldset.inforuta li {
    margin: 0.4em 0;
    padding: 0;
}
#twitter_div ul {
    margin: 0;
    padding: 0;
}
#twitter_div li {
    margin-bottom: 5px;
}
#twitter-link {
    display: block;
    text-align:right;
    font-size: smaller;
}
/* }}} */
/* ==TOC-lists {{{
----------------------------------------------------------- */
.nonum li {
    list-style-type: none;
}
.nonum > li {
    margin-top: 0.6em;
}
.nonum > li > ol > li {
    margin-top: 0.2em;
}
.nonum li > ol > li > b {
    display: inline-block;
    width: 2.4em;
}
/* }}} */
/* ==Browserspecifika hack (ej gecko)     {{{
------------------------------------------------------------- */
/* Opera fixade inte fieldseten på kontaktsidan - OK nu */
@media all and (min-width: 0) {
    #kontakt fieldset {
        /* border: none; */
    }
}
/* }}} */

abbr, acronym, dfn {
    /* MSIE-hack */
    _cursor: help;
    _border-bottom: 1px dotted blue;
}
.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' );
}
.clearfix:before,
.clearfix:after {
    content: " "; /* 1 */
    display: table; /* 2 */
}
.clearfix:after {
    clear: both;
}