/*  
Theme Name: njos_v1
Theme URI: http://njos.se
Description: 
Author: Stefan Dressler
Author URI: http://clixwork.se/
Version: 1.0
*/

* 		{ margin: 0; padding: 0; outline: 0; border: 0; }
html 	{ 
	height: 100.03%; font-family: 'helvetica neue', tahoma, arial, sans-serif; font-size: 14px; background: #F4F3EB; 
	background: #F4F3EB url(images/n_bg_body.jpg) repeat-x 0 0; 
	background-attachment: fixed;
}
body	{  }
form 	{ margin: 0; padding: 0; }

a, a:link, a:visited, a:active 	{ text-decoration: none; color: #236079; }
h1, h2, h3, h4, h5, h6			{ font-family: 'helvetica neue', sans-serif; }

/* debug */
/*#n_wrapper * {border: 1px solid #900;}*/

/* overall wrapper */
#n_wrapper 	{ width: 1056px; margin: 0 auto 0 0; clear: both; }

/* general website layout */
#n_main 	{ width: 702px; float: left; }
#n_sidebar 	{ width: 320px; float: right; }
#n_footer 	{ width: 1036px; clear: both; }

/* blog posts */
#n_wrapper_blog {  }
/* pages */
#n_wrapper_page {  }
/* pages */
#n_wrapper_andrahand { /*font-size: 12px;*/ }
/* sidebar */
#n_wrapper_sidebar { /*padding-top: 64px; */ margin-top: 44px; 
/*
	padding: 0 10px;
	background: #fff;
	border: 1px solid #DEDBC4;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
*/
	}


/* footer */
#n_wrapper_footer { padding: 12px 0 0 100px; /*font-size: 11px;*/ /*background: #f2f2f2 url(images/footer-bg.png) repeat-x 0 0;*/ }




#n_header { height: 112px; }

	#n_logo .hl { float: right; margin: 16px 0 0 6px; }
	#n_logo h1 { display: none;
		margin: 0; padding: 0;
		font-family: 'cooper black', palatino, georgia, times, serif; font-size: 42px;
		}
		#n_logo h1 a { color: #09c; }
	#n_logo h2 { display: none;
		margin: 3px 0 0 -62px; padding: 0;
		font-family: calibri, tahoma, arial, sans-serif; font-weight: normal; font-size: 10px; color: #9BBDC8;
		}

	/*#n_logo { margin: 8px 0 0 100px; float: left; }*/
	#n_logo { margin: 16px 0 0 100px; float: left; }
	
	#n_navigation { 
		float: right; 
		/*margin: 40px 34px 0 0; */		/* if 3 items */
		margin: 40px 16px 0 0;			/* if 4 items */
		font-family: arial, sans-serif;
		}


		#n_navigation ul#menu li a sup { color: #ff0; float: righ; }
		

		#n_navigation ul#menu { margin: 0; list-style: none; }
		#n_navigation ul#menu li { float: left; font-size: 1.2em; font-weight: bold; }
			#n_navigation ul#menu li a { background: #09c; color: #fff;
			padding: 6px 18px; 
			border-top: 1px solid #069; border-bottom: 1px solid #069; border-right: 1px solid #069; 
			}

		#n_navigation ul#menu li.current_page_item {  }
			#n_navigation ul#menu li.current_page_item a, 
			#n_navigation ul#menu li.current_page_parent a,
			#n_navigation ul#menu li.current_page_ancestor a
				{ /*background: #ffd324;*/ background: #e2e2e2; color: #111; }
		
		#n_navigation ul#menu li:first-child a {
			border-left: 1px solid #069; 
			-webkit-border-top-left-radius: 5px; -webkit-border-bottom-left-radius: 5px; 
			-moz-border-radius-topleft: 5px; -moz-border-radius-bottomleft: 5px;
		}
		#n_navigation ul#menu li:last-child a {
			border-right: 1px solid #069; 
			-webkit-border-top-right-radius: 5px; -webkit-border-bottom-right-radius: 5px; 
			-moz-border-radius-topright: 5px; -moz-border-radius-bottomright: 5px;
		}



