/* Ogólne */
body {
    font-family: Arial, sans-serif;
    font-size: 12px; /* mała czcionka, PSP-friendly */
    background: #456;
    margin: 0;
    padding: 0;
}

a:link {  color:#aca;  }
a:visited {  color:#aaa;  }
a:hover {  color:#fff;  }
a img {  border-width:0;  }

#container {
    width: 480px; /* typowa szerokość PSP */
    color: #ccc;
    margin: 0 auto;
    background: #456;
}

#header {
    background: #234;
    color: #fff;
    padding: 0px;
    text-align: center;
}

#header h1,
#header h3 {
    padding: 1px;
    margin: 1px;
}

#topnav {
    padding: 4px 8px;
    color: #666;
    background: #aba;
    font-size: 11px;
}

#topnav a {
    color: #333;
    text-decoration: none;
}

#main {
    border-top: 1px dotted #567;
}

#sidebar {
	width: 150px;
    color: #ccc;
    background: #345;
    padding: 0px;
    vertical-align: top;
    font-size: 9px;
}

/* --- Reset wcięć w sidebarze (PSP-friendly) --- */
#sidebar ul {
    list-style: none;   /* usuwa bullets */
    padding: 0;         /* usuwa padding */
    margin: 0;          /* usuwa margin */
}

#sidebar ul ul {
    padding-left: 0;    /* usuwa dodatkowe wcięcia dla podlist (posty) */
    margin-left: 0px;   /* lekki odstęp postów względem lat */
}

#grouping_select {
	padding: 4px;
}

.group_label {
	font-weight: bold;
	text-align: center;
    background: #234;
}

.psptag  { 
    background: #656; 
	background-image: url("./subpages/common/tag-psp.gif");
  background-repeat: no-repeat;
  background-position-y: center;
	width:7px; 
}
	
.othertag {
    background: #466; 
	background-image: url("./subpages/common/tag-diy.gif");
  background-repeat: no-repeat;
  background-position-y: center;
	width:7px; 
}	
	
.dotli {
    padding: 4px;
    border-bottom:1px dotted #567;
	width:auto; 
}

#sidebar a {
    text-decoration: none;
}

#sidebar a:hover {
    text-decoration: none;
}

#content {
    padding: 8px;
    vertical-align: top;
    border: 1px dotted #567;
    box-sizing: border-box;
    color: #ccc;
}

/* Stylowanie treści postów */
#content h2 {
    font-size: 14px;
    margin: 8px 0;
}
#content h3 {
    font-size: 12px;
    margin: 8px 0;
}

#content p {
    margin: 8px 0;
}

#content b, #content strong {
    font-weight: bold;
}

#content i, #content em {
    font-style: italic;
}

#content u {
    text-decoration: underline;
}

#content ul, #content ol {
    margin: 4px 0 4px 16px;
}

#content img {
    display: block;       /* blokowy element, potrzebny do margin auto */
    max-width: none;      /* wyłącza skalowanie do szerokości kontenera */
    margin: 4px auto;     /* 4px odstępu w pionie, automatyczne centrowanie w poziomie */
}

#footer {
    background: #aba;
    color: #666;
    padding: 4px 8px;
    font-size: 10px;
    text-align: center;
    box-sizing: border-box;
}

#footer ul {
    list-style-type: none;
    text-decoration: none;
    margin: 0;
    padding: 0;
}

#footer a {
    color: #333;
    text-decoration: none;
}

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

#content p.label {
    font-style: italic;
    font-size: 10px;
    text-align: center;
    margin-bottom: 12px; /* odstęp do kolejnego akapitu */
}