/* this file contains all the common css for www.vikingdrage.no */

body {			background-color:	rgb(60, 60, 60);
				font-family: 		Verdana, Geneva, Arial, sans-serif;
				font-size: 			small;
				color: 				rgb(0, 0, 0);
				width:				800px;
				margin-left:		auto;
				margin-right:		auto;
				padding:			10px;
}

.header		{	height:				100px;
				width:				766px;
				background-image: 	url(../graphics/logo_vikingdragon.gif);
				background-repeat:	no-repeat;
				border:				2px solid rgb(60, 60, 60);
				margin-bottom:		1em;
}

#allcontent {	
				border:				5px ridge rgb(70, 70, 70);
				background-image: 	url(../images/bg_all.jpg);
				background-repeat:	repeat-y;
				margin-left:		auto;
				margin-right:		auto;
				padding:			10px;				
}

h1 {
				font-size: 170%;
}
	
h2 {
				font-size: 130%;
}
	
h3 {
				font-size: 100%;
}

.text1	{
				font-size: 	12px;
				color:		rgb(90, 90, 90);
}

.text2	{
				font-size: 	11px;
				color:		rgb(10, 10, 10);
}

.text3	{
				font-size: 	10px;
				color:		rgb(255, 255, 0);
}


.text4	{
				font-size: 	15px;
				color:		rgb(255, 255, 0);
}


.footer {		height:				1.5em;
				width:				766px;
				border:				1px solid rgb(60, 60, 60);
				margin-bottom:		1em;
				text-align:			center;
}

.copyright {		color:				rgb(150, 0, 0);
}

.prodID {		color:				rgb(150, 0, 0);
				font-weight:		bold;
}

.uline	 {		text-decoration:	underline;
}

.ml_140	 {		margin-left:		140px
}


#navigate {
				font-size:			0.7em;
				font-weight:		bold;
				width:				14em;
				border-right:		1px solid rgb(70, 70, 70);
				padding:			0;
				margin-bottom:		1em;
				margin-right:		10px;
				background-color:	#9cc;
				color:				#333;
				float:				left;
}

#navigate ul {
				list-style:			none;
				margin:				0;
				padding:			0;
}

#navigate ul li {
				margin:				0;
				border-top:			1px solid rgb(70, 70, 70);
				background-color:	rgb(100, 100, 100);
}

#navigate ul li a {
				display:			block;
				padding:			2px 2px 2px 0.5em;
				border-left:		10px solid rgb(165, 165, 165);
				border-right:		1px solid rgb(70, 70, 70);
				border-bottom:		1px solid rgb(70, 70, 70);
				background-color:	rgb(100, 100, 100);
				color:				rgb(60, 10, 10);
				text-decoration:	none;
				width:				100%;
}

html>body #navigate ul li a {
				width:				auto;
}

#navigate ul li a:hover {
				border-left:		10px solid rgb(100, 100, 100);
				border-right:		1px solid rgb(70, 70, 70);
				border-bottom:		1px solid rgb(70, 70, 70);
				background-color:	rgb(130, 130, 130);
				color:				rgb(235, 235, 235);
}

#products {
				font-size:			0.7em;
				font-weight:		bold;
				width:				12em;
				border-right:		1px solid #666;
				padding:			0;
				margin-bottom:		1em;
				margin-right:		10px;
				background-color:	#9cc;
				color:				#333;
				float:				left;
}

#products ul {
				list-style:			none;
				margin:				0;
				padding:			0;
}

#products ul li {
				margin:				0;
				border-top:			1px solid rgb(70, 70, 70);
				background-color:	rgb(100, 100, 100);
}

#products ul li a {
				display:			block;
				padding:			2px 2px 2px 0.5em;
				border-left:		10px solid rgb(165, 165, 165);
				border-right:		1px solid rgb(70, 70, 70);
				border-bottom:		1px solid rgb(70, 70, 70);
				background-color:	rgb(100, 100, 100);
				color:				rgb(60, 10, 10);
				text-decoration:	none;
				width:				100%;
}

html>body #products ul li a {
				width:				auto;
}

#products ul li a:hover {
				border-left:		10px solid rgb(100, 100, 100);
				border-right:		1px solid rgb(70, 70, 70);
				border-bottom:		1px solid rgb(70, 70, 70);
				background-color:	rgb(130, 130, 130);
				color:				rgb(235, 235, 235);
}

a:link {
				color:				rgb(0, 120, 0);
}

a:visited {
				color:				rgb(120, 0, 0);
}
	
a:hover {
				color:				rgb(240, 240, 0);
}