#n_search { margin: 0 0 21px 0; /*position: fixed;*/ }
	#n_search #q { width: 282px; padding: 4px 6px; font-size: 14px; font-weight: bold; border: 5px solid #e2e2e2; background: #ffe; color: #555; text-align: center;
		-webkit-border-radius: 5px;
		-moz-border-radius: 5px;
		}
		#n_search #q:focus { border-color: #FFD324; background: #ffc; }




/* alles ausser dem date */
.article { background: #fff; padding: 0 8px;
	border: 1px solid #DEDBC4;	/* EBE9DB */
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	}


.post { margin: 32px 0 72px 0; padding: 0 16px 0 100px; }
.post:first-child { margin-top: 0; }

	.post a { /*background: #E8F5FD;*/ }
		.post a:visited { background: none; }

	/* current day (metadata) */
	.the_time { float: left; font-size: 16px; margin: 0 0 0 -100px; padding: 6px 8px 6px 28px; text-transform: uppercase; background: #FFD324;	/* FFD324:	FCDD6E	DEDBC4 */
		font-family: tahoma, arial, sans-serif; 
		-webkit-border-top-right-radius: 5px; -webkit-border-bottom-right-radius: 5px; 
		-moz-border-radius-topright: 5px; -moz-border-radius-bottomright: 5px;
	}
	.the_time .year { display: none; }

	
	/* post headline */
	.post h2 { margin: 0 0 6px 0; padding: 4px 0; font-size: 26px; font-family: palatino, georgia, times, serif; }
	.post h2.the_title { padding-left: 8px; }
	.post h2.the_title_featured { padding-left: 8px; background: #fff; }
		.post h2 a { text-decoration: none; background: none; color: #900; }

	.post h3 { margin-top: 4px; /*margin: 10px 0 0 0; padding: 0; font-size: 21px; font-family: palatino, georgia, times, serif;*/ }


	/* post text */
	.post .the_content { clear: both; line-height: 1.5em; color: #111; margin-top: 8px; }
		.post .the_content p { margin: 12px 0; }
		.post .the_content p:first-child { margin-top: 6px; }

	/* same line height for all */
	.post ul, .post ol { line-height: 1.5em; margin-left: 21px; }


	/* post image */
	.post img { }
	.post a img { background: #fff !important; }
/*	.post img.alignleft { float: left; margin: 0 10px 0 0; }
	.post img.alignright { float: right; margin: 0 0 0 10px; }*/
	.post .alignright { float: right; padding: 0 0 0 10px; }
		.post .alignright .wp-caption-text { margin: 0; font-size: 10px; line-height: 12px; color: #b2b2b2; }
	.post .alignleft { float: left; padding: 0 10px 0 0; }
		.post .alignleft .wp-caption-text { margin: 0; font-size: 10px; line-height: 12px; color: #b2b2b2; }

	.post .aligncenter { text-align: center; margin: 16px auto; padding: 0; }
		.post .aligncenter .wp-caption-text { margin: 0; font-size: 10px; line-height: 12px; color: #b2b2b2; }




	blockquote { margin: 0 32px; padding: 2px 8px; background: #f2f2f2; color: #444; text-align: justify; font-style: italic;
		-webkit-border-radius: 5px;
		-moz-border-radius: 5px;
		}




	/* special for andrahand - displays the publish date of the product */
	#n_wrapper_andrahand .post .the_time { padding-left: 10px; background: #DEDBC4; }






	/**
	 *	featured news 
	 */
	.featured .article { /*border-color: #FFD324;*/ }

	.featured h2.the_title { /*margin-bottom: 2px;*/ }
	.featured .the_content { /*background: #FEF6B1 !important; */ 
		/*-webkit-box-shadow: 0px 2px 5px #e2e2e2;*/
/*
		padding: 6px;
		border: 1px solid #FFD324;
		-webkit-border-radius: 5px;
		-moz-border-radius: 5px;
*/
		}
		.featured .the_time { /*background-color: #B8F500;*/ /*background: #FFD324 url(images/star.png) 0 0 no-repeat;*/ }
		/*.featured .the_title { background: url(images/fugue/pin.png) 6px 5px no-repeat; padding-left: 28px !important; }*/
		.featured .the_title { background: url(images/favorite.png) 0 0px no-repeat; padding-left: 38px !important; }




	/* day separator h2 -> date */
	h2.daybreak { margin: 64px 0 0 0; text-align: left; padding: 2px 8px 2px 100px; display: inline; 
		/*background: #82b9f2; color: #369;*/
		background: #ECF2FD; color: #036;
		border: 1px solid #CBDEFA; /*border-bottom: 5px solid #82b9f2; */
		-webkit-border-top-right-radius: 5px; -webkit-border-bottom-right-radius: 5px; 
		-moz-border-radius-topright: 5px; -moz-border-radius-bottomright: 5px;
		}
		h2.daybreak:first-child { margin-top: 0; }






	/* general sidebar settings */
	#n_wrapper_sidebar { line-height: 1.5em; }
	#n_wrapper_sidebar ul { list-style: none; }
		
		#n_wrapper_sidebar .area-nav-prev-next {
			width: 300px; margin: 21px 0;	
		}
		#n_wrapper_sidebar .area-nav-prev-next ul li.previous-post,	
		#n_wrapper_sidebar .area-nav-prev-next ul li.next-post 
		{ margin: 6px 0; /*white-space: nowrap; overflow-x: hidden;*/ line-height: 1.2em; }
			#n_wrapper_sidebar .area-nav-prev-next ul li.previous-post span, 
			#n_wrapper_sidebar .area-nav-prev-next ul li.next-post span 
			{ font-weight: bold; }

		#n_wrapper_sidebar .area-categories {
			width: 300px;
			margin: 21px 0;
		}
		
		#n_wrapper_sidebar .area-tags {
			width: 300px;
			margin: 32px 0;
		}

		#n_wrapper_sidebar .area-njos-flattr {
			width: 300px;
			margin: 32px 0;
		}


		/* njos job/help request */
		#n_wrapper_sidebar .area-njos-note {
			width: 300px;
			margin: 32px 0;
		}
			#n_wrapper_sidebar .area-njos-note h2 { margin-bottom: 6px; }
			#n_wrapper_sidebar .area-njos-note-wrapper {
				padding: 4px;
				background: #fef6b1;
				border: 1px solid #ffd324;
				-webkit-border-radius: 5px;
				-moz-border-radius: 5px;
			}
			#n_wrapper_sidebar .area-njos-note-wrapper p { margin: 8px 0; }
				#n_wrapper_sidebar .area-njos-note-wrapper p:first-child { margin-top: 0; }
				#n_wrapper_sidebar .area-njos-note-wrapper p:last-child { margin-bottom: 0; }

		

		#n_wrapper_sidebar .area-box {
			width: 300px; margin: 32px 0;
		}
			#n_wrapper_sidebar .area-box h2 { margin-bottom: 6px; }
			#n_wrapper_sidebar .area-box-wrapper {
				padding: 4px;
				background: #fff;
				border: 1px solid #DEDBC4;
				-webkit-border-radius: 5px;
				-moz-border-radius: 5px;
			}







		.area-andrahand-breadcrumb {
			width: 285px;
			margin: 32px 0;
			padding: 8px;
			background: #fff;
			border: 1px solid #DEDBC4;
			-webkit-border-radius: 5px;
			-moz-border-radius: 5px;
		}
			.area-andrahand-breadcrumb h2 { margin-bottom: 6px; }
			.area-andrahand-breadcrumb ul li.current_page_item { font-weight: bold; margin-top: 12px; }
				.area-andrahand-breadcrumb ul ul li { float: left; margin-right: 21px; width: 120px; }
				.area-andrahand-breadcrumb ul ul li.current_page_item { margin-top: 0; } /* needs to be set back */

		
		.area-andrahand-item-breadcrumb {
			width: 285px;
			margin: 9px 0 32px 0;
			padding: 8px;
			background: #fff;
			border: 1px solid #DEDBC4;
			-webkit-border-radius: 5px;
			-moz-border-radius: 5px;
		}
			.area-andrahand-item-breadcrumb h2 { margin-bottom: 6px; }
			.area-andrahand-item-breadcrumb ul li.current_page_item { font-weight: bold; }
				.area-andrahand-item-breadcrumb ul ul li { float: left; margin-right: 21px; width: 120px; }
				.area-andrahand-item-breadcrumb ul ul li.current_page_item { margin-top: 0; } /* needs to be set back */
		






	#n_wrapper_footer {  margin: 0 0 4px 100px; padding: 4px 4px 4px 8px; 
		background: #ECF2FD; 
		border: 1px solid #CBDEFA;
		-webkit-border-radius: 5px;
		-moz-border-radius: 5px;
		}

		#n_wrapper_footer ul, #n_wrapper_footer ol { list-style: none; }






	form#commentform input { border: 1px solid #b2b2b2; }
		input#author {  }
		input#email {  }
		input#url {  }
		textarea#comment { border: 1px solid #b2b2b2; width: 400px; height: 200px; margin: 6px 0; }


	ol#commentlist { list-style: none; margin: 0; padding: 0; }
		ol#commentlist li { clear: right; margin: 10px 0; padding: 2px 2px 16px 4px; 
			-webkit-border-radius: 5px;
			-moz-border-radius: 5px;
			}
			ol#commentlist li:first-child { margin-top: 0; }
			ol#commentlist li .gravatar { float: right; }

			ol#commentlist li.comment-author-admin { background: #ededed; }

