/*
Theme Name: Mejsla 
*/
/*
  Mejsla green   #40a030   (64,160,48)
  Mejsla orange  #ffa516   (255,165,22)
  Mejsla gray    #3f3f3f
  Box background #f7f5f4 

<embed src="<?php bloginfo('template_url')?>/images/left.svg" width="10" height="32" type="image/svg+xml" name="left">
*/

html, body {
height : 100%;
}

body {
margin : 0;
font : 12px Arial, Helvetica, Geneva, Tahoma, sans-serif;
background : #fff;
color : #343434;
}

img {
border-style : none;
}

a {
text-decoration : none;
color : #40a030;
}

a:hover {
color : #3f3f3f;
text-decoration : none;
}

#wrapper {
width : 100%;
height : 100%;
display : table;
margin : 0 auto;
}

.w1 {
display : table-row;
min-height : 100%;
}

.w2 {
width : 100%;
min-width : 840px; /* Change this if navigation meny doesn't fit in narrow window */
max-width : 980px;
margin : 12px auto;

display : table;
position : relative;
table-layout : fixed;
/* border : 1px dotted #f77;  */
}

* html .w1 {
height : 100%;

}

#header {
overflow : hidden;
padding : 17px 0 13px 6px;
display : table-row;
}

.header-holder {
width : 100%;
overflow : hidden;
padding : 0 0 5px;
}

.logo {
float : left;
margin : 0;
background : url(images/logo.png) no-repeat; /* 309x98 */
position : relative;
display : table-cell;
vertical-align : top;
/* border : 1px dotted #777; */
}

.logo a {
display : block;
height : 98px;
min-width : 309px;
overflow : hidden;
text-indent : -9999px;
}

/*              navigation menu
  .current_page_item     - menu item of the displayed page
  .page_item             - other menu items

*/

/* position and general settings for the navigation menu */
#nav {
float : right;
display : table-cell;
display : inline-block;
position : relative;
/* padding 
   logo size 309x98
     bottom to about 30 will give align to bottom of logo baseline
                     42                                   Swedish ...
                     20      vertical-align center to logo (about center of small chars in logo)
     right           4                     right of feature box

In IE this is not the case! (see ie5.css)
*/
margin-top : 18px;
padding-top : 0;
padding-right: 5px;
/* border : 1px dotted #00ff00; */
/* border : 1px dotted #77f; */
}

#nav ul {
list-style : none;
float : right;
overflow : hidden;
height : 1%;
}

#nav ul li {
float : left;
font-size : 14px;
line-height : 16px;
color : #fff;
margin-top : 0;
margin-left: 2px;
}

#nav ul li a {
color : #4e4e4e;
margin-left : 0;
margin-right : 0;
padding-left : 4px;
height : 32px;
float : left;
text-decoration : none;
}

#nav ul li a span {
padding : 8px 6px 0 0;
height : 24px;
float : left;
}


/* -------------------------- Non selected menu items (and also the current page) ------------- */
/*  hover for navigation, gray w transparent bg image (a box) */
#nav ul li.page_item a:hover {
background : url(images/box-nav-l.png) no-repeat; /* #f7f5f4 */
}

#nav ul li.page_item a:hover span {
background : url(images/box-nav-r.png) no-repeat 100% 0%;
color : #000;
}

/* -------------------------- Current Selected Menu Item  -------------------------- */
#nav ul li.current_page_ancestor span, 
#nav ul li.current_page_item span {
background : url(images/box-nav-r.png) no-repeat 100% 0%;
margin-right: 0;
color : #fff;
}
#nav ul li.current_page_ancestor, 
#nav ul li.current_page_item {
background : url(images/box-nav-l.png);
background-repeat: no-repeat;
background-position: left top;
padding-right: 0;

color : #fff;
}


