/*
Theme Name: BKC STHLM
Theme URI: http://www.bkcsthlm.se
Description: A theme for BKC STHLM web site
Version: 1.0
Author: Jonas Karlsson
Author URI: http://www.bkcsthlm.se
*/

h1, h2, h3, h4 {font-family:georgia, sans-serif; color:#000; margin:0; padding:0;}
h1 a:link, h1 a:visited, h1 a:hover, h2 a:link,  h2 a:visited, h2 a:hover, h2 a:hover, h3 a:link,  h3 a:visited, h3 a:hover, h4 a:link, h4 a:visited, h4 a:hover {color:#000;}
img {border:0;}
a {outline:none;}
h1 {font-size:30px;}
h2 {font-size:18px;}

body {
	font:62.5% georgia, arial, sans-serif;
	color:#000;
	text-align:center;
	margin:0;
}

#container {
	width:910px;
	margin:0 auto;
	text-align:left;
}

/* Begin nav
---------------------------------------------- */
#nav {
background: url(images/nav.png) repeat-x top left;
height: 40px;
width: 100%;
margin: 0 auto;
position: absolute;
top: 0;
left: 0;
right: 0;
font: bold 100% Arial,sans-serif;
}
#nav ul {
height: 32px;
width: 910px;
margin: 0 auto;
font-size: 1.44em;
line-height: 32px;
}
#nav li {
display: inline;
float: left;
margin: 0 10px 0 0;
position: relative;
left: -20px;
}
#nav a {
color: #fff;
}
#nav a:hover {
text-decoration: none;
}
/* End nav
---------------------------------------------- */

/* Begin header
---------------------------------------------- */
#header {
height: 87px;
width: 910px;
margin: 33px auto 0 auto;
border-bottom: 3px solid #c0893a;
*position: relative;
*top: 20px;
}
#header h1 a {
background: #fff url(images/logotype.png) no-repeat;
height: 41px;
width: 200px;
display: block;
text-indent: -9999px;
position: relative;
top: 20px;
}
/* End header
---------------------------------------------- */

/* Begin sidebar
---------------------------------------------- */
#firstcolumn {
height: 100%;
width: 230px;
float: left;
}
#sidebar {
width: 200px;
float:left;
margin: 20px 0 0 0;
*margin: 40px 0 0 0;
font-size: 12px;
}
#sidebar li {
list-style-type: none;
}
#sidebar h2.widgettitle {
*position: relative;
*left: -18px;
}
#sidebar li.widget_rss h2.widgettitle {
width: 145px;
font-size: 14px;
}
/* Icon borrowed from Eli Burford, released under CC: http://iconfarm.co.za/icon/rss-0 */
#sidebar li.widget_rss h2.widgettitle a.rsswidget {
background: url(images/rss.png) no-repeat top right;
display: block;
}
#sidebar li.widget_rss h2.widgettitle a img {
display: none;
}
/* Begin RSS items */
#sidebar li.widget_rss ul {
margin: 5px 0 20px 0;
}
#sidebar li.widget_rss ul li,#sidebar li.project_widget ul li {
margin: 0 0 10px 0;
position: relative;
left: -44px;
*left: -7px;
}
#sidebar li.project_widget ul {
margin: 5px 0 20px 0;
}
#sidebar li.project_widget ul li {
margin: 0 0 5px 0;
}
#sidebar li.widget_rss ul li,#sidebar li.project_widget ul li {
background: url(images/rss-item.png) no-repeat top left;
padding: 0 0 0 18px;
}
#sidebar li.widget_rss ul li div.rssSummary {
width: 185px;
font-size: 11px;
}
/* End RSS items */
#sidebar h2.widgettitle {
font-weight: normal;
font-size: 25px;
color: #a0a5a8;
}
#sidebar div.textwidget {
margin: 10px 0 20px 0;
padding: 5px 0;
border-top: 1px solid #ccc;
border-bottom: 1px solid #ccc;
}
/* End sidebar
---------------------------------------------- */

