/*
Theme Name: Jonk
Theme URI: http://jonk.pirateboy.net/blog/2009/02/21/nytt-utseende-pa-bloggen/
Description: WordPress theme initially made for Jonks blog
Author: Jonk
Author URI: http://jonk.pirateboy.net/
Tags: white, two-columns, fixed-width
Version: 1.23

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



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-top:0px;

	margin:0px;

	border:0px;

	background:#000000;

	text-align:center;

}



form {

	border:0px;

	padding:0px;

	margin:0px;

}



img {

	border:1px solid #00A6D5;

	padding:0px;

	margin:5px;

}







h1, h2, h3, h4, h5, h6, h7, h1 a, h2 a, h3 a, h4 a, h5 a, h6 a, h7 a, h1 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:15px;

	text-transform:lowercase;

	text-decoration:none;

}



h2 {

	font-size:22px;
}



h3 {

	font-size:15px;

}





a, a:link, a:active, a:visited {

	text-decoration:underline;

}




a:hover {

	text-decoration:none;

	color:#000;

}








#allContainer {

	background:url('images/bg.jpg') repeat-y center #000;

	width:1200px;

	margin-left:auto;

	margin-right:auto;

	height:100%;

	text-align:left;



}



#header {

	background:url('') no-repeat top  center #efefef;

	width:1200px;

	height:447px;


}



#header #headerContainer {

	display:block;

	height:435px;

	margin-left:0px;

}



#header #menuContainer {

	margin-top:-50px;

	display:block;

	height:30px;

	margin-left:202px;

}




#header #headerContainer #titleContent {

	padding:20px 0px 0px 14px;



}



#header #headerContainer #titleContent h1, #header #headerContainer #titleContent h1 a {

	display:none;

	font-family: 'Courier New';

	color:#37A6BC;

	font-size:50px;

	text-transform:none;

	margin-bottom:-5px;

}



#header #headerContainer #titleContent #subHeader {

	display:none;

	color:#fff;

}



#menu {

	display:block;

	width:801px;

	padding:0px;

	height:30px;

	overflow:hidden;

}



#menu ul {

	border:0px;

	width:100%;

	margin-top:0px;

	margin-bottom:50px;

	padding:0px;

	list-style:none;

	line-height:30px;

	width:100%;

	height:30px;

	width:100%;

	overflow:hidden;

}



#menu li {

	display:inline;

	float:left;

	border:0px;

	padding:0px;

	margin:0px;

	line-height:30px;

	height:30px;

	overflow:hidden;

}



#menu ul .current_page_item, #menu .current_page_item a:hover {

	background:url('images/hoverbutton.png') no-repeat center;



}



#menu a, #menu a:link, #menu a:active, #menu a:focus, #menu a:visited, #menu a:hover {

font-family: 'Trebuchet MS', 'Lucida Grande', Verdana, Arial, Sans-Serif;

	text-decoration:none;

	border:0px;

	font-weight:bold;

	text-transform:lowercase;

	color:#252525;

	letter-spacing:-1px;

	font-size:17px;

	height:30px;

	line-height:30px;

	padding:15px 10px 15px 10px;

	/*_padding:0px 15px 0px 15px;  there are some thins IE just don't understand about padding */

	white-space:nowrap;

}



#menu .selected a:hover {

		background:url('images/hoverbutton.png') no-repeat center;



}



#menu a:hover {

		background:url('images/hoverbutton.png') no-repeat center;



}



#menu #searchform .hidden {

	display:;

}



#menu #menuSearch #searchform div {

	padding-right:0px;

}



#menu #menuSearch {

	float:right;

}



#header #menuSearch #s {

	filter:alpha(opacity=70);

	-moz-opacity:.70;

	opacity:.70;

	color:#000;

}



#header #menuSearch #searchsubmit {


}




.contmenuitem {

	padding:10px;

	width:241px;

	height:100px;

	position: absolute; 

	margin-left: 810px; 

	top: 350px; 

	background:url('images/contributorbg.png') no-repeat left top;

}







#contmenu {

	display:block;

	width:250px;

	padding:0px;

	overflow:hidden;

}



#contmenu ul {

	border:0px;

	width:100%;

	margin-top:23px;

	margin-bottom:0px;

	padding:0px;

	list-style:none;

	overflow:hidden;

}