/* ------------- Fake a non link for current page ------------- */
#nav ul li.current_page_item a:visited, 
#nav ul li.current_page_item a:hover {
background : url(images/box-nav-l.gif) no-repeat;
text-decoration : none;
color : #fff;
cursor : default;
border : 0;
padding-left : 3px;
margin-top : -1px;
}
#nav ul li.current_page_item a:visited span, 
#nav ul li.current_page_item a:hover span {
background : #40a030 url(images/box-nav-r.gif) no-repeat 100% 0%;
text-decoration : none;
color : #fff;
cursor : default;
border : 0;
}


.featured-t {
padding : 23px 0 0 ;
background : #576460 url(images/bg-featured-t.gif) no-repeat;
width : 967px;  /* 962px */
margin : 0 0 29px 4px;  /* left margin to align between logo and box below */
}
.featured-b {
padding : 0 0 15px;
background : #576460 url(images/bg-featured-b.gif) no-repeat 0% 100%;
width : 967px;
}
.featured-c h2 a {
color : #40a030;
text-decoration : none;
}

.featured-c {
padding : 0 30px 0 15px;
background : #576460;
width : 917px;
overflow : hidden;
line-height : 18px;
color : #fff;
}

.featured-c .featured-image {
float : left;
width : 267px;  /* 267 + 650 (div) = 917 (featured-c) */
}

.featured-image img {
padding : 12px;
display : block;
margin-left : auto;
margin-right : auto;
}

.featured-c div {
float : right;
width : 650px;  /* 267 (featured-image) + 650  = 917 (featured-c) */
}
.featured-c p {
margin : 0;
text-align : justify;
}
.featured-c h2 {
margin : 0 0 4px;
font-size : 24px;
line-height : 26px;
width : 100%;
background : url(images/bg-h2.gif) repeat-x 0% 100%;
padding : 6px 0 10px 6px;
font-weight : normal;
vertical-align : top;
letter-spacing : -1px;
}
#main {
overflow : hidden;
width : 980px;
}
#content {
width : 545px;
float : left;
padding : 0 0 16px;
}
.subpage {
height : 1%;
overflow : hidden;
margin : -30px 0 -15px 11px;
}
.subpage ul {
list-style : none;
padding : 0;
overflow : hidden;
margin : 0 0 0 1px;
float : left;
}
.subpage ul li {
float : left;
/* background : url(images/separator.gif) no-repeat 2px 3px; */
margin : 0 9px 0 0;
padding :  0 0 11px;
}
.subpage ul li a {
color : #40a030;
background : #f7f5f4;
padding : 24px 12px 5px 12px ;
line-height : 24px;
}

.subpage li.current_page_item a {
color : #3f3f3f;
font-weight: bold;
}

.subpage li.current_page_parent a{
color : #40a030;
font-weight: bold;
}


.subpage li.current_page_item li a {
text-decoration : none;
color : #40a030;
font-weight: normal;
}

.subpage ul li a:hover{
color : #3f3f3f;
text-decoration : none;
}

.line {
height : 1%;
overflow : hidden;
padding : 30px 0 0;
}
.inner {
background : url(images/bg-pageblog.gif) repeat-x;
padding : 46px 0 0;
margin-top: 14px;  /* a margin from logo to line */
}

.page, 
.post {
width : 695px;
margin : 0 0 24px;
overflow : hidden;
}
.heading {
margin : 0 0 -15px 17px;
color : #fff;
width : 434px;
background : #40a030;
padding : 4px 8px 6px;
letter-spacing : 1px;
position : relative;
}

.heading h3, 
.heading h2 {
margin : 0;
line-height : 18px;
font-size : 16px;
font-weight : normal;
}
.title h3 a, 
.heading h3 a, 
.heading h2 a {
color : #fff;
text-decoration : none;
}

.comments a {
color : #fff;
margin : -15px 15px 0 0;
float : right;
display : inline;
width : 119px;
background : #40a047;
line-height : 14px;
font-size : 12px;
font-weight : normal;
padding : 10px 10px 12px;
position : relative;
text-align : center;
}

