/*   
Theme Name: Kriminalbloggen
Theme URI: http://www.kriminalbloggen.se
Description: Three column pure css.
Author: Kriminalbloggen & Winston
Author URI: http://www.kriminalbloggen.se
Version: 2.0
.
Developed for Kriminalbloggen - news site feeling.
.
*/

/* general site style */
html {
	font-size: 100%;
}

body {
	font: 0.6875em/1.25 Arial, Geneva, Verdana, Helvetica, sans-serif;
	background: #fff url(/grafik/site_bg.jpg) repeat-x 0 0;
	color: #000;
	text-align: center;
}
	
html, body, form {
	margin: 0;
	padding: 0;
}

a img {
	border: 0;
}

/* typography */
h1 {
	font: normal 32px/36px Arial, Verdana, Sans-serif;
	color: #000;
	margin: 0 0 10px 0;
}

h1 strong {
	font-family: Arial black;
}

p {
	margin:0 0 2px 0;
}

a {
	color: #666;
	text-decoration: none;
}

a.menu {
	color: #ffffff;
	text-decoration: none;
	font-weight:bold;
	margin:0;
}

a.white {
	color: #ffffff;
	text-decoration: none;
	font-weight:bold;
}

a.black {
	color: #000;
	text-decoration: none;
	font-weight:normal;
}

a.bylinemail {
	color: #000000;
	text-decoration: none;
	text-transform: uppercase;
}

a.postlist p:hover {
	text-decoration: underline;
}

#header_puff .textblock {
	font: normal 13px/20px Arial, Verdana, Sans-serif;
	color: #333;
	margin-top: 5px;
}

#header_puff .textblock a {
	color: #fff;
}

#header_puff .author a {
	font: normal 13px/16px Arial, Verdana, Sans-serif;
	color: #FF0000;
}

#topcontainer blockquote .source {
	float: right;
	font: normal 10px/13px Arial, Verdana, Sans-serif;
	color: #fff;
	margin-top: 3px;
}

#header_menu span {
	float: left;
	font: normal 9px/13px Arial, Verdana, Sans-serif;
	color: #E3E1E1;
	margin-left: 3px;
	padding-right: 15px;
	text-transform: uppercase;
}

#left-block .post p {
	font: normal 11px/14px Arial Black, Verdana, Sans-serif;
	color: #000;
	margin: 0 0 10px 0;
}

.firstpage .post p {
	font-family: Verdana, Arial, Sans-serif !important;
}

.singlepost .post p {
	font-family: Verdana, Arial, Sans-serif !important;
}

.singlepost .post p.bolded {
	font-weight: bold !important;
}

#left-block .post p.postAuthor {
	font: normal 10px/14px Arial, Verdana, Sans-serif;
	color: #000;
	margin: 0 0 10px 0;
}

.hitlist h1 {
	font-size: 22px;
	line-height: 25px;
	margin: 0 0 3px 0;
}

.hitlist h1 strong {
	font-family: Arial;
	font-weight: normal;
}

.searchlist .post h1 a span {
	color: #000 !important;
}

.singlepost h1 {
	font-size: 32px;
	line-height: 36px;
}

.singlepost h1 a {
	color: #000;
}

h3#reply {
	font-family: Arial, helvetica, sans-serif !important;
	font-size: 16px !important;
	line-height: 100%;
	margin:0 0 12px 0;
	color: #666;
	letter-spacing:-0.5px;
	font-weight:normal !important;
}

h4.sok {
	font-family: Arial, helvetica, sans-serif !important;
	font-size: 12px !important;
	line-height: 100%;
	margin:0 0 7px 0;
	color: #4a4a4a !important;
	letter-spacing:-0.5px;
	font-weight:normal !important;
}

.firstpage .post p a, .firstpage .post .postAuthor a.bylinemail {
	color: #000 !important;
}

.firstpage .post .postAuthor a {
	color: #666 !important;
}

.firstpage .wp-caption-text {
	display: none;
}

#right-block #searchblock label {
	color: #fff;
}

#right-block #searchblock label span {
	color: #FFFF00;
}

#right-block #searchblock label, #right-block .video_widget_before_video {
	font: normal 12px/14px Arial, Verdana;
	display: block;
}

