/* $Id: zen.css,v 1.14.2.1 2009/02/13 07:46:04 johnalbin Exp $ */

/*
 * ZEN STYLES
 *
 * This is an example stylesheet. Sub-themes should NOT include the zen/zen.css
 * file, but instead copy this CSS to their own stylesheets.
 *
 * In this stylesheet, we have included all of the classes and IDs from this
 * theme's tpl.php files. We have also included many of the useful Drupal core
 * styles to make it easier for theme developers to see them.
 *
 * Many of these styles are over-riding Drupal's core stylesheets, so if you
 * remove a declaration from here, the styles may still not be what you want
 * since Drupal's core stylesheets are still styling the element. See the
 * drupal6-reference.css file for a list of all Drupal 5.x core styles.
 *
 * In addition to the style declarations in this file, other Drupal styles that
 * you might want to override or augment are those for:
 *
 *   Book Navigation  See line 74  of Zen's drupal6-reference.css file
 *   Forum            See line 197 of Zen's drupal6-reference.css file
 *   Menus            See line 667 of Zen's drupal6-reference.css file
 *   News Aggregator  See line 20  of Zen's drupal6-reference.css file
 *   Polls            See line 287 of Zen's drupal6-reference.css file
 *   Search           See line 320 of Zen's drupal6-reference.css file
 *   User Profiles    See line 945 of Zen's drupal6-reference.css file
 */







/* BODY */

body {
border:0;
margin:0;
padding:0;


}

img {
margin:0;
padding-right:0px;
margin-right:10px;
border:0px;
clear:none;
display:inline;
}



/* FEATURE */

.bl {
background: url(http://www.veggenmin.no/sites/default/files/imagepicker/a/Andre/bottom-left.gif) 0 100% no-repeat #d86964; 
width:800px;
height:340px;
}
.br {background: url(http://www.veggenmin.no/sites/default/files/imagepicker/a/Andre/bottom-right.gif) 100% 100% no-repeat}
.tl {background: url(http://www.veggenmin.no/sites/default/files/imagepicker/a/Andre/top-left.gif) 0 0 no-repeat}
.tr {background: url(http://www.veggenmin.no/sites/default/files/imagepicker/a/Andre/top-right.gif) 100% 0 no-repeat; 
padding:10px;
margin:0px;
}
.clear {font-size: 1px; height: 1px}

#feature-div {
width:780px;
height:320px;
padding-top:0px;
padding-left:0px;
}

#featured-table {
margin:0;
width:780px;
vertical-align:top;
height:320px;
margin:0px;
}

#featured-text {
width:40%;
height:50px;
}

#feature-forklaring {
text-align:center;
padding-top:2px;

}


#feature-bilde1 {
background-image:url(http://www.veggenmin.no/sites/all/themes/zen/zen/images/featured/norskfolkehjelp7.png);
background-position:top;
background-repeat:no-repeat;
width:385px;
height:300px;
}

#feature-bilde2 {
background-image:url(http://www.veggenmin.no/sites/all/themes/zen/zen/images/featured/vittelstatus-featured3.jpg);
background-position:top;
background-repeat:no-repeat;
width:385px;
height:300px;
}



/* CONTENT */



#content-div {
width:780px;
height:auto;
padding-top:8px;
padding-left:8px;
padding-bottom:8px;
padding-right:8px;
background-color:#EFEFEF;
}

#content-table {
margin:0;
width:780px;
vertical-align:top;
height:auto;
margin:0px;
}

#nodecontent {
width:780px;
height:inherit;
}

#more {
height:auto;
width:780;
vertical-align:top;
text-align:left;
}

#more img {
height:250px;
width:auto;
border:0px;
margin:0px;
clear:none;
display:inline;
padding-bottom:4px;
padding-left:0px;
padding-right:4px;
padding-top:0px;

}

.field-items {
background-color:#009966;

}

.field-items img {
display:inline;
clear:none;
float:left;
}

.thickbox {

}

#more-text {
min-width:450px;
width:auto;
text-align:left;
height:auto;
border:0;
padding:0;
vertical-align:top;
}

