/*
THEME NAME: Senter for byøkologi
THEME URI: http://byokologi.no
DESCRIPTION: Theme for Senter for byøkologi
AUTHOR: Perrong / Grandpeople
AUTHOR URI: http://perrong.no
VERSION: 0.1
*/

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

html, body { height: 100%; background: white url(img/backgrounds/bg1.jpg) no-repeat 0 0;}
body { color: #222; font-family: "Lucida Grande", "Lucida Sans", Arial, sans-serif; font-size: 62.5%; }
a { text-decoration: none; color: #525252; border-bottom: 1px solid #525252;}
a:hover { border-bottom: 1px solid #f66; background-color: #f66; color: white; }
/* li { padding: 3px; } */
form { margin: 1em 0; }

h1, h2, h3 { margin-bottom: 0.5em; }
h4, h5 { margin-bottom: 0.3em; }

h1 { font-size: 1.6em; }
h2 { font-size: 1.4em;}
h3 { font-size: 1.3em;}
h4 { font-size: 1.2em;}
h5 { font-size: 1.1em;}

p {}
blockquote { background: #ddd; padding: 1em 1em 1.2em 1em; margin-bottom: 1em; font-style: italic; }
ul, ol { margin: 0 0 1em 1.3em; }
    ul ul, ol ol { margin-bottom: 0; }
ul li, ul li li, ol li, ol li li { list-style-position: outside;  }
    ul li { list-style: disc; }
    ul li li { list-style: circle; }
ol li { list-style: decimal; list-style-position: outside;}

strong { font-weight: bold;}
em { font-style: italic; }

#container { width: 98em; margin: 0 auto 2em; background-color: #fff; } 

#masthead { height: 15.9em; background: #ff6666 url(img/byok_header.png) no-repeat 0 0; text-indent: -999em;}
    #masthead #header { height: 100%;  }
        #masthead h1 { height: 100%; }
            #masthead h1 a { border: none; display: block; height: 100%; outline: 0; }
            #masthead h1 a:hover { border: none; background: #ff6666 url(img/byok_header.png) no-repeat 0 0; }

#menu { width: 100%; float: left; display: table; font-family: Arial, sans-serif; }
#menu { z-index: 100; position: relative; } /* fix menu overlay ie6/7 and make sure menu is in front of image cycle */
    #menu a { border: none; color: white; }
    .tr { display: table-row; }
    .ts { display: table-cell; min-width: 20%; width: 20%; }

#top-gradient { height: 1em; margin-top: 24px; background: transparent url(img/top-gradient.png) repeat-x scroll 0 bottom; }

#lang {text-align: right; padding: 0 2.8em 0 0; font-size: 0.9em; }
    #lang a { color: #f66; text-transform: uppercase; border: none; }
    #lang a:hover { color: white; background-color: #f66; }

.content { line-height: 2.2em; padding: 2.1em 2.5em 2em; border-top: none; }
    .content h1#title { font-size: 32pt; color: #878787; text-transform: uppercase; z-index: 0; margin-bottom: 0; }
        .content h1#title a { color: #878787; border: none; outline: 0;}

.front-page-content { padding-top: 0.9em; }

#main { overflow: hidden; float: left; width: 49.4em; margin-right: 3em; }
#main { z-index: 1; position: relative; } /* fix menu overlay ie6/7 */

#article { line-height: 18px; font-size: 1.2em; color: #525252; margin-top: 1.5em; }
    #article p { margin-bottom: 1em; }
    #article .edit-post-link { margin-top: 1em; }
        #article blockquote p { margin: 0; }
    #article img { border: none; padding: 4px; }
    #article .wp-caption-text { margin: 0 5px; text-align: center; font-size: 0.9em; }

    .alignright a:hover, .alignleft a:hover, .aligncenter a:hover { border: none; }

.alignleft { margin: 0 7px 2px 0; }
.alignright { margin: 0 0 2px 7px; }

#post-date { font-size: 1em; color: #878787; }

#post-listing {}
    ul#post-listing { margin: 0; margin-top: 2em; }
    #post-listing li { background-color: #dadada; font-size: 1.2em; margin-bottom: 2px; color: #6a6a6a; padding: 0; list-style-type: none; }
    #post-listing .post-date { color: white; display: inline; }
    #post-listing .post-title { color: #6a6a6a; display: inline; }
        #post-listing a { border-bottom: none; color: #6a6a6a; padding: 9px; }
        #post-listing a { display: block; overflow: hidden; position: relative;}
        #post-listing a:hover { padding-left: 5px; border-left: 4px solid #9f9f9f; background-color: #DADADA; }
            #post-listing a span { display: block; overflow: hidden; position: relative;}
        #post-listing .post-title a:hover { border-bottom: 1px solid #ddd;}

#postnavigation { width: 100%; }
    #postnavigation .nav-prev { margin-left: 1em; float: left; }
    #postnavigation .nav-next { float: right; }

#sidebar { float: left; width: 40.4em; overflow: hidden; margin-top: 66px; }
    #sidebar #noimg { background-color: #f2f2f2; width: 404px; height: 601px; }
    #sidebar img { margin-top: 0; }
    #sidebar #image-text { background-color: #DADADA; padding: 9px; color: #6A6A6A; font-size: 1em; line-height: 1.6em; margin-top: -8px; }

    .front-page-content #sidebar { margin-top: 59px; }

#slideshow-container { width: 100%; overflow: hidden; }

#nav-container { overflow: hidden; height: 1.6em; }

.slideshow-nav { width: 50%; height: 100%; text-indent: -999em;}

.slide-prev { float: left; }
.slide-next { float: right; }
.slide-prev a, .slide-next a { display: block; width: 100%; height: 100%; }
.slide-prev a { background: url(img/pil_prev.png) no-repeat 1% 0; }
.slide-next a { background: url(img/pil_next.png) no-repeat 99% 0; }
.slide-prev a:hover { background: #a6a6a6 url(img/pil_prev.png) no-repeat 1% -16px; }
.slide-next a:hover { background: #a6a6a6 url(img/pil_next.png) no-repeat 99% -16px; }

#slideshow { width: 100%; margin: 0; overflow: hidden; padding: 0; }

.nav { }
    .nav ul { margin: 0; }
    .nav li { list-style: none; }
    .nav li a { vertical-align: middle; display: block; border: none; }
    .nav li:hover { }
    .nav .current_page_item { }
    .nav .current_page_item:hover { }

#footer { clear: both; width: 100%; float: left;}


.clearboth { clear: both; }