.comarea h3 {
	font: normal 18px/22px Arial, Verdana, Sans-serif;
	color: #666;
	letter-spacing: 0;
}

.comauth span {
	font-size: 10px;
	float: right;
	margin-right: 6px;
}

.comauth a {
	font-size: 10px;
	float: left;
	font-weight: bold;
	margin-left: 2px;
}

.comtxt {
	float: left;
	font: normal 10px/14px Verdana, Arial, Sans-serif;
	color: #000;
	min-height: 50px;
	height: auto !important;
	height: 50px;
	width: 456px;
}

.comtxt p {
	margin-bottom: 1em;
}

.post {
	line-height: 1.4em;
}

.rubrik {
	font-size: 22px;
	font-weight: bold;
}

.bluerubrik {
	color: #0065b2;
	font-size: 22px;
	font-weight: bold;
}

.whiterubrik {
	color: #ffffff;
	font-size: 22px;
	font-weight: bold;
}

.white {
	color: #ffffff;
}

.wp-pagenavi {
	float: left;
}

.vinjett h3 {
	font: bold 15px/15px Arial, Verdana, Sans-serif;
	color: #000;
	margin: 9px 0 0 0;
	padding: 0;
}

#right-block .vinjett h3, #right-block .vinjett p {
	margin-left: 5px;
}

.vinjett h3 a {
	color: #000;
}

.vinjett h4, .widget h2 {
	font: normal 10px/14px Verdana, Arial, Sans-serif;
	background: url(/grafik/vinjett-category.gif) no-repeat 0 0;
	color: #ccc;
	height: 14px;
	margin: 0 0 6px 0;
	padding: 0 0 0 25px;
	width: 225px;
	text-transform: uppercase;
}

.vinjett h4.krimarkiv {
	background: url(/grafik/vinjett-category-krimarkiv.gif) no-repeat 0 0;
}

.vinjett h4 a, .widget_rss h2 a {
	color: #fff;
}

a.rsswidget img {
	display: none;
}

.vinjett h4 a.rsswidget img {
	display: none;
}

#right-block .vinjett h4 {
	background: url(/grafik/vinjett-category.gif) no-repeat 0 0;
	margin-top: -1px;
	width: 225px !important;
}

.vinjett p {
	font: normal 10px/12px Arial, Verdana, Sans-serif;
	background: url(/grafik/vinjett-text-bg.gif) no-repeat 0 2px;
	color: #000;
	margin: 4px 0;
	text-indent: 8px;
}

.vinjett p a {
	color: #000;
}

p.platta {
	border: 1px solid #0065b2;
	padding: 3px;
}

ul {
	padding: 7px;
	margin: 7px;
}

blockquote {
	margin-left: 25px;
	margin-right: 0px;
}

strong.faded {
	color: #333;
}

.printpost {
	float: left;
	margin-top: 2em;
	margin-bottom: 0 !important;
	padding-right: 5px;
	text-align: right;
	width: 456px;
}

.printpost img {
	padding: 0 !important;
}

/* content colums */
#kriminalbloggen {
	position: relative;
	background: #EEEDF2 url(/grafik/content-bg.gif) repeat-y 0 0;
	width: 990px;
	margin: 0 auto;
	overflow: hidden;
	padding: 0 0 0 10px;
	text-align: left;
}

#wrapper {
	float: left;
	background: #FEFEFF;
	border: 0;
	margin: 0;
	padding: 2px 0 5px 4px;
	overflow: hidden;
	width: 986px;
	/*
	text-align: left;
	margin: 5px 0 0 0;
	padding: 5px 0 5px 4px;
	border:0;
	width: 986px;
	background: #fff;
	overflow: hidden;
	float: left;
	*/
}

#topcontainer {
	position: relative;
	background: url(/grafik/topcontainer-bg.jpg) no-repeat 0 0;
	height: 93px;
	margin-bottom: 3px;
	width: 990px;
	
	/*
	width: 100%;
	padding:0;
	margin-bottom: 12px;
	height: 85px;
	overflow: hidden;
	position: relative;
	*/
}

#container {
	float: left;
	background: url(/grafik/content-background.gif) repeat-y 0 0;
	width: 100%;
}

