/*
	Arek F. Jogger
	Main CSS stylesheet
	Kopiowanie wyglądu, rozwiązań technologicznych jest zabronione.
	Wyjątkiem jest treść udostępniana na licencji CC BY-NC-SA.
	<http://creativecommons.org/licenses/by-nc-sa/2.5/pl/>
	
	Ostatnia modyfikacja: 22.11.2008 14:00
*/

/*
	Ustawienia początkowe
	==============================
*/

@import url(reset.css); /* <http://blog.wasacz.net/2008/04/1d3/resetowanie-css-po-mojemu/> */

body { background-image: url(bg.png); background-repeat: repeat-x; }

div#wrapper {
	margin-top: 15px;
	margin-left: 20px;
	width: 760px;
	height: auto;
	overflow: hidden;
	margin-left: auto;
	margin-right: auto;
}

div#top div#header { float: left; }
div#top div#actions { float: right; }

/*
	Nagłówek
	==============================
*/

div#header h1 a {
	display: block;
	width: 336px;
	height: 63px;
	text-indent: -9999px;
	background-image: url(head.png);
	background-repeat: no-repeat;
}

div#header h2 {
	display: block;
	width: 180px;
	height: 30px;
	text-indent: -9999px;
	background-image: url(subhead.png);
	background-repeat: no-repeat;
	margin-left: 150px; 
	margin-top: -10px;
}

p.what-there { margin-top: 113px; text-align: center; font: normal 1.25em Calibri, 'Trebuchet MS', Tahoma, Times New Roman, Arial, serif; color: #fff; }

/*
	Menu górne
	=============================
*/


div#actions h3 { display: none; }

ul#top-actions {
	list-style-type: none;
	margin-top: 27px;
	margin-right: 20px; 
}

ul#top-actions li {
	display: inline;
	margin-right: 10px;
}

ul#top-actions li a { font: normal 1.25em Calibri, 'Trebuchet MS', Tahoma, Times New Roman, Arial, serif; color: #3c6578; }
ul#top-actions li a:hover { border-bottom: 1px dotted #3c4178; }
ul#top-actions li.content, ul#top-actions li.menu { display: none; }

/*
	Treść
	==============================
*/

div#container, div#menu { float: left; }
div#container { border: 5px solid #c0c0c0; padding: 20px; margin-bottom: 20px; margin-top: 40px; width: 705px; height: auto; }