.post-t {
background : url(images/bg-post-t.gif) no-repeat;
padding : 12px 0 0;
margin : 0;
}
.post-b {
background : url(images/bg-post-b.gif) no-repeat 0% 100%;
padding : 0 0 12px 0;
}


.post-c {
background : url(images/bg-post-c.gif) repeat-y;
/* padding-top: space from green heading to the text */
/* padding-right: has to be 12 to display box border */
/* padding-bottom: space from the text the box bottom (when 0 a space is still there) */
padding : 10px 14px 1px 17px;
width : 664px;
}
.post-c:after {
content : "";
display : block;
clear : both;
}
.post-c p {
margin : 0 0 0 0;
}
.inner .post-c p {
margin : 0 0 15px;
}
.post-c img {
float: left;
}

.item .alignleft {
margin : 0 9px 0 0;
float : left;
}
.alignleft {
margin : 27px 0 0;
float : left;
}
.text-line {
width : 100%;
margin : 0 0 16px;
}
.text-line:after {
content : "";
display : block;
clear : both;
}
.image {
float : left;
margin : 0 10px 0 -1px;
display : inline;
}
.text-line .persons {
list-style : none;
margin : 0;
padding : 4px 0 0;
overflow : hidden;
height : 1%;
}
.text-line .persons li {
margin : 0 0 15px;
}
.text-line .persons li p {
margin : 0;
}
.image img {
display : block;
}

.post-c div a, .post-c div strong {
color : #183a4b;
}
.post-c div strong {
font-size : 12px;
line-height : 14px;
font-weight : normal;
display : block;
margin : 0 0 14px;
}
.post-c div p {
margin : 0 0 20px;
}

.post-c .item {
overflow : hidden;
width : 100%;
float : none;
margin : -3px 0 -38px;
}
.post-c .item p {
padding : 22px 0 20px;
}
.post-c h2,
.post-c h3 {
color : #40a047;
margin : 0;
font-size : 14px;
line-height : 14px;
width : 100%;
vertical-align : top;
letter-spacing : 1px;
font-variant : small-caps;
padding-bottom : 8px;
}

.post-c h2 {
  margin-top : 8px;
  font-size : 15px;
}

.selected {
width : 100% !important ;
overflow : hidden;
color : #40a030;
margin : 0;
padding : 0 0 14px;
}
.selected .author {
font-weight : normal;
float : left;
margin : 0;
/* color : #40a030; */
}
.selected .author a{
color : #40a030;
}
.selected .author a:hover{
color : #000;
}
.selected .author span {
padding : 0 6px;
}

.selected .date {
font-style : normal;
float : left;
margin : 0;
color : #000;
}
.pages {
width : 100%;
overflow : hidden;
line-height : 14px;
margin : 0 0 0;
padding : 0 0 14px;
}
.pages ul {
list-style : none;
margin : 0;
padding : 0;
overflow : hidden;
height : 1%;
float : right;
}
.pages ul li {
float : left;
}
.pages ul li a {
vertical-align : top;
height : 1%;
}
.pages ul li span {
padding : 0 3px;
}
#sidebar {
width : 273px;
float : right;
line-height : 16px;
padding : 0 1px 20px 0;
}
.line #sidebar {
margin : 0;
}
.box {
padding : 19px 0 0;
background : url(images/bg-box-t.gif) no-repeat;
width : 273px;
font-size : 11px;
margin : 8px 0 19px 0;
overflow : hidden;
}
.box-b {
padding : 0;
margin : -18px 0 0;
background : url(images/bg-box-b.gif) no-repeat;
width : 273px;
height : 18px;
overflow : hidden;
text-indent : -9999px;
}
.title {
width : 262px;
background : #ffa516;
color : #fff;
padding : 4px 8px 6px;

letter-spacing : 1px;
}
.title h3 {
margin : 0;
text-align : center;
line-height : 18px;
font-size : 16px;
font-weight : normal;
}
.link {
width : 100%;
overflow : hidden;
display : block;
}
.link a {
float : right;
margin : 0 6px 0 0;
display : inline;
}
.box .holder {
padding : 0 14px 0 16px;
background : url(images/bg-box-c.gif) repeat-y;
width : 240px;

}
.box .frame {
background : #fff;
width : 224px;
padding : 6px 0 10px 7px;
}
.box .frame div {
overflow : hidden;
width : 100%;
margin : 0 0 6px;
}
.list {
margin : 0 0 -1px 2px;
padding : 0;
list-style : none;
}
.list li {
width : 100%;
overflow : hidden;
background : url(images/bg-li.gif) repeat-x 0% 100%;
padding : 0 0 8px;
margin : 4px 0 0;
height : 1%;
vertical-align : top;
}
.list li span {
overflow : hidden;
font-size : 12px;
float : left;
width : 160px;
}
.list li em {
float : right;
font-style : normal;
padding : 0 0 0 0;
}
/* mejslamer-oversikt */
.list li h3{
display:block;
float : left;
}
.list li h3 a{
color : #40a030;
}
.list li h3 a:hover{
color : #3f3f3f;
text-decoration : none;
}
.list li p{
display:block;
float : left;
width: 580px;
}
.list li p em {
float : right;
font-style : italic;
font-size : 80%;
padding : 0 0 0 0;
}
.list li span.author {
float : left;
font-style : italic;
font-size : 80%;
}