/*
li class:
	comment byuser comment-author-admin even thread-even depth-1
	comment odd alt thread-odd thread-alt depth-1
	comment even thread-even depth-1
*/




	.n_wrapper_prevnext { margin: 56px 18px 12px 100px; }
	.n_wrapper_prevnext form { margin: 0 12px; padding: 0; text-align: center; }
		.n_wrapper_prevnext form input { border: 1px solid #DEDBC4; 
			padding: 2px 6px; font-size: 14px; font-weight: bold; background: #ffe; color: #555; text-align: center;
			-webkit-border-radius: 5px;
			-moz-border-radius: 5px;
			}

	.next_posts_link, .prev_posts_link { margin-top: 2px; }
	.next_posts_link a, .prev_posts_link a { padding: 10px 10px 6px 10px; font-weight: bold;
		background: none;
/*		background: #DEDBC4;
		-webkit-border-radius: 5px;
		-moz-border-radius: 5px;*/
		}
	.next_posts_link { float: left; }
	.prev_posts_link { float: right; }






/* -------------- */
ul.iconLinkList { margin: 0; padding: 4px 0; }
ul.iconLinkList li { /*height: 21px;*/ display: block; text-align: left; margin: 0 0 4px 0; line-height: 1.5em; }
ul.iconLinkList li a { padding: 1px 4px 1px 21px; }