div.content { color: #282828; }

div.content h2 { margin-bottom: 15px; }
div.content h2 a::before { content: '\00bb  ' }
div.content h2 a { color: #3c6578; font: normal 1.75em Calibri, 'Trebuchet MS', Tahoma, Times New Roman, Arial, serif; border-bottom: 1px dotted #fff; }
div.content h2 a:hover { border-bottom: 1px dotted #476878; }

div.content h3 { font-size: 25px; font-family: Calibri, 'Trebuchet MS', Tahoma, Times New Roman, Arial, serif; margin-bottom: 5px; }
div.content h4 { font-size: 20px; font-family: Calibri, 'Trebuchet MS', Tahoma, Times New Roman, Arial, serif; margin-bottom: 5px; }
div.content h5 { font-size: 15px; font-family: Calibri, 'Trebuchet MS', Tahoma, Times New Roman, Arial, serif; margin-bottom: 5px; }
div.content h6 { font-size: 12px; font-family: Calibri, 'Trebuchet MS', Tahoma, Times New Roman, Arial, serif; margin-bottom: 5px; }

div.content ul { list-style-type: disc; }
div.content ol { list-style-type: decimal; }
div.content ul, div.content ol { margin-left: 30px; font: normal 1em Calibri, 'Trebuchet MS', Tahoma, Times New Roman, Arial, serif; margin-bottom: 10px; }
div.content code { font-family: Consolas, Calibri, 'Trebuchet MS', Tahoma, Times New Roman, Arial, serif; background-color: #efefef; padding: 2px; border-bottom: 1px solid #d0d0d0;  }

div.content p { margin-bottom: 10px; line-height: 19px; font: normal 1em Calibri, 'Trebuchet MS', Tahoma, Times New Roman, Arial, serif; }
div.content p a, div.content a { color: #144e7b; }
div.content p a:hover, div.content a:hover { border-bottom: 1px dotted #336185; }

div.content em { font-style: italic; }
em { font-style: italic; }
div.content blockquote p, div#comments blockquote p { padding-left: 20px; font-style: italic; background: url(q.png) no-repeat; }
div.content div.meta-about-entry { border-top: 1px solid #dfdfdf; margin-top: -10px; padding-top: 10px; }

div.meta-entry { border-top: 1px solid #dfdfdf; margin-top: 10px; padding-top: 10px;font: normal 1em Calibri, 'Trebuchet MS', Tahoma, Times New Roman, Arial, serif; margin-bottom: 20px; }
div.meta-entry span.date { padding-left: 22px; background: transparent url(date.png) left no-repeat; }
div.meta-entry span.comments { padding-left: 20px; background: transparent url(comm.png) left no-repeat; float: right; margin-right: 5px; }
div.meta-entry span.comments a { color: #144e7b; }
div.meta-entry span.comments a:hover { border-bottom: 1px dotted #336185; }

/*
	Skocz do…
	==============================
*/

div#jump-to { font: normal 1.5em Calibri, 'Trebuchet MS', Tahoma, Times New Roman, Arial, serif; margin-bottom: 10px; margin-top: 10px; }
div#jump-to a { color: #144e7b; }
div#jump-to a:hover { border-bottom: 2px dotted #476878; }
div#jump-to span { float: right; margin-right: 5px; }

div#jump-up, div#jump-up a { color: #ce262e !important; }
div#jump-up a { display: block; width: 30px; height: 35px; /* border: 5px solid #c0c0c0; */ position: absolute; margin-left: 680px; margin-top: 70px; font: normal 1.5em interheit; padding-left: 10px; padding-top: 5px; color: #ce262e; }
div#jump-up a:hover { color: #ec0f19; }
div#jump-up a span { display: none; }

div#jump-down a { display: block; width: 25px; height: 35px; /* border: 5px solid #c0c0c0; */ position: absolute; margin-left: 680px; margin-top: -25px; font: bold 1.5em interheit; padding-left: 15px; padding-top: 5px; color: #ce262e; border-right: none !important; }
div#jump-down a:hover { color: #ec0f19; }
div#jump-down a span { display: none; }

/*
	Pasek dolny
	==============================
*/

div#menu { border: 5px solid #c0c0c0; width: 705px; margin-top: 10px; padding: 20px; overflow: auto; margin-bottom: 50px; font: normal 1em Calibri, 'Trebuchet MS', Tahoma, Times New Roman, Arial, serif; height: auto; }
div#menu h3 { font-size: 20px; margin-bottom: 15px; }
div#menu a {  color: #144e7b; }
div#menu a:hover { border-bottom: 1px dotted #336185; }

div#box-1 { width: 253px; height: 320px; }
div#box-1 a:hover span, div#box-2 a:hover span { display: inline; color: #cfcfcf; }
div#box-1 span, div#box-2 span { display: none; }

div#box-2 { width: 230px; height: 300px;  margin-left: 235px; margin-top: -320px; }

div#box-3 { width: 230px; height: 300px; margin-left: 470px; margin-top: -300px; }

div#box-4 { height: 200px; width: 230px; } 
div#box-4 input { width: 90px; }
div#box-4 input { font: normal 1em Calibri, 'Trebuchet MS', Tahoma, Times New Roman, Arial, serif; }

div#box-5 { width: 210px; margin-left: 235px; margin-top: -200px; }
div#box-5 div#mini-entries { height: 200px; overflow: auto; }
div#box-5 div.mini-entry h4 { margin-bottom: 15px; }
div#box-5 div.mini-entry p { margin-bottom: 10px; }

div#box-6 { width: 230px; height: 200px; margin-left: 470px; margin-top: -240px; }

div#down-part { margin-top: 60px; margin-bottom: 100px; }

/*
	Komentarze
	==============================
*/

div#comments { border: 5px solid #c0c0c0; padding: 20px; width: 705px; margin-top: 20px; margin-bottom: 20px; font: normal 1em Calibri, 'Trebuchet MS', Tahoma, Times New Roman, Arial, serif; height: auto; }
div#comments a { color: #144e7b; }
div#comments a:hover { border-bottom: 1px dotted #336185; }
div#comments h3 { font-size: 20px; margin-bottom: 15px; }
div#comments img.fav { margin-right: 5px; vertical-align: middle; }

div#comments span.date { padding-left: 18px; background: transparent url(clock.png) no-repeat; }
div#comments span.no { float: right; }
div#comments span.no a { font-size: 30px; color: #c0c0c0; }
div#comments span.no a:hover { border-bottom: 1px dotted #c0c0c0; }
div#comments div.comment-body { margin-top: 10px; padding-bottom: 10px; margin-bottom: 10px; border-bottom: 1px solid #dfdfdf; }
div#comments p { margin-bottom: 10px; }


div.comment div.comment-body p { width: 650px; }

div#comment-form fieldset legend  { display: inline; font-size: 20px; padding-top: 15px; padding-bottom: 20px; }
h3.folksr { margin-top: 10px; font-size: 20px; }


div#folksr { border-top: 1px solid #dfdfdf; padding-bottom: 10px; }

div#comment-form textarea { width: 353px; margin-top: 20px; margin-bottom: 20px; }
div#comment-form input, textarea { font: normal 1em Calibri, 'Trebuchet MS', Tahoma, Times New Roman, Arial, serif; }

div#comments-disabled { margin-top: 10px; margin-bottom: 10px; background-color: #b72f2f; border: 2px solid #db0f0f; padding: 10px; width: 353px; color: #fff; }
div#comments p#img-code { margin-bottom: 10px; }
div#comments input#code { margin-bottom: 10px; }

div#comments label#notifylab, div#comments input#notifystart { margin-bottom: 10px; }
div#comments input#submitcomm { font-weight: bold; margin-bottom: 10px; }

div#comments ul { list-style-type: disc; }
div#comments ol { list-style-type: decimal; }
div#comments ul, div#comments ol { margin-left: 30px; font: normal 1em Calibri, 'Trebuchet MS', Tahoma, Times New Roman, Arial, serif; margin-bottom: 10px; }
div#comments code { font-family: Consolas, Calibri, 'Trebuchet MS', Tahoma, Times New Roman, Arial, serif; background-color: #efefef; padding: 2px; border-bottom: 1px solid #d0d0d0;  }

div#nouser-url { margin-top: 15px; }
input#commnickurl { margin-left: 2px; }

/*
	Inne
	==============================
*/

p.err { font: normal 1em Calibri, 'Trebuchet MS', Tahoma, Times New Roman, Arial, serif; }
p.modified { margin-top: -8px; margin-bottom: 5px; }
p.modified a small { font-size: 12px !important;  }

div.meta-entry span.admin-tools { margin-left: 15px; }
div.meta-entry span.admin-tools span.edit a { display: inline-block; width: 16px; height: 16px; background-image: url(edit.png); text-indent: -9999px; }
div.meta-entry span.admin-tools span.delete a {display: inline-block; width: 16px; height: 16px; background-image: url(delete.png); text-indent: -9999px; }
div.content small { font: normal 1em Calibri, 'Trebuchet MS', Tahoma, Times New Roman, Arial, serif; font-size: 75%; }
img.emots { vertical-align: middle; }
del { text-decoration: line-through; }
acronym, abbr { border-bottom: 1px dotted #000; }
strong { font-weight: bold !important; }
span.link-to-page { border-bottom: 1px dotted #000 !important; cursor: help !important; }
p.hidden { color: #f0f0f0; }
p.hidden img { opacity: 0.1; }
ul.plus { list-style-image: url('plus.png'); }
ul.minus { list-style-image: url('minus.png');  }