/*
Theme Name: Jonk
Theme URI: http://jonk.pirateboy.net/blog/category/bloggeriet/wordpress/wordpress-teman/jonk/
Description: WordPress theme initially made for Jonks blog
Author: Jonk
Author URI: http://jonk.pirateboy.net/
Tags: white, two-columns, fixed-width
Version: 1.29

	This theme was designed and built by Johan (Jonk) Stenström ,
	whose blog you will find at http://jonk.pirateboy.net/

	The CSS, XHTML and design is released under GPL:
	http://www.opensource.org/licenses/gpl-license.php

*/
html, body {
	height:100%;
}
html {
	background: #acacb1 url(images/gradient.gif) repeat-x;
}

form, select, option, input, textarea, body, table, tr, td, a, pre {
	font-family: Verdana,Arial,Helvetica,Geneva,sans-serif;
	font-size:11px;
	color:#333;
	text-decoration:none;
}
body {
	padding:0px;
	margin:0px;
	border:0px;
	abackground:#2eb3c3;
	bbackground:#2eb3c3;
	background:url('images/body_bg2.gif') no-repeat top center;
	sbackground-attachment:fixed;
	text-align:center;
}
form {
	border:0px;
	padding:0px;
	margin:0px;
}
img {
	border:0px;
	padding:0px;
	margin:0px;
}
h1, h2, h3, h4, h5, h6, h7, h1 a, h2 a, h3 a, h4 a, h5 a, h6 a, h7 a, h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, h6 a:hover, h7 a:hover {
	font-family: 'Trebuchet MS', 'Lucida Grande', Verdana, Arial, Sans-Serif;
	padding:0px;
	margin:0px;
	border:0px;
	font-size:24px;
	text-transform:uppercase;
	text-decoration:none;
}
h2 {
	font-size:19px;
}
h3 {
	font-size:15px;
}
h4 {
	font-size:14px;
}
h5 {
	font-size:13px;
}
h6 {
	font-size:12px;
}
h7 {
	font-size:11px;
}
a, a:link, a:active, a:visited {
	text-decoration:none;
}
a:hover {
	text-decoration:underline;
	color:#000;
}
#allContainer {
	abackground:url('images/body_bg.gif') repeat-y center #fff;
	width:966px;
	height:100%;
	margin-left:auto;
	margin-right:auto;
	text-align:left;
}
#header {
	width:966px;
	height:100%;
}
#header #headerContainer {
	display:block;
	height:30px;
	width:966px;
	background:url('images/header_bg-logo.gif') no-repeat bottom left;
	padding-top: 92px;
}
#header #menuContainer {
	display:block;
	height:41px;
	width:966px;
	background: url(images/navigation.gif) no-repeat 0px 0px;
}
#header #headerContainer #headerLogo {
	display:none;
}
#header #headerContainer #titleContent {
	padding:20px 0px 0px 14px;
}
#header #headerContainer #titleContent h1, #header #headerContainer #titleContent h1 a {
	color:#fff;
	font-size:50px;
	text-transform:none;
	margin-bottom:-5px;
}
#header #headerContainer #titleContent #subHeader {
	color:#fff;
}
#menu {
	display:block;
	width:966px;
	padding:0px;
	height:41px;
	overflow:hidden;
}
#menu ul {
	border:0px;
	width:100%;
	margin:0px;
	padding:0px;
	list-style:none;
	line-height:41px;
	height:41px;
	width:100%;
	overflow:hidden;
}
#menu li {
	display:inline;
	float:left;
	border:0px;
	padding-left: 20px;
	padding-right: 20px;
	margin:0px;
	line-height:41px;
	height:41px;
	overflow:hidden;
}
#menu ul .current_page_item, #menu .current_page_item a:hover {
	abackground:url('images/menu_active.gif') no-repeat bottom center;
}
#menu a, #menu a:link, #menu a:active, #menu a:focus, #menu a:visited, #menu a:hover {
	color:#626262;
	text-decoration:none;
	border:0px;
	height:41px;
	font: 12px Arial, Helvetica, sans-serif;
	text-transform: uppercase;
	/*_padding:0px 15px 0px 15px;  there are some thins IE just don't understand about padding */
	white-space:nowrap;
	line-height:41px;
	font-weight:bold;
}
#menu .selected a:hover {
	background:url('');
}
#menu a:hover {
	color:#d93736;
}
#menu #searchform .hidden {
	display:none;
}
#menu #menuSearch #searchform div {
	padding-right:5px;
}
#menu #menuSearch {
	float:right;
}
#header #menuSearch #s {
	filter:alpha(opacity=70);
	-moz-opacity:.70;
	opacity:.70;
	color:#000;
}
#header #menuSearch #searchsubmit {

}
#contentContainer {
	abackground:url('images/body_bg.gif') repeat-y center #c9c9c9;
	background:#c9c9c9;
	width:966px;
	margin-left:auto;
	margin-right:auto;
	text-align:left;
}
#contentContainer #allContentWidth {
	width:966px;
	margin-left:auto;
	margin-right:auto;
}
#contentContainer #menuUnder{
	background:url('images/menu_under.gif') no-repeat;
	width:801px;
	height:31px;
	margin-left:102px;
}
#mainContent {
	width:640px;
	min-height:530px;
	display:inline;
	float:left;
	background:#fff;
}
#banner {
	background:url('images/banner-home.jpg') no-repeat;
	width: 640px;
	height: 127px;
	float: left;
}
#banner h2 {
	padding: 107px 0 0 24px;
	font-size: 12px;
	text-transform:lowercase;
	color: #626262;
}
.date {

	color:#666;
}
.date span {

}
.dateContainer {
margin-bottom:9px;
font-weight:bold;
}
.noDate {
	color:#666;	
}
.pagepart
{
	width:640px;
	overflow:hidden;
	background: url('images/post-bottom.gif') no-repeat bottom center;
	
}
.pagepart div.content
{ 
	padding: 20px;
}
.pagepart div.content p
{ 
	margin-bottom: 8px;
	padding: 0px;
}
.pagepart div.content div#portret {
	float:right;
}
.post .pageInnerPadding {
	padding:0px 20px 20px 0px;
	overflow:hidden;
}

