/*
 Theme Name: Dysputy Nawarryjskie
 Description: Theme create for Dysputy Nawarryjskie
 Version: 0.2
 Author: Łukasz Pater (code) Szymon Tomiło (design&graphic)
 Author URI: http://nioska.com/
 */

/*KOLORY
pomarancz #f60
szary tlo #f9f9f9
Running on #453938
*/

/*//////// TOOLS ///////////*/
.hidden {
    /*ukrywanie*/
    /* wyciągamy element z biegu dokumentu, by nie zajmował miejsca i zaczynamy pozycjonowanie*/
    position: absolute;
    /* wysyłamy go poza krawędź ekranu*/
    left: -10000px;
    /* niektóre dziwaczne przeglądarki muszą mieć podaną parę koordynatów by przesunąć element stąd: */
    top: auto;
    /* dodatkowe zabezpieczenie przed posiadaczami olbrzymich rozdzielczości i przypadków, kiedy pozycjonowanie na skutek zbiegu warunków nie wyjdzie*/
    width: 1px;
    height: 1px;
    overflow: hidden;
    /*end ukrywanie*/
}

/*blokowanie lamania wiersza*/
.nowrap {
    white-space: nowrap;
}

.clear-fix {
    clear: both;
}

#helper {
	position:absolute;
	top:261px; 
    width: 100%;
    height: 1500px;
    background-image: url(home.png);
    background-repeat: no-repeat;
    z-index: 10;
    opacity: 0.5;
}

/*//////// GENERAL ////////*/

html {
    overflow-y: scroll;
}

body {
    font-family: Georgia;
    font-size: 14px;
    background-image: url(img/dysputy_back.png);
    background-repeat: no-repeat;
    background-position: 5px 38px;;
    background-color: #f9f9f9;
    margin:0;
    /*  background: url(oferta.jpg) no-repeat top center;*/
    /*  background: url(home.png) no-repeat top center;*/
}

a {
	color:#f60;
    text-decoration: none;
}

a:hover{
	text-decoration:underline;
}

a:focus{
	border: none;
	outline: none;
	
}

button:hover {
    cursor: pointer;
}

textarea, input {
	font-family:inherit;
	font-size:inherit;
}

/*//////// CONTAINERS ////////*/

#container {
    position: relative;
	margin:0;
    padding-left: 25px;
    border-left: 4px solid #000;
    width: 893px;
}

/*/////// NAVIGATION ///////*/

.nav-decoration {
    position: absolute;
    top: 29px;
    left: 37px;
    height: 24px;
    width: 33px;
    background-color: #f60;
}

.menu, #qtranslate-chooser{
    list-style: none;
	margin: 0;
	padding:0;
	
}

.menu a, #qtranslate-chooser a {
	display: inline-block;
    padding: 5px 14px 0px;
	margin:0;
    height: 19px;
    text-transform: uppercase;
    font-size: 12px;
	background-color: #000;
	color:#fff;
	
}

#qtranslate-chooser li.active a, .menu li.active a{
	background-color:#f60;
}

.menu a:hover, #qtranslate-chooser a:hover{
	background-color:#f60;
	text-decoration:none;
	}

#nav li {
 float:left;
 margin-right:2px;
}

#nav {
    padding: 29px 0 22px 47px;
	/*float:left;*/
	height:24px;
}

#qtranslate-chooser {
    position: absolute;
    right: 20px;
    top: 69px;
}

#qtranslate-chooser li{
	display:block;
	margin-bottom:2px;
}

#qtranslate-chooser li a{
	text-align:center;
	width:80px;
}


/*/////// HEADER ///////*/
#header {
    position: relative;
    height: 184px;
    border-top: dashed 2px black;
    border-bottom: 4px solid black;
}

#logo{
	position:absolute;
	top:30px;
	left:4px;
	width:289px;
	height:115px;
	background-image:url(img/logo.png);
	margin:0;
	
}

#logo a{
	display:block;
	width:289px;
	height:115px;
}

#description {
	margin:0;
    position: absolute;
    left: 317px;
    top: 72px;
    width: 370px;
	padding-left:21px;
	border-left:4px solid #000;
	line-height:20px;

}

#description em{
	font-style:normal;
	font-size:19px;
}

