h1, h2, h3, h4 {
	margin: 0;
	font-family: Arial, Helvetica, Verdana, sans-serif;
}

hr {
	border: 0;
	border-top: 1px solid #505050;
	height: 1px;
}

a {
	text-decoration: none;
	font-family: Arial;
	color: #006699;
}

a:visited {
	text-decoration: underline;
}

a:hover {
	text-decoration: underline;
}

a:active {
	color: #999999;
}

body {
	background-color: #ffffff;
	margin: 0;
	padding: 0;
	text-align: center;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #3E3E3E; /*#666666;*/
	background-image: url("/images/Graphics/bg-gradient.gif");
	background-repeat: repeat-x; 
}

img {
	border-width: 0;
}


/* 1 HEADER */

.header {
	/*background-image: url(Images/header.gif);
	background-repeat: no-repeat;*/
	background-color: #003366;/*#020A54;*/
	position: relative;
	width: 964px;
	height: 76px;
	margin: 0 auto 1px auto;
	color: #ffffff;
}

/*h1 {
	text-transform: uppercase;
	font-size: 18px;
}
*/
h2 {
	
	
}
h1 a, h2 a, h3 a, h4 a {
	color: #3E3E3E;	
	text-decoration: none;
}
h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover
{
	color: #FC5900
}

h1 a:visited, h2 a:visited, h3 a:visited, h4 a:visited
{
	color: #3E3E3E;
	text-decoration: none;
}

.nav {
	position: absolute;
	right: 37px;
	top: 13px;
	text-transform: uppercase;
	font-size: 10px;
}

.menua {
	position: absolute;
	right: 30px;
	top: 41px;
	text-transform: uppercase;
	font-size: 10px;
}

.menua a:visited, .menua a, .nav a, .nav a:visited {
	color: #ffffff;
	text-decoration: none;
	font-size: 10px;
}

.menua a:hover
{
  color: #FF6600;
  text-decoration: underline;
}

/* 1.1 SHIM */

.shim {
	display: none;
}


/* 2 PAGE */

.page {
	background-repeat: repeat-y;
	margin-left: auto;
	margin-right: auto;
	text-align: left;
}

h3 
{
    padding-top: 1.0em;
	margin-top: 0em;
	margin-bottom: 0.0em;
	font-size: 1.4em;
	font-weight: bold;
}
h4 
{
    padding-top: 1.0em;
	margin-top: 0em;
	margin-bottom: 0.0em;
	font-size: 1.2em;
	font-weight: bold;
}


/* 2.1 ALL PAGES */

#home, #resume, #links, #albums, #photos, #details, #register, #admin-albums, #admin-photos, #admin-details {
	
	/*position: relative;*/
	width: 900px;
	/*padding: 0px 37px;*/
	padding-top: 1px; /* Weird Mozilla Bug */
	padding-bottom: 40px; /* Weird Mozilla Bug */
}

#menuSidebar 
{
	float: left;
	width: 200px;
	height: 100%;
}

#menuContent 
{
    float:right;
	vertical-align:top;
	width: 764px; /*764*/ 
}

#sidebar 
{
	float: right;
	width: 200px;
	height: 100%;
}

#content 
{
    float:left;
	vertical-align:top;
	width: 760px; /*764*/ 
}

#mainContent
{
/*	margin-left: 30px;	*/
}

.itemRight, .itemLeft
{
    vertical-align: top;
    width: 48%;
    padding-bottom: 1em;
    text-align:justify;
}

.itemRight
{
    float: right;
/*    clear: inherit;*/
}

.itemLeft
{
    /*clear:  left;*/
    float: left;
}

#whatsnewSnikkSnakk {
	/*float: left;
	width: 50%;*/
	height: 100%;
}

#photooftheday 
{
    height: 100%;
}

dl {
	margin-top: 0;
	margin-bottom: 0;
	border-top: 1px solid #505050;
	padding-top: 1.5em;
	padding-bottom: 1.5em;
	position: relative;
}

dt {
	position: absolute;
	left: 0;
}

