/* 

	CSS Document 
	Nordisk Lipidforum
	-
	Supervisor CMS fra Sircon Norge AS
	Domene, webhotell, CMS, webdesign og utvikling
	http://sircon.no
	
---------------------------------------------- */


@import url('reset.css');


/* General layout
---------------------------------------------- */
html{
}
body {
	background:url('../images/bg.png');
}
#top {
	background:url('../images/top.png') repeat-x;
}
#wrapper {
	width:978px;
	margin:0 auto;
}
/* Header */
#header {
	padding-top:10px;
}
#logo {
	width:978px;
	height:78px;
	background:url('../images/logo.png') no-repeat;
	text-indent:-9999px;
	display:block;
	margin-bottom:8px;
}
#showcase {
	margin-bottom:8px;
}

/* Content */
#main {
	width:726px;
}
.main-repeat {
	background:url('../images/main-repeat.png') repeat-y;
	width:685px;
	min-height:400px;
	height:auto!important;
	height:400px;
	padding:20px 21px 20px 22px; 
}
.main-end {
	background:url('../images/main-end.png') no-repeat;
	height:3px;
}
.sidebar-box-repeat {
	padding:9px 12px 20px 9px;
	background:url('../images/sidebar-box-repeat.png') repeat-y;
}
.sidebar-box-end {
	height:3px;
	margin-bottom:7px;
	background:url('../images/sidebar-box-end.png') no-repeat;
}
#sidebar {
	width:244px;
}

/* Footer */
#footer {
	width:726px;
	padding:10px 0 0 252px;
	text-align:center;
}


/* Layout classes */
.left {
	float:left;
}
.right {
	float:right;
}
.clear {
	clear:both;
}


/* Type, links, images
---------------------------------------------- */
body,
table,
td,
input,
textarea {
	font:12px "Lucida Grande", "Lucida Sans", Tahoma, sans-serif;
} 
body {
	line-height:20px;
}
p,
ul,
ol {
	margin-bottom:20px;
}
#maindocument table {
	border:1px solid #ccc;
	margin-bottom:20px;
}
#maindocument table td {
	vertical-align:top;
	padding:5px;
	border:1px solid #ccc;
}
ul {
	padding-left:40px;
}
ul li {
	list-style:disc;
}
ol {
	padding-left:40px;
}
ol li {
	list-style:decimal;
}
h1 {
	font-size:34px;
	line-height:1em;
	margin-bottom:20px;
}
h2 {
	font-size:16px;
	line-height:18px;
	margin-bottom:20px;
	font-weight:normal;
}
h3 {
	font-size:16px;
	font-weight:bold;
	line-height:1em;
	margin-bottom:10px;
	padding-bottom:10px;
	border-bottom:1px solid #ccc;
	color:#3d4ea6;
}
#sidebar h3 {
	padding:1px 4px 3px 11px;
	line-height:28px;
	width:229px;
	background:url('../images/h3-sidebar.png') no-repeat;
	margin:0 0 7px;
	font-weight:normal;
	border:none;
}
h4 {
	font-size:14px;
	line-height:1em;
	font-weight:bold;
	margin-bottom:10px;
}
hr {
	height:1px;
	border-top:1px solid #cfcfcf;
	border-right:none;
	border-bottom:none;
	border-left:none;
	margin-bottom:20px;
}
strong {
	font-weight:bold;
}
em {
	font-style:italic;
}
a {
	color:#3d4ea6;
}
a:hover {
	color:#bd1616;
}
#footer {
	font-size:11px;
	line-height:17px;
	color:#fff;
}
#footer a {
	color:#fff;
}
.sidebar-box-repeat,
.sidebar-box-repeat a,
.sidebar-box-repeat a:hover {
	color:#fff;
}
.sidebar-box-repeat a.button {
	width:180px;
	height:28px;
	line-height:28px;
	text-align:center;
	padding:2px 4px 4px 2px;
	display:block;
	background:url('../images/button.png') no-repeat;
	text-decoration:none;
}
.sidebar-box-repeat a.button:hover {
	position:relative;
	top:1px;
}
#links {
	font-size:14px;
	line-height:22px;
}
#links a {
	display:block;
	color:#fff;
	text-decoration:none;
	border-bottom:1px solid #6371bc;	
}
#links a:hover {
	color:#b1beff;
	background:url('../images/black.png');
}
#links p {
	margin:0;
}


/* Navigation
---------------------------------------------- */
#boxed_menu ul {
	padding:0;
	margin:0;
}
#boxed_menu ul li {
	list-style:none;
	font-size:14px;
	line-height:22px;
	background:url('../images/menu-arrow.png') 4px 9px no-repeat;
}
#boxed_menu ul li a {
	display:block;
	color:#fff;
	text-decoration:none;
	border-bottom:1px solid #6371bc;
	padding-left:15px;
}
#boxed_menu ul li a:hover {
	color:#b1beff;
	background:url('../images/black.png');
}
#boxed_menu ul li a.current {
	color:#b1beff;
	font-weight:bold;
}
#boxed_menu ul li a.current:hover {
	background:url('../images/black.png');
}
#boxed_menu ul li ul li {
	background-position:19px 9px;
}
#boxed_menu ul li ul li a {
	padding-left:30px;
}
#boxed_menu ul li ul li ul li {
	background-position:34px 9px;
}
#boxed_menu ul li ul li ul li a {
	padding-left:45px;
}


/* Forms
---------------------------------------------- */
input,
textarea,
select {
	padding:5px;
	border:1px solid #cfcfcf;
}
input:focus,
textarea:focus {
	border-color:#3d4ea6;
}
input[type="submit"],
input.button {
	background:#3d4ea6;
	border-color:#6275d8;
	color:#fff;
}
input[type="submit"]:hover,
input.button:hover {
	background:#6275d8;
	cursor:pointer;
}
.contact input,
.contact textarea {
	margin-bottom:20px;
}