.contact {
font-size : 13px;
line-height : 15px;
font-weight : bold;
padding : 0 0 16px;
}
.contact address {
font-style : normal;
margin : 0 0 17px 11px;
vertical-align : top;
}
.contact ul {
margin : 0;
padding : 0;
list-style : none;
height : 1%;
overflow : hidden;
}
.contact li {
margin : 0;
padding : 0 0 0 19px;
list-style : none;
float : left;
width : 100%;
vertical-align : top;
}
.contact .phone {
background : url(images/ico-phone.gif) no-repeat 0% 3px;
}
.contact .fax {
background : url(images/ico-fax.gif) no-repeat 0% 3px;
}
.contact .email {
background : url(images/ico-email.gif) no-repeat 0% 3px;
}

#footer {
width : 100%;
overflow : hidden;
display : table-footer-group;
background : #40a047;
text-align : center;
font-style : italic;
}

#footer .holder {
height : 1%;
display : table-row;
}

#footer div.frame {
margin-left : auto;
margin-right : auto;
}

.footer-container {
font-size : 18px;
line-height : 12px;
margin : 22px auto 22px auto;
color : #ffffff;
width : 400px;
}

.footer-container ul {
margin : 0;
padding : 0;
list-style : none;
text-align : center;
}
.footer-container li {
color : #fff;
display : inline;
padding : 0 0 0 8px;
margin : 0 6px 0 0;
background : url(images/marker.gif) no-repeat 0% 3px;
}
.footer-container li address {
display : inline;
font-style : normal;
}
.footer-container li:first-child {
background : none;
}
.footer-container li a {
color : #fff;
}


.commentlist li, #commentform input, #commentform textarea {
font : 0.9em 'Lucida Grande', Verdana, Arial, Sans-Serif;
}
.commentlist li ul li {
font-size : 1em;
}

.commentlist li {
font-weight : bold;
}

.commentlist li .avatar {
float : right;
border : 1px solid #eee;
padding : 2px;
background : #fff;
}

.commentlist cite, .commentlist cite a {
font-weight : bold;
font-style : normal;
font-size : 1.1em;
}

.commentlist p {
font-weight : normal;
line-height : 1.5em;
text-transform : none;
}

#commentform p {
font-family : 'Lucida Grande', Verdana, Arial, Sans-Serif;
}

.commentmetadata {
font-weight : normal;
}
h3.comments {
padding : 0;
margin : 40px auto 20px;
}
.alt {
margin : 0;
padding : 10px;
}

.commentlist {
padding : 0;
text-align : justify;
margin : 0;
}