dd {
	margin-left: 150px;
	height: 2.0em;
}

.emptydata td {
	padding: 50px;
	color: #aeaeae;
}

.c {
	margin-left: auto;
	margin-right: auto;
	width: 686px;
	text-align: center;
}

.view .  {
	margin-left: auto;
	margin-right: auto;
}

.item {
	padding: 20px 50px;
	color: #B2B2B2;
}

.item h4 {
	margin-bottom: 0.4em;
}

.nullpanel {
	padding: 150px;
	width: auto;
	text-align: center;
}

.buttonbar, .buttonbar-top {
	width: 900px;
	height: 36px;
	background-image: url(Images/photonav.gif);
	background-repeat: no-repeat;
	margin-bottom: 5px;
	text-align: center;
	padding-top:10px;
}

/* 3 FOOTER */

.footerbg 
{
text-align: center;
width: 100%;
}

.footer 
{
	/*background-image: url(images/footer.gif);
	background-repeat: no-repeat;*/
	width: 700px;
	text-align: center;
	font-size: 10px;
	color: #000000;
	vertical-align: middle;
	width: 100%;
}

.menub {
	margin: 8px auto 2px auto;
	text-transform: uppercase;
	font-size: 10px;
}

.menub a:visited {
	color: #DBB94F;
}

/* Inline styles are used because image controls hard code a border property */

.photo_198 {
	border: 4px solid #FFFFFF;
}

.frontPageRandomPhoto
{
	margin-top: 1em;
	border-left: solid 0.4em #ffffff;
	border-right: solid 0.4em #ffffff;
}


/* JH*/
.SiteHeading
{
	font-family: Arial, "Trebuchet MS", Verdana;
	position: absolute;
	left: 37px;
	top: 12px;
	text-transform: uppercase;
	font-size: 18px;
	color: #FDC004; /*#DBB94F;*/
}
.subHeading
{
    font-family: arial;
	position: absolute;
	left: 37px;
	top: 30px;
	font-size: 11px;
	color: #cccccc;
}
.wrapper 
{
	width: 964px;
	PADDING-BOTTOM: 0px; 
	MARGIN: 0px auto; 
	PADDING-TOP: 0px; 
	POSITION: relative; 
	TEXT-ALIGN: left;
	border: solid 1px #cccccc;
}

.headerImage
{
	width: 964px;
	height: 120px;
}

.webPartMenu
{
	background-color: #D6D6D6;
	color: #020A54;
	font-size: 10px;
	border: solid 1px #000000;	
}

.ItemSubTitle
{
    padding-top:0.7em;
    font-weight: bold;
}

.CategorySubTitle
{
    padding-top:0.1em;
    text-align:justify;
}

.ItemReadMoreLink
{
	white-space:nowrap;
}

.ItemDate
{
	color: #89877B
}

.categoryTable
{
	vertical-align:top;
}

.VerticalWebPartsItem
{
	padding: 0;
	margin: 0;
    border: solid 1px #C1c5c9;
    height: 100%;
}

.webpartText 
{
	padding-top:1em;
	padding-left: 1em;
	padding-right: 1em;
}

.VerticalSpace
{
height: 0.5em;
}

#VerticalWebparts
{
	margin-left: 0.12em;
	margin-right: 0.12em;
}

#VerticalWebparts td
{
    height: 100%;
    width: 25%;
    vertical-align: top;   
}
#VerticalWebparts h4
{
	width: 100%;
	padding-top: 0.3em;
    padding-bottom: 0.3em;
    background-image: url("/images/Graphics/bg-gradient_blue_top.gif");
	background-repeat: repeat-x; 
    border-bottom: solid 1px #C1c5c9;
    font-size:1.1em;
    text-indent: 1em;
}

.frontPageBox
{
	margin-top: 0.5em;
	margin-left: 0.12em;
	margin-right: 0.12em;
	border: solid 1px #C1c5c9;
}

.frontPageText
{
	padding: 1em;
}

.frontPageTable
{
	margin-left: 0.12em;
	border: solid 1px #C1c5c9;
	margin-right: 0.12em;
	width: auto; 
}

