@charset "utf-8";
/* CSS Document */

/* Author: Bjarte Lund Rolland */

/* 
COLORS:
light grey:		f0f0e8
regular grey:	666
light turqiose:	f0f8ff
text:			333
dark blue:		003366

MARGINS:
35px
20px

*/

/* BODY (General styles)
---------------------------------------- */
* {
	margin: 0px;
	padding: 0px;
}

body {
	margin: 0 auto;
	padding: 0px;
	width: 990px;
	background: white;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 1em;
	color:#000;
	line-height:1.5em;
}

img {border:none}

.imgStyle {
	border:1px white solid;
	margin:0 8px 4px 0;
	float:left;
}

.imgStyle:hover {
	border:1px solid red;
}

ul li{ /*ie*/
	list-style:url(../gfx/bullet.gif);
	margin-left:30px;
}

/* COMMON STYLES
---------------------------------------- */
p {
	margin:0 0 10px 0;
	font-family:Arial, Helvetica, sans-serif;
}

h1 {
	color: #fe0000;
	font-size: 1.2em;
	font-family:"Arial Black", Arial, helvetica, sans-serif;
	font-weight:bold;
	text-transform:uppercase;
	margin-bottom:10px;
	letter-spacing:-2px;
	line-height:1em;
}

	h1 a:link,
	h1 a:link,
	h1 a:link {
	}
	
	h1 a:hover {
	}

h2 {
	color: #7e7e7c;
	font-size: 1.5em;
	font-weight: normal;
	letter-spacing:-1px;
	margin-bottom: 10px;
	line-height:1.5em;
	border-bottom:1px solid #fff;
	overflow:hidden;
}	

	h2 a:link,
	h2 a:active,
	h2 a:visited{
		color: #7e7e7c;
		text-decoration:none;
	}
	
	h2 a:hover {
		color: #fe0000;
	}

h3 {
	color: black;
	font-size: 1.2em;
	font-weight: bold;
	margin-bottom:5px;
	line-height:1.3em;
}	

	h3 a:link,
	h3 a:link,
	h3 a:link {
	}
	
	h3 a:hover {
	}
	
h4 {
	font-size: 0.8em;
	font-weight: bold;
	margin:0;
	text-transform:uppercase;
}	

hr {
	border:1px solid grey;
	margin:5px 0;
}



/* LINKS 
---------------------------------------- */
a,
a:link,
a:visited,
a:active {
	text-decoration: underline;
	color:black;
} 
a:hover {
	text-decoration:none;
	color:red;
}

 
/* FORMS
---------------------------------------- */
.field {
	width:150px;
	border:solid 1px orange;
	height:18px;
	padding:7px 0 0 5px;
	color:black;
	font-size:10px;
	background:pink;
}

.button {
	border:solid 1px green;
	background:yellow;
	width:25px;
	height:25px;
}

input:focus {
	border:solid 1px red;
	background:aqua;
}

/* CONTAINER (This is the main wrapper)
------------------------------------------------------------------ */
#container {
	width: 990px;
	background: black;
}


/* HEADER (Includes header with logo, slideshow and horizontal top navigation)
------------------------------------------------------------------ */
#header {

}

#header img {
	float:left;
}

.slide {
	width:790px;
	height:200px;
	float:left;
	background:black;
}


/* LEFT (Includes (product) menu on the left, search and addtional content)
------------------------------------------------------------------ */
#left {
	background:blue;
	width:200px;
	float:left;
	clear:both;
}


#search {
	float:left;
}

/* MAIN content (Includes all articles)
------------------------------------------------------------------ */
#main {
	width:950px;
	float:left;
	background:url(../gfx/bgContainer.jpg) repeat-x #f3f3f1;
	padding:35px 20px;
}

/*.tips, 
.details {
	margin-top:10px;
	padding:5px;
	background:aqua;
}*/

#breadcrumbsWrapper {
	background:aqua;
	width:100%;
	font-size:0.8em;
	font-weight:bold;
	margin-bottom:10px;
	height:20px;
}

	#breadcrumbs {
		float:left;
		width:60%;
	}

#print {
	float:right;
	width: 30%;
	text-align:right;
	height:20px;
}

	#print img/*,
	.backAndPrint img */{
		margin-bottom:-12px;
	}

.box {
	background:aqua;
	border-right:black solid 2px;
	border-bottom:black solid 2px;
	padding:10px;
	margin:10px 0;
	float:left;
}

.linkStyle {

} 	
		
	.linkStyle a:link,
	.linkStyle a:active,
	.linkStyle a:visited {
		color:black;
		font-weight:bold;
		font-style:italic;
		text-decoration:none;
		line-height:1em;

	} 	
	
	.linkStyle a:hover {
		color:red;
		
	}


	/* FRONTPAGE (Styles for frontpage only)
	------------------------------------------------------------------ */
	#headFront {
		background:#4e4e4e;
		height:415px;
		float:left;
		width:990px;
	
	}
		#headFront img {
			float:left;
			width:692px;
			height:415px;
		}
		
		
	
		#headRight {
			padding:35px 35px 35px 20px;
			float:right;
			width:225px;
			background:url(../gfx/bgHead.jpg) #4e4e4e no-repeat right top;
			color:#FFFFFF;
			font-size:1em;
			font-style:italic;
			line-height:1.4em;
			
		}
	
		#headRight img {
			width:23px;
			height:14px;
		}
	
	

	
	#front {
		width:650px;
		float:left;
	}
	
	
	.frontpageList,
	.archiveList {
		width:650px;
		float:left;
		margin-bottom:10px;	
	}

	.archiveList {
		width:950px;
	}

		.frontpageList img, 
		.archiveList img {
			float:left;
			width:200px;
			margin: 0 20px 10px 0;
		}
	
		.date {
			margin-top:-40px;
			float:right;
			color:#7E7E7C;
		}
		
		
		
/* RIGHT (Optional right container for all sites)
------------------------------------------------------------------ */
#right {
	padding:35px;
	margin-right:-20px;
	margin-top:-35px;
	float:right;
	width:230px;
	background:#e1e1df;
}

/* FOOTER (Includes adresses, copyright declarations, i-tools branding, and more)
------------------------------------------------------------------ */
#footer {
	width:980px;
	background:url(../gfx/bgContainer.jpg) repeat-x #7e7e7c;
	text-align:center;
	color:#a7a7a7;
	font-size: 0.6em;
	clear:both;
	border-top:#FFFFFF solid 1px;
	padding:5px;
}