/*
Theme Name: Norsk Baromedisinsk Forening
Theme URI: http://www.baromedisin.no/
Description: A search engine optimized website framework for Wordpress
Author: Arve Solli
Version: 1.0
Tags: 
This theme is licenced under Creative Commons Attribution-Noncommercial-Share Alike 3.0 Unported
http://creativecommons.org/licenses/by-nc-sa/3.0/
*/


/* Reset default browser styles */
@import url('styles/reset.css');

/* Rebuild default browser styles */
@import url('styles/rebuild.css');

/* Basic WordPress Styles */
@import url('styles/wp.css');

/* Basic WordPress Styles */
@import url('styles/2c-r.css');

body {
	background-image: url('images/gradientbackground.jpg');
	background-repeat: repeat-x;
	height: 900px;
	background-color: #6FC7DD;
}


#wrapper {
  margin: 0 auto;
  width: 900px; /* fixed width */
}

/* Header */
#branding {
	background-image: url('images/header.png');
	background-repeat: none;
	width:900px;
	height: 215px;
}

#logo {
	background-image: url('images/klokkemotivliten.jpg'); 
	background-repeat: none;
	width: 132px;
	height: 176px;
	position: relative;
	left: 22px;
	top: 5px
}

#blog-title {
	position: relative;
	left: 222px;
	top: -120px;
	font-family: "Arial";
	font-size: 43px;
	text-decoration: none;
	width: 640px;
	height: 60px;
	text-align: right;
	font-weight: bold;
}

#blog-title a:link {
	text-decoration:none;
	color: black;
}

#blog-title a:visited {
	text-decoration:none;
	color: black;
}

#blog-title a:hover {text-decoration:none;}
#blog-title a:active {text-decoration:underline;}

#blog-description {
	position: relative;
	left: 222px;
	top: -120px;
	font-family: "Arial";
	font-size: 20px;
	width: 640px;
	height: 60px;
	text-align: right;
}

/* Bonus: Styling the Menu */
#access {
	margin: 0 0 1.5em 0;
	/*overflow: auto;*/
	overflow: hidden;
	background-image: url('images/menu.png');
	background-repeat: none;
	width:900px;
	height: 80px;
}
.skip-link {
	position:absolute;
    left:-9000px;
}

.vertical-outer {
	display: table;
	#position: relative;
	position: relative;
	overflow: hidden;
	height: 50px;
	width: 840px;
	left: 30px;
	top: 15px;
}

.vertical-middle {
	display: table-cell;
	#position: absolute;
	#top: 50%;
	vertical-align: middle;
}

.menu {
	#position: relative;
	#top: -50%;
	/*left: 40px;
	top: 15px;
	width: 750px;
	height: 50px;*/
	font-family: Verdana;
	font-size: 15px;
}
.menu ul {
	list-style: none;
	margin: 0;
}
.menu ul ul {
	display: none;
}
.menu li {
	display: inline;	
}
.menu a {
	display: block;
	float: left;
	margin-right: 20px;
} 

.menu a:link {
	text-decoration: none;
	color: blue;
} 

.menu a:visited {
	text-decoration: none;
	color: blue;
} 

.menu a:hover {
	text-decoration: none;
	color: black;
} 
/* **END** Bonus: Styling the Menu */
/* **END** Header */

/* Content */
#content {
	padding-left: 30px;
	padding-right: 10px;
	margin-bottom: 42px;
}

#nav-above {
	font-size: 10px;
}

#nav-above a:visited{
	color: darkblue;
}

#nav-below {
	font-size: 10px;
}

#nav-below a:visited{
	color: darkblue;
}

.entry-title {
	Font-Family: Arial;
	Font-size: 22px;
	font-weight: bold;
}

.entry-title a {
	text-decoration: none;
}

.entry-title a:link {
	text-decoration: none;
	color: black;
}

.entry-title a:hover {
	text-decoration: underline;
	color: blue;
}

.entry-title a:visited {
	text-decoration: none;
	color: black;
}

.entry-meta {
	font-style: italic;
}

.entry-meta a{
	text-decoration: none;
}

.entry-content {
	font-size: 14px;
}

.entry-content a:link{
	text-decoration: none;
}

.entry-content a:hover{
	text-decoration: underline;
	color: red;
}

.entry-content a:visited{
	text-decoration: underline;
	color: darkblue;
}

#content p {
	font-size: 14px;
}

#content p a:link {
	text-decoration: none;
}

#content p a:hover {
	text-decoration: underline;
	color: red;
}

#content p a:visited{
	text-decoration: underline;
	color: darkblue;
}

.entry-utility {
	font-style: italic;
	padding-bottom: 5px;
	border-bottom: dotted 1px grey;
	margin-bottom: 10px;
}

.top_hel {
	background: url(images/top-hel.png) top left no-repeat;
}

.middle {
	position: relative;
	background: url(images/middle.png) top left repeat-y;
	top: 42px;
}

.bottom_hel {
	position: relative;
	height: 42px;
	width: 650px;
	background: url(images/bottom-hel.png) top left no-repeat;
}

/* **END** Content */

/* Sidebar */
#primary  .xoxo{
	padding-top: -40px;
}

#secondary {
	
}

.xoxo {
	margin: 0;
	/*border: 2px dotted blue;
	background-color: #C6C6C6;*/
	list-style-type:none;
}

.widget-title {
	font-family: Arial;
	font-size: 17px;
	font-weight: bold;
	/*background: url(images/widget-header.png);
	text-align: center;*/
}

.widget-container {
	border-bottom: dotted 1px grey;
	margin-left: 22px;
	width: 206px;
	margin-bottom: 10px;
	padding-bottom: 4px;
}

.widget-container a:link {
	color: blue;
	text-decoration: none;
}

.widget-container a:hover {
	color: red;
	text-decoration: underline;
}

.widget-container a:visited {
	color: darkblue;
	text-decoration: none;
}

#primary .sidebar-top {
	position: relative;
	background: url(images/sidebar-top.png) top left no-repeat;
}

#primary .sidebar-middle {
	position: relative;
	background: url(images/sidebar-middle.png) top left repeat-y;
	top:40px;
	margin-bottom: 40px;
}

#primary .sidebar-bottom {
	position: relative;
	width: 250px;
	height: 40px;
	background: url(images/sidebar-bottom.png) top left no-repeat;
}

#secondary .sidebar-top {
	position: relative;
	background: url(images/sidebar-top.png) top left no-repeat;
}

#secondary .sidebar-middle {
	position: relative;
	background: url(images/sidebar-middle.png) top left repeat-y;
	top: 40px;
	margin-bottom: 40px;
}

#secondary .sidebar-bottom {
	position: relative;
	width: 250px;
	height: 40px;
	background: url(images/sidebar-bottom.png) top left no-repeat;
}

.xoxo.blogroll {
	list-style: disc;
	margin-left: 30px;
}

/* **END** Sidebar */

/* Footer */
#colophon {
	position: absolute;
	height: 42px;
	width: 650px;
	background: url(images/top-hel.png) bottom left no-repeat;
}

#site-info {
	position: absolute;
	height: 22px;
	width: 650px;
	text-align: center;
	padding-top: 20px;
}

/* **END** Footer */