#leftMenu
{
	/*background-color: #DEDDD0;*/
	background-image: url("/images/Graphics/bg-gradient_gray.gif");
	background-repeat: repeat-x; 
	margin-top: 1px;
	vertical-align: top;
	width: 90%;     
	height: 30em;
	
}


.menuLevel1, .menuLevel2, .menuLevel1 a, .menuLevel2 a , .menuLevel1 a:visited, .menuLevel2 a:visited
{
	font-weight: bold;
	color: #020A54;
	padding-left: 10px;
	text-decoration: none;
	font-size:11px;
	text-transform:uppercase;
	
}
.menuLevel1, .menuLevel2 
{
	border-bottom: solid 1px #ffffff;
}

#leftMenu a:hover, .adminMenu a:hover
{
	font-style:italic;
	color: #FC5900;	
}

#leftMenu a:active
{
	font-style:italic;
	color: #666666;	
}
#article h1
{
    font-size: 1.6em;
    padding-top: 1em;
    padding-bottom: 0px;
    margin-bottom: 0px;
}

#article h2, #article h4, #article h3
{
    clear:left;
    padding-top: 1em;
    padding-bottom: 0px;
    margin-bottom: 0px;
}

#article h2
{
     font-size: 1.4em;
}

#article h3
{
    font-size: 1.2em;
}
#article h4
{
    font-size: 1em;
}

.imgCap
{
    font-size: smaller;
    text-align: center; 
}

.ImageTable
{
    padding: 5px;
}

.itemDateInfo
{
    clear:left;
}
.editItemTable
{
    vertical-align:top;
    width: 100%;
    
    padding: 30px;
}

.LabelColumn
{
    vertical-align:top;
    font-weight: bold;
    width: 100px;

}
.wikiTable, .wikiTableRow, .wikiTableCell, .wikiTableHeader
{
    border: solid 1px #cccccc;
}

.webPartEmulator
{
    padding: 4px;
    border: solid 1px #cccccc;
}

.SearchTextBox
{
	width: 10em;
}

.SearchSmallTextBox
{
	height:1em;
	width: 9em;
	margin-left: 1.5em;
	margin-top:0.6em;
	border: 1px solid #999999;
}

.searchResultHeading, .searchResultHeading a:visited
{
    font-size: 110%;
    text-decoration:underline;
}

.searchResultLink, .searchResultLink a:visited
{
    COLOR: green;
    text-decoration:none;  
}

.searchResult a:visited
{
     text-decoration:none;  
}

.searchResult
{
	margin-left:0.3em;
}
.normalDisplay
{
    width: 760px;
}

/* gate29 versjon 1 */
.header2
{
 font-weight:bold;   
}

.adminGrid td
{
    font-size: 11px;
}
.adminGrid th
{
    font-size: 11px;
}

.navigation
{
	width:600px;
	margin-top:30px;
}

#leftnav 
{
	float:left;
	width:180px;
	text-align:center;
}

#rightnav 
{
	float:right;
	width:180px;
	margin-right:20px;
	text-align:center;
}

#numnav
{
	float:inherit;
	text-align:center;
	
}
/* start style for admin pages*/
#adminSideBar
{
	float: left;
	width: 200px;
	height: 100%;
	border: solid 1px #cccccc;
}
#adminContent
{
	float:right;
	padding-left: 0px;	
	margin-right: 0px;
	vertical-align:top;
	width: 750px;
	border: solid 1px #cccccc;
}

.adminMenu
{
	background-color: #DEDDD0;
	
}

/* stop style for admin pages*/

/* start style for blog pages*/
.columnSpace
{
	margin-left: 0.3em;
}

.grayBox
{
	width: 190px;
	margin-top: 0.5em;
	margin-right: 0.1em;
	background-color: #ffffff;
	border: solid 1px #b1b5b9; 
}

.grayBox ul
{
	margin-top:1em;
	margin-left : 1em;
	padding-left: 1em;
}