#contmenu li {

	border:0px;

	padding:7px;

	margin:0px;

	overflow:hidden;

	list-style:none;

}






#contmenu a, #contmenu a:link, #contmenu a:active, #contmenu a:focus, #contmenu a:visited {

	font-family: 'Trebuchet MS', 'Lucida Grande', Verdana, Arial, Sans-Serif;

	text-decoration:none;

	border:0px;

	font-weight:bold;

	text-transform:lowercase;

	color:#000000;

	letter-spacing:-1px;

	font-size:16px;

	white-space:nowrap;

}


#contmenu a:hover {

color:#3F586C;

}








.rightmenuitem {

	padding:10px;

	width:241px;

	height:292px;

	position: absolute; 

	margin-left: 810px; 

	top: 460px; 

	background:url('images/rightmenubg.png') no-repeat left top;

}






#rightmenu {

	display:block;

	width:250px;

	padding:0px;

	overflow:hidden;

}



#rightmenu ul {

	border:0px;

	width:100%;

	margin-top:0px;

	margin-bottom:50px;

	padding:0px;

	list-style:none;

	overflow:hidden;

}



#rightmenu li {

	border:0px;

	padding:7px;

	margin:0px;

	overflow:hidden;

	list-style:none;

}






#rightmenu a, #rightmenu a:link, #rightmenu a:active, #rightmenu a:focus, #rightmenu a:visited {

	font-family: 'Trebuchet MS', 'Lucida Grande', Verdana, Arial, Sans-Serif;

	text-decoration:none;

	border:0px;

	font-weight:bold;

	text-transform:lowercase;

	color:#3F586C;

	letter-spacing:-1px;

	font-size:19px;

	white-space:nowrap;

}


#rightmenu a:hover {

color:#000000;

}




.leadermenuitem {

	padding:10px;

	width:252px;

	height:294px;

	position: absolute; 

	margin-left: 810px; 

	top: 730px; 

	background:url('images/leaderbg.png') no-repeat left top;

}






#leadermenu {

	display:block;

	width:250px;

	padding:0px;

	overflow:hidden;

}



#leadermenu ul {

	border:0px;

	width:100%;

	margin-top:0px;

	margin-bottom:50px;

	padding:0px;

	list-style:none;

	overflow:hidden;

}



#leadermenu li {

	border:0px;

	margin:0px;

	overflow:hidden;

	list-style:none;


}






#leadermenu a, #leadermenu a:link, #leadermenu a:active, #leadermenu a:focus, #leadermenu a:visited {

	font-family: 'Trebuchet MS', 'Lucida Grande', Verdana, Arial, Sans-Serif;

	text-decoration:none;

	border:0px;

	font-weight:bold;

	text-transform:lowercase;

	color:#EDEDED;

	letter-spacing:-1px;

	font-size:17px;

	white-space:nowrap;

padding:0px 0px 0px 7px; 

line-height:49px;

	white-space:nowrap;

}



#leadermenu a:hover {

	color:#D2D2D2;

}






#contentContainer {

	margin-top:30px;

	background:url('images/bg.jpg') repeat-y center #000;

	width:1200px;

	text-align:left;

margin-left:0px;

}



#contentContainer #allContentWidth {

	width:1200px;

}





#mainContent {

	width:700px;

	display:inline;

	float:left;

margin-left:75px;

}



.date {


	font-family: 'Courier New';

	font-size:11px;

	font-weight:bold;

	text-transform:uppercase;

	background:url('images/date.jpg') no-repeat;

	width:102px;

	height:99px;

	margin-top:0px;

	display:inline;

	float:left;

	color:#37A6BC;	

}







#date a, #date a:link, #date a:active, #date a:focus, #date a:visited, #date a:hover {


	font-family: 'Courier New';

	font-size:11px;

	font-weight:bold;

	text-transform:uppercase;

	background:url('images/date.jpg') no-repeat;

	width:102px;

	height:99px;

	margin-top:0px;

	display:inline;

	float:left;

	color:#37A6BC;	

}






.date span {

	/*display:inline;

	float:left;*/

}



.date .dateContainer {

	padding:35px 0px 0px 40px;

	width:50px;

	text-align:right;

	letter-spacing:-1px;

}



.noDate {

	width:102px;

	height:1px;

	display:inline;

	float:left;

	color:#666;	

}