#left-block {
	float: left;
	width: 464px;
	margin-top: 6px;
	overflow: hidden;
	padding:0;
}

#center-block {
	float: left;
	width: 250px;
	margin: 1px 0 0 3px;
	padding: 0;
}

#right-block {
	float: right;
	width: 245px;
	margin: 0;
	overflow: hidden;
	padding: 4px 8px 4px 7px;
}

#block_1 {
	float: left;
	width: 150px;
	margin:0 10px 0 0;
	overflow: hidden;
	padding:0;
	display: none;
}

#block_4 {
	width: 250px;
	float:left;
	margin:6px 0 0 8px;
	overflow: hidden;
	padding:0;
	display: none;
}

#footer {
	margin:10px 0 10px 0;
	color:#666666;
	clear: both;
	border-top: 1px solid #999999;
}

/* header and blockquote*/
#header_logo {
	float: left;
	margin-top: 38px;
	margin-left: 6px;
	width: 430px;
}

#header_puff {
	float: right;
	margin: 10px 0 0 0;
	width: 280px;
}

#header_puff .box {
	float: left;
	width: 280px;
}

#header_puff img {
	float: left;
	margin-right: 10px;
}

#topcontainer blockquote {
	float: left;
	font: italic 13px/16px Arial, Verdana, Sans-serif;
	background: url(/grafik/header-blockquote.gif) no-repeat 0 3px;
	color: #fff;
	height: 60px;
	margin: 25px 0 0 23px;
	padding-left: 25px;
	text-align: left;
	width: 215px;
}

/* topmenu */
#header_menu {
	float: left;
	background: #000;
	height: 13px;
	list-style: none;
	margin: 0 0 5px 0;
	padding: 0;
	width: 986px;
}

#header_menu li {
	float: left;
}

/* specific left block elements */
#left-block .post {
	float: left;
	position: relative;
	margin-bottom: 10px;
	width: 464px;
}

#left-block img {
	padding: 0px 4px 15px 0px;
	max-width: 100%;
}

#left-block a img {
	border: 0;
}

/* specific right block elements */
#right-block .block, .widget_video {
	float: left;
	margin-bottom: 10px;
	overflow: hidden;
	width: 245px;
}

#right-block .ad {
	background: #3F3F3F;
	display: inline;
	margin-left: -2px;
	width: 250px;
}

#right-block .ad p {
	float: right;
	color: #fff;
	font-size: 9px;
	margin: 0 5px 0 0;
	padding: 0;
}

/* singlepost specific elements */
.singe-post-author {
	float: left;
	background: url(/grafik/singlepost-postauthor.gif) no-repeat 0 66px;
	height: 100px;
	width: 457px;
}

.singe-post-author img {
	float: left;
	margin: 0;
	padding: 0 !important;
}

.singe-post-author .author-contact {
	float: left;
	height: 21px;
	margin: 64px 0 5px 10px;
	width: 355px;
}

.singe-post-author p.author {
	float: left;
	font: bold 10px/22px Arial, Verdana, Sans-serif !important;
	text-transform: uppercase;
}

.author-phone {
	float: right;
	font: normal 10px/21px Arial, Verdana, Sans-serif !important;
}

.author-email {
	float: right;
	font: normal 10px/21px Arial, Verdana, Sans-serif !important;
	margin-right: 10px;
}

a.author-email {
	color: #000;
}

.postdate {
	float: right;
	font: normal 10px/11px Arial, Verdana, Sans-serif !important;
	color: #666 !important;
	text-align: right;
}

.facts-container {
	float: right;
	background: url(/grafik/facts-header.gif) no-repeat 0 0;
	list-style: none;
	margin: 0 2px 10px 15px;
	padding: 20px 0 0 0;
	width: 180px;
}

.facts-container img {
	padding: 0 !important;
}

.facts-container li {
	float: left;
	margin-bottom: 5px;
	padding-left: 2px;
	width: 178px;
}

.facts-container li span, .facts-container li a {
	font: normal 10px/11px Verdana, Arial, Sans-serif !important;
	background: url(/grafik/facts-icon.gif) no-repeat 0 4px;
	color: #333;
	letter-spacing: 0 !important;
	padding-left: 12px;
}