#more-text-td {
width:auto;
height:auto;
border:0;
padding:0;
font-family:"Myriad Pro", Helvetica, "Helvetica Neue", Arial, sans-serif;
font-size:14px;
font-weight:normal;
font-style:normal;
color:#000000;
margin-right:0px;
margin-left:0px;
margin-bottom:0px;
margin-top:0px;
text-align:left;
}

#pages {
min-width:450px;
text-align:left;
height:auto;
border:0;
padding:0;
vertical-align:top;
}

#pages-td {
width:800px;
height:auto;
border:0;
padding:0;
font-family:"Myriad Pro", Helvetica, "Helvetica Neue", Arial, sans-serif;
font-size:14px;
font-weight:normal;
font-style:normal;
color:#000000;
margin-right:0px;
margin-left:0px;
margin-bottom:0px;
margin-top:0px;
text-align:left;
}

#pages-td2 {
width: auto;
height:auto;
border:0;
padding-left: 40px;
font-family:"Myriad Pro", Helvetica, "Helvetica Neue", Arial, sans-serif;
font-size:14px;
font-weight:normal;
font-style:normal;
color:#000000;
margin-right:0px;
margin-left:0px;
margin-bottom:0px;
margin-top:0px;
text-align:left;
vertical-align: top;
}

#pages-td ul {
line-height: 2em;
}


#teaser-td img {
width:300px;
height:auto;
border:0px;
margin:0px;
padding:0px;
}

#twitter_div {
border:0;
padding:0;
font-family:"Myriad Pro", Helvetica, "Helvetica Neue", Arial, sans-serif;
font-size:9px;
font-weight:normal;
font-style:normal;
color:#303030;
margin-right:0px;
margin-left:0px;
margin-bottom:0px;
margin-top:0px;
text-align:left;
}



/* ROLLOVER IMAGE FEATURE */

div.transOFF {
width: 385px;
height:300px;
border:0;
}


div.transON {
width: 385px;
height:300px;
opacity:0;
filter: alpha(opacity=0); 
-moz-opacity: 0;
border:0;
}

#feature-bilde1 a { 
display:block; 
width:100%; 
height:100%; 
text-decoration:none; 
 }  

#feature-bilde2 a { 
display:block; 
width:100%; 
height:100%; 
text-decoration:none; 
 }  



/* TABELS AND DIVS */

#centerholder {
border:0;
margin-bottom:0;
margin-left:0;
margin-right:0;
margin-top:7px;
padding:0;
float:none;
width:auto;
height:auto;
}

#header {
border:0;
margin:0;
padding:0;
float:inherit;
}

#header-node {
border:0;
margin-bottom:0px;
margin-left:-5px;
margin-right:0px;
margin-top:0px;
padding:0
float:inherit;
}

#header-table {
width:700px;
margin:0;
vertical-align:top;
}

#recent {
background-color:#efefef;
margin:0;
padding:5px;
width:350px;
}

#posted-table {
width:inherit;
height:inherit;
max-height:150px;
vertical-align:top

}

#valign-td {
vertical-align:top;
}



#spacer {
height:60px;
width:inherit;
background: url(http://www.veggenmin.no/sites/default/files/imagepicker/a/Andre/featured.png) center 100% no-repeat;
margin-left:-600px;
}

#spacer-node {
height:60px;
width:inherit;
}

#spacer-node2 {
height:15px;
width:inherit;
margin-left:-750px;
}

#spacer2 {
height:90px;
width:inherit;
font-family:"Myriad Pro", Helvetica, "Helvetica Neue", Arial, sans-serif;
font-size:14px;
font-weight:100;
font-style:normal;
color:#191919;
}

#spacer3 {
height:20px;
width:inherit;
}

#white {
width:105%;
height:30px;
background-color:#FFFFFF;
padding-left:10px;
padding-right:10px;
margin-left:-30px;
}

#grey {
width:100%;
height:9px;
background-color:#efefef;
}

#grey2 {
width:100%;
height:5px;
background-color:#efefef;
}


#footer {
padding-bottom:10px;
padding-left:0px;
padding-right:0px;
padding-top:30px;
width:50%;
height:20px;
}


