/*
Theme Name: Dwa Susy
Theme URI: http://dwasusy.pl/
Description: Skórka serwisu <a href="http://www.dwasusy.pl">Dwa Susy</a>.
Version: 1.0
Author: Edward Luska
Author URI: http://nabi.pl/
*/




/* -------------------- Main settings -------------------- */

* {
  padding: 0;
  margin: 0;
}

h1, h2, h3, h4, h5, h6, p, blockquote, form, label, ul, ol, dl, fieldset, address {
  margin-bottom: 1em;
}

html, body {
  height: 100%;
}

body {
  color: #77664d;
  background: #5d5145 url(images/main/bck_body.gif) center top no-repeat;
  font-family: "Trebuchet MS", tahoma, verdana, arial, sans-serif;
  padding: 0;
  margin: 0;
  font-size: 11px;
}

img {
  border: 0;
}

.aligncenter {
	text-align: center;
}

.invisible {
  display: none;
}

.center {
  text-align: center;
}

.right {
  text-align: right;
}

.clear {
  clear: both;
}

/* -------------------- Layout -------------------- */

#wrapper {
  width: 791px;
  margin: 0 auto;
  padding: 0;
  background: url(images/main/bck_wrapper.gif) center repeat-y;
}

#header {
  width: 791px;
  height: 240px;
  margin: 0 auto;
}

#inner {
  width: 783px;
  min-height: 68px;
  margin: 0 auto;
  background: url(images/main/bck_inner.gif) top no-repeat;
}

#content {
  width: 482px;
  width /**/: 491px;
  margin: 0 0 0 10px;
  margin /**/: 0 0 0 21px;
  float: left;
}

#sidebar {
  width: 262px;
  width /**/: 263px;
  margin: 0;
  float: left;
}

#footer {
  clear: both;
  width: 767px;
  height: 31px;
  padding: 20px 0 0 0;
  margin: 0 auto 0 auto;
  background: url(images/main/bck_footer.gif) center bottom no-repeat;
}

/* -------------------- Header -------------------- */


/* -------------------- Content -------------------- */

#content h2 {
  margin: 0 0 0 5px;
  font-size: 24px;
  line-height: 24px;
  text-transform: uppercase;
  font-weight: normal;
  color: #af6758;
}

#content h2 a,
#content h2 a:link,
#content h2 a:visited {
  font-size: 24px;
  line-height: 24px;
  text-transform: uppercase;
  font-weight: normal;
  color: #af6758;
  text-decoration: none;
  background: transparent;
  padding: 0 0 0 12px;
}

#content h2 a:hover,
#content h2 a:active {
  text-decoration: underline;
  background: transparent url(images/main/bck_title.gif) 0 5px no-repeat;
  background /**/: transparent url(images/main/bck_title.gif) 0 3px no-repeat;
}

#content h5 {
  font-size: 11px;
  color: #b26d5e;
  margin: 0 0 6px 19px;
}

#content h6 {
  width: 442px;
  width /**/: 451px;
  height: 20px;
  background: transparent url(images/main/post_separator.gif) no-repeat;
  padding: 5px 0 0 0;
  margin: 15px 0 20px 8px;
}

#content h6 a,
#content h6 a:link,
#content h6 a:visited {
  font-size: 11px;
  text-decoration: none;
  width: 17px;
  height: 11px;
  color: #f8f1e3;
  padding: 0 0 0 16px;
  margin: 0 0 0 402px;
  background: transparent url(images/main/bck_comment_icon.gif) left 1px no-repeat;
}

#content h6 a:hover,
#content h6 a:active {
  color: #af6758;
  background: transparent url(images/main/bck_comment_icon.gif) left 1px no-repeat;
}

#content p {
  width: 429px;
  margin: 0 0 5px 8px;
  padding: 0 34px 0 11px;
  padding /**/: 0 51px 0 11px;
}

#content p.edit {
  margin: 15px 0 -36px 8px;
  padding: 0 34px 0 11px;
}

