/*
Theme Name: NL
Theme URI: http://templates.arcsin.se/
Version: 2.1 (05.04.2010)
Description:  Styl NL 2.1 - nowy wygląd postów, nowa funkcjonalność, nowe niezbędne wtyczki.  
Author: de-mo  / Dark Ritual: Viktor Persson 
Author URI: http://arcsin.se/
*/




/* standard elements */
* {
	margin: 0;
	padding: 0;
}



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

img 
{ border: none; 
}

a:hover {color: #AF1F8D;
text-decoration: none;}

h1 {font-size: 1.2em;
color: #149EFF;
font-family: "Tahoma", Arial, "Geneva", sans-serif;
letter-spacing: 0.8px;}

h1,h2,h3 {color: #AF1F8D;}

/* h2 - Footer Tekst */

/* h3 - Prawy pasek nagłówki */

/* h4 - Nagłówek Related Posts */

/* h5 - wyniki wyszukiwania */

/* tytuł bloga */
h6 {
   font-size: 0;
text-indent: -100000000px;
   }

h7
{
background-color: ##c1c1c1;
color: #666666;
font-family: "Tahoma", Arial, "Geneva", sans-serif;
font-size: 1.2em;
}

body {
	background: url(img/tlo_strony.png);
	color: #333;
	font: normal 62.5% "Lucida Sans Unicode",sans-serif;
	margin: 3% 0;
}


p,ul {
	padding-bottom: 1em;
}


ul {margin-left: 1.2em;}

.main_right li {list-style: none;}
/*.main li {list-style-image: url(img/li.gif);}*/



blockquote {
	background: #FFF;
	border-bottom: 1px solid #EEE;
	border-top: 1px solid #EEE;
	color: #333;
	display: block;
	font-size: 0.9em;
	margin-bottom: 1.2em;
	padding: 6px 12px;
}
blockquote p {padding: 3px 0;}



/******* STRUKTURA **********/
/* misc */
.clearer {clear: both;}
.main_right .container {padding: 6px 2px 6px 16px;}
.main .posts_area {padding: 1px 50px; margin-left: -50px;}
.meta {font-size: 0.8em; color: #666; margin-left: 5px;}
.left {float: left;}
.right {float: right;}

.all {
	font-size: 1.2em;
	background: url(img/background.jpg) repeat-y;
	margin: 0 auto;
	width: 990px;
	border: 10px solid #FFFFFF;
}

.top {
	background: #222;
	color: #DDD;
	float: left;
	display: block;
	font-family:"Impact", "Tahoma", Arial, "Geneva", sans-serif;
	font: normal 1.4em Verdana;
	height: 50px;
	text-align: center;
	width: 639px;
}


.main {
	float: left;
	width: 610px;
}


/********** HEADER ************/


.header {
	float: left;
	width: 990px;
	font: normal 2.4em Verdana,sans-serif;
	line-height: 150px;
	text-align: center;
background: url("img/header.jpg");

}


/*********** TOP MENU ************/
.top_menu {
width: 990px;
float: right;
height: 29px;
display: inline;
padding-top: 0px;
background: url("img/top_menu.jpg");
}


#top_menu
{
margin-right: 35%;
}
	
.top_menu ul li {
	float: right;
	display: block;
}
	
.top_menu ul li a {
	display: block;
	float: left;
	line-height: 29px;
	padding: 0 20px;
	padding-top: 5px;
padding-bottom: 2px;
	color: #921E77;
        text-decoration: none;
text-transform: uppercase;
        font: bold 10pt "Lucida Sans Unicode",sans-serif;
	}
	
.top_menu ul li a:hover {
	background-color: #3f3f3f;
	text-decoration: none;
border-bottom:2px solid #8f2d8f; //**pasek pojawiający się pod menu podczas najechania na nie myszką**//
	}
	
.top_menu ul li.current_page_item a {
	background-color: #3f3f3f;
	}


/************************************** LEWY PASEK ***************************************/
.main_left {
float: left;
width: 120px;
color: #b6b6b6;
margin-top: 350px;
padding-left: 2px;
background: #1b1b1b;
}

/**** NAGŁÓWKI LEWY PASEK*******/
.main_left h1 {
color: #af1f8d;
display: block;
background: url(img/naglowki_lewy.jpg);
width: 112px;	
font: bold 1.1em Verdana,sans-serif;
line-height: 24px;
padding-left: 8px;
text-transform: uppercase;
}

/**** LEWY PASEK - ELEMENTY LISTY ****/
.main_left ul {margin: 0; padding: 0;}
.main_left li {
list-style: none;
color: #5d0c46;
width: 110px;
}


/**** LEWY PASEK - PODŚWIETLANIE BLOKÓW LINKÓW *******/
.main_left li a {
	background: #FFFFFF;	
	color: #111;
display: block;
	width: 100px;
	text-decoration: bold;
}
.main_left li a:hover {
	background: #A73C89;
	color: #000;

	}

/********** LEWY PASEK W POJEDYNCZYM WPISIE ******************/
.main_left2
{float: left;
width: 120px;
color: #b6b6b6;
background: #1b1b1b;
}

/****** LEWY PASEK NA INNYCH STRONACH - NAGŁÓWKI I TEKST ******/
.main_left2 h1 {
color: #af1f8d;
display: block;
background: url(img/naglowki_lewy.jpg);
width: 112px;	
font: bold 1.1em Verdana,sans-serif;
line-height: 24px;
padding-left: 8px;
text-transform: uppercase;
}


/**** LEWY PASEK NA INNYCH STRONACH- ELEMENTY LISTY ****/
.main_left2 ul {margin: 0; padding: 0;}
.main_left2 li {
list-style: none;
color: #5d0c46;
}

/**** LEWY PASEK NA INNYCH STRONACH - PODŚWIETLANIE BLOKÓW LINKÓW *******/
.main_left2 li a {
	color: #111;
	width: 100px;
	text-decoration: bold;
}
.main_left2 li a:hover {
	background: #A73C89;
	color: #000;
	}



/****************************************** PRAWY PASEK *************************************/
.main_right {
	float: right;
	display: block;
        background: #1b1b1b;
	width: 224px;
	color: #b6b6b6;
        border: 0px solid #5D0C46;
}

.main_right a:link {
	color: #999999;
}

.main_right a:link,.main_right a:visited{
	color: #666666;
	text-decoration: none;
}

.main_right ul {
	padding: 0;
}
.main_right ul li a:link,.main_right ul li a:visited{
	display: block;
}
.main_right ul li:hover{
	background: #333333;
}
.main_right ul li {
padding: 5px 0;
}
.main_right ul {
	margin: 0;
}

/******* NAGŁÓWKI PRAWY *****************/
h3 {font-size: 1.2em;
color: #AF1F8D;
font-family: "Tahoma", Arial, "Geneva", sans-serif;
letter-spacing: 0.8px;
display: block;
background: url(img/naglowki_prawy.jpg);
width: 208px;
height: 30px;
text-transform: uppercase;
text-align: center;
padding-top: 8px;
}


/******************************************FOOTER**********************************/
.footer {
	background: url(img/footer.jpg);
	color: #353535;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 29px;
height: 39px;
	text-align: center;
margin: 0px;
	padding0: 5px 0px 5px 0px;
padding-top: 10px;
padding-right: 0px;
padding-bottom: 0px;
padding-left: 0px;
	width: 990px;
overflow: hidden;
}

.footer .left,.footer .right {padding: 0 16px;}
.footer a {color: #EEE;}
.footer a:hover,.footer .right a:hover {color: #FF39D0;}
.footer .right, .footer .right a {color: #949474;}


#footer_content
{
float: left;
width: 990px;
}


#footer_left
{
float: left;
color: #BEBEBE;
font-family:calibri;
width: 130px;
}

#footer_center
{
float: left;
margin-left: 100px;
}



#footer_scroll_to_top {
float: right;
display: block;
margin-top: -40px;
overflow: hidden;
}


/***** FOOTER TEKST********/
h2 {
font-size: 0.8em;
color: #AF1F8D;
font-family: "Tahoma", Arial, "Geneva", sans-serif;
letter-spacing: 0.8px;
text-align: center;
padding: -10px 20px 16px 10px;
}

/*********************************************POST**********************************/

.posts_area
{
margin-top: 320px!important; //to będzie obowiązywało dla wszystkich normalnych przeglądarek
margin-top: 118px;
width:600px; 
}

posts_area2
{
margin-top: 20px;
width:600px; 
}


.post
{
position:relative;
margin-left: 5px;
width:610px; 
text-align: justify;
margin-top: 8px;
padding:12px 10px 3px 8px;
background: #e4e1e1;
}


.post2 /*****to rozdzielenie istnieje, żeby dla IE mogło być sformatowane inaczej, choć dla innych przeglądarek post2=post***/
{
position:relative;
margin-left: 5px;
width:600px; 
background: #e4e1e1;
text-align: justify;
margin-top: 8px;
padding:12px 20px 3px 8px;
}


.post_top { 
background-image:url(img/post_top.gif); 
margin-bottom:0px;
width: 611px;
height:10px;
}


.post_header
{
width: 590px;
background-image:url(img/post_header.gif);
background-repeat:repeat-y;
padding:10px;
position:relative;
padding-top: 1px;
}


.category
{
text-align: right;
padding-right: 20px;
text-transform: uppercase;
display: block;
background-image:url(img/category.gif);
color: white;
text-weight: bold;
}

.category a
{color: white;}


.titlepost
{
padding-left: 20px;
padding-top: 5px;
font-decoration: bold;
}


.titlepost_a 
{
font-size:21px;
color: #000000;
width: 490px;
font-family:calibri;
letter-spacing: 1px;
margin-left: 2%;
font-weight:bold;
margin-bottom:10px;
}

.titlepost_a:hover
{color: #9a3998;
}


.post_headerinfo_tlo {
background-image:url(img/headerinfo_tlo.jpg);
height:2px;
background-repeat:no-repeat;
}


.post_headerinfo
{
width:600px; 
margin-top:2px;
margin-bottom:5px;
font-size:0.9em;
color:#5a5b5b;
}


.post_entry
{
width:580px; 
background: white;
text-align: justify;
line-height:17px;
margin-bottom:10px;
color:#313131;
margin-left:15px;
float:left;
border-top:1px dotted #aaaaaa;
border-bottom:1px dotted #aaaaaa;
}


#post_entry
{
width: 560px;
margin-left: 5px;
margin-right: 5px;
}


.post_bottom {
background-color:#f2f2f2;
background-image:url(img/post_bottom.gif);
background-repeat:no-repeat;
width:610px;
height:10px;
font-size:1px;
}


.post_endinfo{
width:600px; 
padding:5px;
border-top:1px dotted #aaaaaa;
border-bottom:1px dotted #aaaaaa;
font-size:0.9em;
color:#404040;
background:url(img/post.gif) repeat-y;       /**** tu jest tylne tło całego posta-dla przeglądarek oprócz IE *****/
}


#author {
padding-left: 10px;
}


#read_more {
float: right;
display: block;
margin-top: -25px;
overflow: hidden;
}


.post-meta
{width: 300px;
height: 300px;
}

.post ul li
{
list-style:square;
margin-left:18px;
padding:5px;
}

.post_entry ol li
{
padding:5px;
list-type:decimal;
margin-left:52px;
}




/******************** POST - INFORMACJE DOLNE w pojedynczym poście *******************/

.space
{
height: 10px;
}

.post_bottominfo
{
width:610px; 
overflow: hidden;
background0:url(img/post_bottominfo.gif) repeat-y;  
padding:12px 10px 3px 8px;
margin-bottom0: 10px;
}

#related {
float: left;
width: 70%;
padding-top0: 2px;
border: 5px solid #FFFFFF; /* 1 z 5 - wyłącz jeśli chcesz related posts w opływowej ramce */
background: #f0f0f0; /* 2 z 5 - wyłącz jeśli chcesz related posts w opływowej ramce */
}

h4 
{font-size: 1.2em;
color: #FFFFFF;
font-family: calibri, sans-serif;
letter-spacing: 1px;
background:url(img/author.gif) no-repeat;
padding-left: 5px;
padding-bottom: 5px;
}


#author_info
{float: right;
width: 20%;
text-align: center;
padding-right: 5px;
margin-right: 15px;
border: 5px solid #FFFFFF;
background: #f0f0f0;
}


.author_foto {
border: 2px solid #cccccc;
}


.post_bottominfo_top { 
/* background-image:url(img/post_bottominfo_top.gif);  3 z 5 - włącz jeśli chcesz related posts w opływowej ramce */
margin-bottom:0px;
width: 610px;
height:15px;
}


.post_bottominfo_btm {
/* background-color:#f2f2f2;  4 z 5 - włącz jeśli chcesz related posts w opływowej ramce */
/* background-image:url(img/post_bottominfo_btm.gif); 5 z 5 -włącz jeśli chcesz related posts w opływowej ramce */
background-repeat:no-repeat;
width:610px;
height:15px;
font-size:1px;
margin-bottom: 10px;
}


/***************** KOMENTARZE INNE ******************/

.alt {
	margin: 0;
	padding: 10px;
	background-color: #f3f3f3;
	border-top: 1px dotted #9c2f9c;
	border-bottom: 1px dotted #9c2f9c;
	}

.commentlist {
	padding-left: 10px;
	text-align: justify;
	}

.commentlist li {
	margin: 15px 0 3px;
	padding: 5px 10px 3px;
	list-style: none;
	}

.commentlist p {
	margin: 10px 5px 10px 0;
	}

#commentform p {
	margin-left: 17px;
	}