/* FONTS */

h1 {
font-family:Helvetica, Geneva, Arial, sans-serif;
font-size:50px;
font-weight:bolder;
font-style:normal;
color:#333333;
margin-bottom:-10px;
margin-top:-2px;
}

h2 {
font-family:Helvetica, Geneva, Arial, sans-serif;
font-size:20px;
font-weight:bolder;
font-style:normal;
color:#333333;
margin-bottom:0px;
margin-top:0px;
}

h3 {
font-family:Helvetica, Geneva, Arial, sans-serif;
font-size:30px;
font-weight:bolder;
font-style:normal;
color:#000000;
margin-bottom:0px;
margin-top:0px;
background-color:#999999 ;
opacity:.75;
filter: alpha(opacity=75); 
-moz-opacity: 0.75;
margin-left:2px;
margin-right:-2px;
}

h4 {
font-family:"Myriad Pro", Helvetica, "Helvetica Neue", Arial, sans-serif;
font-size:14px;
font-weight:100;
font-style:normal;
color:#A31111;
margin-right:0px;
margin-left:0px;
margin-bottom:0px;
margin-top:0px;
}

h5 {
font-family:"Myriad Pro", Helvetica, "Helvetica Neue", Arial, sans-serif;
font-size:14px;
font-weight:100;
font-style:normal;
color:#000000;
margin-right:0px;
margin-left:0px;
margin-bottom:0px;
margin-top:0px;
}

p {
font-family:"Myriad Pro", Helvetica, "Helvetica Neue", Arial, sans-serif;
font-size:14px;
font-weight:normal;
font-style:normal;
color:#000000;
margin-right:0px;
margin-left:0px;
margin-bottom:0px;
margin-top:0px;
}

h6 {
font-family:Helvetica, Geneva, Arial, sans-serif;
font-size:20px;
font-weight:bolder;
font-style:normal;
color:#FF0000;
margin-bottom:0px;
margin-top:0px;
}



/* LINKS */

a:link {
	color: #000000;
	text-decoration: none;
}

#feature-forklaring a:link {
	color: #FFFFFF;
	text-decoration: none;
}

#feature-forklaring a:visited {
	color: #FFFFFF;
	text-decoration: none;
}

a:visited {
	text-decoration: none;
	color: #000000;
}
a:hover {
	text-decoration: underline;
	color: #000000;
}
a:active {
	text-decoration: none;
	color: #000000;
}


#more-text-td a {
font-family:"Myriad Pro", Helvetica, "Helvetica Neue", Arial, sans-serif;
font-size:14px;
font-weight:100;
font-style:normal;
color:#A31111;
margin-right:0px;
margin-left:0px;
margin-bottom:0px;
margin-top:0px;
}

#pages-td a {
font-family:"Myriad Pro", Helvetica, "Helvetica Neue", Arial, sans-serif;
font-size:14px;
font-weight:100;
font-style:normal;
color:#A31111;
margin-right:0px;
margin-left:0px;
margin-bottom:0px;
margin-top:0px;
}


#spacer-node2 a {
font-family:"Myriad Pro", Helvetica, "Helvetica Neue", Arial, sans-serif;
font-size:14px;
font-weight:100;
font-style:normal;
color:#A31111;
margin-right:0px;
margin-left:0px;
margin-bottom:0px;
margin-top:0px;
}


.terms a {
font-family:"Myriad Pro", Helvetica, "Helvetica Neue", Arial, sans-serif;
font-size:14px;
font-weight:100;
font-style:normal;
color:#A31111;
margin-right:0px;
margin-left:0px;
margin-bottom:0px;
margin-top:0px;
}


#menylink a {
font-family:"Myriad Pro", Helvetica, "Helvetica Neue", Arial, sans-serif;
font-size:14px;
font-weight:100;
font-style:normal;
color:#000000;
margin-right:0px;
margin-left:0px;
margin-bottom:0px;
margin-top:0px;
}

#menylink a:hover {
text-decoration: underline;
font-family:"Myriad Pro", Helvetica, "Helvetica Neue", Arial, sans-serif;
font-size:14px;
font-weight:100;
font-style:normal;
color:#000000;
margin-right:0px;
margin-left:0px;
margin-bottom:0px;
margin-top:0px;
}