.grayBox h4
{
	padding-top: 0.3em;
    padding-bottom: 0.3em;
	width: 100%;
	text-indent: 1em;
	background-image: url("/images/Graphics/bg-gradient_gray_top.gif");
	background-repeat: repeat-x; 
	border-bottom: solid 1px #a1a5a9;
}

.blueBox
{
	background-image: url("/images/Graphics/bg-gradient_green.gif");
	background-repeat: repeat-x; 
	margin-top: 10px;
	border: solid 1px #cccccc;/* #E7E7F7;*/
}

.greenBox
{
	background-image: url("/images/Graphics/bg-gradient_green.gif");
	background-repeat: repeat-x; 
	padding-bottom:10px;
	border: solid 1px #cccccc;/* #E7F5E6;*/
}

.greenBox h4, .blueBox h4
{
	text-align:center;
}

.greenBox h5, .blueBox h5
{
	margin-top:0px;
	padding-top:0px;
}

.blogInfo
{
	margin-top: 5px;
	padding-top: 6px;	
	padding-bottom: 6px;	
	font-size: 0.8em;
}
.blogDesription
{
	text-align:right;
	color: #999999;
	text-transform:uppercase;
	font-size: 0.8em;
}
.blogDate, .blogInfo
{
	color: #999999;
}
.blogDevider
{
	border-bottom:solid 1px #cccccc;
	margin-bottom: 10px;
	margin-top: 10px;
}

#blogMainContent
{
	float: left;
	width: 520px;	
}

#blogSidebar
{
	float:right;
	width: 230px;
	height: 100%;
}
#blogSidebar p
{
	margin-top: 5px;
	padding-left: 10px;
}

#blogMainContent h1
{
    font-size: 1.6em;
    padding-top: 0.4em;
    padding-bottom: 0px;
    margin-bottom: 0px;
}

#blogMainContent h2
{
    font-size: 1.4em;
    padding-top: 0.4em;
    padding-bottom: 0px;
    margin-bottom: 10px;
}

#blogMainContent h3 /*Haeding for blog entries*/
{
	/*padding-bottom: 0px;*/
	font-size: 1.2em;
	padding-top: 0px;
	margin-bottom: 8px;
	color: #66667F;/*#1B57B1;	*/
}

#tagsContainer
{
	margin-top: 10px;
	background-image: url("/images/Graphics/bg-gradient_blue.gif");
	background-repeat: repeat-x; 
	padding-bottom:10px;
	border: solid 1px #E7E7F7;
}

#blogSidebar h4
{
	font-size: 1em;
	border-bottom: solid 0px #ffffff;
	padding-top: 0.2em;
	padding-bottom: 0.2em;
	padding-left: 5%;
	width: 95%;
	color: #6B6B6B;
	text-transform:uppercase;
}

#blogSidebar ul
{
	margin-left: 2em;
	margin-top:0px;
	padding: 0px;
	color: #A6B2CB;
}

#tagsContainer h4
{
	color: Navy;
}

#tagsContainer a
{
	text-decoration:none;
}

#archiveContainer h4
{
	color:Green;
}

#archiveContainer 
{
	background-image: url("/images/Graphics/bg-gradient_green.gif");
	background-repeat: repeat-x; 
	padding-bottom:10px;
	border: solid 1px #E7F5E6;
}


/* stop style for blog pages*/
.articleBodyText
{
	margin-top: 10px;
}

/* Overwrites margin-top set higer up.*/
.frontPageTopItems
{
	margin-top: 0.1em;
}

.progress
{
	color:Orange;
}


/*
This stylesheet implements the "Todd Fahrner method" to achieve constant text size across browsers.
Description: http://www.alistapart.com/articles/sizematters/
*/

body, body div, body p, body th, body td, body li, body dd, body dt {
  /* Override previously defined rules for old browsers */
  font-size:    x-small;   
  voice-family: "\"}\"";
  voice-family: inherit;
  font-size:small   ;
}

html>body, html>body div, html>body p, html>body th, html>body td, html>body li, html>body dd, html>body dt {
  /* be nice to Opera */
  font-size: small;
}