html, body { margin : 0; padding : 0; background : #000; font-family : Verdana, Arial, Helvetica, sans-serif; font-size : 9pt; color : #fff; text-align : center; } #main { margin : 0 auto; width : 880px; text-align : center; background-color : #333; padding : 0; margin-top : 20px; } #content { padding-left : 10px; padding-right : 10px; margin : 0; border-left : 1px solid white; border-right : 1px solid white; text-align : left; } #content h1 { color : #fff; font-size : 160%; border-bottom : 1px solid #FFFFFF; text-align: left; margin-bottom: 2px; margin-top: 3px; padding-bottom: 2px; } #content h1.main { color : #fff; font-size : 160%; border-bottom : 1px solid #CCCCCC; text-align: right; margin-bottom: 5px; margin-top: 3px; padding-bottom: 3px; } #content h2 { color : #fff; font-size : 160%; margin : 0; border-bottom : 1px solid white; } p.hop { line-height : 10px; } ul#tabnav { text-align : left; margin : 1em 0 1em 0; font : bold 11px verdana, arial, sans-serif; border-bottom : 1px solid #fff; list-style-type : none; padding : 3px 10px 3px 10px; } ul#tabnav li { display : inline; } ul#tabnav li a { background-color : #333; position : relative; top : 1px; padding : 3px 4px; border : 1px solid #afafaf; color : #ece5b6; margin-right : 0; text-decoration : none; border-bottom : none; } ul#tabnav li a:hover { text-decoration : underline; } #footer { background : #ff0000; text-align : right; color : #fff; padding : 10px; } #footer a { color : #fff; font-weight : bold; } #footer a:hover { text-decoration : none; } #content td { font-size : 8pt; } #content td a { font-size : 8pt; color : yellow; text-align : center; } #content span { color : #ccc; } #content td div.first { font-size : 14pt; color : white; text-align : center; margin-bottom : 0.5em; } #content td div { font-size : 15pt; color : yellow; text-align : center; } #content td a:hover { text-decoration : none; } #content td span { text-decoration : none; } #content img { border : 4px solid white; } #start { background-color : #000; border-bottom : 0 solid #000000; color : #fff; text-align : center; font-size : 90%; min-height : 16px; } #start p { padding : 10px; margin : 0; font-weight : bold; font-family : Georgia, serif; } #start p.credit { float : left; display : inline; padding : 10px 0; } #end { clear : both; background-color : #000000; border-top : 2px solid #000000; border-bottom : 2px solid #000000; color : #fff; margin-top : 20px; margin-bottom : 20px; padding : 0 80px; text-align : center; font-size : 80%; min-height : 34px; } #end p { padding : 10px; margin : 0; font-weight : bold; font-family : Georgia, serif; } #end p.credit { float : left; display : inline; padding : 10px 0; } ul#bio { text-align : left; margin : 0.8em 0 0.5em 0; font : bold 11px verdana, arial, sans-serif; border-bottom : 1px solid #f62217; list-style-type : none; padding : 3px 10px 3px 10px; } ul#bio li { display : inline; background-color : #333; position : relative; top : 1px; padding : 3px 4px; border : 1px solid #595454; color : #fff; margin-right : 0; text-decoration : none; border-bottom : none; } ul#online { text-align : right; margin : 2em 0 1em 0; font : bold 11px verdana, arial, sans-serif; border-bottom : 1px solid #fff; list-style-type : none; padding : 3px 10px 3px 10px; } ul#online li { display : inline; } ul#online li a { background-color : #333; position : relative; top : 1px; padding : 3px 4px; border : 1px solid #afafaf; color : #ece5b6; margin-right : 0; text-decoration : none; border-bottom : none; } ul#online li a:hover { text-decoration : underline; } #content .wiecej a { color : white; font-family : Impact, Arial, "Arial Black", "Arial Narrow", Verdana; font-size : 55px; line-height : 1.2em; text-align : center; text-decoration : underline; } #content .wiecej a:hover { color : #cccccc; } #content div.desc { color : #ccc; text-align : left; font-size : 10pt; line-height : 1.2em; font-family : arial, tahoma, verdana; margin-bottom : 4px; } #all { margin-top : 5px; margin-bottom : 15px; margin-left: 220px; } #all a { color: #FFFFFF; } #all a:hover { color: #F54897; text-decoration: none; } #all a:active { color: #777777; text-decoration: none; } div.up { width : 600px; margin : 0 auto; padding : 5px; } div.wipe { clear : both; } #all ol { list-style-position : inside; margin : 2px; padding : 1px; line-height : 1.4em; font-size : 11pt; font-family : "Lucida Grande", "Calibri", Tahoma, "Comic Sans MS", serif; float: left; width: 140px; } #all ol li { white-space : nowrap; color: #CCCCCC; } h3 { font-size: 12px; font-weight: bold; margin-bottom: 10px; margin-top: 10px; padding-bottom: 5px; text-align : left; color: #CCCCCC; border-bottom : 1px solid #F54897; } h3.alternative { border-bottom : 1px solid #777777; } #archives { clear: both; margin-top: 10px; margin-left: 20px; margin-bottom: 0px; } #archives ul { list-style: none; padding: 0; margin: 0; overflow: auto; } #archives .pages ul { list-style: none; padding: 0; margin: 0; overflow: auto; } #archives .pages li { float: left; margin-right: 2px; border-bottom: none; font-weight: bold; padding-left: 5px; color: #FFFFFF; } #archives .pages li a { display: block; padding: 1px 5px; border: solid 1px #444444; color: #fff; text-decoration: none; } #archives .pages li a:hover { background: white; color: black; border: solid 1px #FFF; text-decoration: none; } #archives .pages .prev-off, .pages .next-off { padding-top: 1px; padding-bottom:  5px; } #archives .pages .active { padding: 2px 6px 2px 5px; font-weight: bold; background-color: white; color: black; border-left: 5px solid #333333; }