/* @override http://www.scope.se/css/scope_screen_2009.css */
/* scope.se by AGoodID */

/*
Färger
Gul: #FFFF00
Brödtext: #444444
Rubriker/Länkar/Ingresser: #000000
Aktiv länk: #FFFF00
*/

/* Reset --------------------------------------------------------------------*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}
/* remember to define focus styles! */
:focus {
	outline: 0;
}
ol, ul {
	list-style: none;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}

/* Main ---------------------------------------------------------------------*/

body {
	background-color:#FFF;
	color:#444;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:12px;
	line-height: 16px;
	margin:0 auto;
	width:80.833em; /* 970px */
}

#header {margin-top:2em;}
#main {float:left;margin:3.333em 0 1.33em 0;}
#col-right {width:20.167em;}
#col-left {width:10.25em;margin-right:3.667em;}
#footer {clear:both;}

.left {float:left;}
.right {float:right;}

.frontpage {padding:0.5em 0 0 0.5em;width:56.667em;}
.article {width:42.167em;}

/* Typography ---------------------------------------------------------------*/

/*
Rubrik 1: 24/27 px grad/radavstånd
Rubrik 2: 15/18 px grad/radavstånd
Brödtext: 12/16 px grad/radavstånd
Ingress: 18/22 px grad/radavstånd
*/

h1,h2,h3,h4,h5,h6,p.ingress {color:#000;}
h1 {
	font-size:2em;
	line-height:1.125em;
	margin:0.375em 0 0.875em 0;
}
h2 {font-size:1.25em;line-height:1.2em;margin-bottom:0.933em;}
h3, h4 {font-weight:900;margin-bottom:1.33em;}

p {line-height:1.33em;margin-bottom:1.33em;}
p.ingress {
	font-size:1.5em;
	font-weight:normal;
	line-height:1.22em;
	margin-bottom:0.8em;
}
p.date {font-style:italic;margin-bottom:0.25em;}
#main ul {list-style:disc;margin:0 0 1.33em 1.1em;}

#col-right h3, #col-left h3 {
	background-color:#FF0;
	line-height:1.833em;
	margin:0 0 1.33em -0.5em;
	padding-left:0.5em;
	width:auto;
}
#col-right h3 {margin-top:1.667em;}
.investments h4 {margin-bottom:0.25em;}
#col-right p.date {color:#999;margin:0;}
#col-right p.excerpt {font-style:italic;;margin:0;}
#col-right .align-right {text-align:right;}

#footer p {
	color:#999;
	display:inline;
	font-size:0.75em;
	line-height:2em;
	margin:0;
}
#footer p.byline {background-color:#FFF;padding:0 0.5em;}
#footer p span.org {color:#666;}
#footer .line {
	background:url(/pix/dot.gif) repeat-x center left;
	padding-left:3em;
	width:77.833em;
}

/* Links --------------------------------------------------------------------*/

a {
	color:#000;
	font-style:italic;
	text-decoration:underline;
}
a.big {font-size:1.5em;}
a:hover {color:#FF0;}

/* Images -------------------------------------------------------------------*/

.frontpage img.splash {margin:-2.833em 0 0 2.667em;}
.article img.splash {clear:both;margin-bottom:3.5em;}
img.small {float:left;margin-right:3em;}
.person img.teamportrait {max-height:18.416em;max-width:12.667em;}
.contact img {margin-top:1.33em;max-width:14em;}
#col-right img.logo {margin-top:1.667em;}

/* Menus --------------------------------------------------------------------*/

/* Global Nav */

ul.globalnav {list-style:none;margin-top:0.667em;}
ul.globalnav div {display:inline;}
ul.globalnav li {
	display:inline;
	margin-left:-0.5em;
	padding:0.667em 2.667em 1.33em 1em;
}
ul.globalnav li a {
	font-size:1.33em;
	font-style:normal;
	line-height:2.25em;
	text-decoration:none;
}
ul.globalnav li a:hover{color:#777;}
ul.globalnav li a:active{color:#000;}
#primary_menu_line {
	border: 0;
	background-color: #aaa;
	color: #aaa;
	height: 1px;
}
#primary_selection { 
	width:200px;
	position:absolute;
	background:transparent url('/pix/yellow.gif') repeat-x top left;
	height:1px;
	text-align:center;
}
#primary_selection span.left-white {background-color:#fff;float:left;}
#primary_selection span.right-white {background-color:#fff;float:right;}

/* Local Nav */

ul.localnav a {font-style:normal;text-decoration:none;}
ul.localnav a:hover {color:#777;}
ul.localnav a:active {color:#000;}

ul.localnav {list-style:none;margin:1.667em 0 1.33em 0;}
ul.localnav li {
	margin-left:-0.5em;
	padding:0 0 0.667em 0.5em;
}
ul.localnav li a {display:block;}
#secondary_menu li {cursor: pointer;}
#secondary_selection {
	background:transparent url('/pix/yellow.gif') repeat-x top left;
	height:1px;
	margin-left:-0.5em;
	position:absolute;
}

/* Right Column -------------------------------------------------------------*/

/* Case */

.case, .case img.circle, .case .textarea {height:16.333em;width:16.333em;}
.case {margin:1em 1.833em;position:relative;}
.case img.circle {position:absolute;z-index:-1;}
.case .textarea {text-align:center;padding-top:4em;}
.case .textarea h4, .case .textarea p {padding:0 1.1em;}

/* Feed */

#col-right ul.post-list {margin-left:0.5em;}
#col-right ul.post-list li.post {margin-bottom:1.33em;}

/* Tables */

#col-right table {width:100%;}

/* Team Page Specific ------------------------------------------------------*/

ul.teamgrid {padding:0.5em 0 0 0.5em;}
ul.teamgrid ul {clear:left;}
ul.teamgrid li {
	float:left;
	list-style:none;
	margin-right:2em;
	width:12.667em;
}
ul.teamgrid li.last {margin-right:10em;}
ul.teamgrid li h3 {margin-bottom:0;}

/* Contact Page Specific ---------------------------------------------------*/

.contact {padding-left:13.917em;}
.contact h3 {
	background-color:#ff0;
	clear:both;
	float:left;
	margin-left:-0.5em;
	margin-right:20em;
	padding-left:0.5em;
	width:20.833em;
}
.contact table {
	clear:left;
	margin-bottom:4em;
	width:auto;
}
.contact td {width:18em;}
.contact td img {margin-right:4em;}