@charset "utf-8";
/* CSS Document */
*{
  margin: 0px;
  padding: 0px;
  border: 0px;
}

a {
   outline: none;
}

body{
  background-color:#ba9d72;
  background-image:url('../images/bg.jpg');
  background-repeat:repeat-x;
  font-family:Arial, Helvetica, sans-serif;
  font-size: 12px;
  line-height:15.72px;
  color:#000000;
}

a{
  color:#ba9d72;
  text-decoration:none;
}
a:hover{
  color:#FFFFFF;
}

ul{
  list-style-type:none;
}

.clear{
  clear: right;
}

/* ===================== */
/*      Górny panel      */
/* ===================== */
#header{
  display:block;

  width: 940px;
  height:79px;
  margin: 0 auto;

  background-image:url('../images/header_bg.jpg');
  background-position:right;
  background-repeat:no-repeat;
}

#header ul{
  width: 375px;
  float: right;
  margin-top:15px;
}

#header li{
  float: right;
  margin-right:10px;
}

#header img{
  float: left;
}

/* ================= */
/*      Obrazek      */
/* ================= */
#picture{
  display: block;

  width: 940px;
  height: 401px;
  margin: 0 auto;

  background-image:url('../images/picture.jpg');
  background-position:right;
  background-repeat:no-repeat;
}

/* =================== */
/*      Zawartość      */
/* =================== */
#content{
  display: block;
  width: 100%;

  position: absolute;
  top: +480px;
  /*
  dla zakrytego górnego obrazka nalezy zmienić na:
  top: +85px;
  dla niezakrytego natomiast:
  top: +480px;
  */
  background-image:url('../images/bg_content.gif');
  background-repeat:repeat-x;
  background-color:#ba9d72;
}
/* ----------------- */
/*      Środek       */
/* ----------------- */
#middle{
  display: block;
  width: 940px;
  margin-left: auto;
  margin-right: auto;
}

/* ===== Wyszukiwarka ===== */
#roll{
	float:left;
	width:81px;
	height:24px;

	background-image:url('../images/roll_bg.gif');
	background-repeat:no-repeat;

	margin-top: 10px;
	margin-right: 20px;

	padding-top:5px;
	border: 0px;
}
#roll a.txt{
	padding-left:7px;
	float: left;
	color:#FFFFFF;
}
#roll a.img{
	float: right;
	padding-right: 12px;
}

#search{
	display: block;
	width: 401px;
	height:40px;
	float: right;
	position:relative;
	top: -39px;
	background-image:url('../images/search.gif');
	background-repeat:no-repeat;
	padding-left: 10px;
}
#search label{
	float:left;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:14px;
	margin-top: 13px;
	margin-right: 7px;
	height: 16px;
}
.input{
  margin-top:10px;
  background-image:url('../images/search_bg.gif');
  background-repeat:no-repeat;
  width: 187px;
  height: 22px;
  float:left;
  border: 0px;
  font-size: 15px;
  font-family:Verdana, Arial, Helvetica, sans-serif;
  color: #FFFFFF;
  padding-top:2px;
  padding-left:4px;
  padding-right:4px;
}


#search img.search{
  float:right;
  padding-right: 11px;
  margin-top: 7px;
}

/* ===== Lewa kolumna ===== */
#column_left{
  display:block;
  float: left;
  position:relative;
  overflow:hidden;
  top:+1px;
  width: 230px;
}

/* ----- Menu ----- */
#menu1{
  margin-top:30px;
  display:block;
  width:220px;
  height:111px;
  background-image:url('../images/menu1_bg.jpg');
  background-repeat:no-repeat;
}

#menu2{
  margin-top:30px;
  display:block;
  width:220px;
  height:161px;
  background-image:url('../images/menu2_bg.jpg');
  background-repeat:no-repeat;
}

.menu li{
  float:left;
  line-height:52px;
  padding-left:11px;
  width:95%;
}
.menu a img{
  padding-top:12px;
  padding-right:11px;
  float:right;
}

.menu  a:hover.txt{
  border-bottom: 1px;
  border-bottom-width: 1px;
  border-style: dashed;
  padding-bottom:4px;
}

/* ===== Prawa kolumna ===== */
#column_right{
  display:block;
  overflow:hidden;
  float: right;
	min-height:500px	;
  /* co z tym zrobić ?! */
  position:relative;
  top:-39px;
  width: 700px;
  padding-top: 30px;
  margin-bottom: -39px;
}
div.header{
	display: block;
	position: relative;
	height: 20px;
	background-image:url('../images/b_top.gif');
	background-repeat:no-repeat;
	padding-left:10px;
	padding-top:10px;
}
div.header h1{
	font-size:18px;
	font-weight: normal;
	color: #6d3e19;
	padding-bottom: 5px;
}
/* ----- Dowolna zawartość ----- */
div.other{
	display: block;
	position: relative;
	width: 700px;
	margin-bottom:15px;
	color:#000000;
	background-image:url('../images/other_bg.gif');
	background-repeat:repeat-y;
}
div.other .content{
	background-image:url('../images/other_top.gif');
	background-repeat:no-repeat;
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 20px;
	padding-bottom:10px;
}
div.other .bottom{
	height: 12px;
	background-image:url('../images/other_bottom.gif');
	background-repeat:no-repeat;
	background-position:bottom;
}
/* ----- Dodawanie wpisów ----- */
#add{
	display: block;
	position: relative;

	width: 700px;
	height: 551px;

	margin-bottom:15px;
	color:#000000;

	background-image:url('../images/add_form.gif');
	background-repeat:no-repeat;

	padding-left:25px;
	padding-top:30px;
}
#add li{
	height: 40px;
}
#add li.large{
	height: 370px;
}
#add #mail {
    display:none;
}
#add label{
	float:left;
	width:125px;
	height:24px;
	padding-top:5px;
}

