/* 
	TheTarPit CSS Style Sheet 
	(C) MiMaS 2006
*/

@import url('/tarpit/css/common.css');
@import url('/tarpit/css/sekcje.css');


body {
background-color: #fafafa;
}

#main {
width: 57em;
margin: auto;
margin-bottom: 5em;
}

/* header */
#header {
font-size: 1em;
width: 50em;
margin: auto;
margin-top: 1em;
}

#header h1, #header p {
color: #555;
font-size: 3em;
margin: 0;
padding: 0;
display: inline;
}

#header p {
font-size: 1.5em;
letter-spacing: 0.45em;
padding-left: 2em;
}

#header h1 a {
color: #555;
text-decoration: none;
}

#header h1 a:hover {
color: #c00;
}

/* content */

h2 { font-size: 1.1em; }
h3 { font-size: 1em;   }
h4 { font-size: 0.8em; }

#content {
margin-top: 0.5em;
padding: 2em 0 2em 3em;
border: 1px solid #ccc; /* #baf; */
background-color: #fff;
}

.wpis, #tagcloud {
margin-right: 10em;
}

.wpis h2 a, h2.tematycznie, h3.tematycznie, a.tematycznie {
text-decoration: none;
display: block;
padding: 0.3em 0.5em;
border-bottom: none !important;
border-left: 1.8em solid #ddd; /* #baf; */
color: #000 !important;
}
.wpis h2 a:hover, .tematycznie:hover { border-left-color: #c00; }

/* wpisy */

.wpis p, .wpis li, #archiwalne li {
line-height: 1.6em;
text-align: justify;
}
.wpis ul, #archiwalne ul {
 padding: 0;
 margin: 0;
}
.wpis ul li, #archiwalne li {
 list-style: square;
 margin-left: 1.5em;
}
.wpis a, #archiwalne a { color: #000; text-decoration: none; border-bottom: 1px solid #000;}
.wpis a:hover, #archiwalne a:hover { border-bottom-style: dotted; } 


blockquote {
border: 1px solid #ccc; /* #baf; */
border-left: 5px double #ccc; /* #baf; */
background-color: #f5f5f5; /* #f3f0ff; */
padding: 0 1em;
margin: 0;
}
blockquote blockquote {
background-color: #eee; /* #e7e0ff; */
}
blockquote p {
margin-top: 1em !important;
margin-bottom: 1em !important;
margin-right: 0 !important;
}
blockquote .autor { margin-top: 1em; margin-bottom: 1em; }
blockquote .autor p { margin: 0 !important; padding: 0 !important; text-align: right; }
blockquote .tytul { font-style: italic; }

sup { line-height: 0.5em; }

div.przypis, div.seealso {
 border-top: 1px dotted #000;
 margin-top: 2em;
 margin-bottom: 1em;
 padding: 0.5em 1em;
}
div.przypis p, div.seealso p, .podpis p {
 margin: 0;
}

.podpis p { text-align: right; margin: 0; padding: 0; }
.podpis .tagi { font-size: 0.85em; }
.podpis a { color: #000 !important; border-color: #000 !important; }

h2#komentarze { margin-top: 3em; }
.komentarz { margin-top: 2em; }
.autora h3 { border-color: #777; }
.tb h3 { border-left-style: double; }

.uwaga { border: 1px solid #ccc; padding: 0.5em 1em; background-color: #fff; color: #000; }
.uwaga p, .spamwarn p { padding: 0; margin: 0; }

.spamwarn { border: 1px solid red; padding: 0.5em 1em; background-color: #fee; color: #000; }

.wpis img {
margin-top: 10px;
margin-bottom: 0;
border: 1px solid #ccc;
padding: 2px;
text-align: center;
}
.imglegend {
border: 1px solid #ccc;
border-top: none;
margin-top: -3px;
margin-bottom: 10px;
margin-right: 0 !important;
padding: 0 1em;
background-color: #eee;
color: #000;
font-size: 0.8em;
text-align: left;
}

.emo {
font-weight: bold;
color: #008;
}

tt, code, pre, kbd {
font-family: "Courier New", courier, monospace;
font-size: 1em;
}

div.code, pre {
border: 1px solid #ccc;
background-color: #fafafa;
padding: 1em;
margin: 0;
font-size: 1em;
overflow: auto;
width: 41.5em;
}
div.code p { margin: 0; padding: 0; line-height: 1.4em; }

/* menu */

#menu {
float: right;
width: 8em;
height: 23em;
font-size: 0.9em;
border-top: 1px solid #ccc; /* #baf; */
border-left: 1px solid #ccc; /* #baf; */
}
#menu p, #menu ul, #menu li {
margin: 0;
padding: 0;
}
#nawigacja {
border-top: 1px solid #ccc; /* #baf; */
margin-top: 3px !important;
}
#menu li {
list-style: none;
line-height: 1.8em;
border-bottom: 1px solid #ccc; /* #baf; */
}
#menu a, #menu .theme a {
padding-left: 1em;
color: #000;
text-decoration: none;
display: block;
width: 7em;
font-size: 0.9em;
}
#menu li a:hover { background-color: #eee; }

/* footer */

#footer { font-size: 1em; margin: auto; }
#footer p { margin: 0; padding: 0.5em; text-align: right; }
#footer p a { border: none; text-decoration: none; }
#footer #icons { font-size: 0.8em; }
#footer #icons span { padding: 1px 0; margin: 0; border: 1px solid #aaa; }
#footer #icons a {
color: #fff;
background-color: #aaa;
border: 1px solid #fff;
padding-left: 3px;
padding-right: 3px;
}
#footer #icons a:hover {
background-color: #c00; /* #ff8c3f; */
}


/* formularze */
form { margin: 0; padding: 0; }
fieldset { border: 1px solid #ccc; background-color: #fafafa; padding: 1em; margin: 1em 0; }
legend { border: 1px solid #000; background-color: #f5f5f5; padding: 2px 5px; }
fieldset:hover legend { background-color: #c00; color: #fff; }
label { cursor: pointer; }
textarea { width: 100%; max-width: 100%; }
form div.buttons { margin-top: 1em; text-align: right; }
/*
input, textarea { border: 1px solid #aaa; }
input:focus, textarea:focus { border-color: #c00; }
*/

.validator { display: none; color: #c00; background-color: #ffc; border: 1px solid #f00; padding: 0 0.5em; }

form p.floatinglabels label { display: block; float: left; text-align: right; padding-right: 1ex; }
#prefsform #lookandfeel p.floatinglabels label { width: 15em; }
#prefsform #personal p.floatinglabels label, #commentform label { width: 5em; }

#commentform { margin-top: 3em; }
#preview { border: 1px solid #ccc; padding: 0.5em 1em; background-color: #fff; color: #000; }
#preview p { margin: 0.5em 0; }