/* Begin footer
---------------------------------------------- */
#footer {
height: 22px;
width: 910px;
line-height: 22px;
font-size: 11px;
margin: 40px auto 10px auto;
border-top: 3px solid #c0893a;
}
#footer ul {
padding: 0;
margin: 0;
}
#footer li {
display: inline;
float: left;
}
/* End footer
---------------------------------------------- */

/* Begin pagebar
---------------------------------------------- */
.pagebar {
height: 30px;
padding: 50px 0 0 0;
clear: both;
text-align: center;
font-size: 11px;
}
.pagebar a:hover {
text-decoration: none;
background: #c0893a;
color: #fff;
}
.pagebar a,.pageList .this-page {
border: 1px solid #c0893a;
text-decoration: none;
padding: 0.2em 0.5em;
}
.pagebar .break {
padding: 2px 6px 2px 6px;
border: none;
background: #fff;
text-decoration: none;
}
.pagebar .this-page {
background: #c0893a;
border: 1px solid #c0893a;
padding: 0.2em 0.5em;
font-weight: bold;
color: #fff;
}
/* End pagebar
---------------------------------------------- */

#secondcolumn {width:660px; height:100%; float:left;*margin: 20px 0 0 0;}
#navzone {
	background:#fff url(images/bg-header.png) repeat-x bottom left;
	height:90px;
}

.browse {font: 13px Arial,Helvetica,serif;margin:0 0 5px 0;}

#intro h1 {color:#a0a5a8; font-size:25px; margin:0 0 10px 0; padding:0; font-weight:normal;}
#intro p {font-size:13px; line-height:140%; margin:7px 0 12px 0;}

ul.st-tag-cloud, ul.relatedposts {margin:0; padding:0; list-style:none;}
ul.st-tag-cloud li, ul.relatedposts li {font-size:1.2em; padding:2px 0 2px 0;}

p.listtitle {margin:0;padding:0;}
#content {
	width:660px;
	margin:25px 0 0 0;
	float:left;	
}

.post {width:660px; clear:both;}
.postimage {width:230px; float:left; margin:7px 0 0 0; text-align:center;}
.posttext {width:430px; float:left; padding:1px 0 10px 0; font-size: 11px;}
.posttext h2,.post h2 {font-size:24px; margin:0; padding:0; font-weight: normal;}
#singlepost {width:430px; font-size: 11px;}
#singlepost p {font-size:1.2em; line-height:140%;}
.posttext p {font-size:1.2em; line-height:140%;}

