/*
THEME NAME: ennadesign
Description: Unique theme for ennadesign.no, based on the Sandbox-theme. http://www.plaintxt.org/themes/sandbox/
Author: elisabeth irgens / sortenke.no 
*/


@import url("reset.css");

body {font-family: Baskerville, "Times New Roman", serif; font-size: 13px; line-height: 1.1;
font-weight: normal; color: #222; background: #fff;}
strong {font-weight: bold; !important;}
em {font-style: italic;}
a {text-decoration: none;}
a:link, a:visited {color: #222}
a:hover {background-color: #FAD5E5;}


/* ------------ layout structure ------------ */

div#header  {position: absolute; width: 900px; left: 50px; top: 25px; line-height: 1; overflow: visible;}
div#content {position: relative; width: 900px; height: 430px; left: 50px; top: 160px;}
div#footer  {position: absolute; bottom: 10px; right: 10px; color: #fff; z-index: -2;}


/* ------------ header and menu ------------ */

div#header h1 {height: 40px;}
div#header h1 a:hover {background-color: inherit;}

div#header div#nye {position: absolute; top: 95px; left: 90px;}
div#header div#nye a:hover {background-color: inherit;}

div#nav {width: 400px; height: 500px; position: relative; top: 100px; left: 400px; background: url(img/hesten.jpg) no-repeat;}
div#nav ul {width: 130px; position: relative; top: -100px; left: -400px; z-index: 999;}
div#nav ul li {border-left: 1px solid #666; margin-bottom: 5px;}
div#nav ul li a {padding: 0 8px;}

div#nav            a .hotspot {width: 250px; height: 175px; position: absolute;}
div#nav .jobber    a .hotspot {top: 100px; left: 350px;} 
div#nav .samarbeid a .hotspot {top: 100px; left: 600px;}
div#nav .kontakt   a .hotspot {top: 275px; left: 350px;}
div#nav .hest      a .hotspot {top: 275px; left: 600px;}
div#nav .om_meg    a .hotspot {top: 450px; left: 400px; width: 400px;} 

div#nav            a .link {position: absolute; display: none; line-height: 1.2;}
div#nav .jobber    a .link {top: 170px; left: 393px;}
div#nav .samarbeid a .link {top: 135px; left: 700px;}
div#nav .kontakt   a .link {top: 345px; left: 347px;}
div#nav .hest      a .link {top: 360px; left: 765px;}
div#nav .om_meg    a .link {top: 570px; left: 435px; width: 50px;}

div#nav            a .line {width: 70px; height: 10px; position: absolute;}
div#nav .jobber    a .line {top: 170px; left: 430px;}
div#nav .samarbeid a .line {top: 135px; left: 625px;}
div#nav .kontakt   a .line {top: 345px; left: 390px;}
div#nav .hest      a .line {top: 360px; left: 690px;}
div#nav .om_meg    a .line {top: 570px; left: 480px;}

div#nav a:hover .link {display: inline;}
div#nav a:hover .line {border-bottom: 1px solid #777;}

body.pageid-2 div#nav .jobber {background-color: #FAD5E5;}
body.pageid-2 div#nav .jobber a .line {border-bottom: 1px solid gray;}
body.pageid-2 div#nav .jobber a .link {display: inline; background-color: #FAD5E5;}

body.parent-pageid-2 div#nav .jobber {background-color: #FAD5E5;}
body.parent-pageid-2 div#nav .jobber a .line {border-bottom: 1px solid gray;}
body.parent-pageid-2 div#nav .jobber a .link {display: inline; background-color: #FAD5E5;}

body.pageid-19 div#nav .kontakt {background-color: #FAD5E5;}
body.pageid-19 div#nav .kontakt a .line {border-bottom: 1px solid #777;}
body.pageid-5 div#nav .om_meg {background-color: #FAD5E5;}
body.pageid-7 div#nav .samarbeid {background-color: #FAD5E5;}
body.pageid-16 div#nav .hest {background-color: #FAD5E5;}

body.pageid-16 div#nav .hest a .link {display: inline; background-color: #FAD5E5;}
body.pageid-16 div#nav .hest a .line {border-bottom: 1px solid #777;}

body.page-template-page_jobber_sub-php div#nav .jobber {background-color: #FAD5E5;}

ul#subnav {width: 150px; position: absolute; left: 130px; top: 40px;}
ul#subnav li {margin: 0 10px 5px 0;}
ul#subnav li a {padding: 0 8px 0 0;}
ul#subnav li.current_page_item {background-color: #FAD5E5;}
ul#subnav li.current_page_ancestor {background-color: #FAD5E5;}

ul#subnav li ul li {display: none;}
ul#subnav li.current_page_item ul {width: 150px; position: absolute; left: 140px; top: 0px;}
ul#subnav li.current_page_item ul li {display: block;}
ul#subnav li.current_page_ancestor ul {width: 150px; position: absolute; left: 140px; top: 0px;}
ul#subnav li.current_page_ancestor ul li {display: block;}



body.pageid-5 div#nav {background-image: none;}
body.pageid-7 div#nav {background-image: none;}
body.page-template-page_jobber_sub-php div#nav {background-image: none;}
body.page-template-page_jobber_sub2-php  div#nav {background-image: none;}

/* ------------ content ------------ */

div#content p {width: 300px; margin: 0 0 5px 50px;}
div#content a {text-decoration: underline;}

div#slider {margin: 0 auto; text-align: center;}
#slider, #slider li {width: 1000px; height:430px; overflow:hidden;}

div#image_nav {font-size: 50px; width: 300px; margin: 0 auto; top: 500px; left: auto;
position: absolute; top: 440px; left: 40%; text-align: center;}
   span#prevBtn, span#nextBtn {float: left;}
   span#prevBtn a {display: block; width: 150px; height: 40px; color: #ccc; 
   background: url(img/prevBtn.png) no-repeat left top; text-indent: -5000px;}
   span#nextBtn a {display: block; width: 150px; height: 40px; color: #ccc; 
   background: url(img/nextBtn.png) no-repeat left top; text-indent: -5000px;}
   span#prevBtn a:hover, span#nextBtn a:hover {background-color: inherit;}