.facts-container li a:hover {
	text-decoration: underline;
}

.articlesidebar .facts-container {
	float: left;
	background: url(/grafik/facts-header-wide.gif) no-repeat 0 0;
	list-style: none;
	margin: 0 2px 1em 0px;
	padding: 20px 0 0 0;
	width: 241px;
}

.articlesidebar .facts-container li {
	width: 239px;
}

/* -- */
.links-container {
	float: right;
	background: url(/grafik/links-header.gif) no-repeat 0 0;
	list-style: none;
	margin: 0 2px 10px 15px;
	padding: 20px 0 0 0;
	width: 180px;
}

.links-container img {
	padding: 0 !important;
}

.links-container li {
	float: left;
	margin-bottom: 5px;
	padding-left: 2px;
	width: 178px;
}

.links-container li span, .links-container li a {
	font: normal 10px/11px Verdana, Arial, Sans-serif !important;
	background: url(/grafik/vinjett-text-bg.gif) no-repeat scroll 0 4px;
	color: #333;
	letter-spacing: 0 !important;
	padding-left: 7px;
}
/* -- */

/* -- */
.medier-container {
	float: right;
	background: url(/grafik/medier-header.gif) no-repeat 0 0;
	list-style: none;
	margin: 0 2px 10px 15px;
	padding: 20px 0 0 0;
	width: 180px;
}

.medier-container img {
	padding: 0 !important;
}

.medier-container li {
	float: left;
	margin-bottom: 5px;
	padding-left: 2px;
	width: 178px;
}

.medier-container li span, .medier-container li a {
	font: normal 10px/11px Verdana, Arial, Sans-serif !important;
	background: url(/grafik/vinjett-text-bg.gif) no-repeat scroll 0 4px;
	color: #333;
	letter-spacing: 0 !important;
	padding-left: 7px;
}
/* -- */

/* -- */
.read-container {
	float: right;
	background: url(/grafik/read-header.gif) no-repeat 0 0;
	list-style: none;
	margin: 0 2px 10px 15px;
	padding: 20px 0 0 0;
	width: 180px;
}

.read-container img {
	padding: 0 !important;
}

.read-container li {
	float: left;
	margin-bottom: 5px;
	padding-left: 2px;
	width: 178px;
}

.read-container li span, .read-container li a {
	font: normal 10px/11px Verdana, Arial, Sans-serif !important;
	background: url(/grafik/vinjett-text-bg.gif) no-repeat scroll 0 4px;
	color: #666;
	letter-spacing: 0 !important;
	padding-left: 7px;
}
/* -- */

.video-list {
	float: left;
	list-style: none;
	margin: 0;
	padding: 0;
	width: 100%;
}

.video-list li {
	float: left;
	padding-bottom: 1em;
	width: 100%;
}

.video-list a span {
	float: left;
	font: normal 11px/14px Verdana, Arial, Sans-serif;
	background: url(/grafik/video-list-icon.gif) no-repeat 0 3px;
	color: #000;
	margin-left: 9px;
	text-indent: 12px;
	width: 150px;
}

.video-list img {
	float: left;
	/*border: 1px solid #000;*/
	width: 82px;
}


/* -- */
.wp-caption {
	float: left;
	width: 461px;
}

#left-block .wp-caption img {
	padding-bottom: 5px;
}

.wp-caption-text, .wp-caption-dd {
	float: right;
	color: #000 !important;
	font-weight: normal !important;
	margin-right: 10px !important;
}

.singlepost .post p.wp-caption-text, .singlepost .post .wp-caption-dd {
	font-size: 10px !important;
	font-weight: normal !important;
	color: #757575 !important;
	margin-bottom: 5px !important;
}

/* comments specific elements */
.comarea {
	float: left;
	width: 457px;
}

.comol {
	float: left;
	list-style: none;
	margin: 0;
	padding: 0;
	width: 456px;
}

.comauth {
	float: left;
	background: #EAEAEA;
	color: #666;
	margin-bottom: 5px;
	padding: 1px 0 1px 0;
	width: 456px;
}

.trackbacks {
	float: left;
}

.trackbacks .comtxt p a.reportlink {
	display: none;
}