.nocomments {
	text-align: center;
	margin: 0;
	padding: 0;
	}

.commentmetadata {
	margin: 0;
	display: block;
	}

/* End Comments */

img.avatar {float:left; margin-right:5px;}

.buttons
{
margin-left: 10px;
}



/****** PAGE NUMBERS - NAWIGACJA STRONY NA DOLE - NUMERY STRON ********/
.page_numbers
{
width: 613px;
margin-left: 12px;
}

#wp_page_numbers ul, #wp_page_numbers li, #wp_page_numbers a {
	background: #fff;
	padding: 0;
	margin: 0;
	border: none;
	text-decoration: none;
	font-weight: normal;
	font-style: normal;
	list-style: none;
	text-transform: none;
	text-indent: 0px;
	font-variant: normal;
	text-align: left;
	line-height: 12px;
	letter-spacing: 0px;
	word-spacing: 0px;
}

#wp_page_numbers {
	margin-top: 10px;
	width: 100%;
	background: #f7f7f7;
	border: 1px dotted #aaaaaa;
}
#wp_page_numbers ul {
	border-top: 1px solid #ccc;
	width: 100%;
}
#wp_page_numbers li {
	float: left;
	display: block;
	
}

#wp_page_numbers a {
	padding: 3px;
	padding-left: 5px;
	padding-right: 5px;
	display: block;
	color: #000000;
	font-family: Arial;
	font-size: 12px;
	border-top: 2px solid #fff;
	border-bottom: 2px solid #fff;
}