#description strong{
	text-decoration:underline;
	font-variant:small-caps;
	font-size:21px;
	color:#000;
}

#description a{
	text-decoration:none;
	color:#000;
}
/*//// LEFT ////*/
#left{
	float:left;
	width:200px;
}

/*//// CONTENT ////*/

#main {
    margin-top: 3px;
    border-top: solid 1px #000;
    padding-top: 40px;
}

#content {
	float:left;
    width: 650px;
}

/*aktualnosci, wydarzenia etc*/
.section > h2:first-child{
	font-size:15px;
	text-transform:capitalize;
	font-variant:small-caps;
	color:#f60;
	padding-left:12px;
    padding-bottom:3px;
	border-bottom: 3px solid #000;
	margin: 0 0 42px 0;
	
}

.search div#content > div {
	margin-bottom:22px;
	border-bottom: 2px solid #000;
}

.search div#content > div:last-child {
	border-bottom: none;
}

div.post, div.page{
	padding:0px 0px 22px 13px;
	margin-bottom:22px;
	border-bottom: 2px solid #000;
}

.post:last-child, div.page:last-child{
	border-bottom: none;
}

.post h1{
	text-transform:uppercase;
	margin:0px;
}

.post h1:before, .post h1:after{
	content: '"';
}

.post p{
	margin:0;
}



/*naglowek informacji*/
h1{
	display:inline;
	font-size:16px;
}

h1 a{
	color:#000;
}

.data{
	color:#f60;
	font-size:11px;
}


.post p{
	line-height:1.4em;
}

.more-link{
	padding-left:3px;
}

.more-link:hover{
	padding-left:8px;
	text-decoration:none;
}

/*KOMENTARZE*/
#comment-wrapper h2, #commentform-wrapper h2{
	font-size:18px;
	font-weight:normal;
	
}
#comment-wrapper{
	border-bottom:2px solid #000;

}
h2#comments{
	margin-bottom:20px;
}

#commentlist{
	padding:0;
	list-style:none;
}

.comment-number{
	font-size:24px;
	font-weight:bold;
}

#commentlist li{
	position:relative;
	border-top:1px solid #000;
	padding-left:100px;
	padding-top:30px;
	overflow:auto;
	display:block;
	min-height:100px;
}

#commentlist li p{
	
	width:90%;
	float:right;
}

#commentlist li .comment-meta{
	
	width:118px;
	position:absolute;
	left:0px;
	text-align:right;
}

h2#postcomment{
	border-bottom:1px solid #000;
	padding-bottom:20px;
}

#commentform-wrapper input{
	margin-right:5px;
}

#commentform-wrapper textarea{
	height:100px;
	width:97%;
}

#commentform-wrapper button{
	float:right;
	margin-right:12px;
}

#commentform-wrapper{
	border:none;
}

/*SIDEBAR*/

#sidebar{
	float:right;
	width:213px;
}

#wydarzenia{
	list-style:none;
	margin:0;
	padding:0;
	
}

#wydarzenia .data{
	font-size:16px;
	font-weight:bold;
}

#wydarzenia li{
	border-bottom:2px solid #000;
	padding: 10px 10px;
}

#wydarzenia li:first-child{
	padding: 0px 10px 10px;
}

#wydarzenia .data:hover{
	text-decoration:underline;
}

#wydarzenia a{
	color:#000;
}

#wydarzenia a:hover{
	text-decoration:none;
}

#next{
	display:block;
	width:100%;
	margin-top:51px;
	background-repeat: no-repeat;
	height: 300px;
}

#next h2{
	margin:0;
}

#logo_next{
	display:block;
	width:100%;
	height:96px;
	background-image:url(img/logo_next.png);
	background-repeat: no-repeat;
	background-position:0px 0px;
	border-bottom: 2px solid #000;
}

#countdown-list{
	list-style:none;
	text-transform:uppercase;
	font-weight:bold;
	padding:0;
	margin:0;
	font-size:16px;
}

#countdown-list li{
	text-align:center;
	border-bottom:2px solid black;
	padding: 5px 0;
	}
	
#countdown-list li:last-child{
	border-bottom:none;
	}

#countdown-list .number{
	font-size:20px;
	color:#f60;
}
/*licznik nieczynny*/
#countdown p{
	text-transform:uppercase;
	font-weight:bold;
	padding: 5px 0;
	text-align:center;
	font-size:20px;
}