.terms {
height:100%;
width:auto;
vertical-align:bottom;

}




















/*  NO NEED NO NEED NO NEED NO NEED NO NEED NO NEED NO NEED NO NEED NO NEED NO NEED NO NEED NO NEED NO NEED NO NEED NO NEED NO NEED NO NEED NO NEED NO NEED */

  .breadcrumb /* The path to the current page in the form of a list of links */
  {
    padding-bottom: 0; /* Undo system.css */
  }

  div.messages /* Important messages (status, warning, and error) for the user */
  {
  }

  div.status /* Normal priority messages */
  {
  }

  div.warning, tr.warning /* Medium priority messages */
  {
    /* border: 1px solid #f0c020; */ /* Drupal core uses: 1px solid #f0c020 */
  }

  div.error, tr.error /* High priority messages. See also the .error declaration below. */
  {
  }

  div.tabs /* See also the tabs.css file. */
  {
  }

  .help /* Help text on a page */
  {
    margin: 1em 0;
  }

  .more-help-link /* Link to more help */
  {
    font-size: 0.85em;
    text-align: right;
  }

  #content-area /* Wrapper for the actual page content */
  {
  }

  .pager /* A list of page numbers when more than 1 page of content is available */
  {
    clear: both;
    margin: 1em 0;
    text-align: center;
  }


/** Drupal nodes **/
  /*
  .node  Node wrapper 
  {
  }
*/
  .node-inner /* Additional wrapper for node */
  {
  }

  .sticky /* A sticky node (displayed before others in a list) */
  {
  }

  .node-unpublished /* Unpublished nodes */
  {
    /* background-color: #fff4f4; */ /* Drupal core uses a #fff4f4 background */
  }

  .node-unpublished div.unpublished, /* The word "Unpublished" displayed beneath the content. */
  .comment-unpublished div.unpublished
  {
    height: 0;
    overflow: visible;
    color: #d8d8d8;
    font-size: 75px;
    line-height: 1;
    font-family: Impact, "Arial Narrow", Helvetica, sans-serif;
    font-weight: bold;
    text-transform: uppercase;
    text-align: center;
    word-wrap: break-word; /* A very nice CSS3 property */
  }

  .node-mine /* A node created by the current user */
  {
  }

  .node-teaser /* A node displayed as teaser */
  {
  }

  /* All nodes are given a node-type-FOO class that describes the type of
   * content that it is. If you create a new content type called
   * "my-custom-type", it will receive a "node-type-my-custom-type" class.
   */
  .node-type-page /* Page content node */
  {
  }

  .node-type-story /* Story content node */
  {
  }

  .node h2.title /* Node title */
  {
font-family:Helvetica, Geneva, Arial, sans-serif;
font-size:20px;
font-weight:bolder;
font-style:normal;
color:#333333;
margin-bottom:0px;
margin-top:0px;
  }

  .marker /* "New" or "Updated" marker for content that is new or updated for the current user */
  {
    color: #c00;
  }

  .node .picture /* The picture of the node author */
  {
  }

  .node.node-unpublished .picture,
  .comment.comment-unpublished .picture
  {
    position: relative; /* Otherwise floated pictures will appear below the "Unpublished" text. */
  }

  .node .meta /* Wrapper for submitted and terms data */
  {
  }

  .node .submitted /* The "posted by" information */
  {
  }

  .node .terms /* Node terms (taxonomy) */
  {
  }

  .node .content /* Node's content wrapper */
  {
  }

  .node div.links /* Wrapper for node links */
  {
    margin: 1em 0;
  }

  ul.links /* Taxonomy links, node links, comment links */
  {
    margin: 0;
    padding: 0;
  }

  ul.links.inline
  {
    display: inline;
  }

  ul.links li
  {
    display: inline;
    list-style-type: none;
    padding: 0 0.5em;
  }

  .preview .node /* Preview of the content before submitting new or updated content */
  {
    /* background-color: #ffffea; */ /* Drupal core uses a #ffffea background */
  }