#wp_page_numbers li a:hover {
	color: #ff00a4;
	border-top: 2px solid #ff00a4;
	border-bottom: 2px solid #f1f1f1;
}

#wp_page_numbers li.space {
	font-size: 12px;
	font-family: Arial;
	color: #aaa;
	padding: 3px;
	padding-left: 5px;
	padding-right: 5px;
	border-top: 2px solid #fff;
	border-bottom: 2px solid #fff;
}

#wp_page_numbers li.first_last_page {
	font-style: italic;
}

#wp_page_numbers li.active_page a {
	color: #ffffff;
	background: #912d90;
	border-top: 2px solid #cc41cb;
	border-bottom: 2px solid #cc41cb;
	
}
#wp_page_numbers li.active_page a:hover  {
	color: #fff; /* IE fix */
	border-top: 2px solid #cc41cb;
	border-bottom: 2px solid #cc41cb;
}

#wp_page_numbers li.page_info {
	float: left;
	font-size: 12px;
	font-family: Arial;
	color: #000000;
	display: block;
	padding: 3px;
	padding-right: 10px;
	border-top: 2px solid #fff;
	border-bottom: 2px solid #fff;
	}
	
/******************************FEATURED POSTS ******************************/


.featured_area
{
float: left;
width: 636px;
height: 339px;
margin-left: -123px;
padding-left: 124px;
padding-top: 5px;
background: url(img/featured_post.jpg);
}


