/* 
Theme Name: Olsen
Theme URI: http://wordpress.org/
Description: <a href="http://www.olsen.ch/">Station's theme v2</a>.
Version: 2.0
Author: Olsen Ltd
Author URI: http://www.olsen.ch/


*/


/* @group General */

body {
	font-size: 13px;
	font-family: "Helvetica", "Arial", sans-serif;
	line-height: 140%;
	margin: 5px 0 50px 0;
	color: rgb(102, 102, 102);
}

a {
	color: rgb(0, 97, 151);
}

img {
	border: none;
}

table {
	border: none;
}

table td, table th {
	padding: 3px 0;
}

#wrapper {
	margin: 0 auto;
	width: 1000px;
}

/* @end */

/* @group Header */

#header {
	position: relative;
	margin-bottom: 20px;
}

#title {
	width: 200px;
	text-indent: 100%;
	overflow: hidden;
	line-height: 50px;
	margin: 0 0 5px 0;
	position: relative;
	background-image: url(olsenblog.jpg);
	background-repeat: no-repeat;
	background-position: left center;
}

#title a {
	display: block;
}

#scale {
	height: 260px;
	background-image: url(header.png);
}

/* @end */

/* @group Content */

/* @group Navigation */

#left-column {
	width: 200px;
	position: absolute;
	top: -22px;
	left: 0;
	padding-top: 22px;
	background-image: url(navigation-top.png);
	background-repeat: no-repeat;
	background-position: left top;
}

#left-column-content {
	padding-bottom: 22px;
	background-image: url(navigation-bottom.png);
	background-repeat: no-repeat;
	background-position: left bottom;
}

#navigation {
	padding-bottom: 20px;
	background-image: url(navigation-back.png);
}

#navigation ul {
	margin: 0;
	padding: 0;
	list-style-type: none; 
}

#navigation li {
	background-image: url(navigation-item-back.png);
	text-transform: uppercase;
	line-height: 40px;
}

#navigation li a {
	display: block;
	padding-left: 10px;
	margin-right: 15px;
	color: rgb(153, 153, 153);
	font-size: 11px;
	font-weight: bold;
	text-decoration: none;
}

#navigation li.active {
	background-image: url(navigation-item.png);
}

#navigation li.active a {
	margin-right: 0;
	color: rgb(255, 255, 255);
}

#navigation li.sub-item {
	line-height: 100%;
	background-image: none;
}

#navigation li ul {
	width: 185px; /* Needed for IE nested list bug */
	margin: 0 15px 0 0;
	padding: 10px 0;
	background-image: none;
	border-top: 1px rgb(255, 255, 255) solid;
	border-bottom: 1px rgb(227, 227, 227) solid;
}

#navigation li ul li {
	padding: 2px 0;
	line-height: 100%;
	text-transform: none;
	background-image: none;
}

#navigation li ul li a {
	padding-left: 12px;
	font-size: 11px;
	font-weight: normal;
}

#navigation li ul li.active {
	background-image: none;
}

#navigation li ul li.active a {
	font-weight: bold;
	color: rgb(0, 97, 151);
}

#sub-navigation, #meta-navigation {
	height: 50px;
	top: 0;
	line-height: 50px;
	margin: 0;
	padding: 0;
	position: absolute;
	list-style: none;
}

#sub-navigation li, #meta-navigation li {
	font-size: 15px;
	font-weight: bold;
	float: left;
	text-transform: uppercase;
}

#sub-navigation li a, #meta-navigation li a {
	color: rgb(135, 135, 135);
	text-decoration: none;
}

#sub-navigation li a:hover, #meta-navigation li a:hover,
#sub-navigation li.active a, #meta-navigation li.active a {
	color: #006197;
}

#sub-navigation {
	left: 250px;
}

#sub-navigation li {
	margin-right: 2em;
}

#meta-navigation {
	right: 0;
}

#meta-navigation li {
	font-size: 12px;
	font-weight: normal;
	margin-left: 2em;
}

/* @group Calendar */

#calendar {
	padding: 0 36px 0 20px;
	color: rgb(124, 124, 124);
}

#calendar table {
	width: 100%;
}

#calendar table td {
	text-align: center;
}

#calendar table td .selected {
	padding: 0 3px;
	color: rgb(51, 91, 122);
	background-color: rgb(158, 195, 221);
}

#calendar a {
	color: rgb(72, 124, 165);
	text-decoration: none;
}

#calendar-graph {
	width: 144px;
	height: 50px;
	position: relative;
	overflow: hidden;
}

#calendar-graph img {
	width: 3px;
	position: absolute;
	bottom: 0;
}