/*kontakt*/

#contact{
	
	margin-top:50px;
	width:100%;
}

#contact > div{
	width:500px;
}

#contact h3{
	padding-top:10px;
	padding-bottom:10px;
	margin-bottom:5px;
	border-bottom:2px solid #000;
}

/*organizatorzy*/
#org{
	position:relative;
	height:450px;
	width:100%;
	margin-top:50px;
}

.org-logo{
	height:74px;
	background-repeat:no-repeat;
	background-position:top left;
	padding-top:15px;
	float:left;
	margin-right:15px;
	font-size:12px;
}

#navarra-logo{
	background-image:url(img/Nawarra.png);
	padding-left:180px;

	
}
#biskup-logo{
	background-image:url(img/biskup.png);
	padding-left:66px;
}

#umk-logo{
	background-image:url(img/umk.png);
	padding-left:73px;
	
}

#prezydent-logo{
	background-image:url(img/herb_torun.png);
	padding-left:62px;
	margin-left:2px;
	padding-top:20px;
}

#marszalek-logo{
	background-image:url(img/marszalek.png);
	padding-left:62px;	
	margin-left:163px;
}

#szafarnia-logo{
	background-image:url(img/szafarnia.png);
		height:74px;
	background-repeat:no-repeat;
	background-position:top left;
	clear:both;
	width:170px;
	float:left;	
	margin-top:30px;
}

#amicus-logo{
	background-image:url(img/amicus.jpg);
	height:45px;
	background-repeat:no-repeat;
	background-position:top left;
	font-size:12px;
	width:170px;	
	margin-top:40px;
	float:left;
}



#dysputy-org{
	position:absolute;
	display:block;
	bottom: 30px;
	height:60px;
	width:210px;
	background-image: url(img/logo_footer.png);
	background-repeat:no-repeat;
	background-position:bottom left;
}

#wordpress-logo{
	font-size:10px;
	color:#000;
	position:absolute;
	bottom: 30px;
	right: 220px;
	height:15px;
	width:145px;
	background-image: url(img/wordpress.png);
	background-repeat:no-repeat;
	background-position:bottom right;
	padding-top:15px;
}

#madeby{
	position:absolute;
	font-size:10px;
	text-transform:uppercase;
	bottom: 32px;
	right: 5px;
}

#madeby a{
	font-size:11px;
	}

/*//////// FORMS ////////*/

/*Search*/

#searchform{
	position: absolute;
    top: 29px;
    right: 0px;
	border-left:2px solid #000;
}

#s{
	background-color:#fff;
	color:#f60;
	font-size:12px;
	border: none;
	margin-left:5px;
	padding: 5px 25px 0 5px;;
	height:19px; 
	width:125px;
}

#searchform label{
	display:none;
	
}

#searchsubmit{
	position:absolute;
	top:0px;
	right:0px;
	background-color:white;
	background-image: url(img/loop.png);
	background-position: 4px 3px;
	background-repeat:no-repeat;
	border:none;
	height:24px;
	width:24px;
	padding:0;
	
}

input[type='text'], textarea{
	border:1px solid #000;
	background-color:#fff;
	padding-top:4px;
	padding-left:5px;
	margin:0;
}

input[type='text']{
	height:19px;
}

input[type='text']:focus, textarea:focus{
	border:1px solid #f60;
	
}

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

button{
	margin:0;
	font-weight:bold;
	background-color:#f60;
	height:29px;
	border:0;
	padding:5px;
	color:#fff;
	font-variant:small-caps;
	font-family: Georgia;
    font-size: 14px;
	vertical-align:middle;
}

button:hover{
	background-color:#000;
}

#contact div{
	border:none;
}

#contact input.text{
	width:155px;
	margin-top:3px;
}

#contact label:before, #commentform-wrapper label:before{
	content:url(img/star.png)'\00a0';
	color:#f60;
	font-family:Georgia;
}

#name{
	width:160px;
	float:left;
}

#contact #fName{
	margin-bottom:17px;
}


#message{
	width:300px;
	float:right;
}


#contact textarea{
	width:293px;
	height:83px;
	margin-top:3px;
}


#contact button{
	clear:both;
	
	margin-top:10px;
	float:right;
	
}