.featured_post
{
float: left;
width: 530px;
height: 320px;
margin-left: -117px;
padding-left: 124px;
padding-top: 5px;
}




/****** Featured Posts jQuery z themeu PAJIO ***********/
.featured_thumb {
width: 60px;
height: 60px;
}

.featured_image {
width: 405px;
height: 320px;
padding-top0: 2px;
}

#featured{ 
	width: 407px; 
	padding-right: 215px; 
	position: relative; 
	height: 320px; 
	background: #222;
	}
	
#featured ul.ui-tabs-nav{ 
	position: absolute; 
	top: 0px; 
	left: 400px; 
	list-style: none; 
	padding: 0; 
	margin-left: 7px; 
	width: 215px; 
	background: #333;
	color: #fff;
}

#featured ul.ui-tabs-nav li{ 
	margin: 0px;
	padding: 0px 0px 1px 0px; 
	font-size: 12px; 
	color: #666; 
	background: none;
	}
	
#featured ul.ui-tabs-nav li img{ 
	float: left; 
	margin: 2px 5px; 
	background: #fff; 
	padding: 2px; 
	border: 1px solid #eee;
	}
	
#featured ul.ui-tabs-nav li span{ 
	font-size: 12px;
	line-height: 16px; 
	}
	
#featured li.ui-tabs-nav-item a{ 
	display: block; 
	height: 80px; 
	padding: 10px 10px 0px 7px;
	color:#fff;  
	 