.post .pageInnerPadding p {
	padding:20px;
}


.post {
	display:inline;
	float:left;
	width:640px;
	overflow:hidden;
	aborder-bottom: 1px solid #323232;
	background: url('images/post-bottom.gif') no-repeat bottom center;
}
.post .postInnerPadding {
	padding:0px 20px 20px 20px;
	overflow:hidden;
}
.post h2, .post h2 a {
	padding-bottom:10px;
	font-size:19px;
	line-height:22px;
	/*background-color:#ccc;*/
	text-decoration:none;
	overflow:hidden;
}
.post p {
	padding-top:0px;
	margin-top:0px;
	margin-bottom:11px;
}
.post a {
	text-decoration:underline;
}
.post .postFooter {
	clear:both;
	display:block;
	padding-top:5px;
}

.image .navigation {
	margin:0px 0px 20px 0px;
}
.image .navigation .alignleft, .image .navigation .alignright {
	float:left;
}
.imagelink, .alignleft {
	float:left;
	margin-right:5px;
	margin-bottom:5px;
}
.alignright {
	float:right;
	margin-left:5px;
	margin-bottom:5px;
}
.aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto;
}


#idc-container-parent {
       width:500px;
       float:right;
       margin-right:20px
}
.archive ul {
	margin:0px;
	padding:0px 0px 20px 30px;
}
.clearer {
	display:block;
	clear:both;
	height:0px;
	visibility:hidden;
	overflow:hidden;
}
.screen-reader-text {
	display:none;
}
.navigation {
	display:block;
	margin:0px 0px 20px 20px;
	padding:0px;
	min-height:25px;
}
.postInnerPadding .navigation {
	margin:0px 0px 20px 0px;
}
.navigation .alignleft {
	float:left;
}
.navigation .alignright {
	float:right;
	padding-right:20px;
}
.postInnerPadding .navigation .alignright {
	padding-right:0px; 
}
#sponsorbar {
	display:block;
	width:966px;
	background: url(images/sponsorbar.gif) no-repeat #fff;
	color:#323232;
	margin:10px 0px 0px 0px;
	padding:0px;
	height: 60px;
}
#footer {
	display:block;
	width:966px;
	background: url(images/footer.gif) no-repeat #fff;
	color:#ffffff;
	margin:10px 0px 0px 0px;
	padding:0px;
	height: 35px;
}
#sponsorbar div#addthis {
	float: right;
	margin: 20px 10px 0px 0px; 
}
#footer a, #footer a:visited, #footer a:hover, #footer a:link {
	color:#fff;
	text-decoration:underline;
}
#footer #footerInnerPadding {
	padding:10px 15px 10px 15px;
}

