/*
Name: Sil Ryttere
URI: http://www.domene.no
Description.NO:  Hjemmeside for SIL Ryttere
Author: Stian B Johansen
Author URI: http://www.modulnet.com
Version: 0.3 (20070115)
*/

/*-----------Block Level Elements--------------*/

body {
	text-align: center;
	height: 100%;
	margin:0 auto;
	background: #fff url(menugpx/body_bg.gif) center top;
	font: 76% Verdana, Arial, Helvetica, sans-serif ; /*http://www.thenoodleincident.com/tutorials/typography/template.html*/
}

/*Typography*/
h1 {font-size: 3.4em;font-weight: bold;margin-top: 0em;margin-bottom: 0em; text-align:center; font-family:"Times New Roman", Times, serif; /*both set to zero and padding in header div is used intead to deal with compound ie pc problems that are beyound summary in a simple comment.*/	}
h2 {font-size: 1.7em;margin: 1.2em 0em 1.2em 0em;font-weight: normal;}
h3 {font-size: 1.4em;margin: 1.2em 0em 1.2em 0em;font-weight: normal;}
h4 {font-size: 1.2em;margin: 1.2em 0em 1.2em 0em;font-weight: bold;}
h5 {font-size: 1.0em;margin: 1.2em 0em 1.2em 0em;font-weight: bold;}
h6 {font-size: 0.8em;margin: 1.2em 0em 1.2em 0em;font-weight: normal;}

/*Typography class*/
.header		{	font-size: 2em;		color: #e94847; line-height:1.4em; }
.author		{	font-size: 0.8em;	color: #666;	line-height:1.7em;}
.ingress	{	font-size: 1em;		color: #333;	line-height:1.4em; font-weight: bold;}
.text		{	font-size: 1em;		color: #333;	line-height:1.3em;}
.redish		{	font-size: 1em;		color: #e94847;	line-height:1.4em; font-weight: bold;}

ol, ul, li {font-size: 1.0em;line-height: 1.8em;margin-top: 0.2em;	margin-bottom: 0.1em;}
p {	font-size: 1.0em;line-height: 1.3em;margin: 1.2em 0em 1.2em 0em;}
li > p {margin-top: 0.2em;}
pre {font-family: monospace;font-size: 1.0em;/*moz 1.0/1.1/1.2.1, net 7.0/7.01 make this way too small, but i'm not going to go larger because monospace tends to run you into overflow pretty quick. prior moz and net are okay.*/}
strong, b {	font-weight: bold;}

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

/*-----------Div elements--------------*/

* html #wrap{
height: 100%;
margin:0;
padding:0;
}


#box {
	width: 960px;
	\width: 980px;
	w\idth: 960px;
	text-align: left;
	width: 960px; 	/*Width of main container*/
	margin: 0 auto; /*Center container on page*/
	min-height: 100%;	
}

#iwrap {
	width: 750px;
	\width: 770px;
	w\idth: 750px;
	text-align: left;
	margin: 20px auto;
	min-height: 100%;
	background: #fff;
	border:#fff solid 10px;	
}
/* LAYOUT - HEADER */
#header {
	height: 160px;
	padding: 0px;
	background: #fff;
}

		#header #head_teaser{
			height: 160px;
			padding: 0px;
			background:url(menugpx/header_jan07.jpg) 0 0;
		}

/* LAYOUT - CONTENT */	
#content{
	float: left;
	width: 100%;
	margin: 25px 0 0 0;
	
	
}
	/* layout - main */	
	#main{
		margin: 0 20px 0 220px; /*Margins for content column. Should be "0 RightColumnWidth 0 LeftColumnWidth*/
		background: #fff;
		
	}
	#gjestebok{
		margin: 0 20px 0 220px; /*Margins for content column. Should be "0 RightColumnWidth 0 LeftColumnWidth*/
		background: #fff;
		width:500px;
		
	}
	
	/* layout - left */
	#left{
		float: left;
		width: 200px; /*Width of left column in pixel*/
		/*background: #f4f4f4;*/
		margin: 0 0 0 -750px;
		min-height: 450px;
		background:/*#fafafa */url(menugpx/left_logo2.gif) 0 0  no-repeat ;
	}
	#gleft{
		float: left;
		width: 200px; /*Width of left column in pixel*/
		/*background: #f4f4f4;*/
		margin: 0 0 0 -750px !important; margin: 0 0 0 -740px;
		min-height: 450px;
		background:/*#fafafa */url(menugpx/left_logo2.gif) 0 0  no-repeat ;
	}
	
	/* layout - right */
	#right{
		float: left;
		width: 370px; /*Width of right column*/
		margin-left: -370px; /*Set left margin to -(RightColumnWidth)*/
	}
		/* layout - partners */
		#right .partners{
			float: left;
			width: 180px; 
			background: #f4f4f4;
		}
		
		/* layout - ads */
		#right .ads{
			float: left;
			width: 180px; 
			background: #f4f4f4;
			margin-left:10px;
		}
	
/* LAYOUT - FOOTER */	
#footer{
	clear: both;
	width: 750px;
	height:50px;
	color: #000;
	border:#ccc dashed 1px;
	text-align: center;
	background: #f4f4f4;
}

#footertext{
	margin: 10px auto; /*Center container on page*/
	
}

/* CONTENT - LEFT MENU */

#sidebar-a{
	margin: 120px 10px 10px 0px;
	width: 190px;
}
	
#navcontainer ul{
	list-style: none;
	margin: 0;
	padding: 0;
	border: none;
}

#navcontainer li
{
	margin: 0;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #f7f7f7;
}

#navcontainer li a{
	font-weight:bold;
	font-size:80%;
	display: block;
	padding: 0.2em 0.4em;
	border-left: 5px solid #bfbbb5;
	border-top: 1px solid #bfbbb5;
	border-bottom: 1px solid #bfbbb5;
	border-right: 1px solid #bfbbb5;
	background-color: #f7f7f7;
	color: #000000;
	text-decoration: none;
	width: 100%;
	text-transform: uppercase;
}

#navcontainer li a:hover{
	border-left: 5px solid #e94847;
	background-color: #c4c1be;
	color: #fff;
}
html>body #navcontainer li a { width: auto; }

#form		{ width: 100%; }
#left_form	{ width: 100px; float:left }
#right_form	{ width: 400px; float:left }