/* style artykułowe serwisu kultura */
#article { float: left; width: 525px; margin: 0 0 10px 10px; text-align: left; overflow: hidden; }
#article h1 { font-size: 16px; padding: 10px 0; color: #35414D; font-weight: bold; }
#article h1:first=letter { font-size: 20px;  }
#article h2 { font-size: 13px; color: #333; font-weight: bold; }
#article p { line-height: 15px; }
#articleDate { padding-bottom: 10px; color: #CECECE; }
#articleDate a { color: #CECECE; font-weight: bold; }
#articleSummary { margin: 0 0 20px 0; font-weight: bold; font-size: 13px; }
#articleByline { text-align: right; color: #9d9d9d; }
#articleByline a { text-decoration: none; color: #9d9d9d; }
#articleByline a:hover { text-decoration: underline; color: #9d9d9d; }
#articleByline img { vertical-align: middle; margin-right: 10px; }
.articlePicture, #articleMultimedia, #articleConnections, #articleGalleryConnections, #articleLinks, #articleFacts1, #articleFacts2, #articleFacts3, #articleFacts4 { width: 285px; margin: 0 5px 5px 0; padding: 0 0 10px 0; border: 0; border-bottom: 1px solid #D9D9D1; float: left; clear: left; display: block; text-align: left; font-family: Verdana, Tahoma; font-size: 11px; color: #000; }
#articleConnections span, #articleGalleryConnections span, #articleLinks span, #articleMultimedia span { color: #BF3C0E; font-family: Verdana, Arial, Tahoma; font-size: 12px; font-weight: bold; }
.articlePicture p { color: #9d9d9d; }
#articleMultimedia ul, #articleConnections ul, #articleGalleryConnections ul, #articleLinks ul { list-style: none outside none; padding: 0; margin: 0; }
#articleMultimedia li, #articleGalleryConnections li { float:left; }
#articleMultimedia a, #articleGalleryConnections a { display: block; float: left; clear: both; width: 30px; margin: 5px 5px 0 0; color: #BF3C0E; font-size: 10px; }
#articleMultimedia a:hover img, #articleGalleryConnections a:hover img { text-decoration: none; background-color: #FFF;}
#articleMultimedia p, #articleGalleryConnections p { display: block; float: left; width: 130px; padding: 5px 0; }
#articleMultimedia img, #articleGalleryConnections img { vertical-align: middle; }
#articleMultimedia p span { display: block; font-size: 11px; font-weight: normal; color: #000; font-family: Tahoma, Verdana, Arial; }
#articleConnections ul { list-style: none; margin: 0; padding: 0; }
#articleConnections li { margin: 5px 0; }
#articleConnections li span { color: #9d9d9d; font-weight: normal; font-size: 11px; }
#articleConnections a, #articleLinks a { display: block; color: #005f8e; }
#articleConnections p span { color: #9d9d9d; }
#articleLinks li { margin: 5px 0; }
#articleFacts1 img, #articleFacts2 img, #articleFacts3 img, #articleFacts4 img { margin-right: 3px; vertical-align: middle; cursor: pointer; }
#articleFacts1 span, #articleFacts2 span, #articleFacts3 span, #articleFacts4 span { cursor: pointer; }
ul.articleFunctions { padding: 0 0 5px 0; border-bottom: 1px solid #D9D9D1; }
ul.articleFunctions li { display: inline; list-style: none; padding: 0 11px 0 0; }
ul.articleFunctions li a.A1 { font-size: 11px; color: #CBCBCB; font-weight: bold; }
ul.articleFunctions li a.A2 { font-size: 13px; color: #CBCBCB; font-weight: bold; }
ul.articleFunctions li a.A3 { font-size: 15px; color: #CBCBCB; font-weight: bold; }
p#articleTags a { margin:0 2px; }

/* wideo YT */
#articleVideo { margin: 0 0 10px 0; border-top: 1px solid #ececec; border-bottom: 1px solid #ececec; }
#articleVideo p { margin: 5px 0; }
#articleVideo p a { font-size: 12px; font-weight: bold; color: #cc0001; }
#articleVideo ul { list-style: none outside none; margin: 5px 0 10px 0; padding: 0; }
#videoPlayer { width: 500px; height: 380px; background: #4C84C1; }

/* mapa google */
#articleMap { clear: both; width: 500px; height: 500px; margin: 0 auto; overflow: hidden; }
#map { width: 500px; height: 500px; }
#article .mapsInfo { width: 240px; margin-top: 5px; }
#article .mapsInfo h1 { margin: 0 0 5px 0; padding: 0; font-size: 12px; }
#article .mapsInfo p { margin: 0; padding: 0; font-size: 11px; }

/* FOTOSTORY */
/* nawigacja na zdjęciu */
#photoContainer { clear: both; position: relative; width: 520px; line-height: 0; }
#photo #photoContainer { width: 520px; margin: 0 0 5px; position: relative; z-index: 1; zoom: 1; }
#photoContainer .image { display: block; position: absolute; top: 0; left: 0; width: 520px; }
#photoContainer img { width: 520px; display: block; margin: 0 auto; }
#photoContainer a { font-size: 16px; color: #e88629; }
#photoContainer .nav { position: absolute; top: 0; left: 0; width: 520px; z-index: 2; }
#photoContainer .prev, #photoContainer .next { display: block; float: left; width: 230px; text-indent: -9999px; background: url(/images/kultura/blank.gif); }
#photoContainer .next { float: right; }
#photoContainer .prev:hover { background: url(/images/kultura/gallery_prev.png) no-repeat 50px center; }
#photoContainer .next:hover { background: url(/images/kultura/gallery_next.png) no-repeat 105px center; }
#photoContainer .prev span, #photoContainer .next span { display: block; }
#photoContainer .pages { display: block; position: absolute; bottom: 0; left: 0; width: 650px; padding: 10px; margin: 0; font-size: 22px; color: #FFF; text-align: center; background: url(/images/kultura/title_bg.png) repeat scroll 0 0 transparent; }

/* nawigacja pod zdjęciem */
#photostory .photoNavigation { clear: both; width: 520px; height: 26px; padding: 5px 0; }
#photostory .photoNavigation a { font-size: 14px; color: #e88629; }
    #photostory .photoNavigationPrev, .photoNavigationNext, .photoNavigationEmpty { float: left; width: 100px; line-height: 26px; height: 26px; margin: 0 0 0 110px; padding: 0; text-indent: -9999px; }
    #photostory .photoNavigationPrev { background: url(/images/kultura/fotostory_prev.png) no-repeat; }
    #photostory .photoNavigationNext { float: right; margin: 0 110px 0 0; background: url(/images/kultura/fotostory_next.png) no-repeat; text-indent: -9999px; }
    #photostory .photoNavigationPages { float: left; display: block; width: 98px; height: 26px; margin: 0; padding:0; line-height: 26px; text-align: center; font-size: 18px; color: #000; }

#photostory h1 { clear: both; }
#photostory h1 a { font-size: 16px; }
#photostory h2 { font-size: 14px; padding: 10px 0 5px; }
#photostory .photoStoryText p { font-size: 14px; line-height: 18px; color: #000; }
#photostory blockquote { margin: 10px 20px; padding: 10px 20px; font: 14px/20px georgia,times,sans-serif; background-color: #f6f6f6; border-left: 5px solid #555; }

#photostory .photoFunctions { float: right; width: 172px; height: 20px; }
    #photostory .photoFunctions .fb { float: left; width: 75px; }
    #photostory .photoFunctions .tp { float: left; width: 63px; }
    #photostory .photoFunctions .gp { float: left; width: 33px; }

#photostory #articleDate { color: #999999 }
#photostory .articleVideo { display: block; text-align: center; }

#photostory .photoMeta { color: #999; }
#photostory .photoStoryText { margin: 10px 0; }
#photostory .photoMeta { text-align: center; }

#photostoryConnections h3 { padding: 10px 0 2px; margin-bottom: 5px; font-size: 13px; font-weight: bold; }
#photostoryConnections li p { line-height: 16px; }
#photostoryConnections li a { color: #336699; font: 13px/20px arial; }