#content p.sub {
  font-size: 10px;
  width: 395px;
  margin: 10px 0 0 8px;
  padding: 5px 34px 5px 11px;
  padding /**/: 5px 51px 5px 11px;
  border-top: 1px #c7b194 dashed;
  border-bottom: 1px #c7b194 dashed;
}

#content a,
#content a:link,
#content a:visited {
  padding: 0 4px;
  text-decoration: none;
  color: #f8f1e3;
  background: #af6758;

  color: #c7b194;
  background: transparent;
  text-decoration: underline;
}

#content a:hover,
#content a:active {
  color: #f8f1e3;
  background: #c7b194;

  color: #c7b194;
  background: transparent;
  text-decoration: underline;
}

#content a.imagelink,
#content a.imagelink:link,
#content a.imagelink:visited {
  text-decoration: none;
  background: transparent;
  padding: 0;
}

#content a.imagelink:hover,
#content a.imagelink:active {
  background: transparent;
}

#content a img {
  display: inline;
  margin: 0 5px 5px 0;
}

#content p.edit a,
#content p.edit a:link,
#content p.edit a:visited {
  background: #c7b194;
}

#content p.edit a:hover,
#content p.edit a:active {
  background: #af6758;
}

#content p.sub a,
#content p.sub a:link,
#content p.sub a:visited {
  text-decoration: none;
  color: #af6758;
  background: transparent;
  padding: 0;
}

#content p.sub a:hover,
#content p.sub a:active {
  color: #af6758;
  background: transparent;
  text-decoration: underline;
}

#content ul#navi {
  list-style: none;
  margin: 0 0 0 11px;
}

#content ul#navi #prevPage {
  display: block;
  width: 85px;
  height: 20px;
  margin: 0 114px 0 0;
  margin /**/: 0 122px 0 0;
  float: left;
}

#content ul#navi #prevPage a {
  display: block;
  width: 85px;
  height: 20px;
  background: transparent url(images/main/btn_prev_page.gif) no-repeat;
}

#content ul#navi #prevPage a:hover {
  background: transparent url(images/main/btn_prev_page.gif) 0 -20px no-repeat;
}

#content ul#navi #up {
  display: block;
  width: 33px;
  height: 20px;
  margin: 0 123px 0 0;
  margin /**/: 0 133px 0 0;
  float: left;
}

#content ul#navi #up a {
  display: block;
  width: 33px;
  height: 20px;
  background: transparent url(images/main/btn_up.gif) no-repeat;
}

#content ul#navi #up a:hover {
  background: transparent url(images/main/btn_up.gif) 0 -20px no-repeat;
}

#content ul#navi #nextPage {
  display: block;
  width: 75px;
  height: 20px;
  float: left;
}

#content ul#navi #nextPage a {
  display: block;
  width: 75px;
  height: 20px;
  background: transparent url(images/main/btn_next_page.gif) no-repeat;
}

#content ul#navi #nextPage a:hover {
  background: transparent url(images/main/btn_next_page.gif) 0 -20px no-repeat;
}

#content input,
#content textarea {
  border: 1px #c7b194 solid;
  font-size: 11px;
  color: #888;
  font-family: "Trebuchet MS", tahoma, verdana, arial, sans-serif;
  padding: 0 2px;
}

#content #submit {
  color: #f8f1e3;
  background: #c8b396;
  border: 1px #c7b194 solid;
}

#content #submit:hover {
  color: #f8f1e3;
  background: #af6758;
  border: 1px #af6758 solid;
}

/* -------------------- Comments -------------------- */

#comments {
  padding: 40px 0 0 0;
}

#comments h3 {
  width: 395px;
  font-size: 11px;
  color: #b26d5e;
  margin: 10px 0 6px 15px;
  font-weight: bold;
}

#comments h4 {
  width: 395px;
  font-size: 12px;
  color: #b26d5e;
  margin: 0 0 0 7px;
  font-weight: bold;
}

