/* main style sheet of www.pragjesu.info - author: P. S. */ /* reset styles to reduce browser inconsistencies */ * {padding: 0; border: 0; margin: 0;} html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {padding: 0; border: 0; margin: 0; outline: 0; font-size: 100%; vertical-align: baseline; background: transparent;} body {color: #000000; background: #FFFFFF; line-height: 1;} del {text-decoration: line-through;} table {border-collapse: collapse; border-spacing: 0;} /* tables still need 'cellspacing="0"' in the markup */ /* general html tags */ h1, h2, h3, h4, p.h3 {margin:0.9em 0; line-height:120%} h1 {font-size: 2.0em; font-weight: 500} .crossroad h1 {font-size: 1.6em; font-weight: 500} h2 {font-size: 1.3em; font-weight: 600} h3, .h3 {font-size: 1.15em; font-weight: 600} h4 {font-size: 1.0em; font-weight: 700} p.normal_p, .col_main p, .col_main blockquote, .col_main .blockquote, .col_main ol, .col_main ul {font-size: 1.0em; margin:0.6em 0} hr {background-color:#555555; color:#555555; border-width:0; height:1px;} /* lists */ ol {list-style-position:inside} ul {list-style:none outside} .menu ul, #box_info_menu, .simple_box ul {margin:0} .menu ul, .menu_level_2 {list-style:circle inside; font-weight:normal} .menu ul ul, .col_main .menu ul, .menu_level_2 {margin-left:1.2em} .col_main .menu ul.marker {margin:5px 0 2px 0} ul.circles {list-style:circle inside} ul.inline {margin:0} ul.inline li {display: inline} ul.inline a, .notlinkitem {padding:0 0.6em; border-left:4px solid #999999} ul.inline .notlinkitem a {padding:0; border-left:0} .marker, .menu_index #menu_info, .list_column h4 {padding-left:0.6em; border-left:4px solid; margin:5px 0 2px 0} #cs_link_infant, #en_link_infant, #es_link_infant, #cs_link_feast_program, #menu_infant, .group_infant h4, .group_infant_texts h4, .group_infant_texts_slavik h4, .group_infant_prayers h4, .group_infant_dresses h4, .group_infant_world h4 {border-left-color:#0000EE} #cs_link_shrine, #en_link_shrine, #menu_shrine, .group_shrine h4 {border-left-color:#BB251E} #cs_link_carmel, #en_link_carmel, #menu_carmel, .group_carmel h4 {border-left-color:#FF6200} #cs_link_mission, #en_link_mission, #menu_mission, .group_mission h4 {border-left-color:#FFBD0A} #cs_link_info, #en_link_info, #cs_link_feast_coronation, .menu_index #menu_info, .group_info h4, .group_info_map h4 {border-left-color:#FF1111} #cs_link_photo_gallery, #cs_link_sitemap {border-left-color:#999999} /* page layout */ body {padding:0 1%} #main {margin:auto; min-width:600px;max-width:80em} .page_section {border-bottom:1px solid #555555} #superheader {padding-top:10px; border-bottom:0} #header {padding:3px 0 9px 0} #main_section {} .col_main {margin-top:6px; margin-bottom:18px} #footer {padding:7px 0; border-color:#888888} #underfooter {padding:7px 0; border-bottom: 0} /* columns layout /// z-index needed for links to work in IE Mac and Opera 6 */ .float_wrap, .list_column, .ad_column {position:relative} .list_column, .ad_column {overflow:hidden} .float_wrap {z-index:0; float:left; width:100%} .float_wrap[class] {margin-right:-1px} /* Mozilla ano, IE ne */ .col_main {float:right; width:100%} .col_main[class] {margin-left:-1px} .list_column {z-index:10; float:left} .list_column[class] {margin-right:1px} .ad_column {z-index:11; float:right} .ad_column[class] {margin-left:1px} /* technical */ .float_left {float:left} .float_right {float:right} .wrapper {width:100%} .clear {clear:both} /* view details */ .right_padding {padding:0 3% 0 0} .l_padding {padding:0 0 0 15px} #header p, #header ul {margin:0; margin-bottom:0.2em} .list_column_section {margin:15px 0 10px 0; border-top: solid 1px #555555; padding-top:6px} #mapblock1 {float:left; min-width:220px; margin:0; padding:0 6% 0 0} .min1 {width:220px; font-size:1px; line-height:1px; height:1px} #mapblock2 {float:left; min-width:190px; margin:0; padding:0 3% 0 0} .min2 {width:190px; font-size:1px; line-height:1px; height:1px} .bottompadded {padding:0 0 10px 0} .crossroad {margin:1.5em 0 0 4%} /* boxes design */ .outlinebox {border-color:#0000EE; border-width:0 0 3px 4px; border-style:solid} .outlinebox, .simple_box {margin:10px 0} #box_info {margin-top:15px} .list_column .outlinebox {margin-right:10px} .box_content {border:#555555 solid; border-width:1px 1px 0 0; padding:8px 4px 8px 8px} #box_info, #box_help, #box_main_altar_project {border-color:#FF1111; background:#FAFAFA} .box_content h4 {padding:0; border:0; margin-top:0} .simple_box {background:#FAFAFA; border-color:#555555; border-style:solid; border-width:1px} .simple_box_content {padding:8px 4px 8px 8px} .simple_box h3 {margin-top:0} /* images design */ .bordered, .small_ad_image {border:#555555 1px solid} div.bordered, .ad_col_queue, .ad_col_queue img {display: block; line-height:1%} .bordered, .ad_col_queue {margin:10px 0} .gallery_container {text-align:center;} .thumb_list {list-style-type:none} .thumb_list li {display: -moz-inline-box; display:inline-block; vertical-align:top; border:1px solid #999; margin:13px; padding:0} .thumb_link {display:block} .thumb_list>li .thumb_wrap_img {display:table-cell; width:212px; height:212px; vertical-align:middle} .thumb_wrap_img img {vertical-align:middle; margin:0} .thumb_caption {display:block; padding:.3em 5px; border-top: 1px solid #ccc; width: 202px} #gallery_clear {padding-bottom:10px} .small_ad_image {float:left; margin:8px 12px 8px 8px} .flag {margin:1px 0 1px 5px; vertical-align:middle} .crossroad .flag {margin:0 0.5em 0 0} .file_icon {margin:1px 0 1px 5px; vertical-align:middle} .logo {margin:12px 0 8px 4px} #color_line {border-color:#888888} .outlinebox img {margin-bottom:0} /* align */ .align_right, .ad_legend {text-align:right} /* typography */ html > body {font-size: 12px} /* neplatí pro IE Win (neumí zvětšovat font pevné velikosti) a NS4 */ #text_area {font:100.01%/150% sans-serif} /* kvůli Opera 6, IE Win */ .normal {font-weight:normal} cite, em, .emphasized {font-style:italic} .strong, .menu, #header_basicmenu, #box_info a, #cs_link_feast_coronation {font-weight:bold} .small_text, #footer, #underfooter, .ad_legend, #box_prayer {font:92%/140% sans-serif} /* text color */ .gray, .small_gray, #superheader, #date, #footer, #underfooter, #footer a:link, #underfooter a:link {color:#555555} #header .h3, #superheader .h3 {color:#333333} .red_text {color:#AA0000} /* quotes */ blockquote, q {font-style:normal} .emphasized q {font-style:inherit} [lang="cs"] > * {quotes: "\201E" "\201C"} [lang="de"] > * {quotes: "\201E" "\201C"} [lang="en"] > * {quotes: "\201C" "\201D"} [lang="es"] > * {quotes: "\201C" "\201D"} [lang="fr"] > * {quotes: "\00AB" "\00BB"} [lang="it"] > * {quotes: "\00AB" "\00BB"} blockquote:before, q:before {content:open-quote} blockquote:after, q:after {content:close-quote} /* links */ a[href$="doc"], a[href$='.docx'] {padding-left:20px; background: transparent url(../images/tech/icon_doc.gif) no-repeat center left} a[href$="pdf"] {padding-left:20px; background: transparent url(../images/tech/icon_pdf.gif) no-repeat center left} a[href$="zip"] {padding-left:20px; background: transparent url(../images/tech/icon_archive.gif) no-repeat center left} /* visibility */ .display_none {display:none} @media print {.noprint {display:none} #main {margin-left:0; margin-right:0}}