/** Drupal comments **/
  #comments /* Wrapper for the list of comments and its title */
  {
    margin: 1em 0;
  }

  #comments-title /* Heading for the list of comments */
  {
  }

  .comment /* Wrapper for a single comment */
  {
  }

  .comment-inner /* Additional wrapper for a single comment */
  {
  }

  .comment-preview /* Preview of the comment before submitting new or updated comment */
  {
  }

  .comment.new /* A new comment since the user last viewed the page. */
  {
  }

  .comment.odd /* An odd-numbered comment in the list of comments */
  {
  }

  .comment.even /* An even-numbered comment in the list of comments */
  {
  }

  .comment.first /* The first comment in the list of comments */
  {
  }

  .comment.last /* The last comment in the list of comments */
  {
  }

  .comment-unpublished /* Unpublished comments */
  {
    /* background-color: #fff4f4; */ /* Drupal core uses a #fff4f4 background */
  }

  .comment-unpublished div.unpublished /* The word "Unpublished" displayed beneath the content. See also the div.unpublished declaration in the node section above. */
  {
  }

  .comment-published /* Published comments */
  {
  }

  .comment-by-anon /* A comment created by an anonymous user */
  {
  }

  .comment-by-author /* A comment created by the node's author */
  {
  }

  .comment-mine /* A comment created by the current user */
  {
  }

  .comment h3.title /* Comment title */
  {
  }

  .new /* "New" marker for comments that are new for the current user */
  {
    color: #c00;
  }

  .comment .picture /* The picture of the comment author */
  {
  }

  .comment .submitted /* The "posted by" information */
  {
  }

  .comment .content /* Comment's content wrapper */
  {
  }

  .comment .user-signature /* The user's signature */
  {
  }

  .comment div.links /* Wrapper for comment links. See also the ul.links declaration in the node section above. */
  {
    margin: 1em 0;
  }

  .indented /* Nested comments are indented */
  {
    /* margin-left: 25px; */ /* Drupal core uses a 25px left margin */
  }

  .preview .comment /* Preview of the comment before submitting new or updated comment */
  {
    /* background-color: #ffffea; */ /* Drupal core uses a #ffffea background */
  }

/** Drupal blocks **/
  .block /* Block wrapper */
  {
    margin-bottom: 1em;
  }

  .block.region-odd /* Zebra striping for each block in the region */
  {
  }

  .block.region-even /* Zebra striping for each block in the region */
  {
  }

  .block.odd /* Zebra striping independent of each region */
  {
  }

  .block.even /* Zebra striping independent of each region */
  {
  }

  .region-count-1 /* Incremental count for each block in the region */
  {
  }

  .count-1 /* Incremental count independent of each region */
  {
  }

  .block-inner /* Additional wrapper for block */
  {
  }

  .block h2.title /* Block title */
  {
  }

  .block .content /* Block's content wrapper */
  {
  }

  #block-aggregator-category-1 /* Block for the latest news items in the first category */
  {
  }

  #block-aggregator-feed-1 /* Block for the latest news items in the first feed */
  {
  }

  #block-block-1 /* First administrator-defined block */
  {
  }

  #block-blog-0 /* "Recent blog posts" block */
  {
  }

  #block-book-0 /* "Book navigation" block for the current book's table of contents */
  {
  }

  #block-comments-0 /* "Recent comments" block */
  {
  }

  #block-forum-0 /* "Active forum topics" block */
  {
  }

  #block-forum-1 /* "New forum topics" block */
  {
  }

  #block-menu-2 /* "Primary links" block */
  {
  }

  #block-node-0 /* "Syndicate" block for primary RSS feed */
  {
  }

  #block-poll-0 /* "Most recent poll" block */
  {
  }

  #block-profile-0 /* "Author information" block for the profile of the page's author */
  {
  }

  #block-search-0 /* "Search form" block */
  {
  }

  #block-statistics-0 /* "Popular content" block */
  {
  }

  #block-user-0 /* "User login form" block */
  {
  }

  #block-user-1 /* "Navigation" block for Drupal navigation menu */
  {
  }

  #block-user-2 /* "Who's new" block for a list of the newest users */
  {
  }

  #block-user-3 /* "Who's online" block for a list of the online users */
  {
  }