#comments .comment {
  border-bottom: 1px #c7b194 dashed;
  width: 395px;
  margin: 10px 0 0 8px;
  padding: 5px 34px 5px 0;
  padding /**/: 5px 51px 5px 0;
}

#comments p {
  width: 395px;
  margin: 0;
  padding: 0 0 0 7px;
  padding /**/: 0 0 0 7px;
}

#comments a,
#comments a:link,
#comments a:visited {
  text-decoration: none;
  color: #af6758;
  background: transparent;
  padding: 0;
}

#comments a:hover,
#comments a:active {
  color: #af6758;
  background: transparent;
  text-decoration: underline;
}

#comments form {
  padding: 0 0 0 8px;
}

#comments label {
  padding: 0 0 0 5px;
}

#comments form p {
  margin: 0 0 4px 0;
  padding: 0 34px 0 7px;
  padding /**/: 0 51px 0 7px;
}

/* -------------------- Sidebar -------------------- */

#sidebar h3 {
  width: 262px;
  width /**/: 263px;
  height: 30px;
  margin: 0 0 10px 8px;
}

#sidebar #menu {
  background: transparent url(images/main/bck_menu.gif) no-repeat;
}

#sidebar #categories {
  background: transparent url(images/main/bck_kategorie.gif) no-repeat;
}

#sidebar #archive {
  background: transparent url(images/main/bck_archiwum.gif) no-repeat;
}

#sidebar #links {
  background: transparent url(images/main/bck_linki.gif) no-repeat;
}

#sidebar ul {
  list-style: none;
  margin: 0 0 15px 0;
}

#sidebar ul li {
  display: inline;
}

#sidebar ul li h2 {
  font-size: 12px;
  display: block;
  width: 230px;
  height: 18px;
  color: #8b5b51;
  text-decoration: none;
  padding: 1px 0 0 24px;
  margin: 0 0 0 9px;
}

#sidebar ul li a,
#sidebar ul li a:link,
#sidebar ul li a:visited {
  display: block;
  width: 230px;
  height: 18px;
  color: #8b5b51;
  text-decoration: none;
  padding: 1px 0 0 24px;
  margin: 0 0 0 9px;
}

#sidebar ul li a:hover,
#sidebar ul li a:active {
  color: #f8f1e3;
  text-decoration: none;
  background: transparent url(images/main/bck_sidebar_hover.gif) no-repeat;
}

#sidebar #agnar {
  display: block;
  width: 74px;
  height: 74px;
  margin: 30px auto 10px auto;
  background: url(images/main/logo_agnar.gif) no-repeat;
}

#sidebar #agnar:hover {
  background-position: 0 -84px;
}

/* -------------------- Footer -------------------- */

#footer a#copyright {
  display: block;
  float: left;
  width: 120px;
  height: 11px;
  background: transparent url(images/main/ftr_copyright.gif) no-repeat;
  margin: 12px 0 0 32px;
}

#footer #author {
  display: block;
  float: left;
  width: 81px;
  height: 11px;
  background: transparent url(images/main/ftr_site_design.gif) no-repeat;
  margin: 12px 0 0 328px;
  margin /**/: 12px 0 0 504px;
}


/* -------------------- Lightbox -------------------- */

#lightbox{
	background-color:#eee;
	padding: 10px;
	border-bottom: 2px solid #666;
	border-right: 2px solid #666;
	}
#lightboxDetails{
	font-size: 0.8em;
	padding-top: 0.4em;
	}
#lightboxCaption{ float: left; }
#keyboardMsg{ float: right; }
#closeButton{ top: 5px; right: 5px; }

#lightbox img{ border: none; clear: both;}
#overlay img{ border: none; }

#overlay{ background-image: url(images/lightbox/overlay.png); }

* html #overlay{
	background-color: #333;
	back\ground-color: transparent;
	background-image: url(images/lightbox/blank.gif);
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="overlay.png", sizingMethod="scale");
	}