/*
THEME NAME: Kriser.no
THEME URI: http://www.grx.no/
DESCRIPTION: WordPress theme for Kriser.no
AUTHOR: Havard Grimelid
AUTHOR URI: http://grx.no/
VERSION: 1.0
*/

@import url('reset-min.css');
@import url('base-min.css');
@import url('imgpos.css');

html, body { background-color: #eef2db; }
body { font: 62.5% "Trebuchet MS", "Helvetica", sans; }
ul li { list-style: none;}
a { outline: 0; text-decoration: none;}
a:hover { text-decoration: underline;}
blockquote { font-style: italic; }
h4 { margin:1em 0; }

#container { font-size: 1.2em; } 
#masthead { background-color: #bee1f7; height: 90px; }
    #masthead .header { width: 800px; margin: 0 auto; padding-top: 20px; }
    #masthead h1 { position: relative; height: 56px; background: transparent url(img/kriser_logo.gif) no-repeat 0 0; margin-top: 0; color: #000066; font-size: 1.7em; }
        #masthead h1 a { text-indent: -999em; display: block; height: 70px; width: 700px; }
        #masthead h1 #description { position: relative; left: 180px; bottom: 55px; }

#topbar { background-color: #6b9fd8; position: relative; z-index: 2; }
    #topbar #barcontainer {width: 800px; margin: 0 auto; }
    #topbar #topmenu { float: left; width: 590px; font-size: 15px; }
    #topbar #searchform { top: 5px; width: 200px; float: right; position: relative;}
        #topbar ul.sf-menu > li { height: 30px; }
        input#s { border-width: 1px; }
/*    #topbar #barcontainer ul { display: inline; margin-left: 0;}
    #topbar #barcontainer li { display: inline; margin: 0 5px 0 0; } */

#searchform { display: inline;}
    #searchform form { display: inline; float: right; }

.nav {}

#main { }
#content { width: 800px; margin: 0 auto; background-color: white; text-align: center; position: relative; z-index: 1; }
#content { -moz-border-radius-bottomright: 10px; -moz-border-radius-bottomleft: 10px; -webkit-border-bottom-right-radius: 10px; -webkit-border-bottom-left-radius: 10px; }
.pages { padding: 1.5em 0 2em; margin: 0 auto; width: 550px; text-align: left; }
    .article h1, .article h2, .article h3, .article h4, .article h5, .article h6 { color: #FF6633; }
    .article h1 { margin-top: 0; font-size: 1.7em;}
    .article h2 { font-size: 1.55em;}
    .article h3 { font-size: 1.3em;}
    .article h4 { font-size: 1.2em;}
    .article p, .article > ul, .article > ol { font-size: 1.2em; line-height: 1.6em; }
    .article ul ul, .article ol ol { margin-top: 0; margin-bottom: 0; }
    .article ul li { list-style-type: disc; }
    .article ul li ul li { list-style-type: circle; }
.front { padding: 1.5em 0 2em; margin: 0 auto; width: 600px; text-align: left; }
    .front h1 { font-size: 1.8em; color: #000066; margin-bottom: 0.25em; }
    .front h2 { font-size: 1.4em;}

#toclist { float:right; width: 250px; }
.toc {
  border: #ccc solid 1px;
  float: right;
  margin: 0 0 5px 12px;
  width: 200px;
  line-height: 1.6em;
  padding: 10px 12px 10px 0;
}

.toc ul {
  margin: 5px;
  font-size: 0.95em;
  padding-left: 10px;
  list-style-type: none;
}
.toc ul li { list-style-type: none;  }
.toc ul li ul li { list-style-type: none;  }


#rutiner { font-size:1.3em; color: #3F9BFF; background-color:#FFDBAE; padding:1px 2.5em 1em; /*#FFDB33*/  -moz-border-radius: 10px; -webkit-border-radius: 10px;}
    #rutiner a { color: #3F9BFF; text-decoration: none;}
    #rutiner a:hover { text-decoration: underline;}
    #rutiner li { padding: 2px 0; }
#rutine-container { height: 100%; }
    #rutiner ul { margin-left: 25px; }

.articles {  margin-top: 20px;background-color: #e6f4f4;padding: 0 0 20px 25px; -moz-border-radius: 10px; -webkit-border-radius: 10px; }
    .articles h3 { margin-top: 0; font-size: 1.2em; padding-top: 15px; color: #3F9BFF; }
    .articles a { display:block; float:left; width:45%; }
    .articles ul, .articles li{ margin: 0; display:inline}

/* Background colors called by jQuery */
.default-bg     { background-color: #eef2db; }
.krise          { background-color: #cbcce9; }
.katastrofe     { background-color: #abdef6; }
.organisering   { background-color: #d6ddf1; }
.ressursbank    { background-color: #bbaddc; }
.meta           { background-color: #5ea6d9; }

#footer { border-top: 1px solid #bbb; position: relative; }
    #footer img { margin: 0.5em 1.5em 1em; }

.clearboth { clear: both; }