/*
Theme Name: Esencja
Theme URI: www.esencja-studio.pl
Description: Theme dla Brief.pl wykonany przez Esencja Studio.
Version: 0.1
Author: Esencja Studio
Author URI: http://www.esencja-studio.pl
Tags: wypas
Text Domain: Esencja
*/


@import "reset.css";

html, body			{}
body				{background: #96d5da url(img/body-bg.png) repeat-x;}
input, button			{background: none; border: none; cursor: pointer;}
.clear				{clear: both; height: 1px;}
.black				{color: #000000;}
.bold				{font-weight: bold;}
h1					{margin: 0 0 20px 82px; color: #db0700; font-size: 27px; line-height: 29px; font-family: 'Trebuchet MS', Arial, serif;}
strong				{font-weight: bold;}

#main, #foo, #top, #foo2	{position: relative; left: 50%; top: 0; width: 870px; margin-left: -435px;}
#top						{height: 392px; background: url(img/top-bg.jpg) no-repeat;}
	#top #button-fav			{position: absolute; left: 10px; top: 0; width: 41px; height: 49px; background: url(img/button-fav.png) no-repeat;}
	#top input.text			{height: 13px; line-height: 13px; text-align: right; font-size: 11px; font-family: Arial, sans-serif; color: #a8a8a8; cursor: text;}
	#top #user-bar								{position: absolute; right: 0px; width: 581px; height: 36px;}
	#top #user-bar								{font-size: 11px; font-family: Arial, sans-serif; color: #878686;}
	#top #user-bar a								{color: #878686;}
	#top #user-bar.unlogged						{background: url(img/top-unlogged-bg.png) no-repeat;}
	#top #user-bar.unlogged #register-link		{position: absolute; left: 34px; top: 13px;}
	#top #user-bar.unlogged #input-text-login	{position: absolute; left: 231px; top: 11px; width: 96px;}
	#top #user-bar.unlogged #input-text-pass		{position: absolute; left: 348px; top: 11px; width: 97px;}
	#top #user-bar.unlogged #input-submit-login	{position: absolute; left: 459px; top: 6px; width: 90px; height: 24px; background: url(img/input-submit-login.png) no-repeat;}
	#top #user-bar.logged						{background: url(img/top-logged-bg.png) no-repeat;}
	#top #user-bar.logged #hellouser				{position: absolute; left: 140px; top: 12px; font-size: 12px;}
	#top #user-bar.logged #logout-link			{position: absolute; left: 459px; top: 6px; width: 90px; height: 24px; background: url(img/input-submit-logout.png) no-repeat;}
	#top #user-bar.logged #profile-link			{position: absolute; right: 150px; top: 6px; width: 90px; height: 24px; background: url(img/input-submit-profil.png) no-repeat;}
	
	#top #kiszluk-foto	{position: absolute; left: 26px; top: 76px; width: 190px; height: 144px; background: url(img/kiszluk.jpg) no-repeat;}
	
	#input-text-search	{position: absolute; left: 587px; top: 277px; width: 129px;}
	#input-submit-search{position: absolute; left: 728px; top: 271px; width: 80px; height: 27px; background: url(img/input-submit-search.png) no-repeat;}
	#menu-top			{position: absolute; left: 1px; top: 271px; width: 600px; height: 47px;}
	#menu-top a			{float: left; display: inline; margin-left: 9px; font-family: Tahoma, Arial, sans-serif; font-size: 11px; color: #ffffff; text-decoration: none; cursor: pointer;}
	#menu-top a div		{width: 69px; text-align: center;}
	#menu-top div.on		{height: 47px; line-height: 47px; background: url(img/menu-b-on.png) no-repeat;}
	#menu-top div.off	{height: 38px; line-height: 38px; margin-top: 9px; background: url(img/menu-b-off.png) no-repeat;}
	#banner468x60		{position: absolute; left: 39px; top: 324px; width: 468px; height: 60px; background: #f6f6f6;}
#main					{height: auto; min-height: 360px; background: url(img/main-bg.png) repeat-y;}
	#main .rect300x250	{position: absolute; right: 13px; width: 300px; height: 250px; background: #f6f6f6;}
	#tag-cloud			{position: absolute; right: 40px; top: -50px; width: 250px; height: 230px;}
	#side-menu			{position: absolute; right: 50px; top: 198px;}
		#side-menu li				{line-height: 20px;}
		#side-menu li a			{color: #db0700; font-family: Arial, sans-serif; font-size: 15px; text-decoration: none;}
		#side-menu li a:hover		{text-decoration: underline;}
		#side-menu li.gap			{width: 220px; line-height: 20px; height: 1px; margin-top: 10px; margin-bottom: 5px; border-top: 1px solid #c6c6c6;}
		#side-menu #post-kiszluk	{width: 220px; font-family: Arial, sans-serif; font-size: 12px; line-height: 16px;}
	#rectangle1			{top: 318px;}
	#rectangle2			{top: 579px;}
	
	#main .divider		{width: 536px; height: 20px; margin-left: 1px; background: url(img/divider-bg.png) no-repeat;}
	
	#main .post				{position: relative; padding-left: 82px; width: 454px;}
	#main .post .timer		{position: absolute; left: -20px; top: 10px; width: 79px; height: 78px; background: url(img/timer.png) no-repeat;}
	#main .post .timer p		{margin: 0; text-align: center; font-family: Arial, sans-serif; font-weight: bold;}
	#main .post .timer p.a	{line-height: 13px; font-size: 11px; color: #7c7c7c; margin-top: 20px;}
	#main .post .timer p.b	{line-height: 16px; font-size: 14px; color: #000000;}
	#main .post .timer p.c	{line-height: 12px; font-size: 10px; color: #205b96;}
	#main .post h2			{margin-bottom: 26px; color: #db0700; font-size: 27px; line-height: 29px; font-family: 'Trebuchet MS', Arial, serif;}
	#main .post h2 a			{color: #db0700; text-decoration: none;}
	#main .post h2 a:hover	{text-decoration: underline;}
	#main .post p			{margin: 15px 0; text-align: justify; color: #8b8b8b; font-size: 12px; line-height: 17px; font-family: Arial, sans-serif;}
	#main .post a			{color: #db0700; text-decoration: underline;}
	
	#main .post a.dodajlink	{font-size: 15px; text-decoration: none;}
	#main .post a:hover.dodajlink	{text-decoration: underline;}
	
	#main .post .toolbox			{position: relative; margin: 40px 0; width: 420px; height: 45px; line-height: 45px; background: #ecf7f8; border: 1px solid #d6eff1; font-size: 12px; font-family: Arial, sans-serif;}
	#main .post .toolbox	.rm		{position: absolute; right: 11px; top: -26px; width: 104px; height: 25px;}
	#main .post .toolbox	.t		{position: absolute; left: 0; width: 292px; height: 45px; color: #8b8b8b;}
	#main .post .toolbox	.t a		{margin-left: 6px; color: #8b8b8b; text-decoration: underline;}
	#main .post .toolbox	.t img	{margin: 0 5px 0 12px; vertical-align: middle;}
	#main .post .toolbox	.k		{position: absolute; right: 0; width: 149px; border-left: 1px solid #d4dedf; height: 45px;}
	#main .post .toolbox	.k img	{margin: 0 10px 0 15px; vertical-align: middle;}
	#main .post .toolbox	.k span	{margin-left: 8px; font-weight: bold;}
	
	#main .post .toolbox-www		{position: relative; margin: 40px 0 40px 270px; width: 150px; height: 45px; line-height: 45px; background: #ecf7f8; border: 1px solid #d6eff1; font-size: 12px; font-family: Arial, sans-serif;}
	#main .post .toolbox-www	.rm		{position: absolute; right: 11px; top: -26px; width: 104px; height: 25px;}
	#main .post .toolbox-www	.k		{position: absolute; right: 0; width: 149px; height: 45px;}
	#main .post .toolbox-www	.k img	{margin: 0 10px 0 15px; vertical-align: middle;}
	#main .post .toolbox-www	.k span	{margin-left: 8px; font-weight: bold;}
	
	#main .bodybox			{width: 389px; height: 100%; margin-top: 8px; padding: 16px 20px 16px 33px; line-height: 16px; background: #ecf7f8; border: 1px solid #d6eff1; font-family: Arial, sans-serif; text-align: left; font-size: 12px;}
	#main .bodybox img		{margin: 0 4px 0 -22px; vertical-align: middle;}
	
	#main .outerbox				{margin-left: 82px; width: 367px;}
	#main .outerbox a			{color: #db0700; text-decoration: underline;}
	#main .outerbox input			{border: 1px solid #9dc9cd; background: #ffffff; width: 330px; margin: 4px 0 10px 0; cursor: text;}
	#main .outerbox input.submit	{width: auto; border: none;}
	
	#main .post #post-tags				{word-spacing: 6px; color: #8b8b8b;}
	#main .post #post-tags a				{color: #8b8b8b; text-decoration: underline;}
	#main .post #post-mark				{position: relative;}
	#main .post #post-mark .ratingblock	{position: absolute; left: 80px; top: 0;}
	#main .post #post-mark img			{vertical-align: bottom;}
	#main .post #post-vote				{position: relative;}
	#main .post #post-vote .thumblock		{position: absolute; left: 80px; top: 10px;}
	#main .post #post-vote .ratingtext 	{float: left; margin-left: 10px;}
	#main .post #post-form p				{color: #000000;}
	#main .post #post-form p a			{color: #000000;}
	#main .post #post-form textarea		{width: 372px; height: 110px; margin-top: 6px; background: #ffffff; border: 1px solid #c4d1d2; font-family: Arial, sans-serif; text-align: left; font-size: 12px;}
	#main .post #post-form input			{border: 1px solid #9dc9cd; background: #ffffff; width: 372px; margin: 4px 0 10px 0; cursor: text;}
	#main .post #post-form input.submit	{width: 81px; height: 28px; margin: 8px 0 0 250px; border: none; cursor: pointer;}
	#main .post #post-form input.error		{border: 1px solid red;}
	#main .post #post-form textarea.error	{border: 1px solid red;}
	
	.paginate-center			{width: 540px;}
	.wp-paginate				{width: auto; height: 27px; margin: 0 auto; margin-top: 20px; line-height: 27px; color: #8b8b8b; font-size: 11px; font-family: Arial, sans-serif; text-align: center;}
	.wp-paginate li				{display: inline; width: auto; min-width: 20px; margin: 0 7px; line-height: 27px; text-align: center;}
	.wp-paginate li a.page			{color: #8b8b8b; text-decoration: none;}
	.wp-paginate li a.page:hover 	{font-weight: bold;}
	.wp-paginate li.break			{font-size: 16px; color: #d0d0d0;}
	.wp-paginate li span.gap		{}
	.wp-paginate li span.selected	{font-weight: bold; color: #db0700;}
	.wp-paginate li a img			{vertical-align: middle;}
	
	.comment-top						{width: 444px; margin-top: 10px; margin-bottom: 18px; padding-top: 13px; text-decoration: none; font-style: normal; font-weight: bold; line-height: 18px; text-align: left; font-size: 13px; color: #000000; font-family: Arial, sans-serif; border-top: 1px solid #d6eff1;}
	.comment-top img						{margin: 0 6px 0 14px; vertical-align: middle;}
	.comment-navigation					{width: 444px; margin-bottom: 18px; text-decoration: none; font-style: normal; font-weight: bold; line-height: 14px; text-align: left; font-size: 11px; color: #000000; font-family: Arial, sans-serif;}
	.comment-navigation a				{color: #000000;}
	.comment-navigation img				{margin: 0 6px 0 14px; vertical-align: middle;}
	.commentlist						{margin-top: -10px; margin-bottom: 8px;}
	.commentlist li.even					{width: 389px; height: 100%; margin-top: 8px; padding: 16px 20px 16px 33px; line-height: 16px; background: #ecf7f8; border: 1px solid #d6eff1; font-family: Arial, sans-serif; text-align: left; font-size: 12px;}
	.commentlist li.odd					{width: 389px; height: 100%; margin-top: 8px; padding: 16px 20px 16px 33px; line-height: 16px; background: #ffffff; border: none; font-family: Arial, sans-serif; text-align: left; font-size: 12px;}
	.commentlist .comment-author			{float: left;}
	.commentlist .commentmetadata		{float: right;}
	.commentlist .fn, .commentlist .says, .commentlist .commentmetadata, .commentlist .commentmetadata a, .commentlist .comment-body p {text-decoration: none; font-style: normal; font-weight: bold; line-height: 18px; text-align: left; font-size: 11px; color: #000000; font-family: Arial, sans-serif;}
	.commentlist .comment-body p			{float: none; clear: both; margin: 0 !important; padding: 6px 0 0 0 !important; font-size: 11px !important; color: #8b8b8b !important; font-weight: normal !important;}
	.commentlist .reply					{height: 0; line-height: 0; font-size: 0;}
	
	#page-archiwum		{margin-left: 82px;}
	#page-archiwum li		{padding: 0 0 6px 0;}
	#page-archiwum li a	{color: #DB0700; font-family: Arial, sans-serif; font-size: 14px;}
	
	#page-kontakt		{margin-left: 82px; font-family: Arial, sans-serif; font-size: 14px; line-height: 22px;}
	#page-kontakt p		{padding-bottom: 12px;}
	#page-kontakt a		{color: #db0700;}
	
	#page-autorzy		{}
	
	#linki-form			{}
#foo					{height: 82px; margin-bottom: 30px; background: url(img/foo-bg.png) no-repeat;}
	#foo a				{font-family: Arial, sans-serif; font-size: 11px; color: #ffffff; text-decoration: none;}
	#foo a:hover			{text-decoration: underline;}
	#menu-foo			{position: absolute; left: 67px; top: 44px; line-height: 13px;}
	#menu-foo span		{margin: 0 11px; color: #68acb1; font-size: 11px;}
	#author				{position: absolute; left: 687px; top: 44px; line-height: 13px;}
	
#foo2					{margin-bottom: 30px; text-align: right;}
#foo2 #kampania			{position: absolute; left: 557px; line-height: 13px; font-family: Arial, sans-serif; font-size: 12px; color: #000000;}

#xxxxxx {
	position: absolute; left: 0px; top: 0px;
	width: 0px; height: 0px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	background: url(img/xxxxxx.xxx) no-repeat;
	font-family: Arial, Verdana, sans-serif;
	font-weight: bold;
	font-size: 0px;
}

div.navigation li{
float:left;
margin:0 5px;
text-align:center;
display:block;
}