/*





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.2









	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;



	background:url('') center #0E0D0C;



	margin:0px;



	border:0px;



	text-align:center;



}







form {



	border:0px;



	padding:0px;



	margin:0px;



}









img {



	border:1px solid #000000;



	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, 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-decoration:none;



}











h2 {



	font-size:22px;



}









h3 {



	font-size:15px;



}











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



	color:#CB0000;



	text-decoration:underline;



}









a:hover {



	text-decoration:none;



	color:#C96C6C;



}

















#allContainer {



	background:url('') center #fff;



	width:1030px;



	height:100%;



	margin-left:auto;



	margin-right:auto;



	text-align:left;



}











#header {



	background:url('images/header_bg.jpg') no-repeat top left #8D4040;



	width:1030px;



	height:470px;



}









#header #headerContainer {



	display:block;



	height:415px;



	margin-left:0px;



}









#header #menuContainer {



	display:block;



	height:55px;



	margin-top:0px;



	margin-left:200px;



}









#bannerContainer {



	display:block;



	height:105px;



	margin-top:0px;



	margin-left:30px;



}







#banner {



	display:block;



	width:865px;



	padding:0px;



	height:105px;



	overflow:hidden;



text-align:center;



}









#header #headerContainer #titleContent {



	padding:0px 0px 0px 0px;



}







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



	display:none;



	color:#fff;



	font-size:50px;



	text-transform:none;



	margin-bottom:-5px;



}







#header #headerContainer #titleContent #subHeader {



	display:none;



}











#menu {



	display:block;



	width:630px;



	padding:0px;



	height:40px;



	overflow:hidden;



align:center;



float:center;



text-align:center;

}



#menu ul {



	border:0px;



	width:100%;



	margin:0px;



	padding:0px;



	list-style:none;



	line-height:40px;



	height:40px;



	width:100%;



	overflow:hidden;



}



#menu li {



	display:inline;



	float:center;



	border:0px;



	padding:0px;



	margin:0px;



	line-height:40px;



	height:40px;



	overflow:hidden;



}











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



	text-decoration:none;



	border:0px;



	height:40px;



	font-size:16px;



	color:#434343;



	line-height:40px;



	padding:45px 15px 15px 15px;



	/*_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('') no-repeat bottom center;

color:#5C5C5C;



}



#menu a:hover {



	background:url('') no-repeat bottom center;



}













#contentContainer {



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



	width:1030px;



	margin-top:0px;



	margin-right:auto;



	text-align:left;



	float:center;



}









#contentContainer #allContentWidth {



	width:935px;



	margin-left:auto;



	margin-right:auto;



}











#contentContainer #menuUnder{



	width:0px;



	height:0px;



	margin-left:250px;





}









#mainContent {



	width:550px;



	display:inline;



	float:left;



	margin-left:40px;



	margin-top:40px;



}









.date {



	background:url('') no-repeat;



	width:53px;



	height:131px;



	margin-top:10px;



	display:inline;



	float:left;



	color:#f2f2f2;	



	font-size:10px;



}









.date span {



	/*display:inline;



	float:left;*/



}





.date .dateContainer {



	padding:12px 0px 0px 15px;



	width:53px;



	text-align:left;



	letter-spacing:-1px;



}







.noDate {



	width:53px;



	height:1px;



	display:inline;



	float:left;



	color:#666;	

}







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



	text-decoration:none;



	color:#f2f2f2;	

}









.commentpostalign {



	text-align: right;



	padding: 0px 0px 3px 0px;



border-bottom: 1px solid;



}









.post {



	display:inline;



	float:left;



	width:530px;



	overflow:hidden;



	padding:0px 0px 0px 0px;



}











.post .postInnerPadding {



	padding:0px 10px 20px 30px;



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



	color:#464646;



}







.post p {



	padding-top:0px;



	margin-top:0px;



	margin-bottom:15px;



}











.post a:hover {



	text-decoration:none;



	color:#D65656;



}











.post a {



	text-decoration:underline;



	color:#C50000;



}







.post .postFooter {



	clear:both;



	display:block;



	padding-top:3px;



	border-top: 0px solid;



	padding-bottom:20px;



}











.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:400px;



}









