/*

	Project: Voss Folkeh¿gskule
	Version: eraly development
	Last changed: a work in progress

	Design: Ann Lisbeth Lesto, grom design (synnove@grom.no)
	xhtml/css: Ole-Marius L. Mathiassen, Recommended Interaktiv
	(C) 2008 Recommended Norway

	The solution is built using the DigiMaker CMS Platform

	---------
	reset.css (recommended version) is in use
	Internet Explorer is being served an additional style sheet

*/

/* basics
------------------------------------------------------------------------------------------------ */
body {font-family: Georgia, Times, serif; color: #333; background-color: #fff; background: #fff url(../graphics/bg-body-60prosent.jpg) right top no-repeat}
p {font-size: 1.3em; line-height: 1.4em;}
a {color: #000; text-decoration: none}
a:hover { background-color: #999; }
p a {text-decoration: underline}
h1, h2, h3, h4, h5, h6 {font-weight: normal; font-family: Georgia, Times, serif}

/* structure
------------------------------------------------------------------------------------------------ */
#wrapper {width: 870px;}
#main .left {padding-left: 55px; width: 160px; float: left;}
#main .content {width: 620px; float: right;}
#contentRec { clear: both; }

/* header
------------------------------------------------------------------------------------------------ */
#header {padding-bottom: 4em; padding-top: 1em; }
h1 {clear: both; margin-bottom: 3em;}
h1 a {display: block; width: 512px; margin-left: 55px; height: 70px; text-indent: -9999px; background: transparent url(../graphics/logo-vossfhs.png) left top no-repeat }
h1 a:hover { background-color: Transparent; }


/* navigation
------------------------------------------------------------------------------------------------ */

#nav-global {list-style-type: none; float: right;  padding: 0; margin: 2em 3em 3em 0;}
#nav-global li {display: inline; padding: 0 0.5em; border-right: 1px solid #000;}
#nav-global a { background-color: #fff; }
#nav-global .last {border: none}


#nav-main {padding: 0; margin: 0 0 0 250px; width: 370px;list-style-type: none;}
#nav-main .MainMenuItem {display: inline; margin:0; padding: 0 4px 0 0;}
#nav-main a { display: inline-block; font-size: 1.4em; background-color: #e0e0e0; padding: 0.2em 0.4em; margin-top: 4px; white-space: nowrap;}
#nav-main a:hover {background-color: #999; color: #000}
#nav-main span { display: none; }





#nav-section {list-style-type: none; padding: 0; margin: 0 0 0 7px; padding: 2px}
#nav-section .MainMenuItem  {display: block; margin-bottom: 3px}
#nav-section a {font-size: 1.4em; line-height: 1.4em; color: #333;}
#nav-section a:hover {background-color: #e0e0e0}
#nav-section a.isActive, #nav-section a.inPath {background-color: #e0e0e0}
#nav-section .lvl3 a { padding-left: 5px; font-weight: normal; }
#nav-section .lvl4 a { padding-left: 10px; font-weight: normal; }
#nav-section a { background-color: #fff; }

#nav-section span { display: none; }
#nav-section .lvl3 span, #nav-section .lvl4 span  { display: inline; padding-right: 5px; }




#address {font-size: 1.2em; line-height: 1.6em; color: #666;}
#address .locality {padding-left: 0.6em}
#address a {color: #666;}
#address a:hover  {color: #333;}

.feature {margin-top: 10em; background-color: #e0e0e0; padding: 1em;font-size: 1.1em;}
.feature h3 {font-weight: bold; font-size: 1.1em; line-height: 1.5em; }
.feature p {font-size: 1em}
.feature .articleAbstract { padding-top: 1em;  }
.feature img { width: 130px; height: auto; margin: 1em 0; }

#address {margin-top: 3em; background-color: #fff; padding: 1em; display: block;}



.content .articleContent, .content .storyContent, .content .bildeContent {background-color: #e0e0e0; margin-bottom: 2em; padding: 2em;  }
.storyAbstract, .storyFull { font-size: 1.1em; }
.content h2, .picHeader { font-size: 2em; line-height: 2em;}
.content .articleContent img { display: block;  }
.content a { text-decoration: underline; }
.articleAbstract, .storyAbstract { padding-bottom: 1.1em; font-size: 1.1em; }
.articleReadMore { display: block; padding-top: 1.1em; }

h2 { font-size: 2.8em; line-height: 2em;}
h2.linje { background-color: #b9e6fa; color: #00abed; font-size: 4em; padding: 0.5em; line-height: 1em; padding-left: 0.4em; margin-bottom: 0.5em;}

body .content h2.LinjeHeader35 { background-color: #fff0d9; color: #fdb913;  }
body .content h2.LinjeHeader36 { background-color: #c7ebfb; color: #00aeef;  }
body .content h2.LinjeHeader37 { background-color: #feddef; color: #d2232a;  }
body .content h2.LinjeHeader38 { background-color: #e2eedc; color: #41ad49;  }
body .content h2.LinjeHeader39 { background-color: #fcdfee; color: #ec008c;  }
body .content h2.LinjeHeader19 { background-color: #ede3d9; color: #a6754f;  }

body #nav-main .lvl3 { display: none; }

/* pictures 
------------------------------------------------------------------------------------------------ */
.picInner { float: left; padding-right: 20px; width: 94px; height: 150px; overflow: hidden; }
.picImage { width: 95px; height: 95px; overflow: hidden; text-align: center;  }
.picSelected { color: Red; font-weight: bold; }