background: #333; 
	}
	
#featured li.ui-tabs-nav-item a:hover{ 
	background: #555;
	color: #fff;
	}
	
#featured li.ui-tabs-selected{ 
/*	background:url('img/selected-item.gif') top left no-repeat;  	*/
	padding: 0px 0px 1px 0px; 
	}

#featured ul.ui-tabs-nav li.ui-tabs-selected a{ 
	background:#444; 
	}
	
#featured .ui-tabs-panel{ 
	width: 400px; 
	height: 248px; 
	background: #000; 
	margin: 0px;
	padding: 0px;
	position: relative;
	}
	
#featured .ui-tabs-panel .info{ 
	position: absolute; 
width: 395px; 
	top: 200px; 
	left: 0px; 
	0height: 122px; 
	background: #111; 
	opacity: .75;
	filter: alpha(opacity=75);
	padding: 3px 5px 0px 5px;
	margin: 0px;	
overflow: hidden; 
/* overflow: hidden;  - włącz ten parametr jeśli chcesz aby półprzezroczyste tło tekstu automatycznie dostosowywało się do jego wysokości, parametr działa zamiennie z height */
	}
	

#featured .info {
width: 40px;
}


#featured .info h2{ 
font-family:calibri;
	font-size: 21px; 
	color: #fff; 
	padding: 5px; 
	overflow: hidden; 
}

#featured .info p{ 
	margin: 0px 5px; 
	font-size: 12px; 
	line-height: 15px; 
	color: #f0f0f0;
	padding: 0px;	
	}
	
#featured .info a{ 
	text-decoration: none; 
	color: #fff; 
	}
	
#featured .info a:hover{ 
	text-decoration0: underline; 
color: #9a3998;
	}
	
#featured .ui-tabs-hide{ 
	display: none; 
	}




/******** THUMBNAILS - MINIATURKI PRZY WPISACH **********/
.thumbnail-class {
	float: left;
	width: 100px;
	height: 100px;
padding:3px;
background-color:#fff;
border:1px solid #cccccc;
margin-top:10px;
margin-right: 10px;
	}


/******** OBRAZEK TYTUŁOWY WE WPISIE ***************/

.obrazek-class {
	width: 400px;
display: block;
margin-left: auto;
margin-right: auto;
background-color:#fff;
border:4px solid #cccccc;
		}


/**** OKLADKA CD WE WPISIE *****/
.cd
{
width: 300px;
height: 300px;
border:4px solid #cccccc;
float: left;
margin-top:10px;
margin-right: 10px;
}

/**** Dowolny obrazek we wpisie, rozmiar oryginalny, wyrównanie do lewej i otaczanie tekstem *****/
.img
{
border:4px solid #cccccc;
float: left;
margin-top:10px;
margin-right: 10px;
}





/ *********** WYSZUKIWANIE ****************/

.searchform
{
width: 40px;
height: 100px;
}

.searching
{
width: 40px;
height: 100px;
}

/* div w ktorym umieszczony jest tekst wyniki wyszukiwania napisany h5 */
.searchtitle {
margin-left: 5px;
margin-top: 10px;
text-align: justify;
width: 485px;
height: 30px;
float: left;
background: #e5e1e2;
}

/* tekst wyniki wyszukiwania */
h5 {font-size: 1 em;
color: #9c2f9c;
font-family: "Tahoma", Arial, "Geneva", sans-serif;
letter-spacing: 1px;
margin-left: 20px;
}




/***** WTYCZKA ADVANCED RECENT POSTS do wyświetlania Piosenki na dziś *****/

.recent-posts-thumb 
{
	float: center;
	padding-right: 250px;
	padding-bottom: 5px;
margin-left: 35px;
}

.recent-posts-text   /***tylko tytuł posta, samego tekstu nie da się sformatować***/
{
text-align: center;
}




/**** dla wtyczki ORGANISE SERIES ****/

.seriesmeta {
	font-size: 1em;
	text-align: right;
	font-weight: bold;
	color: #888888;
padding-bottom: 8px;
}

.series_navigation {
margin-top: 10px;
border-top:1px dotted #aaaaaa;
text-align: center;
background: #EDEDED;
overflow: hidden;
}

#series-nav-left {
	float: left;
	background: #EDEDED;
padding-bottom: 8px;
padding-left: 4px;
}

#series-nav-right {
	float: right;
	background: #EDEDED;
font-size: 1em;
padding-bottom: 8px;
padding-right: 4px;
}