.link-to-post, .commentarea {
	float: left;
	margin-bottom: 1em;
	width: 456px;
}

#commentform {
	margin: 0px 0px 0px 0px;
}

#commentform label {
	float: left;
	display: inline;
	margin-bottom: 2px;
}

#commentform input {
	font: 0.9em Verdana, Arial, Sans-Serif;
	width: 170px;
	padding: 2px;
	margin: 1px 5px 1px 0;
	border: 1px solid #8e8e8e;
    background:#f9f9f9;
}

#commentform textarea {
	font: 0.9em Verdana, Arial, Sans-Serif;
	width: 360px;
	padding: 2px;
	border: 1px solid #8e8e8e;
}

#commentform #submit {
	width: 110px;
	padding: 2px;
	background: #FFFFFF;
	text-align: center;
	border: 1px solid #979797;
	font-weight: bold;
	background:#cfcfcf;
}

#commentform #submit:hover {
	background-color: #EFEDED;
}

ul.recentcomments {
	float: left;
	margin: 0 5px 0 15px;
	width: 212px;
}

ul.recentcomments li {
	font: normal 10px/12px Arial, Verdana, Sans-serif;
	padding-bottom: 3px;
}

.comment-avatar {
	float: left;
}

/* vinjett (push box in center and right col) */
.vinjett {
	float: left;
	display: inline;
	margin-bottom: 5px;
	margin-left: 5px;
	overflow: hidden;
	width: 250px;
}

#right-block .vinjett {
	background: #fff;
	margin-bottom: 15px;
	margin-left: -2px;
	padding-bottom: 5px;
	width: 250px;
}

.vinjett-two-col {
	float: left;
	padding: 0;
	width: 242px;
}

.vinjett-two-col .left {
	float: left;
	margin-left: 1px;
	width: 113px;
}

.vinjett-two-col .right {
	float: right;
	margin-right: 1px;
	width: 113px;
}


/* search and search hitlist */
#right-block #searchblock {
	float: left;
	margin-bottom: 7px;
}

.inputsok {
	font: normal 11px Verdana, Arial, Sans-serif;
	float: left;
	background: #fff;
	border: 1px solid #fff;
	padding: 2px;
	margin-top: 3px;
	width: 203px;
	height: 15px;
}

.buttonsok{
	float: right; 
	color: #000;
    margin: 3px 0; 
    padding: 0;
	text-align: center;
	border: 1px solid #FF0000;
	height: 21px !important;
}

.searchlist .post {
	width: 461px;
}

/* article sidebar */
.articlesidebar {
	float: left;
	background: #fff url(/grafik/articlesidebar.gif) no-repeat 0 100%;
	margin-top: -1px;
	margin-bottom: 1em;
	margin-left: 0;
	padding-left: 5px;
	width: 243px;
}

/* general classes */
fieldset {
	border: 0;
	margin: 0;
	padding: 0;
}

legend {
	display: none;
}

#left-block img.avatar-40 {
	height: 40px !important;
	width: 40px !important;
}

.firstpage-authors {
	float: left;
	width: 461px;
}

#calendar_wrap {
	margin-left: 8px;
}

.display-none {
	display: none;
}

.show-sidebar {
	display: block !important;
}

.widget_rss, .widget_recent_comments, .widget_generalstats {
	float: left;
}

.reportlink {
	background: url(/grafik/abuse.gif) no-repeat 0 0;
	display: block;
	height: 15px;
	margin: -10px 5px 5px 0;
	width: 16px;
}

#banner980 {
	margin-bottom: 2px;
}

.firstpage .wp-caption-dd {
	display: none;
}

.firstpage h1 {
	float: left;
	width: 100%;
}

.post-vinjett {
	float: left;
	background: #000;
	height: 10px;
	width: 464px;
	/*
	float: left;
	background: #000;
	height: 10px;
	margin-bottom: 5px;
	width: 461px;*/
}

.post-vinjett span {
	float: left;
	font-size: 10px;
	line-height: 10px;
	background: #fff;
	margin-left: 10px;
	padding: 0 5px 0 5px;
}

.post-vinjett-red {
	background: red !important;
}

.post .entry h2 {
	margin: 0 0 3px 0;
	padding: 0;
}