/*-----------------------------------------------------------------------------

author:		Gerhard Sletten
website:	www.gersh.no
-----------------------------------------------------------------------------*/

@import url("reset.css");
@import url("core.css");
@import url("thickbox.css");
@import url("content.css");
@import url("app.css");

* html {height: 1%; }

/* =Typography (Global)
-----------------------------------------------------------------------------*/

body { font: 13px/22px Arial, Helvetica, sans-serif; font-family: "Lucida Grande", "Trebuchet MS", Trebuchet, Tahoma, sans-serif;  color:#555; background: #C0C4C1; }
a {  text-decoration: underline; color: #374B5E; }
a:focus, 
a:hover     { text-decoration:none; color: #4E574F; ff7f00;}
.hide {display: none;}

h1 {margin-top: 0.5em; text-shadow: 3px 3px 2px #d7d7d7;}
h1, h1 a, h2, h2 a  { text-decoration: none; font-family: "Helvetica Neue", Helvetica, sans-serif; color: #4E574F;}
h2 {color: #ff7f00;}
h3, h3 a, h4, h4 a {text-decoration: none;font-size: 1.1em; color: #859188;}
h2, h3, h4 {margin-top: 1em;}

#userprofile { position: absolute; z-index: 1000;color: #fff;left: 5px;}
#userprofile a {color: #fff; font-size: 14px; border-left: 1px solid #fff;margin-right: 2px; padding-left: 4px; font-weight: bold;}
#userprofile a.first { border-left: none;}
/* =Layout (Global)
-----------------------------------------------------------------------------*/

#page_section {position: relative;}
#header_section {border: 0px solid red; background: url(../img/d/bg_top.gif) repeat-x; border-top: 4px solid #0a5c7b; }
#header { height: 106px; position: relative;}
#header #logo { position: absolute; margin: 0; left: 0; right: 0; text-align: center; border: 0px solid red;}
#header #logo a { display: block; width: 268px; margin: 0 auto; height: 76px; background: url(../img/d/surdeig_logo.png) no-repeat; text-indent: -900px; overflow: hidden;}


/* Center position of page-objects */
#nav_features {position: absolute; top: 35px; left: 5%; width: 35%; text-align: center;  }
#nav {position: absolute; top: 35px; right: 5%; width: 35%; text-align: center;  }

#header, #content_section { margin: 0 5%;  }
#content_section { padding-bottom: 0px;    _zoom: 1; border: 0px solid black;}

#content {  margin-top: 0; min-height: 300px; max-width: 820px; margin: 0 auto 0; padding-bottom: 1em; position:relative; border: 0px solid red;}

.secondary { position: absolute; top: 0; right: 0; width:260px; padding-left: 0px;}

#footer { clear:both;  padding: 2em; border-top: 1px solid #ddd; }
#footer p { height: 40px; text-align: center; font-size: 10px; }
#footer p,
#footer a { color: #4E574F;}

#ie6 {position: absolute; top: 5px; left: 5px; font-size: 15px; width: 400px; color: #BD0400; background: #fff; padding: 10px; display: none; _display: block;}

/* = nav
-----------------------------------------------------------------------------*/
.nav  {}
.nav .information {text-align: center; margin: 0 0 3px !important; font-family: georgia, times, serif; color: #3f3f3f; font-weight: normal; text-transform: uppercase; font-size: 13px; border-bottom: 0px dotted #aaa; width: auto; }
.nav { overflow: hidden;}
.nav ul { text-align: center; border: 0px solid red; padding: 0 auto; margin: 0;}
.nav li { background: none; margin: 0; padding: 0; height: 1%; display: inline; line-height: 28px; }
.nav a {   padding: 3px 5px; font-size: 14px; font-weight: bold; text-decoration:none;  clear: both; background: #3f3f3f; margin-right: 3px; color: #fff; -moz-border-radius-topright: 5px; -moz-border-radius-bottomleft: 5px; -webkit-border-radius: 3px; -moz-border-radius: 3px; }
#nav a {background: #656B66;}
.nav a:hover { color: #C0C4C1;  }

#grovt_brod li.grovt_brod a,
#fint_brod li.fint_brod a,
#tips li.tips a,
#articles li.articles a,
#om_surdeig li.om_surdeig a,
#starter li.starter a  {color: #F8B716; }

.google_ad_bottom {text-align: center;padding-bottom: 1em;}
.google_ad_sidebar {text-align: center;padding: 1em 0; }