.archive ul {



	margin:0px;



	padding:0px 0px 20px 30px;



}















#sidebar {



	background-color:#;



	display:inline;



	float:left;



	margin-top:25px;



	margin-bottom:25px;



	width:289px;

	

	overflow:hidden;



	color:#303030;

}









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



	background-color:#EAEAEA;



	border:0px;	



	margin:0px;



	padding:0px 0px 10px 0px;



	list-style:none;



}









#sidebar h2 {



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



	text-transform: lowercase;



	width:289px;



height:33px;



	color:#323232;



	letter-spacing:-1px;



	padding:9px 0px 0px 4px;



	text-align:center;



	font-size:18px;



	/*font-size:19px;*/



}















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



	color:#343434;



	text-decoration:underline;



}









#sidebar li ul {

	background-color:#EAEAEA;

	width:289px;



	display:block;



	padding:5px;



	margin-bottom:15px;



	overflow:hidden;



}











#sidebar .archive a {

	text-transform:capitalize;

}









#sidebar .archive #archiveSelect {

	text-transform:capitalize;

	width:100%;



}











#sidebar .rss {

	background:url('images/rss.gif') no-repeat 0px 1px;

	padding-left:18px;

	height:18px;

	line-height:18px;

	display:block;

}















#sidebar .link_icon {

	padding-left:19px;

	height:19px;

	line-height:19px;

	display:block;

}













#sidebar .bloggy_link {

	background:url('images/link_icons/bloggy.gif') no-repeat 0px 1px;



}



















#sidebar .youtube_link {



	background:url('images/link_icons/youtube.gif') no-repeat 0px 1px;



}

















#sidebar .facebook_link {



	background:url('images/link_icons/facebook.gif') no-repeat 0px 1px;



}











#sidebar .flickr_link {

	background:url('images/link_icons/flickr.gif') no-repeat 0px 1px;



}







#sidebar .bambuser_link {

	background:url('images/link_icons/bambuser.gif') no-repeat 0px 1px;



}









#sidebar .twitter_link {

	background:url('images/link_icons/twitter.gif') no-repeat 0px 1px;



}









#sidebar .jaiku_link {

	background:url('images/link_icons/jaiku.gif') no-repeat 0px 1px;



}









#sidebar #wp-calendar {

	margin-left:auto;

	margin-right:auto;

	text-align:center;

	width:100%;

	text-transform:capitalize;



}





#sidebar #wp-calendar a {

	text-decoration:underline;



}















#sidebar .categories .children {

	margin-top:0px;

	margin-bottom:0px;

	padding-top:0px;

	padding-left:10px;

	padding-bottom:0px;

}











#sidebar #photoAlbum {

	display:block;

	margin:0px;

	padding:0px 0px 0px 5px;

}











/*bloggy*/



#sidebar .bloggy_ul {

	/* Stilen på listan */

	display:block;

	width:230px;

	margin-bottom:0px;

	padding:5px 0px 0px 0px;



}



#sidebar .bloggy_ul li{



	/* Stilen på inlägg */

	background-color:#e1e1e1;

	margin-bottom:5px;

}











#sidebar .bloggy-meddelande {



	/* Stilen på själva inlägget */ 

	display:block;

	border:1px solid #e1e1e1;

	background-color:#f8f8f8;

	padding:2px;

}









#sidebar .bloggy-link {



	/* Stilen på länken. */ 

	padding:2px;

}









#sidebar .bloggy-tid {



	/* Stilen på tiden */

	padding:2px;

}































.clearer {

	clear:both;

	height:0px;

	display:block;

}









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



	text-decoration:underline;



	font-size:14px;



	color:#000000;





}





.navigation {



	margin:0px 0px 20px 110px;



	padding:0px;



}







.navigation .alignleft {



	float:left;



}









.navigation .alignright {



	float:right;



	padding-right:20px;



}













#footer {



	display:block;



	width:1030px;



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



	color:#000;



	margin:0px 0px 0px 0px;



	padding:0px;



	align:center;



text-align:center;



}









#footer a {



	color:#A52532;



	text-decoration:underline;



}















#footer #footerInnerPadding {



	padding:20px 0px 20px 0px;



}