/* ================================================== */
/* pssht.com, 07/2010 thru 11/2021 (and beyond)
/* styled by Philip Thompson; https://www.7amrecords.com
/* ================================================== */

body {margin: 0; padding: 0; background-image:url(bricksseamlesspipo.jpg);background-attachment:fixed; background-repeat:repeat; text-align: center;}

body.horizPhoto10 {width: 7005px;}
body.horizPhoto12 {width: 8917px;}
body.horizPhoto13 {width: 9823px;}
body.horizPhoto14 {width: 10729px;}
body.horizPhoto15 {width: 11634px;}
body.horizPhoto16 {width: 12541px;}

body.slideshow {background: #660011 url("https://www.pssht.com/7amrecords/bgd-slideShow.gif") top center repeat-n;}
body.slideshowL {background: #660011 url("https://www.pssht.com/7amrecords/bgd-slideShowL.gif") top center repeat-n;}
body.column {background: #660011 url("https://www.pssht.com/7amrecords/bgd-col.gif") top center repeat-n;}
body.overflow {overflow-y: scroll;}
/* ================================================== */
/* text 
/* -------------------------------------------------- */

p, a, em, ul, li, h1, h2, h3, h4, h5, img, input, textarea {font-family: Arial, Helvetica, Geneva, sans-serif; text-decoration: none; margin: 0;  padding: 0;}

p, a, em, ul, li { font-size: 12px; line-height: 20px;}

ul, li {list-style: none;}

h1, h2, h3, h4, h5, input, textarea {font-size: 12px;}

fieldset {margin: 0; padding: 0; border: none;}

/* ================================================== */
/* helpers
/* -------------------------------------------------- */

.clear {clear: both;}
.nodisplay {display: none;}

/* ================================================== */
/* layout containers 
/* -------------------------------------------------- */

/* horizontalni */

#horizContPhoto10, #horizContPhoto12, #horizContPhoto13, #horizContPhoto14, #horizContPhoto15, #horizContPhoto16 {position: absolute; top: 45%; left: 12px; margin: -212px 0 0 0; background-color: #660011; z-index: 1499; text-align: left;}

#horizContPhoto10 {width: 7005px; height: 424px;} /* 10 fotek *//* IE.5-6 */ * html #horizContPhoto10 {width: 7008px;}
#horizContPhoto12 {width: 8917px; height: 424px;} /* 12 fotek *//* IE.5-6 */ * html #horizContPhoto12 {width: 8920px;}
#horizContPhoto13 {width: 9823px; height: 424px;} /* 13 fotek *//* IE.5-6 */ * html #horizContPhoto13 {width: 9826px;}
#horizContPhoto14 {width: 10729px; height: 424px;} /* 14 fotek *//* IE.5-6 */ * html #horizContPhoto14 {width: 10732px;}
#horizContPhoto15 {width: 11634px; height: 424px;} /* 15 fotek *//* IE.5-6 */ * html #horizContPhoto15 {width: 11638px;}
#horizContPhoto16 {width: 12541px; height: 424px;} /* 15 fotek *//* IE.5-6 */ * html #horizContPhoto16 {width: 12544px;}

/* vertikalni */

#vertiContUni, #vertiCont600, #vertiCont780 {height: 100%; margin: 0 auto; text-align: left;}

#vertiContUni {width: 918px; border-top: 60px solid #660011;} /* univerzalni */
/* IE.5-6 */ * html #vertiContUni {width: 921px;}

#vertiCont600 {width: 600px;} /* photoblog, slideshow */
/* IE.5-6 */ * html #vertiCont600 {width: 603px;}

#vertiCont780 {width: 780px;} /* slideshow, large version */
/* IE.5-6 */ * html #vertiCont780 {width: 783px;}

/* ================================================== */
/* navigace
/* -------------------------------------------------- */

.navBox {width: 294px; height: 400px; background: #040207; line-height: 20px; border-right: 12px solid #660011; border-top: 12px solid #660011; float: left;}
/* IE.5-6 */ * html .navBox {width: 306px; height: 412px;}

.navBox.photoBlogLeft, .navBox.photoBlogRight, .navBox.slideShowLeft, .navBox.slideShowRight, .navBox.photoBlogFull {height: 200px; border: none;}
.navBox.photoBlogRight {width: 294px;}
.navBox.photoBlogLeft {width: 299px; border-right: 1px solid #000000;}
.navBox.slideShowRight {width: 390px;}
.navBox.slideShowLeft {width: 389px; border-right: 1px solid #000000;}
.navBox.photoBlogFull {width: 575px;}
/* IE.5-6 */ * html .navBox.photoBlogRight {width: 293px; height: 200px;}
/* IE.5-6 */ * html .navBox.photoBlogLeft {width: 293px; height: 200px; border-right: 1px solid #000000;}
/* IE.5-6 */ * html .navBox.photoBlogFull {width: 575px; height: 200px;}

.navBox ul {margin: 18px 0 0 18px;}
.navBox li {list-style: none;}
.navBox li a {height: 20px; display: block; background: url bottom left no-repeat; font-weight: bold; color: #8c8c84;}
.navBox li a.selected {color: #ffffff;}
.navBox li a.license {color: #E0E6FE; font-weight: normal;}
.navBox li a span {font-weight: normal;}
.navBox li a:hover {color: #ffffff; background: url bottom left no-repeat;}
	
/* ================================================== */
/* headlines - nazvy, nadpisy sekci
/* -------------------------------------------------- */

#headerBox {height: 181px; padding: 24px 0 0 28px; background: #040207; border-bottom: 1px solid #000000;}
/* IE.5-6 */ * html #headerBox {height: 200px;}

#headerBox.phB {height: auto; border: none;}

#headerBox h1 {color: #8c8c84; font-weight: normal;}
#headerBox h2 {color: #8c8c84; font-weight: bold;}
#headerBox h3 {color: #ffffff; display: inline; float: left; padding: 0 6px 0 0;}
#headerBox h3 a {color: #ffffff;}
#headerBox h3 a:hover {border-bottom: 1px solid #E0E6FE;}

/* -------------------------------------------------- */

#nameTop {height: 182px; padding: 18px 0 0 0;}
/* IE.5-6 */ * html #nameTop {height: 200px;}

#nameTop.archive {height: 94px; float: left;}
#nameTop.photoblog {border-bottom: 1px solid #660011; height: auto; min-height: 181px;}

#nameTop h1 {padding: 0 0 0 18px; font-size: 24px; color: #ffffff; font-weight: normal;}
#nameTop h1.photoblog {padding: 0 0 2px 18px; font-size: 24px; color: #ffffff; font-weight: normal;}
#nameTop h2 {padding: 0 0 0 18px; color: #ffffff; font-weight: normal;}
#nameTop h2 a {color: #ffffff;}
#nameTop h2 a:hover {color: #ffffff; border-bottom: 1px solid #E0E6FE;}
#nameTop h3 {padding: 0 3px 0 18px; color: #660011; display: inline;}
#nameTop h3.archive {padding: 0 0 0 18px;}
#nameTop h4 {color: #660011; font-size: 11px; display: inline; border: none;}
#nameTop h4.archive {padding: 0 0 0 3px;}
#nameTop h5.archive {color: #E0E6FE; font-size: 12px; padding: 0 0 0 18px; font-weight: normal;}
#nameTop h5.archive a {color: #E0E6FE;}
#nameTop h5.archive a:hover {color: #E0E6FE; border-bottom: 1px solid #E0E6FE;}
	
#nameBott {padding: 24px 0 0 0; height: 394px;}
/* IE.5-6 */ * html #nameBott {height: 200px;}

#nameBott h1 {padding: 0 0 0 18px; color: #ffffff; font-size: 48px; line-height: 52px; font-weight: normal;}
#nameBott h1.blog {padding: 30px 0 0 18px; color: #000000; font-size: 24px; line-height: 24px;}

#nameBott h2 {padding: 0 3px 0 18px; color: #660011; display: inline;}
#nameBott h3  {color: #660011; font-size: 11px; display: inline;}
	
.nameUni {padding: 158px 0 0 0; height: 42px;}
/* IE.5-6 */ * html #nameUni {height: 200px;}
.nameUni h3 {padding: 0 18px 18px 18px; color: #660011; line-height: 20px;}

/* ================================================== */
/* objekty - fotoboxy
/* -------------------------------------------------- */

.BfotoBox, .SfotoBox, .AfotoBox {font-size: 0px; line-height: 0px; background: #660011;}

.BfotoBox {width: 600px; height: 400px; border-top: 12px solid #660011; float: left;}
.BfotoBox img {width: 600px; height: 400px; border: 0;}

.SfotoBox {width: 294px; height: 200px;}
.AfotoBox {width: 140px; height: 94px; border-right: 12px solid #660011; float: left;}
	
/* ================================================== */
/* objekty - photoblog
/* -------------------------------------------------- */

.phbBox, .phbBoxArchive {width: 100%; height: 94px; background: #040207; line-height: 20px; float: left;}
/* IE.5-6 */ * html .phbBox {height: 106px;}
/* IE.5-6 */ * html .phbBoxArchive {height: 106px;}

.phbBox {border-top: 12px solid #660011;}
.phbBoxArchive {border-top: 12px solid #660011;}

.phbBox.toparchive {border-top: none;}
/* IE.5-6 */ * html .phbBox.toparchive {height: 94px;}

.phbBlackBox {width: 100%; height: 94px; background: #040207; float: left;}
	
/* ================================================== */
/* objekty - slideshow
/* -------------------------------------------------- */

/* update!, stary slides */
.slideShowTopBox {width: 780px; height: 94px; background: #040207; border-top: 12px solid #660011; line-height: 20px; float: left;}
/* IE.5-6 */ * html .slideShowTopBox {height: 106px;}

#slideShowStaticContent {width: 780px; background: #660011; border-top: 12px solid #660011; border-bottom: 12px solid #660011; float: left;}

.slideShowBoxTop {height: auto; min-height: 200px;; background: #040207; float: left; width: 780px;}
.slideShowBoxBot {height: 199px; width: 780px; background: #040207; float: left; border-top: 1px solid #660011;}

.slideShowBoxTop h1 {padding: 18px 0 4px 18px; color: #ffffff; font-size: 24px; font-weight: normal;}
.slideShowBoxTop h3 {font-size: 12px; color: #660011; padding: 0 0 4px 18px;}

.slideShowBoxTop p {padding: 0 18px 18px 18px; color: #8c8c84;}
.slideShowBoxBot p {padding: 18px; color: #8c8c84;}

.slideShowBoxTop a, .slideShowBoxBot a {color: #8c8c84;}
.slideShowBoxTop a:hover, .slideShowBoxBot a:hover {color: #ffffff; border-bottom: 1px solid #E0E6FE;}

.slideShowImageBox {width: 780px; border-top: 12px solid #660011;}
.slideShowImageBox.top {border-top: 0;}
.slideShowImageTopBox {width: 780px; height: 94px; background: #040207;}

#slideShowAlertBox {position: relative; width: 736px; height: 40px;}
/* IE.7*/ html>body #slideShowAlertBox { *margin-top: -8658px; }
#slideShowAlertBox p {position: absolute; top: 12px; left: 12px; width: 736px; height: 40px; padding: 10px; background: #ffffff; color: #000000;}
#slideShowAlertBox p a {color: #E0E6FE;}
#slideShowAlertBox p a:hover {color: #E0E6FE; border-bottom: 1px solid #E0E6FE;}
	
/* ================================================== */
/* objekty - centralni box (vertikal & horizontal)
/* -------------------------------------------------- */

#centrBox {width: 310px; height: 400px; line-height: 20px; background: #660000 top repeat-x; border-top: 12px solid #660011; float: left;}
/* IE.5-6 */ * html #centrBox {width: 600px; height: 412px;}

#centrBox.photoblog {border-top: 12px solid #660011; background: #040207; height: auto; min-height: 400px;}
#centrBox.half {height: 200px; background-image: none;}
/* IE.5-6 */ * html #centrBox.half {height: 212px;}
#centrBox.slideShow {height: 200px; width: 780px; background-image: none;}
/* IE.5-6 */ * html #centrBox.slideShow {height: 212px;}

#centrBox p {padding: 18px; color: #8c8c84;}
#centrBox p.photoblog {padding: 0 18px 18px 18px; color: #8c8c84;}
#centrBox p a {color: #ffffff;}
#centrBox p a:hover {color: #ffffff; border-bottom: 1px solid #E0E6FE;}

/* ================================================== */
/* objekty - centralni box (vertikal & horizontal)
/* -------------------------------------------------- */

#centroBox {width: 590px; height: 400px; line-height: 20px; background: #000000 top repeat-x; border-top: 12px solid #660011; float: left;}
/* IE.5-6 */ * html #centroBox {width: 600px; height: 412px;}

#centroBox.photoblog {border-top: 12px solid #660011; background: #040207; height: auto; min-height: 400px;}
#centroBox.half {height: 200px; background-image: none;}
/* IE.5-6 */ * html #centroBox.half {height: 212px;}
#centrBox.slideShow {height: 200px; width: 780px; background-image: none;}
/* IE.5-6 */ * html #centroBox.slideShow {height: 212px;}

#centroBox p {padding: 18px; color: #8c8c84;}
#centroBox p.photoblog {padding: 0 18px 18px 18px; color: #8c8c84;}
#centroBox p a {color: #ffffff;}
#centroBox p a:hover {color: #ffffff; border-bottom: 1px solid #E0E6FE;}

/* ================================================== */
/* objekty - text box (indexy)
/* -------------------------------------------------- */

.blackIndexBox {background: #040207 top repeat-x; border-right: 12px solid #660011; border-top: 12px solid #660011; float: left;}
.blackIndexBox {width: 294px; height: 400px;}
/* IE.5-6 */ * html .blackIndexBox {width: 306px; height: 412px;}

.blackIndexBox h1 {padding: 18px 18px 0 18px; color: #E0E6FE; line-height: 20px;}
.blackIndexBox h1 a {color: #E0E6FE; border-bottom: none;}
.blackIndexBox h1 a:hover {border-bottom: 1px solid #E0E6FE;}

.blackIndexBox p {padding: 0 18px 18px 18px; color: #8c8c84;}
.blackIndexBox p a {color: #ffffff;}
.blackIndexBox p a:hover {color: #ffffff; border-bottom: 1px solid #E0E6FE;}

/* ================================================== */
/* objekty - cerne boxy (vertikal & horizontal)
/* -------------------------------------------------- */

.blackBoxRB, .blackBoxLB, .blackBoxTRB, .blackBoxT {width: 343px; height: 400px; background: #040207; float: left;}
.blackBoxT {height: auto; border-top: 12px solid #660011;}

/* IE.5-6 */ * html .blackBoxRB {width: 306px; height: 412px;}
/* IE.5-6 */ * html .blackBoxLB {width: 306px; height: 412px;}
/* IE.5-6 */ * html .blackBoxTRB {width: 306px; height: 424px;}
/* IE.5-6 */ * html .blackBoxT {width: 294px; height: auto;}

.blackBoxRB {border-right: 12px solid #660011; border-top: 12px solid #660011;}
.blackBoxLB {border-left: 12px solid #660011; border-top: 12px solid #660011;}
.blackBoxTRB {border-top: 12px solid #660011; border-right: 12px solid #660011; border-bottom: 12px solid #660011;}

.blackBoxRB p, .blackBoxRB p.right, .blackBoxLB p, .blackBoxLB p.right, .blackBoxTRB p.right, .blackBoxT p.right {padding: 0 18px 18px 18px; color: #8c8c84;}
.blackBoxRB p.right, .blackBoxLB p.right, .blackBoxTRB p.right, .blackBoxT p.right {text-align: right;}
.blackBoxRB p, .blackBoxLB p, .blackBoxRB p.right, .blackBoxLB p.right, .blackBoxTRB p.right, .blackBoxT p.right {padding: 18px;}
.blackBoxRB a, .blackBoxLB a {color: #ffffff;}
.blackBoxRB a:hover, .blackBoxLB a:hover {color: #ffffff; border-bottom: 1px solid #E0E6FE;}

/* ================================================== */
/* objekty - text boxy (vertikal)
/* -------------------------------------------------- */

.vertTxtCont {width: 906px; background: #040207; overflow: hidden; float: left;} /* text kontejner pro reportaze */
.vertTxtCont.borderTop {border-top: 12px solid #660011;}
.vertTxtCont.comments {width: 600px; display: none;} /* kontejner pro komentare */

.vertTxt {width: 600px; margin: 0 0 0 294px; padding: 18px 0 0 0; background-color: #000000; border-top: 12px solid #660011; border-left: 12px solid #660011; line-height: 20px;}
/* IE.5-6 */ * html .vertTxt {width: 612px;}

.vertTxt.comm {min-height: 164px; margin: 0; padding: 18px 0 18px 0; border-top: 12px solid #660011; border-left: none;}
/* IE.5-6 */ * html .vertTxt.comm {height: 212px;}

.vertTxt.noBorderTop {border-top: none;}
.vertTxt.noMargin {margin: 0; float: left;}
.vertTxt.empty {border-top: none; background-color: #000000; height: 76px;}

.vertTxt p {padding: 0 18px 18px 18px; color: #8c8c84;}
.vertTxt p span {margin: 0 0 0 8px; background: center left no-repeat;}
.vertTxt p.comment {padding: 0 18px 0 18px;}
.vertTxt p a {color: #ffffff;}
.vertTxt p a:hover {color: #ffffff; border-bottom: 1px solid #E0E6FE;}

.vertTxt ul {margin: 0 18px 18px 18px;}
.vertTxt li {list-style: none;}
.vertTxt li a {height: 20px; display: block; background: bottom left no-repeat; font-weight: bold; color: #8c8c84;}
.vertTxt li a.license {color: #E0E6FE; font-weight: normal;}
.vertTxt li a span {font-weight: normal;}
.vertTxt li a:hover {color: #ffffff; background: bottom left no-repeat;}

.vertTxt h3, .vertTxt h4, .vertTxt h5 {margin: 0 18px 0 18px; color: #000000;}

.vertTxt h3 {color: #660011;}
.vertTxt h3 a {color: #ffffff; font-weight: normal;}
.vertTxt h3 a:hover {color: #ffffff; border-bottom: 1px solid #E0E6FE;}
.vertTxt h3 span {color: #660011;}

.vertTxt h4 {height: 36px; color: #660011; font-size: 24px; font-weight: normal;) center left no-repeat; display: block;}
.vertTxt h5 {color: #660011; font-size: 11px; text-transform: uppercase;}

/* ================================================== */
/* objekty - sloupce
/* -------------------------------------------------- */

.col2Box {height: 100%; background: #040207 top repeat-x; border-right: 12px solid #660011; border-top: 12px solid #660011; float: left;}

.col2Box {width: 600px;}
/* IE.5-6 */ * html .col2Box {width: 612px;}

.col2Box p {padding: 18px; color: #8c8c84;}
.col2Box p span {display: block; width: 80px; float: left;}
.col2Box p a {color: #ffffff;}
.col2Box p a:hover {color: #ffffff; border-bottom: 1px solid #E0E6FE;}

.col2Box h4 {padding: 0 0 0 18px; color: #660011;}

/* ================================================== */
/* footery (vertikal & horizontal)
/* -------------------------------------------------- */

.vertFooter, .horzFooter {background: #040207;}

.vertFooter {width: 700px; border-top: 12px solid #660011; border-bottom: 12px solid #660011; float: left;}
.vertFooter.phB {width: 100%; background: #660011; border-top: 12px solid #660011; border-bottom: 12px solid #660011;} /* pro photoblog */
.vertFooter.reportaz {width: 700px;} /* pro reportaz, publikace */
.vertFooter.slide {} /* pro slideshow */

.horzFooter {position: fixed; bottom: 6px; left: 324px; width: 600px; height: 60px; text-align: left;}
/* IE.5-6 */ * html .horzFooter {position: absolute;}

.vertFooter p, .horzFooter p, .vertFooter a, .horzFooter a  {font-size: 10px; line-height: 14px;}
.vertFooter p, .horzFooter p  {padding: 6px 0 6px 0; top left no-repeat; color: #8c8c84;}
.vertFooter a, .horzFooter a  {color: #8C8C84;}
.vertFooter a.top {color: #000000;}
.vertFooter a:hover, .horzFooter a:hover {border-bottom: 1px solid #E0E6FE;}

.horzFooter h4, .horzFooter h5 {line-height: 20px; display: inline;}
.horzFooter h4 {padding: 0 3px 0 0; color: #ffffff;}
.horzFooter h5 {color: #000000; font-weight: normal;}