

/* style artykułowe */
#article h1 { margin: 35px 0 5px 0; font-size: 28px; font-weight: bold; color: #555; }
#article h2 { margin: 15px 0 5px 0; font-size: 12px; font-weight: bold; color: #555; }

#article p, #col680 p * { font-size: 12px; line-height: 16px; }
#article p a { color: #5286B9;}
#article p a:hover { text-decoration: underline;}

/* data */
p#articleDate { margin: 0; font-size: 10px; font-weight: normal; color: #999; }
p#articleDate span { font-size: 10px; color: #c21517; }

/* tagi */
p#articleTags { margin: 0; font-size: 10px; font-weight: normal; color: #999; }
p#articleTags a { margin: 0 4px; font-size: 10px; color: #999; }
p#articleTags span { font-size: 10px; color: #333; }

/* autor */
p#articleByline { margin-bottom: 15px; }
p#articleByline, p#articleByline a { font-size:12px; color: #666; }
#articleByline img { vertical-align: middle; margin-right: 10px; }

/* lead */
#articleSummary { margin: 0 0 15px 0; font-weight: bold; }

/* zdjecia */
.articlePicture { float: left; clear: left; width: 280px; margin: 0 12px 10px 0; }
.articlePictureWide { clear: both; width: 500px; margin: 0 auto 10px auto; }
.articlePicture p, .articlePictureWide p { margin: 0; font-size: 12px; color: #666; }
.articlePicture p span, .articlePictureWide p span { color: #999; }

/* boksy z lewej */
#articleMultimedia, #articleVideo, #articleGalleries, #articleLinks, .articleFacts, #articleAlarm { float: left; clear: left; display: block; width: 270px; margin: 0 12px 10px 0; padding: 5px 5px 10px 5px; border: 1px solid #E1E0E0; font-size: 12px; }
#articleMultimedia p, #articleVideo p, #articleGalleries p, #articleLinks p, .articleFacts p, #articleAlarm p { padding-bottom: 2px; margin-bottom: 5px; font-size: 12px; font-weight: bold; color: #c21517; background: url(/images/pilkanozna/line_left_a.gif) no-repeat bottom left; }
#articleMultimedia p a, #articleVideo p a, #articleGalleries p a, #articleLinks p a, .articleFacts p a, #articleAlarm p a { font-size: 12px; font-weight: bold; color: #c21517; }
#articleMultimedia ul, #articleVideo ul, #articleGalleries ul, #articleLinks ul { padding: 0; margin: 0; }
#articleMultimedia ul li, #articleVideo ul li, #articleGalleries ul li, #articleLinks ul li { padding: 0; margin: 0 0 5px 0; background: none; font-size: 11px; }
#articleMultimedia ul li span, #articleGalleries ul li span, #articleLinks ul li span { color: #999; }
#articleMultimedia img, #articleVideo img, #articleGalleries img { margin-left: 3px; }
#articleVideo ul { margin: 10px 0 0 0; padding: 0; }
#videoPlayer { width: 270px; height: 230px; background: #4C84C1; }
#articleAlarm a#articleAlarmLink { display: block; float: left; margin: 5px 0 0 0; color: #C21517; }

/* mapa google */
#articleMap { clear: both; width: 600px; height: 600px; 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; }

/* funkcje artykulowe */
ul.articleFunctions { float: right; clear: both; }
ul.articleFunctions li { display: inline; list-style: none; padding: 0 11px 0 0; background: none; }
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; }

/* artykuły powiazane */
#articleConnections { clear: both; margin-top: 20px; }
#articleConnections p { padding-bottom: 2px; margin-bottom: 5px; font-size: 12px; font-weight: bold; color: #c21517; background: url(/images/pilkanozna/line_left_a.gif) repeat-x bottom; }
#articleConnections ul { margin: 0; padding: 0; }
#articleConnections li { margin: 0 0 5px 0; padding: 0; background: none; }
#articleConnections li a { font-size: 12px; color: #5286B9; }
#articleConnections li span { display: block; font-size: 11px; font-weight: normal; color: #999; }

/* komentarze */
#articleComments { clear:both; width:100%; overflow: hidden; margin: 10px 0; }
#articleComments h3 { padding-bottom: 2px; margin-bottom: 5px; font-size: 18px; font-weight: bold; color: #C21517; background: url(/images/pilkanozna/line_left_a.gif) no-repeat bottom left; }
#articleComments ul { float: left; width: 100%; margin: 0; padding: 0; }
#articleComments ul li { margin:0 0 10px 0; padding: 0; background: none; }
#articleComments ul li#seeAll { margin: 0; }
#articleComments ul li span { display: block; color: #999; }
#articleComments ul li span a { float: right; color: #C21517; }
#articleComments fieldset { clear: both; text-align: right; }
#articleComments input { border: 0; margin: 0; padding: 0; text-align: right; color: #C21517; background: none; cursor: pointer; }

/* drukowanie artykułu */
#articlePrint { margin: 0 auto; width: 620px; }

/* FOTOSTORY */
/* nawigacja na zdjęciu */
#photoContainer { clear: both; position: relative; width: 500px; line-height: 0; }
#photo #photoContainer { width: 500px; margin: 0 0 5px; position: relative; z-index: 1; zoom: 1; }
#photoContainer .image { display: block; position: absolute; top: 0; left: 0; width: 500px; }
#photoContainer img { width: 500px; display: block; margin: 0 auto; }
#photoContainer a { font-size: 16px; color: #e88629; }
#photoContainer .nav { position: absolute; top: 0; left: 0; width: 500px; z-index: 2; }
#photoContainer .prev, #photoContainer .next { display: block; float: left; width: 230px; text-indent: -9999px; background: url(/images/pilkanozna/blank.gif); }
#photoContainer .next { float: right; }
#photoContainer .prev:hover { background: url(/images/pilkanozna/gallery_prev.png) no-repeat 50px center; }
#photoContainer .next:hover { background: url(/images/pilkanozna/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/pilkanozna/title_bg.png) repeat scroll 0 0 transparent; }

/* nawigacja pod zdjęciem */
#photostory .photoNavigation { clear: both; width: 500px; 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 100px; padding: 0; text-indent: -9999px; }
    #photostory .photoNavigationPrev { background: url(/images/pilkanozna/fotostory_prev.png) no-repeat; }
    #photostory .photoNavigationNext { float: right; margin: 0 100px 0 0; background: url(/images/pilkanozna/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 .photoStoryText p { font-size: 14px; 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-bottom: 2px; margin-bottom: 5px; font-size: 18px; font-weight: bold; color: #C21517; background: url(/images/pilkanozna/line_left_a.gif) no-repeat bottom left; }
#photostoryConnections li p { line-height: 16px; }
#photostoryConnections li a { color: #336699; font: 13px/20px arial; }
