/*
Theme Name: Osynlig
Theme URI: http://osynlig.se/
Description: The invisible theme.
Version: 1.1
Author: Osynlig
Author URI: http://osynlig.se/
Tags: invisible
*/

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;
}

body {
	font-size: 62.5%; /* Resets 1em to 10px */
	line-height: 1;
}

ol, ul {
	list-style-image: none;
	list-style-position: outside;
	list-style-type: 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: "" "";
}

img {
	border: none;
}

strong {
	font-weight: bold;
}

.right {
	float: right;
}

.left {
	float: left;
}

.clear {
	clear: both;
	display: block;
    overflow: hidden;
    visibility: hidden;
    width: 0;
    height: 0;
}

/**************
**************/

.grey {
	color: #d1d1d1;
}

body {
	font-family: tahoma, arial, serif;
	font-size: 62.5%;
	line-height: 1.9em;
	background: #e9e9e9;
}

div#white {
	background: #fff;
	height: 242px;
	padding: 41px 0 0 65px;
}

div#white a {
	color: #6b6b6b;
	text-decoration: none;
}

div#white a:hover {
	color: #1d1d1d;
}

div#white  p#logotype {
	position: absolute;
	left: 100%;
	margin-left: -100px;
}

div#white p.grey {
	text-transform: uppercase;
	margin: 0 0 40px 0;
	padding: 12px 0 0 0;
}

div#white ul {
	display: inline;
	margin-right: 70px;
}

div#white ul li {
	font-size: 1.1em;
}

div#white ul li.title {
	font-family: helvetica, arial, serif;
	font-size: 1.6em;
	color: #231f20;
	text-transform: uppercase;
	margin-bottom: 10px;
}

div#white ul li.title a {
	color: #231f20;
	cursor: default;
}

div#content {
	padding: 0 0 20px 65px;
	background: url('images/bar_white.gif') repeat-x 0 -13px;
}

body.home div#content {
	padding-left: 0;
}

body.category-vi-som-jobbar-har {
	background: #2d2d2d;
}

body.category-vi-som-jobbar-har div#content {
	padding-left: 0;
	background-position: 0 0;
}

body.home div#content h3, body.home div#content h4, body.home div#content .posts .post {
	padding-left: 65px;
}

div#content h1 {
	font-weight: bold;
}

div#content h3 {
	line-height: 13px;
	margin-bottom: 17px;
}

div#content h3 b {
	display: block;
}

div#content h4 {
	color: #fff;
	margin-bottom: 10px;
}

div#content h3, div#content h4 {
	font-size: 10px;
	text-transform: uppercase;
}

div#content p, div#content ul {
	margin-bottom: 17px;
}

div#content ul li {
	list-style: disc inside;
}

div#content .posts .post {
	width: 890px;
	font-size: 10px;
}

div#content .posts .post.odd {
	background: #d6d6d6;
}

div#content .posts .post .entry {
	padding-top: 30px;
	width: 335px;
}

div#content .posts .post .entry, div#content .posts .post .entry a,
div#content .page, div#content .page a {
	color: #6B6B6B;
}

div#content ul.employees li, div#content ul.employees li a {
	color: #9a9a9a;
}

div#content .posts .post .showcase {
	width: 516px;
	height: 198px;
	border-left: 7px solid #1d1d1d;
	border-right: 7px solid #1d1d1d;
	border-bottom: 8px solid #1d1d1d;
}

div#content .page {
	width: 245px;
	font-size: 11px;
	line-height: 19px;
	padding-top: 28px;
}

div#content .image {
	padding-top: 25px;
	margin-left: 80px;
}

div#content ul.employees {
	padding-left: 65px;
	min-width: 880px;
	padding-bottom: 30px !important;
	padding-bottom: 0;
}

div#content ul.employees.bar {
	background: url('images/bar.gif') repeat-x 0 35px;
}

div#content ul.employees li {
	width: 180px;
	font-size: 11px;
	list-style: none;
	margin: 0 40px 0 0;
}

div#content ul.employees li h3 {
	color: #000;
}

div#content ul.employees li h4 {
	margin-bottom: 17px;
}

div#content ul.employees li.white h3 {
	color: #fff;
}