.commentlist li {
margin : 15px 0 10px;
padding : 5px 5px 10px 10px;
list-style : none;

}
.commentlist li ul li {
margin-right : -5px;
margin-left : 10px;
}

.commentlist p {
margin : 10px 5px 10px 0;
}
.children {
padding : 0;
}


#commentform p {
margin : 5px 0;
}

.nocomments {
text-align : center;
margin : 0;
padding : 0;
}

.commentmetadata {
margin : 0;
display : block;
}
.thread-alt {
background-color : #f8f8f8;
}
.thread-even {
background-color : white;
}
.depth-1 {
border : 1px solid #ddd;
}

.even, .alt {

border-left : 1px solid #ddd;
}
#commentform input {
width : 170px;
padding : 2px;
margin : 5px 5px 1px 0;
}

#commentform {
margin : 5px 10px 0 0;
}
#commentform textarea {
width : 100%;
padding : 2px;
}
#respond:after {
content : ".";
display : block;
height : 0;
clear : both;
visibility : hidden;
}
#commentform #submit {
margin : 0 0 5px auto;
float : right;
}

#respond {
padding-bottom : 5px;
}

/* Disable textarea resizing for Safari and Chrome */
textarea{
	resize:none;
}

.alignright {
float : right;
}

img.alignright {
float : right;
margin-top : 0;
padding : 6px 0 6px 6px;
}

.alignleft {
float : left;
}

img.alignleft {
float : left;
padding : 6px 6px 6px 0;
}

.aligntop {
vertical-align : top;
margin-top : 0;
padding-top : 0;
}

img.aligntop {
vertical-align : text-top;
margin-top : 0;
padding-top : 0;
}

.aligncenter {
display:block;
margin-left:auto;
margin-right:auto;
}


img.space {
margin : 14px 14px 14px 14px;
padding : 4px 4px 4px 4px;
}
.b {
font-weight : bold;
}

/* set p hide at start/end of pages/posts to stop WP from putting it inside a p tag */
p.hide { display: none; }

.wp-caption-text {
text-align : center;
}

.wp-caption-text a:hover {
text-decoration : none;
color : #40a030;
}

#searchform fieldset{
margin-left : 0;
padding-left : 25px;
background : url(images/bg-box-c.gif) repeat-y;
border : 0;
width : 260px;
font-size : 18px;
}

#searchform input.text{
margin-top: 10px;
margin-left : 0;
width : 140px;
}


/* #cat */
select.postform {
background : url(images/bg-box-c.gif) repeat-y;
margin-left : 0;
margin-top: 0;
margin-bottom: 15px;

padding-top: 5px;
padding-left : 33px;

width : 140px;
font-size : 12px;
border:0;
}


/* Heading for posts by a specific author (see author.php) */

.author-t {
padding : 23px 0 0 ;
background : #576460 url(images/bg-author-t.gif) no-repeat;
width : 695px;  /* post-t: 664px, featured: 967px*/
margin : 0 0 20px 0px;  /* left margin to align with box below */
}
.author-b {
padding : 0 0 15px;
background : #576460 ; /* url(images/bg-featured-b.gif) no-repeat 0% 100%;  rounded corner*/
width : 695px;  /* 967px*/
}
.author-c h1 a,
.author-c h2 a {
color : #40a030;
text-decoration : none;
}

.author-c {
padding : 0 30px 0 15px;
background : #576460;
width : 645px;  /* 614px 917px*/
overflow : hidden;
line-height : 18px;
color : #fff;
}

/* text in div section, normally not used */
.author-c div {
float : right;
width : 650px; /* 650px;*/
}
.author-c p {
margin : 0;
text-align : justify;
}
.author-c h1,
.author-c h2 {
margin : 0 0 4px;
font-size : 24px;
line-height : 26px;
width : 100%;
background : url(images/bg-h2.gif) repeat-x 0% 100%;  /* underline */
padding : 6px 0 10px 6px;
font-weight : normal;
vertical-align : top;
letter-spacing : -1px;
}