#add input{
	background-repeat:no-repeat;
	border: 0px;

	font-size: 15px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color: #FFFFFF;

	padding-top:2px;
	padding-left:4px;
	padding-right:4px;
}
#add input.user{
	width: 187px;
	height: 22px;

	background-image:url('../images/add_input1.gif');
}
#add input.place{
	width: 187px;
	height: 22px;

	background-image:url('../images/add_input1.gif');
}
#add input.title{
	width: 492px;
	height: 22px;

	background-image:url('../images/add_input2.gif');
}
#add textarea.quote{
	width: 500px;
	height: 350px;
}
#add img{
	margin-left: 125px;
}
/* ----- Przeglądanie wpisów ----- */
#browse{
	display: block;
	position: relative;
	width: 700px;
	margin-bottom:15px;
	background-image:url('../images/b_bg.gif');
	background-repeat:repeat-y;
	color:#000000;
}

#browse .view{
	display: block;
	position: relative;
	height:63px;
	background-image:url('../images/b_view.jpg');
	background-repeat:no-repeat;
}
#browse .view a.txt{
	color:#000000;
	margin-left:5px;
	padding-bottom: 5px;
}
#browse .view a:hover.txt{
	border-bottom: 1px;
	border-bottom-width: 1px;
	border-style: dotted;
	padding-bottom:4px;
}
#browse .view img{
	margin-left: 8px;
}
#browse .view li{
	height: 20px;
	margin-top:30px;
	float:left;
}
#browse .view ul.view_r{
	float:right;
	padding-right: 380px;
}
#browse .view ul.view_l{
	padding-left:5px;
	float: left;
}

#browse .dates{
	height:108px;
	position: relative;
	background-image:url('../images/b_dates.jpg');
	background-repeat:no-repeat;
	margin-bottom: 10px;
}
#browse .dates ul{
	margin-top:4px;
	margin-bottom: 10px;
	float:left;
}
#browse .dates li{
  display: block;
}
#browse .dates a{
	display: block;
	width:150px;
	height:17px;
	padding-top: 3px;
	padding-left: 10px;
	margin-top: 10px;
	margin-left:10px;
	color:#000000;
}
#browse .dates a:hover{
	color:#FFFFFF;
	background-image:url('../images/b_date.gif');
}

#browse .all{
	display: block;
	position: relative;
	clear: both;
	height:91px;
	background-image:url('../images/b_all.gif');
	background-repeat:no-repeat;
	padding-right: 25px;
}
#browse .all a{
	margin-top:21px;
	float:right;
}
/* ----- Powitanie ----- */
#welcome{
  display:block;
  width: 700px;
  height:220px;
  background-image:url('../images/welcome_bg.jpg');
  background-repeat:no-repeat;
  padding-left: 20px;
  padding-top: 20px;
  /*margin-bottom: -60px;*/
}
#welcome h1{
  color:#FFFFFF;
  margin-bottom:10px;
  font-size:24px;
  line-height:31.44px
}
#welcome p{
  color:#ddc18e;
  width:490px;
}

/* ----- Stronicowanie ----- */
div.pagination{
  display:block;
  position: relative;
  height:39px;
  margin: 0px;
  margin-bottom:15px;
  text-align:center;
}
div.pagination ul{
  background-image:url('../images/p_bg.gif');
  background-repeat:repeat-x;
  margin: 0px;
  padding: 0px;
}
div.pagination li{
  display: block;
  float: left;
}
/*
div.pagination img{
  float:left;
}
*/
div.pagination a {
  padding: 5px;
  margin: 5px;
  border: 1px solid #B08E5A;
  background-color: #C1A782;
  color:#945420;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;

}
div.pagination a:hover {
  border: 1px solid #AF9A77;
  background-color: #D3BA96;
  color:#755E3C;
}
div.pagination img {
  margin-top:5px;
}
span.current {
  padding: 5px;
  margin: 5px;
  border: 1px solid #AF9A77;
  background-color: #D3BA96;
  color:#755E3C;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
}
span.disabled {
  padding: 5px;
  margin: 5px;
  border: 1px solid #A78656;
  background-color: #BA9D72;
  color:#755E3C;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
}
div.pagination .text a{
  background-image:url('../images/p_bg.gif');
  background-repeat:repeat-x;
  width: 10px;
  height:27px;
  padding-top: 12px;
  padding-left:5px;
  padding-right:5px;
  float: left;
  color:#000000;
  font-size:14px;
}
div.pagination .text a:hover{
  background-image:url('../images/p_bg_light.gif');
}