/* the category-buttons for the guider */
.guider-cat-items {
	margin: 6px 0 28px 0;
	clear: both;
}
.guider-cat-items h3 {
	float: left; 
	width: 238px; 
	margin: 21px 21px 2px 21px; 
	text-align: center;
/*	background: #09c; */
	background: #E8F5FD;
	border: 1px solid #069;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
}
.guider-cat-items h3.current {
	background: #e2e2e2;
	color: #111;
}
.guider-cat-items h3 a {
	display: block;
	padding: 6px;
/*	color: #fff;*/
}


/* table for the items for the guider */
table.guider-post-items {
	margin: 6px 0;
	border-collapse: collapse;
	width: 100%;
}
table.guider-post-items tr td {
	padding: 6px 6px;
	/*border-bottom: 1px solid #DEDBC4;*/
}
table.guider-post-items tr td.guider-item-icon {
	width: 64px; height: 64px;
	text-align: center;
}
table.guider-post-items tr td.guider-item-icon a {
	background: none;
}

/* preview image for the guider-item */
img.guider-attachment {
	max-width: 64px; max-height: 64px;
}




a.feed { background: url(images/social/feed-16x16.png) 0 0 no-repeat; }
a.wordpress { background: url(images/social/wordpress_16.png) 0 0 no-repeat; }
a.vcard { background: url(images/social/vcard-16x16.png) 0 0 no-repeat; }
a.twitter { background: url(images/social/twitter-16x16.png) 0 0 no-repeat; }
a.facebook { background: url(images/social/facebook-16x16.png) 0 0 no-repeat; }
a.youtube { background: url(images/social/youtube-16x16.png) 0 0 no-repeat; }