.post {

	display:inline;

	float:left;

	width:590px;

	overflow:hidden;

	padding:10px 0px 0px 0px;

}



.post .postInnerPadding {

	padding:0px 20px 20px 20px;

	overflow:hidden;

}





.post h2 a:hover {

	text-decoration:underline;

}



.post h2, .post h2 a {

	padding-bottom:15px;

	font-size:20px;

	line-height:22px;

	/*background-color:#ccc;*/

	text-decoration:none;

	overflow:hidden;

	border-top: 1px dotted;

	color:#464646;

}



.post p {

	padding-top:0px;

	margin-top:0px;

	margin-bottom:15px;

}





.post a:hover {

	text-decoration:none;

	color:#2BAAC3;

}







.post a {

	text-decoration:underline;

	color:#2BAAC3;

}






.post .postFooter {

	clear:both;

	display:block;

	padding-top:3px;

	border-top: 1px dotted;

	padding-bottom:40px;

}








.image .navigation {

	margin:0px 0px 20px 0px;

}



.image .navigation .alignleft, .image .navigation .alignright {

	float:left;

}



.imagelink, .alignleft {

	float:left

	margin-right:0px;

	margin-bottom:5px;

}



.alignright {

	float:right;

	margin-left:0px;

	margin-bottom:5px;

}



.aligncenter {

	display: block;

	margin-left: auto;

	margin-right: auto;

}







.commentlist .alt {

	padding: 20px 10px 20px 10px;

	background: #f8f8f8;

	border-top: 1px solid #ddd;

	border-bottom: 1px solid #ddd;

}



h3#comments, h3#respond {

	margin: 0px 0px;

	border-top: 1px dotted;

}



.commentlist {

	padding: 0px;

}



.commentlist li {

	margin: 15px 0px 15px;

	padding: 5px 10px 5px;

	list-style: none;

}



.commentlist li .avatar {

	float: right;

	border: 1px solid #999;

	padding: 2px;

	background: #fff;

}



.commentlist .fn {

	font-weight:bold;

}



.commentlist p {

	margin: 10px 5px 10px 0px;

	font-weight: normal;

	text-transform: none;

}



.commentlist cite, .commentlist cite a {

	font-style: normal;

	border: none;

}	



.commentlist li.author .avatar {

	border: 1px solid #669933;



}



.nocomments {

	text-align: center;

	margin: 0px;

	padding: 0px;

}



.commentmetadata {

	margin: 0px;

	display: block;
}



#commentform #submit {

	float: right;

}



#commentform #comment {

	width:500px;



}



.archive ul {

	margin:0px;

	padding:5px 0px 20px 30px;



}



#sidebar {

	display:inline;

	float:left;

	margin-top:590px;

	margin-left:40px;

	background:;

	width:240px;

	overflow:hidden;


}



#sidebar ul, #sidebar ul ol, #sidebar li {

	border:0px;	

	margin:0px;

	padding:1px;

	list-style:none;



}



#sidebar h2 {

	background-color:;

	text-transform: lowercase;

	width:230px;

	display:block;

	letter-spacing:-1px;

	border-top: dotted 1px;

	padding:4px 5px 4px 5px;

	font-size:15px;

	/*font-size:19px;*/



}



#sidebar li ul {

	background-color:#efefef;

	width:230px;

	display:block;

	padding:0px;

	margin-bottom:30px;

	overflow:hidden;

}


#sidebar .archive a {

	text-transform:capitalize;



}



#sidebar .archive #archiveSelect {

	text-transform:capitalize;

	width:100%;



}





.clearer {



	clear:both;



	height:0px;



	display:block;



}



.navigation {



	display:block;



	margin:0px 0px 20px 122px;



	padding:0px;



}



.navigation .alignleft {



	float:left;



}



.navigation .alignright {



	float:right;



	padding-right:20px;



}



#footer {



	display:block;

padding-top:40px;

	width:1000px;

height:175px;

	background:url('images/footer.jpg') no-repeat bottom center;



	color:#fff;


margin-left:auto;



	margin-right:auto;



	text-align:left;



	padding:0px;



}



#footer a {



	color:#33AEC6;



	text-decoration:underline;



}



#footer #footerInnerPadding {



	padding:40px 30px 30px 30px;



}