/* ----- Cytat ----- */
div.quote{
  display:block;
  width: 700px;
  background-image:url('../images/quote_bg.gif');
  background-repeat:repeat-y;
  margin-bottom:15px;
}
div.quote h2{
  display:block;
  width: 700px;
  height: 25px;
  padding-left:20px;
  padding-top:15px;
  padding-bottom: 5px;
  background-image:url('../images/quote_top.gif');
  background-repeat: no-repeat;
  background-position:left;
}
div.quote h2 a {
  color:#50290A;
}
div.quote h2 a:hover {
  color:#000;
}
div.quote h2 a:visited {
  color:#937950;
}
div.quote h2 small {
  font-size:12px;
  color:#512A0B;
}
div.quote p{
  margin-left:20px;
  margin-top:10px;
  margin-bottom:15px;
  color:#2d1604;
}
div.quote .separator{
  margin-top: 5px;
  margin-bottom: 5px;
}
/* Info o autorze cytatu */
div.quote .info{
  color: #785225;
}
div.quote .info img{
  margin-left:10px;
  margin-right:10px;
  vertical-align:middle;
}
/* Menu cytatu */
div.quote_menu{
  display: block;
  width: 700px;
  height: 60px;
  background-image:url('../images/quote_menu_bg.gif');
  background-repeat:no-repeat;
}
.quote_menu a {
	color:#1F160F;
}
.quote_menu a:hover {
	color:#4F412C;
}
/* Menu cytatu - część lewa*/
.quote_menu_left{
  float:left;
  width: 215px;
  height: 60px;
  overflow:hidden;
  line-height: 60px;
  margin-left:10px;
}
.quote_menu_left li{
  float:left;
  padding-left:10px;
}
.quote_menu_left img{
  float:left;
}
/* Menu cytatu - część prawa*/
.quote_menu_right{
  float:right;
  margin-right:10px;
  height: 60px;
  overflow: hidden;
  width:350px;
}
.quote_menu_right li{
  float:right;
  padding-right:10px;
}
/* Captcha */
 .recaptchatable .recaptcha_image_cell, #recaptcha_table {
   background-color:#CEB586 !important; //reCaptcha widget background color
 }

/* ----------------- */
/*      Stopka       */
/* ----------------- */
#footer{
  display:block;
  width:100%;
  height:83px;
  background-image:url('../images/footer_bg.gif');
  background-repeat:repeat-x;
}
#footer_menu{
  width: 700px;
  height:83px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 240px;
}
#footer_menu p{
  color:#000000;
  padding-top:22px;
}
.footer_column{
  display: block;
  height: 83px;
  float:left;
  margin-right:20px;
}
.footer_column ul{
  padding-top:20px;
}
.footer_column a{
  color:#765023;
  line-height:22px;
}
.footer_column a:hover{
  color:#000000;
  border-bottom: 1px;
  border-bottom-width: 1px;
  border-style: dotted;
  padding-bottom:4px;
}
.footer_column img{
  margin-top:25px;
  float:left;
}
.add-to-social img {
}
.add-to-social a {
	position:absolute;
	top:10px;
	right: 10px;
	color:#2F2420;
}

.add-to-social a:hover {
	color:#BA9D72	;
}
#cop-footer {
	width: 200px;
	float:left;
	margin-top:2px;
}
#cop-footer img {
	margin-top:20px;
}
hr {border:0;border-top: 1px dashed #532A0A; background-color:none;margin:3px; }

.embed {
	padding: 10px;
}

.form input, .form textarea {
	border:1px solid #532A0A;
	padding:3px;
}
.form {margin-bottom:10px;padding:2px;}
.fan_box a, .fan_box {color: #50290A;}
#badges {margin-left:-30px;text-align:center;position:relative;}
.blip, .twitter, .nk {margin-right:-20px;}
.blip a, .twitter a, .nk a {color:#1F1F1F; font-family:"lucida grande",tahoma,verdana,arial,sans-serif; font-weight:bold;font-size:11px;}
#follow-twitter {background: url('/images/obserwuj_twitter.jpg') top center no-repeat; height:23px; width:213px; padding-left:15px;padding-top:3px;margin-left:30px;margin-bottom:20px;}
#follow-blip {background: url('/images/obserwuj_blip.jpg') top center no-repeat; height:23px; width:213px; padding-left:15px;padding-top:3px;margin-left:30px;}
#follow-nk {background: url('/images/obserwuj_nasza_klasa.jpg') top center no-repeat; height:23px; width:213px; padding-left:10px;padding-top:3px;margin-left:32px;margin-top:20px;}

#badges {margin-top:10px;}