/*
Theme Name:		Chopin3
Theme URI: 		http://viahorizon.com/
Version: 		.2
Description: 	
Author: 		viahorizon
Author URI:		http://viahorizon.com/
Tags:			

Copyright 2009 http://viahorizon.com/
*/

@charset "utf-8";
/* CSS Document */

/* The Reset---------------------------------- */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,
h6,pre,form,fieldset,input,p,blockquote,table,
th,td { margin: 0; padding: 0;}
fieldset,img,abbr { border: 0; }
address,caption,cite,code,dfn,em,h1,h2,h3,
h4,h5,h6,th,var { font-style: normal; font-weight: normal; }
caption,th { text-align: left; }
q:before,q:after { content: ''; }

body {font-family: "Calibri", Helvetica, sans-serif;
	color: #505050;
	margin:0;
	background: url(media/back.png) top center repeat-y #fff/*url(media/back.png) repeat*/;
}

a {text-decoration: none; color: black;}
blockquote {font-family: Cambria, Georgia, Times, serif; font-style:italic; color: black;background: #eee;width:520px;padding:2px 5px 2px 5px;margin:5px 5px 15px 5px;-moz-border-radius:3px;border:solid 1px #ccc; margin-bottom: 10px;}



em {font-style:italic; font-size: 14px; line-height: 14px;}

small {font-size: 11px; text-transform: uppercase; color: #888;}

strong {font-weight: bold}

/* CHOPIN ------------------------------------- */

/* niebieska pozioma linia na gorze w tle / opacity:0.2;filter:alpha(opacity=20);*/
#line-top {width: 50%; position: absolute; right: 0; top: 60px; height: 60px; background: #0071bc; display: block;}

/* glówny kontener */
.container-main {width: 900px; margin: 0 auto; padding:0;min-height: 600px; display: block; background: url(media/top-grey-box.png) top left no-repeat #fff;}

/* UMFC - napis i logo w naglowku/menu */
#top {width: 810px; height: 120px; background:url(media/top-umfc-pl.png) no-repeat #0071bc; float: left; position: relative; top: 0; left: 90px;}

#hopa {display: block; width: 400px; height: 60px; margin: 20px 0 0 0px}

#top-navigation-box {width: 100%; height: 120px; display: block}

/* szary prostokat */
#top-grey {position: relative; top: 0; left: 0; margin-bottom: -440px; float: left;}

/* logo górne (link) */
#top-logo {position: relative; width: 90px; height: 60px; margin: 60px -1px 0 0; float: right;}
#top-logo:hover {background: #003d65;}

/* menu na samej górze */
#top-menu {position: relative; float: right; margin: -120px 5px 0 0; text-transform:uppercase; font-size: 12px; line-height:16px; letter-spacing: -1px;}
#top-menu a {margin-left: 10px; color: #888; padding: 1px;}
#top-menu a:hover {color:#0071bc; text-decoration: underline;}

/* sidebar */
.sidebar {clear: left; float: left; width: 260px; margin: 5px -300px 0 -300px; text-align:right;text-transform:uppercase; font-size: 12px; line-height:16px; letter-spacing: -1px;}
.sidebar ul {padding: 0; margin: 0;}
.sidebar ul li {padding: 0; margin: 0;}
.sidebar li a {color: #888; border-bottom: none; padding: 0; margin: 0;}
.sidebar a:hover {color: #0071bc; text-decoration: underline;}
.sidebar ul, .sidebar li {list-style-type: none;}
.sidebar strong {font-weight: normal; text-decoration: underline;}

/* dodatkowe elementy - kapitaliki */
.cap {float: right; margin-top:11px;}
.cap a {margin-left: 10px;}
.cap a:hover {}

/* bio */
.bio {clear: left; float: left; width: 280px; margin: 0 -300px 0 -300px; text-align:right;font-size: 11px; text-transform: none; color: #888; margin-bottom: 14px;}
.bio img {border: 1px #ddd dotted;}

/* entry */
.post {clear: both; margin: 28px 0 0 300px; padding: 0 10px; font-size: 14px; text-align: left; min-height: 300px;}
.post p {padding-bottom: 8px;}
.drop-case p:first-line { text-transform:uppercase; font-weight: bold;}
.post a {color: #000; text-decoration: underline;}
.post a:hover { color: #0071bc}
.post ul {padding: 0 0 15px 20px; list-style-type: disc;}
.post ul ul {padding: 0 0 5px 20px; list-style-type: circle;}
.post ol {padding: 0 0 15px 20px; list-style-type: decimal;}
.post li {padding: 2px 0 1px 0;}

.postmetadata {clear: both; padding: 10px; font-size: 12px; float: right; color: #888}
.postmetadata a {color: #555;}
.postmetadata a:hover {border-bottom: 1px solid #888}

h1 {padding: 10px 0 0 0; font-size: 16px; line-height: 16px; color:#0071bc; font-weight:normal; margin:0 0 10px 0;}
h2 {padding: 0 0 0 3px; font-size: 14px; line-height: 14px; color:#0071bc; font-weight:normal; border-left: 2px solid #57a1d3; margin:10px 0 10px 0; margin-left: -5px; font-weight: bold;}
h3 {padding: 0 0 0 3px; font-size: 14px; line-height: 14px; color:#505050; font-weight:normal; border-left: 2px solid #bbb; margin:10px 0 10px 0; margin-left: -5px;}
h4 {margin: 0 0 0 0;}

.justify {text-align: justify;}

.litery li {list-style-type: lower-alpha}

/* ilustracje */
.photo {overflow: hidden;float: left;position: relative;}
.photo .caption {display: none;visibility: hidden;}
.photo:hover .caption { visibility:visible; display: block;font-size: 13px; line-height: 14px; text-transform:normal;background: #0071bc; color: #fff; font-weight:bold; filter:alpha(opacity=90);opacity:.9;-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=90)"; /*--IE 8 Transparency--*/ position: absolute; top: 0; right: 0; padding: 8px 10px 8px 10px;margin: 0; width: 580px; text-align: right;}

.photo-left {clear: left; float: left; margin: 0 -300px 0 -300px; text-align:right;font-size: 11px; text-transform: none; color: #888;}

.caption {height: 16px;}

.photo2 {overflow: hidden;float: left;position: relative;}
.photo2 .caption {visibility:visible; display: block;font-size: 13px; line-height: 14px; text-transform:none;background: #0071bc; color: #fff; font-weight:bold; filter:alpha(opacity=90);opacity:.9;-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=90)"; /*--IE 8 Transparency--*/ position: absolute; bottom: 0; right: 0; padding: 8px 10px 8px 10px;margin: 0; width: 580px; text-align: right;}

.illustration {overflow: hidden;float: left;position: relative;}
.illustration .caption {clear: both; margin: 5px 10px 5px 10px; float: right; font-size: 10px; color: #888; text-transform: none;}

.photo-caption {font-size: 11px; text-transform: none; color: #888;}
.photo-caption small {text-transform: none;}
/* Stopka */
/* niebieska pozioma linia na górze w tle */
#footer {clear: both; width: 100%;}
#footer a {text-decoration: none}
#footer a:hover {text-decoration: underline;}
#line-bottom {clear: left; width: 50%; float: left; height: 30px; display: block; background: #f071bc;}
#footer-container {width: 450px; float: right; color: #eee; line-height: 45px; font-size: 12px;}
#footer-container a {color: #eee;}
#footer-white {width: 150px; float:right; display: block; height: 30px; background: #fff;}
#footer-logo {float: left; padding: 0 5px 0 0;}
#viahorizon {margin-left: -155px; margin-right: -150px; width: 150px; float: left; text-align:right; padding-right: 5px;}
#bottom-logo {position: relative; left: -1px; top:0;width: 45px; height: 30px;float:left;}
#bottom-logo:hover {background: #003d65;}
#right-footer {padding-top: 16px; float: right; font-size: 12px; text-align: left; width: 50%;}

.post-edit-link {position: fixed; top: 0; left:0;}
/* -------------------------------------------- */
#menu1 {position: relative; top: -25px; left: 90px; width: 700px; z-index: 99;}

#menu1, #suckerfishnav {}
#suckerfishnav {}
#suckerfishnav, #suckerfishnav ul {float:left;list-style:none;line-height:22px;padding:0;margin:0;width:100%;}
#suckerfishnav a {text-decoration:none; display: block;margin: 3px 0 0 5px; padding: 0 1px 0 1px; background: #57a1d3; color: #fff;}
#suckerfishnav li {float:left;font-size: 14px; line-height: 22px; text-decoration:none;}
#suckerfishnav li a {padding: 0 3px 0 3px;}
#suckerfishnav li ul {position:absolute;left:-999em;height:auto;width:185px;font-weight:normal;margin:0 0 0 -27px;line-height:1;padding: 0 28px 27px 27px; background:url(media/menu-shadow.png) bottom center no-repeat;}
#suckerfishnav li li {}
#suckerfishnav li li a {margin:0 0 0 5px; padding: 0 3px 0 3px;}
#suckerfishnav li li:nth-child(2n+1) a {background: #f0f0f0;}
#suckerfishnav li li:nth-child(2n) a {background: #fff;}
#suckerfishnav li ul li {width:100%;}
#suckerfishnav li ul li a {}
#suckerfishnav li:hover ul li a {color: #0071bc;}
#suckerfishnav li ul ul {margin:-21px 0 0 101px}
#suckerfishnav li ul li:hover {}
#suckerfishnav li ul li:hover a {color:#fff; background: #0071bc;}
#suckerfishnav li ul li:hover li a {}
#suckerfishnav li ul li li:hover a {}
#suckerfishnav li ul li ul li:hover ul li a {}
#suckerfishnav li ul li ul li:hover ul li:hover a {}
#suckerfishnav li:hover ul ul, #suckerfishnav li:hover ul ul ul, #suckerfishnav li.sfhover ul ul, #suckerfishnav li.sfhover ul ul ul {
left:-999em;}
#suckerfishnav li:hover ul, #suckerfishnav li li:hover ul, #suckerfishnav li li li:hover ul, #suckerfishnav li.sfhover ul, #suckerfishnav li li.sfhover ul, #suckerfishnav li li li.sfhover ul {left:auto;}
#suckerfishnav li a:hover {color: #0071bc; background: #fff;}
#suckerfishnav li:hover a, #suckerfishnav li.sfhover a {color:#0071bc; background: #fff;}

#suckerfishnav li li.current_page_item a {border-right: 2px solid #0071bc; border-top: 0;}
#suckerfishnav li.current_page_item a {background: #f0f0f0; color: #0071bc;}

/* sitemap */
.ddsg-wrapper h2 {display: none; visibility: hidden;}

/* szukanie */
#top-search {margin:0px;padding:0px;float:right;}
#search-input {width: 100px; border: 1px solid #ddd; color: #fff; background: #ccc; font-size:11px; padding: 1px; line-height: 11px; height: 15px; text-align:right;-moz-border-radius: 3px;-webkit-border-radius: 3px; font-family: "Treubuchet", Helvetica, sans-serif; position: absolute; top: 18px; right: 20px;}
#search-input:focus {border: 1px solid #57a1d3;background: #0071bc;}
.search { background: url(media/search.png) no-repeat center center #ccc; margin: 0; border: 1px solid #ddd; padding:0; height:19px; width: 19px; -moz-border-radius: 3px;-webkit-border-radius: 3px;position: absolute; top: 18px; right: 0;}

/* kalendarz */
.calendar {width: 280px; text-align: center; margin-left: -300px; float: left;}
.calendar table {background: #e9e9e9; border-bottom: 5px solid #bcd3e4;}
.calendar th, .calendar td, .calendar tr {margin: 0; padding: 0;}
.calendar th, .calendar td {width: 42px;height: 25px; text-align: center; font-size: 12px; line-height: 25px; font-weight: normal; color: #00579a;}
.calendar th {color: #00579a; font-size: 12px; text-transform:uppercase; height: 15px; line-height: 15px; font-weight: normal;}
.calendar a {background: #bcd3e4; color: #00579a; text-decoration: none; display: block; border: 0; font-size: 18px;}
.calendar a:hover {background: #00579a; color: #fff;}
.calendar td:hover a:hover {color: #fff;}

.side-note {width: 68px; margin-left: -85px; background: #4d8ab8; color: #fff; float: left; text-align: right; line-height: 15px; padding: 3px 4px 3px 3px; margin-top: 6px; font-weight: bold;}
.side-note a {clear: both; color: #fff; text-decoration: underline; border: 0;}

.left, .alignleft {padding: 8px 8px 8px 0; margin-left: 0; float: left;}
.right, .alignright {padding: 8px 0 8px 8px; margin-right: -10px; float: right;}
.aligncenter {text-align: center; clear: both; padding: 8px 0 8px 8px;}

.home-box {width: 590px; height: 105px; background: #e9e9e9; border: 0; display: block; font-size: 12px;}
a.home-box {text-decoration: none; border:0;}
a.home-box img {border: 0; border-bottom: 5px solid #00549a;}
a.home-box:hover img {border: 0; filter:alpha(opacity=80);-moz-opacity:.80;opacity:.80;}
a.home-box h1 {padding: 4px 0 5px 0; margin: 0 0 0 10px;font-decoration: none; text-transform: none; font-weight: bold; font-size: 20px; line-height: 18px;}
a.home-box h1 a {color: #00549a;}
a.home-box:hover {background: #00549a;}
a.home-box:hover h1 {color: #fff;}
a.home-box:hover .home-desc {color: #fff;}


.home-box2 {width: 280px; float: right; margin-right: -10px; height: 85px; color: #fff; border: 0; display: block; font-size: 12px; padding: 10px; #00549a;}
a.home-box2 {text-decoration: none; border:0; color: #00549a;}
a.home-box2 h1 {padding: 4px 0 5px 0; margin: 0;font-decoration: none; text-transform: none; font-weight: bold; font-size: 20px; line-height: 18px; color: #00549a;}
a.home-box2 h1 a {color: #00549a;}
a.home-box2:hover {background: url(media/arrows.png) right center no-repeat #bcd3e4; color: #fff;}

/* galerie nieflashowe */
.galeria-600 {width: 600px; margin: 0 -10px 15px -10px; clear: both;}
.galeria-900 {width: 900px; margin: 0 -10px 15px -310px; clear: both;}
.galeria-900 small {margin-left: 300px; clear: both;}

/* galerie z marginesami */
.marginesy {margin: 10px -41px 10px -310px; clear: both;}
.marginesy img {padding: 10px 20px 0 0; margin: 0;}

.viahorizon {border: 0; float: right; padding: 10px; filter:alpha(opacity=60);-moz-opacity:.60;opacity:.60;}
.viahorizon:hover {border: 0; filter:alpha(opacity=100);-moz-opacity:1;opacity:1;}

.navigation {clear: right; text-align: center;}

.hp-kolumna {float: left; width: 290px; margin: 5px 10px 10px 0}
.hp-kolumna div {padding: 0 10px 10px 10px; border-bottom: 3px solid #bcd3e4; margin-bottom: 10px;}
.hp-kolumna h1, .hp-kolumna h2, .hp-kolumna h3 {border: none; margin-left: 0; padding-left: 0; padding-bottom:0; margin-bottom: 3;}
.hp-kolumna img {margin: 0 -10px 0 -10px;}