img.aligncenter {display: block; margin: 0 auto;}
img.alignright {padding: 4px; margin: 0 0 2px 7px; display: inline;}
img.alignleft {padding: 4px; margin: 0 7px 2px 0; display: inline;}
.alignright {float: right;}
.alignleft {float: left}   

/* ------------ single page specifics ------------ */

body.page-template-page_jobber_sub-php div#content, 
body.page-template-page_jobber_sub2-php div#content 
{width: 100%; left: 0; top: 180px; border-top: 1px solid #ccc; border-bottom: 1px solid #ccc;}
body.page-template-page_jobber_sub-php div#content p, 
body.page-template-page_jobber_sub2-php div#content p {width: 350px; position: relative; top: 20px;}

body.pageid-5 div#content {width: 600px; position: relative; top: 82px; margin-left: 83px;}
body.pageid-7 div#content {width: 300px; position: relative; top: 120px; margin-left: 83px;}
body.pageid-7 div#content a {text-decoration: none;}

body.pageid-19 div#content {position: relative; top: 200px; line-height: 1.2;}
body.pageid-19 div#content p {margin-left: 0;}
body.pageid-19 div#content a {text-decoration: none;}
body.pageid-19 div#content div#kontaktboble {height: 150px; width: 240px; position: relative; top: -110px; left: 230px;
padding: 80px 0 0 40px; background: url(img/snakkeboble.png) no-repeat;}

body.pageid-16 div#dreams {height: 230px; width: 330px; position: absolute; top: -20px; left: 640px; z-index: 99;}


/* ------------ all done, go away now ------------ */