#footer #footerInnerPadding div#text {
	float:left;
	width:500px;
	margin-left: 5px;
}
#footer #minitenue {
	background: url('images/minitenue.gif') no-repeat;
	width: 20px;
	height: 19px;
	float:left;
}
.screen-reader-text {
     position: absolute;
     left: -1000em;
}


/*+++++++ Entry +++++++*/
.posttime { background:url(images/post_date_bg.gif) no-repeat; height:35px; width:37px; float:left; text-align:center; padding-top:2px; margin-right:6px; margin-top:0px; }
.posttime .m { color:#666; font-size:12px; padding-bottom:1px; }
.posttime .d { color:#666; font-size:16px; line-height:16px; }
.posttitle { margin:0 0px 0 0px; padding-top:0px; }
.posttitle h2,.posttitle h2 a { font-size:16px; color:#323232; text-decoration:none; line-height:20px; margin:0px; max-height:20px; overflow:hidden; letter-spacing:0; }
.posttitle h2 a:hover { color:#323232; text-decoration:none; background:#F1F2EB; }
.postmeta { margin:3px 0 0 3px; overflow:hidden; height:16px; }
.postmeta span { padding-left:14px; color:#808080; margin-right:12px; background-image:url(images/span.gif); background-repeat:no-repeat; }
.postmeta span span { padding-left:0px; margin-right:0px; background-image:none; }
.postmeta span a { color:#808080; text-decoration:none; }
.postmeta span a:hover { color:#666; }
.postmeta .comment { float:right; }
.comment { background-position:left -58px; margin-right:0!important; }
.comment2 { background-position:left -53px; background-image: url(images/span.gif); background-repeat:no-repeat; padding-left:15px; line-height:200%; }
.category { background-position:left -78px; }
.date { background-position:left -98px; }
.author { background-position:left 2px; }
.pop { float:right; background-position:left 16px; }
.edit { background-position:left -138px; }
.tags { background-image: url(images/span.gif); background-repeat:no-repeat; padding-left:15px; background-position:left -13px; line-height:200%; }
.tags a { background:#F1F2EB; }
.postmetadata { padding:5px; background:#EFF2E9; }
.postmetadata a { font-size:10px; color:#4C81B6; }
.post { line-height:140%; margin:10px 0; }
.post a { color:#4C81B6; text-decoration:none; }
.post img { border:1px solid #e1e1e1; padding:2px; max-width:500px; }
.noboder,.noboder img { border:0; }
.post a:hover img { border:1px solid #767676; padding:2px; text-decoration:none; }
.post h1,.post h2,.post h3,.post h4,.post h5,.post h6 { color:#333; margin:10px 0; }
.post fieldset {padding:10px;}
.post form { text-align:left; }
.post form input,.post form textarea,.post form select { border:1px solid #E1E1E1; }
.post form input.button { border:1px solid #999; padding:2px; }
.post table { border:1px solid #999; padding:1px; border-collapse:collapse; }
.post pre { display:block; overflow:auto; color:#808080; padding:5px; margin:5px; }
.post blockquote { display:block; margin:0 10px; padding:5px; overflow:auto; background:#fafafa; }
.post code2 { display:block; overflow:auto; color:#808080; border:2px dashed #e1e1e1; padding:5px; margin:5px; }
.post ul li,.post ol li { list-style-position:inside; padding-left:20px; margin-bottom:14px; }
.post p { margin-top: 5px; } 

/*+++++++ Comments +++++++*/
#commentform p { padding-bottom:10px; }
#comments #respond { margin-top:20px; }
#commentform #author { border:1px solid #dadada; height:20px; width:200px; background:url(images/author.gif) no-repeat left; padding-left:15px; font-size:18px; }
#commentform #email { border:1px solid #dadada; height:20px; width:200px; background:url(images/email.gif) no-repeat left; padding-left:15px; font-size:18px; }
#commentform #url { border:1px solid #dadada; height:20px; width:200px; background:url(images/homepage.gif) no-repeat left; padding-left:15px; font-size:18px; }
#commentform #comment { border:1px solid #dadada; height:200px; width:500px; }
#commentform #submit { border:1px solid #dadada; height:20px; width:140px; background:#fff url(images/submit.gif) no-repeat left; padding-left:15px; font-size:12px; color:#4E5C69; }
#comments h3{ margin:0px 10px 10px 0px; font-size:14px; }
#comments ul { list-style-type:none; background:#f5f5f5; overflow:hidden; margin-top:10px; }
#comments ul li { float:left; width:97%; border-top:1px dotted #e1e1e1; min-height:80px; margin:0; padding:10px 10px 5px; }
ul.commentlist li div.commentmetadata { float:right; }
ul.commentlist li div.comment-author { float:left; margin-bottom:5px; }
ul.commentlist li div.comment-author cite.fn a { background:url(images/author.gif) no-repeat left; padding-left:15px; font-weight:bold; font-style:normal; }
ul.commentlist li div img.avatar { border:1px solid #E1E1E1; padding:2px; float:left; margin:0 10px 5px 0; }
ul.commentlist li div p { margin:0px 5px; }
ul.commentlist li ul.children li { padding-left:20px!important; }
ul.commentlist li ul.children li.depth-2 { width:94%!important; }
ul.commentlist li ul.children li.depth-3 { width:91%!important; }
ul.commentlist li ul.children li.depth-4 { width:88%!important; }
ul.commentlist li ul.children li.depth-5 { width:85%!important; }




/*+++++++ Sidebar +++++++*/

#sidebar {
	padding: 0px;
	width:326px;
	background: url(images/rightcolumn.gif) no-repeat 0px 0px;
	float: right;
	overflow: hidden;
	padding-top:21px;
	margin-bottom:20px;
}

#sidebar ul li.widget {
	padding-bottom: 24px;
	padding-left:11px;
	color: #626262;
	background: url(images/sidebar-bottom.gif) no-repeat 11px 100%;
}
#sidebar ul li div.bg {
	background: url(images/sidebar-middle.gif) repeat-y 0px 0px;
}
#sidebar ul li.widget h2.widgettitle {
	background: url(images/sidebar-top.gif) no-repeat 0px 0px;
	padding-left: 38px;
	padding-top: 24px;
	display:block;
	height:28px;
	white-space: nowrap;
	text-transform;
	color: #626262;
	font-weight:18px;
}
#sidebar ul li.widget h2.widgettitle a {
	font-size: 19px;
	color: #626262;
	padding-left: 5px;
}
#sidebar ul li.widget.widget_twitter div.bg div {
	padding: 0px 20px 20px 0px;
}
#sidebar ul li.widget div.bg div {
	padding: 20px;
}
#sidebar ul li.widget div.bg ul {
	padding: 20px 38px 20px 38px;
}
#sidebar .flickr-image {
	margin:1px;
}

#sidebar ul li.widget div.bg li {
	margin-top: 5px;
}
#sidebar ul li.widget div.bg ul li ul {
	padding: 0px;
}
#sidebar ul li.widget div.bg ul li ul div {
	padding: 0px;
}












#asidebar {
	display:inline;
	float:left;
	abackground:url('images/sidebar_bg.gif') -48px 0px no-repeat #fff;
	width:240px;
	overflow:hidden;
}
#asidebar ul li {
	background:url(images/bottom.gif) no-repeat 0px 100%
}
#sidebar ul, #sidebar ul ol, #sidebar li {
	border:0px;	
	margin:0px;
	padding:0px;
	list-style:none;
}
#asidebar h2 {
	background:url(images/sidebar-top.gif) no-repeat 0px 0px
	text-transform: uppercase;
	width:230px;
	display:block;
	padding:4px 5px 4px 5px;
	font-size:15px;
	/*font-size:19px;*/
}
#asidebar li ul {
	background-color:#efefef;
	width:230px;
	display:block;
	padding:5px;
	margin-bottom:5px;
	overflow:hidden;
}
#asidebar .archive a {
	text-transform:capitalize;
}
a#sidebar .archive #archiveSelect {
	text-transform:capitalize;
	width:100%;
}
#asidebar #pages li ul {
	padding:0px;
	padding-left:10px;
	margin:0px;
}
#asidebar .rss {
	background:url('images/rss.gif') no-repeat 0px 1px;
	padding-left:18px;
	height:18px;
	line-height:18px;
	display:block;
}
#asidebar .link_icon {
	padding-left:19px;
	height:19px;
	line-height:19px;
	display:block;
}
#asidebar .bloggy_link {
	background:url('images/link_icons/bloggy.gif') no-repeat 0px 1px;
}
#asidebar .youtube_link {
	background:url('images/link_icons/youtube.gif') no-repeat 0px 1px;
}
#asidebar .facebook_link {
	background:url('images/link_icons/facebook.gif') no-repeat 0px 1px;
}
#asidebar .flickr_link {
	background:url('images/link_icons/flickr.gif') no-repeat 0px 1px;
}