#calendar a.next {
	width: 12px;
	height: 12px;
	display: block;
	background-image: url(arrow-next.png);
}

#calendar a.previous {
	width: 12px;
	height: 12px;
	display: block;
	background-image: url(arrow-previous.png);
}

#calendar .separator {
	width: 200px;
	height: 10px;
	display: block;
	margin-left: -20px;
	background-image: url(navigation-separator.png);
}

#calendar .date {
	display: block;
	margin-top: 	0.5em;
	text-align: center;
	font-weight: bold;
}

/* @end */

/* @end */

/* @group Text */

#content {
	position: relative;
}

#text {
	position: relative;
	top: 7px;
	margin: 0 260px 0 220px;
}

#text.wideleft {
	margin: 0 260px 0 0;
}

#text h2 {
	font-size: 15px;
	text-transform: uppercase;
	margin: 22px 0 7px 0;
	line-height: 140%;
	color: #006197;
}

#text h2 a {
	text-decoration: none;
}

#text p {
	margin: 0;
	line-height: 160%;
}

#text .info {
	margin-top: 1.5em;
	border-top: 1px rgb(198, 217, 227) solid;
	border-bottom: 1px rgb(198, 217, 227) solid;
}

/* @group Table */

#text table {
	width: 100%;
	font-size: 12px;
}

#text table a {
	font-weight: bold;
}

#text table td.curve a {
	padding-left: 20px;
	background-image: url(icon-curve.png);
	background-position: left center;
	background-repeat: no-repeat;
}

#text table tr.selected {
	background-color: rgb(180, 208, 229);
}

#text table th {
	text-align: left;
}

#text table td, #text table th {
	border-bottom: 1px rgb(198, 217, 227) solid;
}

#text table td strong {
	color: rgb(0, 97, 151);
	font-weight: bold;
}

#text table .trend {
	width: 12px;
	height: 12px;
	display: block;
	background-image: url(trend.png);
}

#text table .equal {
	background-position: 0 0;
}

#text table .up {
	background-position: 0 -12px;
}

#text table .down {
	background-position: 0 -24px;
}

/* @end */



/* @end */

/* @group Information */

#information {
	width: 220px;
	position: absolute;
	top: 0;
	right: 0;
	font-size: 12px;
	color: rgb(100, 100, 100);
}

/* @group Info Box */

div.info-box {
	width: 220px;
	padding-bottom: 8px;
	background-image: url(box-bottom.png);
	background-position: bottom left;
	background-repeat: no-repeat;
	margin-bottom: 20px;
}

div.info-box h3, div.info-box ul.tab {
	margin: 0;
	color: white;
	font-size: 12px;
	font-weight: bold;
	line-height: 31px;
	text-transform: uppercase;
	padding: 2px 12px 0 12px;
	background-image: url(box-title.png);
}

div.info-box h3, div.info-box ul.tab li {
	background-repeat: no-repeat;
}

div.info-box div  {
	padding: 10px 15px 4px 15px;
	background-image: url(box-back.png);
}

div.info-box h4 {
	margin: 0 0 0.25em 0;
	font-size: 12px;
	font-weight: bold;
}

div.info-box p {
	margin: 0;
}

div.info-box p + p {
	margin: 1em 0 0 0;
}

div.info-box p.image {
	margin: -10px -15px 0 -15px;
	padding: 0;
}

div.info-box p.terms {
	margin-top: 0;
	padding: 0 0.75em;
	font-size: 10px;
	line-height: 140%;
}

div.info-box ul.tab {
	width: 220px;
	height: 33px;
	margin: 0;
	padding: 0;
	list-style-type: none;
}

div.info-box ul.tab li {
	float: left;
}

div.info-box ul.tab li.stat-1 {
	background-position: 0 0;
}

div.info-box ul.tab li.stat-2 {
	background-position: 0 -33px;
}

div.info-box ul.tab li.stat-3 {
	background-position: 0 -66px;
}

div.info-box ul.tab a {
	width: 36px;
	height: 33px;
	text-align: center;
	display: block;
	overflow: hidden;
	text-indent: 200%;
}

div.info-box input[type=text] {
	padding: 4px;
	margin: 0 0 8px 0;
	color: rgb(127, 127, 127);
	font-size: 12px;
	font-family: "Helvetica", "Arial", sans-serif;
	border: 2px rgb(192, 192, 192) groovy;
}

div.info-box .disabled {
	opacity: 0.25;
	filter: alpha(opacity=25); /* IE */
}

/* @group Lists */

.info-box div ul {
	margin: 0;
	padding: 0 0 0 1.3em;
}

.info-box div li {
	margin: 0;
	padding: 0;
}

/* @end */