/* *
 * Zestaw podstawowych styli
 * Sebastian Śledź © 2009
 * */

/* Formatowanie podstawowych znaczników HTML */
a {
	color: #0070a0;
	text-decoration: none;
}
a:hover {
	text-decoration: underline;
}
body {
	background: #106080 url('bb.png');
	font-family: verdana, helvetica, arial;
	font-size: 10pt;
	margin: 0%;
	padding: 0%;
}
h1, h2, h3, h4, h5, h6 p {
	margin: 0em;
	padding: 0em;
}
h1, h2, h3, h4, h5, h6 {
	font-weight: bold;
	padding-top: 0.2em;
	text-align: left;
}
h1 { font-size: 1.5em; }
h2 { font-size: 1.25em; }
h3, h4, h5, h6 { font-size: 1em; }
hr {
	border: none;
	border-top: 1px solid #888;
	padding: 0%;
	margin: 0%;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 1em;
	
	height: 0px;
	width: 90%;
}
p {
	margin: 1em 0em;
}
ul {
	margin: 0%;
	padding: 0%;
	padding-left: 1.2em;
	list-style: square;
}

/* Element otaczjący zawartość strony (bez logo i stopki) */
#box {
	margin: 0%;
	margin-left: auto;
	margin-right: auto;
	padding: 0%;
	width: 60em;
}

/* Logo */
#logo {
	background: url('logo.png');
	margin-top: 0%;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: -27px;
	padding: 0%;
	position: relative ;
	z-index: 1;
	
	height: 163px;
	width: 537px;
}
#logo span {
	display: none;
}

/* Górna belka nawigacyjna */
#navi {
	background: white;
	border: 2px solid #b7a99a;
	margin-bottom: 0.5em;
	margin-left: auto;
	margin-right: auto;
	padding: 0.1em 1em;
	width: 57.7em;
}
#navi a {
	color: #303030;
	font-weight: bold;
	margin-right: 1.5em;
	position: relative;
	z-index: 2;
}

/* Stopka */
#foot {
	background: #a7998a;
	border: 2px solid #b7a99a;
	clear: both;
	margin-bottom: 0.5em;
	margin-left: auto;
	margin-right: auto;
	padding: 0.1em 1em;
	text-align: center;
	width: 57.7em;
}

#foot, #subskrypcje, #kategorie, #tagi, #archiwum, #miniblog, #mybloglog, #kategorie-wpisu, #tagi-wpisu, #inne-wpisy, #meta, #twitter_div {
	overflow: hidden;
}

/* Bloki zawierające treść strony */
.frame, .frame-l, .frame-r {
	background: white;
	border: 2px solid #b7a99a;
	margin: 0em 0em 0.5em 0em;
	text-align: justify;
	padding: 0.1em 1em;
	position: static;
	width: 57.7em;
}
.frame {
	clear: both;
}
.frame-l, .agr {
	clear: left;
	float: left;
	width: 34em;
}
.frame-r {
	clear: right;
	float: right;
	width: 21em;
	min-height: 1.1em;
}
/* Ramka agregująca elementy wyrównane do lewej */
.agr {
	background: none;
	border: none;
	margin: 0%;
	padding: 0%;
}

/* Specjalne klasy formatowań */
/* Tutuł ramki */
.blockTitle {
	background: #b7a99a;
	color: #303030;
	margin: -0.1em -1em 0em -1em;
	padding: 0em 0.3em 0.2em 0.3em;
	font-weight: bold;
	font-size: 1em;
}
/* Formatowanie ramek nawigacyjnych */
.blockNavi {
	background: none;
	border: none;
	margin: 0%;
	padding: 0%;
}
/* Nawigacja pomiędzy wpisami */
.more {
	text-align: center;
}
/* Ustawienie koloru odnośników zagnieżdżonych w specjalnych klasach i tytułach */
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a,
#foot a, #subskrypcje a, #kategorie a, #tagi a, #archiwum a, #miniblog a, #mybloglog a, #kategorie-wpisu a, #tagi-wpisu a, #inne-wpisy a, #meta a,
.more a, .blockNavi a {
	color: #303030;
}
/* Aktwne odnośniki DHTML */
.button {
	float: right;
}

/* Specjalne klasy elementów wpisu */
.date {
	color: #505050;
	font-size: 0.8em;
}
.warn {
	background: #ffe0d0;
	border: 2px #e0d0c0 solid;
	color: red;
	margin: 1em -0.2em 1em -0.2em;
	padding: 0.2em;
}
.empty {
	margin-bottom: -0.2em;
}
.icon {
	max-height: 16px;
	max-width: 16px;
}

.tag0 { font-size: 0.8em }
.tag1 { font-size: 0.9em }
.tag2 { font-size: 1em }
.tag3 { font-size: 1.1em }
.tag4 { font-size: 1.2em }
.tag5 { font-size: 1.3em }

.subcategory0 { margin-left: 0em; }
.subcategory1 { margin-left: 1em; list-style: circle; }
.subcategory2 { margin-left: 2em; list-style: circle; }
.subcategory3 { margin-left: 3em; list-style: circle; }

#archiwum ul {
	padding: 0em;
}
#archiwum li {
	float: left;
	margin-left: 1em;
	width: 9.4em
}
#tagi-wpisu a:after {
	content: ",";
}
#tagi-wpisu a:last-child:after {
	content: "";
}

#twitter_div ul {
	font-size: 0.8em;
	list-style: none;
	margin: 0px;
	padding: 0px;
}

#twitter_div li {
	background: #eeb;
	border: 1px solid #dda;
	margin: 0.3em -1em;
	padding: 2px 4px;
}

#twitter_div li:hover {
	background: #ddb;
	border-color: #cc9;
}

#twitter_div li span {
}

#twitter_div li > a {
	font-size: 0.8em;
	white-space: nowrap;
}

#twitter_div small {
	display: block;
	text-align: center;
}