/** Drupal boxes **/
  /* Wrapper for Comment form, Comment viewing options, Menu admin, and
   * Search results.
   */
  .box /* Wrapper for box */
  {
  }

  .box-inner /* Additional wrapper for box */
  {
  }

  .box h2.title /* Box title */
  {
  }

  .box .content /* Box's content wrapper */
  {
  }

/** Miscellaneous Drupal styles **/
  .error /* Errors that are separate from div.messages status messages (see above.) */
  {
    /* color: #e55; */ /* Drupal core uses a #e55 background */
  }

  .warning /* Warnings that are separate from div.messages status messages (see above.) */
  {
    /* color: #e09010; */ /* Drupal core uses a #e09010 background */
  }

  .more-link /* Aggregator, blog, and forum more link */
  {
    text-align: right;
  }

  #user-login-form /* Drupal's default login form */
  {
    text-align: left;
  }

  tr.even /* Some tables have rows marked even or odd. */
  {
    /* background-color: #eee; */ /* Drupal core uses a #eee background */
  }

  tr.odd
  {
    /* background-color: #eee; */ /* Drupal core uses a #eee background */
  }

  li a.active /* The active item in a Drupal menu */
  {
    color: #000;
  }


/** Drupal forms **/
  .form-item, /* Wrapper for a form element (or group of form elements) and its label */
  .form-checkboxes,
  .form-radios
  {
    margin: 1em 0;
  }

  .form-item input.error, /* Highlight the form elements that caused a form submission error */
  .form-item textarea.error,
  .form-item select.error
  {
    border: 2px solid #c00;
  }

  .form-item label /* The label for a form element */
  {
    display: block;
    font-weight: bold;
  }

  .form-item label.option /* The label for a radio button or checkbox */
  {
    display: inline;
    font-weight: normal;
  }

  .form-required /* The part of the label that indicates a required field */
  {
    color: #c00;
  }

  .form-item .description /* The descriptive help text (separate from the label) */
  {
    font-size: 0.85em;
  }

  .form-checkboxes .form-item, /* Pack groups of checkboxes and radio buttons closer together */
  .form-radios .form-item
  {
    margin: 0.4em 0;
  }

  .form-submit /* The submit button */
  {
  }

  .container-inline div, .container-inline label /* Inline labels and form divs */
  {
    display: inline;
  }

  .tips /* Tips for Drupal's input formats */
  {
    margin: 0;
    padding: 0;
    font-size: 0.9em;
  }

/** OpenID **/
  /* The default styling for the OpenID login link seems to assume Garland's
   * styling of list items.
   */
  #user-login-form ul /* OpenID creates a new ul above the login form's links. */
  {
    margin-bottom: 0; /* Position OpenID's ul next to the rest of the links. */
  }

  #user-login-form li.openid-link, /* The "Log in using OpenID" links. */
  #user-login li.openid-link
  {
    margin-top: 1em;
    margin-left: -20px; /* Un-do some of the padding on the ul list. */
  	padding-left: 20px;
  	background-position: left center;
  }

  #user-login-form li.user-link, /* The "Cancel OpenID login" links. */
  #user-login li.user-link
  {
    margin-top: 1em;
  	list-style-type: disc;
  	list-style-position: outside;
  }

  #user-login li.openid-link, /* The OpenID links on the /user form. */
  #user-login li.user-link
  {
    margin-left: -2em; /* Un-do all of the padding on the ul list. */
  }

/** Drupal admin tables **/
  /* We overrode these styles in html-elements.css, but restore them for the
   * forms on the site.
   */
  form tbody
  {
    border-top: 1px solid #ccc;
  }

  form th
  {
    text-align: left;
    padding-right: 1em;
    border-bottom: 3px solid #ccc;
  }

  form tbody th
  {
    border-bottom: 1px solid #ccc;
  }

  form thead th
  {
    text-align: left;
    padding-right: 1em;
    border-bottom: 3px solid #ccc;
  }