a.license { background: url(images/fugue/license-key.png) 0 0 no-repeat; }
a.about { background: url(images/fugue/blog.png) 0 0 no-repeat; }
a.info { background: url(images/fugue/information-white.png) 0 0 no-repeat; }
a.mail { background: url(images/fugue/mail.png) 0 0 no-repeat; }
a.box { background: url(images/fugue/box.png) 0 0 no-repeat; }
a.folder-image { background: url(images/fugue/folder-open-image.png) 0 0 no-repeat; }
a.box-label { background: url(images/fugue/box-label.png) 0 0 no-repeat; }
a.download { background: url(images/fugue/drive-download.png) 0 0 no-repeat; }
a.theme { background: url(images/fugue/application-blog.png) 0 0 no-repeat; }



dl { width: 950px; margin: 8px auto; padding-right: 21px; padding-left: 2px; }
dl .dlgroup { width: 310px; float: left; }
dl dt, dl dd { text-align: left; }
dl dt { margin-bottom: 2px; font-weight: bold; text-transform: uppercase; color: #696244; }
dl dd p { padding: 4px 0; }





.link-item-andrahand {
	width: 140px;
	display: inline-block;
	margin: 6px;
}
.link-item-andrahand a {
	padding: 1px 4px;
/*
	background: #ECF2FD;
	border: 1px solid #CBDEFA;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
*/
}

/* if searched, mark the post type */
sup.post-type-tag {
	float: right; 
	padding: 2px 4px; 
	color: #78766A; 
	background: #DEDBC4; 
	-webkit-border-radius: 5px; 
	-moz-border-radius: 5px;
}




#n_footer .smallprint { margin: 8px 0 0 100px; padding: 0 8px 4px 8px; font-size: 11px; line-height: 1.3em; color: #777; }




fieldset.reklam { border: none !important; margin: 12px 0; text-align: center; display: block; clear: both; }
fieldset.reklam span { float: right; padding: 0 6px; font-size: 11px; font-weight: bold; display: block; }
fieldset.reklam span.light { background: #e7e7e7; color: #AFAFAF; -moz-border-radius-bottomleft:4px; }
fieldset.reklam span.medium { background: #BFBA8F; color: #928C54; -moz-border-radius-bottomleft:4px; }

#n_wrapper_blog .google { margin: -21px 0 10px 156px; }

fieldset.ad728x90 { width: 728px; border: none !important; }
fieldset.ad468x60 { width: 468px; border: none !important; }
fieldset.ad300x250 { width: 300px; height: 250px; border: none !important; }
fieldset.ad250x250 { width: 250px; border: none !important; margin-left: 27px; }

fieldset.is_single { margin: 0 0 12px 42px; padding: 0; }




/* category list */
li.categories h2 { margin: 0 0 6px 0; } 

li.cat-item { display: block; color: #b2b2b2; text-align: right; 
	padding: 0 0 1px 2px; 
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	}
	li.cat-item a { font-size: 14px; float: left; }

li.current-cat { font-weight: bold; background: #ffd324; color: #777; }
	li.current-cat a { color: #222; }
	
ul.children { margin: 0 0 0 12px; }
	ul.children li, ul.children li.cat-item a { font-size: 12px; line-height: 1.4em; }
/*
li.categories { ... } 
li.cat-item { ... }
li.cat-item-7 { ... } 
li.current-cat { ... }
li.current-cat-parent { ... }
ul.children { ... }
*/



.meta_social_media strong {
	float: left;
	margin-right: 6px;
}

.social_media_item {
	display: inline-block;
	margin: 0 4px 0 0;
}


/* fuer die flattr-funktion (plugin-ersatz) */
.flattr {
	margin: 0 16px 0 0;
}