body {
	font-family: Arial, sans-serif;
	color: #4B3C30;
	font-size: 12px;
}
.htmlarea-content-body {
	background: white;
}
h1 {
	font-size: 1.5em;
	margin-top: 0;
	font-weight: normal;
}
h2 {
    font-size: 1.33em;
    color: #E7603B;
    font-weight: normal;
    margin-bottom: 0.2em;
}
p, ol, ul {
	line-height: 20px;
}
a {
	color: #0081AB;
    text-decoration: none;
}
a.incognito {
	color: inherit;
}
a:hover, a:active {
    color: #DC291E;
}
a:hover {
    text-decoration: underline;
}
a img {
	border: none;
}

/* Blue color */
h1, h2 {
	color: #0081AB;
}

#wip {
	height: 380px;
	position: relative;
	left: 0; top: 0;
}
#wip .spot {
	position: absolute;
	left: -45px;
	bottom: -18px;
	z-index: 50;
}
ul {
	margin: 0;
	padding-left: 0;
	list-style-type:none;
}
ul ul {
	margin-left: 1.5em;
}
ul ul li {
	margin-bottom: 0;
}
ol li {
	margin-bottom: 0;
}
li {
	margin-bottom: 8px;
}
li:before {
    content: '- ';
}
.csc-textpic li:before {
	content: '';
}
hr {
    border: none;
	border-top: 2px dotted #B7AB95;
}
p {
	margin: 0 0 1em 0;
}
h1 span, h2 span {
	display: none;
}
img.email {
	height: 13px;
	width: 12px;
	background-image: url(../images/spam-protect.png);
	vertical-align:middle;
}
img.alpha { background-position: 0 0; }
a:hover img.alpha { background-position: 0 -20px;}
b img.alpha { background-position: 0 -40px; }
b a:hover img.alpha { background-position: 0 -60px;}
img.dot { background-position: -20px 0; width: 3px;}
a:hover img.dot { background-position: -20px -20px;}
b img.dot { background-position: -20px -40px; }
b a:hover img.dot { background-position: -20px -60px;}

/* Slideshow */
.gallery, #slideshow {
	height: 380px;
	width: 550px;
	position: relative;left: 0; top: 0;
	-moz-box-shadow: 2px 1px 4px #888;
	-webkit-box-shadow: 2px 1px 4px #888;
	box-shadow: 2px 1px 4px #888;
 	overflow: hidden;
}
#slideshow p.caption {
	position: absolute;
	margin: 0;
	line-height: 20px;
	right: 0;
	bottom: -2em;
	display:none;
	background:white;
	padding-left: 30px;
}
#slideshow .active p.caption {
	display: block;
}
#slideshow.numbered {
	width: auto;
	height: 300px;
	overflow:visible;
}

#slideshow span {
	position: relative;
	top: 300px; left: 0;
	display: block;
	margin: 4px;
	z-index:15;
	text-align:center;
	line-height: 20px;
	float: left;
	color: black;
	cursor: pointer;
}
#slideshow .active span {
	cursor:default;
	color: #DC291E;
}

#slideshow img {
	display: none;
}
#slideshow .active img {
	display: block;
	position: absolute;
        left: 0px; top: 0px;
}
/* RSS/blog */
.blog, p.tiny_text {
	font-size: 11px;
}
.blog {
    padding: 4px 0px 1px 0px;
}
.blog h2 {
	font-size: 1.3em;
    padding: 0;
    margin: 0 0 10px 0;
}
.blog a.enclosure {
	float: right;
	margin: 0 0px 4px 9px;
    padding: 2px;
	background: rgb(44, 149, 181);
	background: none repeat scroll 0 0 rgba(44, 149, 181, 0.3);
    /*border: 1px solid #2C95B5;
	-moz-border-radius: 7px;
	-webkit-border-radius: 7px;
	border-radius: 7px;*/
}
.blog a.enclosure:hover {
	background: none repeat scroll 0 0 rgba(44, 149, 181, 0.6);
}
#twrss_table {
    line-height: 19px;
    vertical-align:bottom;
}
.twrss_item_content {
    margin-bottom: 19px;
}
.twrss_item_link, .blog .padder, .separator {
	border-top: 2px dotted #B7AB95;
	padding-top: 10px!important;
}
.blog br {
	display:none;
}
.blog .column .padder {
	margin: 0 0 0 10px;
	padding: 4px 0 0 0;
}
.blog .first {
	margin-bottom: 0!important;
}
.blog .first .padder {
	margin: 0;
}
.twrss_item_link a {
    font-size: 1.2em;
    font-weight: bold;
}

/* Blog in three columns */
.blog.columns {
	background: url(../images/blog-3-cols.gif) no-repeat bottom;
}
.blog.columns hr {
	float: left;
	display: block;
	width: 2%;
	border: none;
} 
.blog.columns hr:first-child, .blog.columns hr:last-child {
	display: none;
} 
.blog.columns .twrss_item_content {
}
.blog.columns .twrss_channel_description {
	display: none;
}
.three .twrss_item_content {
	border-top: 2px dotted #B7AB95;
	width: 32%;
	float: left;
}
.blog.columns .twrss_item_link {
	display: none;
}
/* Vcard */
div.vcard {
    background: url(../images/vcard-bg.png);
    padding: 10px;
    margin-bottom: 19px;
    min-height: 90px;
}
h2.name {
    margin: 0 0 14px 0;
    font-size: 1.5em;
    color: #5E523A;
}
.vcard .photo {
    float: right;
    border: 5px solid white;
    margin-left: 24px;
    -moz-box-shadow: 0 0 10px black;
    -webkit-box-shadow: 0 0 10px black;
    box-shadow: 0 0 10px black;
}
.vcard p {
    font-size: 1em;
    line-height: 1.17em;
}

/* alignment */
.align-left, .alignleft {
	float: left;
	margin-right: 4px;
}
.align-right, .alignright {
	float: right;
	margin-left: 4px;
}
/* klickbara boxar */
ul.boxes {
	width: 550px;
	height: 378px;
}
ul.boxes li {
	width: 33.3%;
	height: 33.3%;
	float: left;
	font-size: 21px;
	line-height: 27px;
	display:table;
}
ul.boxes li:before {
	content: '';
}
ul.boxes a {
	display:table-cell;
	text-align: center;
	vertical-align:middle;
	height: 100%;
	padding: 0 20px 0 20px;
}
ul.boxes a.gray {
	color: white;
}
ul.boxes a.blue {
	color: white;
}
ul.boxes a.white {
	color: #4B3C30;
}
ul.boxes li.item-4 a.white {
	color: #0081AB;
}