a.tiny,div.posttext span.right a {font: 12px Arial,Helvetica,serif;}
span.date {color:#9ca3a6;font: 11px Arial,Helvetica,serif; display:block; margin:0 0 5px 230px;}
span.textXsmall {font-size:9px; color:#999;}
div.data {font-size:11px;}
div.dataSingle {font: 11px Arial,Helvetica,serif;margin:10px 0 0 0;}
h1 {font-weight: normal;}
h2.commentsTitle {margin:30px 0 0 0;}

li#similar-posts {list-style-type:none;margin:0 0 0 0;padding:0;}
ul.relatedposts {font-size:1.2em;list-style-type:none;margin:0;padding:0;}
ul.relatedposts li {padding:2px 0 2px 0;list-style-type:none;}
#footer p {font-size:1.2em; margin:0;}


#comments {}

#comments ol {margin:30px 0 0 40px; padding:0; font-size:18px;}
#comments div.author {font-size:12px;margin:0 0 10px 0;}
#comments div.comments-text {font-size:12px;}

#commentsform {margin:20px 0 0 0;}
#commentsform .commentsform-left {width:90px; text-align:right; float:left; margin:0 10px 0 0; font-size:1.2em;}
#commentsform .commentsform-right {width:400px;float:left;}
#commentsform .formstyle-input {margin:0 0 10px 0; border:2px #ccc solid; border-width:0 0 2px 2px; background:#f7f7f7; padding:2px;}
#commentsform .formstyle-textarea {width:350px; border:2px #ccc solid; border-width:0 0 2px 2px; background:#f7f7f7; padding:2px; overflow-y:auto; }

#column-two ul {margin:0; padding:0; list-style:none;}
a:link, a:hover, a:visited {color:#f03;text-decoration:none;}
a:hover {text-decoration:underline;}

.left {
float: left;
}
.right {
float: right;
}
.clear {
height: 1px;
width: 1px;
clear: both;
}
div.separator {
height: 1px;
width: 660px;
margin: 20px 0;
border-bottom: 1px dotted #e5e5e5;
}
#rss-feed {
background: transparent url(images/rss.png) no-repeat top left;
height: 16px;
width: 16px;
display: block;
float: right;
position: relative;
top: -67px;
*top: -87px;
}
label {
cursor: pointer;
}

/* Begin employees
---------------------------------------------- */
#employees {
margin: 0;
padding: 0;
}
#employees li.employe {
height: 90px;
padding: 12px 0;
list-style-type: none;
border-bottom: 1px solid #e5e5e5;
}
#employees li.last {
border-bottom: none;
}
#employees li.employe div.employe-avatar {
height: inherit;
width: 77px;
float: left;
display: inline;
}
#employees li.employe div.employe-avatar p {
margin: 0;
}
#employees li.employe div.employe-info {
height: inherit;
width: 555px;
float: right;
display: inline;
}
#employees li.employe div.employe-info div.left {
width: 280px;
float: left;
display: inline;
}
#employees li.employe div.employe-info div.right {
width: 260px;
margin: 25px 0 0 0;
float: right;
display: inline;
}
#employees li.employe div.employe-info div.right p {
font-size: 11px;
}
#employees li.employe div.employe-info p {
margin: 0 0 7px 0;
display: block;
clear: both;
font-size: 14px;
}
#employees li.employe div.employe-info h4 {
font-weight: normal;
font-size: 15px;
margin: -2px 0 0 0;
}
#employees li.employe div.employe-info h4 span {
float: left;
display: inline;
}
#employees li.employe div.employe-info span.employe-title {
margin: 2px 0 0 10px;
font-size: 12px;
color: #a0a5a8;
}
/* End employees
---------------------------------------------- */

/* Begin employe
---------------------------------------------- */
div.employe-single-name h2 {
min-height: 34px;
font-weight: normal;
border-bottom: 1px solid #e5e5e5;
}
div.employe-single-name span {
float: left;
display: inline;
}
div.employe-single-name span.employe-single-title {
color: #a0a5a8;
font-size: 12px;
margin: 5px 0 0 10px;
}
div.employe-single-avatar {
width: 180px;
margin: 15px 0 0 0;
float: left;
display: inline;
}
div.employe-single-info {
width: 453px;
float: right;
margin: 25px 0 0 0;
display: inline;
}
div.employe-single-info p {
margin: 0;
}
div.employe-single-description {
font-size: 13px;
line-height: 18px;
}
div.employe-single-contact ul {
margin: 17px 0 0 0;
padding: 0;
}
div.employe-single-contact ul li.item {
background: url(images/contact.png) no-repeat top left;
width: 408px;
margin: 5px 0 0 0;
padding: 0 0 5px 45px;
float: left;
display: inline;
list-style-type: none;
line-height: 31px;
font-size: 20px;
border-bottom: 1px solid #e5e5e5;
}
div.employe-single-contact ul li.email {
background-position: 0 -33px;
}
div.employe-single-contact ul li.vcard {
background-position: 0 -66px;
}
div.employe-single-contact ul li.url {
background-position: 0 -99px;
}
div.employe-single-contact ul li.twitter {
background-position: 0 -132px;
border-bottom: none;
}
div.employe-single-contact ul.items {
margin: 0;
padding: 0;
font-size: 13px;
}
div.employe-single-contact ul.items li {
background: #fff;
padding: 0 0 5px 44px;
position: relative;
right: 44px;
list-style-type: none;
}
div.employe-single-contact ul.items li p {
margin: 0;
line-height: 16px;
}
div.employe-single-contact ul.items li p.date {
margin: 3px 0 0 0;
font: normal 100% Arial,Helvetica,sans-serif;
font-size: 11px;
color: #838383;
}
/* End employe
---------------------------------------------- */