#asidebar .bambuser_link {
	background:url('images/link_icons/bambuser.gif') no-repeat 0px 1px;
}
#asidebar .twitter_link {
	background:url('images/link_icons/twitter.gif') no-repeat 0px 1px;
}
#asidebar .jaiku_link {
	background:url('images/link_icons/jaiku.gif') no-repeat 0px 1px;
}
#asidebar #wp-calendar {
	margin-left:auto;
	margin-right:auto;
	text-align:center;
	width:100%;
	text-transform:capitalize;
}
#asidebar #wp-calendar a {
	text-decoration:underline;
}
#asidebar .categories .children {
	margin-top:0px;	
	margin-bottom:0px;
	padding-top:0px;
	padding-left:10px;
	padding-bottom:0px;
}
#asidebar #photoAlbum {
	display:block;
	margin:0px;
	padding:0px 0px 0px 5px;
}
/*bloggy*/
#asidebar .bloggy_ul {
	/* Stilen på listan */
	display:block;
	width:230px;
	margin-bottom:0px;
	padding:5px 0px 0px 0px;
}
#asidebar .bloggy_ul li{
	/* Stilen på inlägg */
	background-color:#e1e1e1;
	margin-bottom:5px;
}
#asidebar .bloggy-meddelande {
	/* Stilen på själva inlägget */ 
	display:block;
	border:1px solid #e1e1e1;
	background-color:#f8f8f8;
	padding:2px;
}
#asidebar .bloggy-link {
	/* Stilen på länken. */ 
	padding:2px;
}
#asidebar .bloggy-tid {
	/* Stilen på tiden */
	padding:2px;
}

div.follow-button iframe { width:250px; padding:0px; padding-left:30px; }