/*  

Theme Name: karpatykrosno.net

Description: Szablon w kolorach klubowu Karpaty Krosno (niebiesko-biały). Utworzony przez <a href="http://www.naszastrona.org/">Optima - projektowanie stron www</a>.

Author: Optima s.c.

Author URI: http://www.naszastrona.org/

Version: 1.0



*/



/* Defaults */



* {

  margin: 0;

  padding: 0;

  }



h1, h2, h3, h4, h5, h6, p {

  margin: 0;

  padding: 10px 0;

  }



h1, h2, h3, h4, h5, h6 {

  font-family: Verdana;

  }



hr {

  color: #333;

  border: 1px solid #121212;

  }



pre {

  height: auto; 

  overflow-x:scroll;

  }



fieldset {

  margin: 0;

  padding: 0; 

  border: 0;

  }



dd {

  padding-left: 15px;

  }





p {

  font-size: 9pt;

  }



a {

  color: #6598b8;

  text-decoration: none;

  }



a:hover {

  color: #222;

  text-decoration: none;

  }



a img {

  border: none;  

  }



blockquote {

  background: #070707;

  border: 1px solid #060606;

  padding: 5px 15px;

  margin: 10px 10px 5px 15px;

  font-style: italic;

  color: #fff;

  }



code {

  color: #3366cc;

  font-style: italic;

  }



strong {

  font-size: 110%;

  }

small{

	font-size: 8px;

}



body {

  text-align: center;

  margin: 0;

  padding: 0 0 15px 0;

  font-family: trebuchet ms, arial, helvetica, sans-serif;

  background: #0f406e url(images/bkg_body.png) top left repeat-x;

  color:#fff;

  }





/* Header and wrapper */

#main-wrapper {

  margin: 0 auto;

  width: 1140px;

  text-align: left;

  padding: 0;

  background: transparent url(images/bkg_main.jpg) top center no-repeat;

  }



#header-wrapper {

  padding: 0;

  margin: 0 70px 0 70px;

  height: 140px;

  }



#header-wrapper #optima-logo{

	position:relative;

	top:90px;

	left:75px;

}

#header-wrapper #optima-logo a{

	display:block;

	width:250px;

	height:65px;

	background: url(images/optima_logo.png) no-repeat;

}

#header-wrapper #optima-logo a:hover{

	background: url(images/optima_logo_hover.png) no-repeat;

}



/* Menu */



#nav-wrapper {

  margin: 10px 70px 0 70px;

  padding: 0;

  clear: both;

  height: 44px;

  width: 960px;

  }



/* Top Content */



#content-wrapper {

  margin: 5px 10px 0 85px;

  width: 58%;

  padding-bottom: 5px;

  }

#content {

  float:left;

  width: 100%;

  margin: 0 0 15px 0;

  padding: 0;

  }

#content .list-wrapper{

	float:left;

	width:500px;

}

#content .pageTitle {

  margin: 15px 0 10px 0;

  font-size: 14pt;

  letter-spacing: -1px;

  color: #fff;

  font-weight: normal;

  background: url(images/bkg_trans.png) repeat;

  padding: 5px;

  }

.topPost {

  margin: 0;

  padding: 0;

  font-size: 9pt;

  }

.topPost h2.topTitle a{

  font-size: 14pt;

  font-weight: normal;

  color: #fff;

  letter-spacing: -2px;

  }

.topPost h2.topTitle a:hover {

  text-decoration: none;

  color: #ffcc00;

  }

.topPost p.topMeta {

  padding: 0;

  margin: -10px 0 0 0;

  font-size: 9pt;

  color: #cdcdcd;  

  }

.topPost p.topMeta a {

  text-decoration: underline;

  color: #fff;

  }

.topPost p.topMeta a:hover {

  color: #ccc;

  }

.topPost div.topContent {

  font-size: 9pt;

  color: #efefef;

  margin: 8px 0;

  text-align:justify;

  }

.topPost div.topContent a {

  color: #ffffff;

  }

.topPost div.topContent a:hover {

  color: #ffcc00;

  }



.topPost div.topContent ul, .topPost div.topContent ol {

  padding: 0 0 0 30px;

  list-style-position:inside;

  }

.topPost div.topContent ul li, .topPost div.topContent ol li {

  color: #eee;

  }

.topPost span.topComments, .topPost span.topMore, .topPost span.topTags {

  font-size: 9pt;

  font-style: italic;

  background: url(images/bkg_trans.png) repeat;

  padding: 5px 10px;

  margin-right: 5px;

  line-height: 27pt;

  color: #fff;

  

  }

.topPost span.linkpages {

  font-size: 9pt;

  font-style: italic;

  color: #fff;

  }

.topPost span.linkpages a:hover {

  color: #ddd;

  }

.topPost span.topComments a {

  color: #fff;

  background: url(images/comments.gif) left no-repeat;

  padding-left: 20px;

  line-height: 27pt;

  vertical-align: middle;

  }

.topPost span.topMore a {

  color: #fff;

  background: url(images/more.gif) left no-repeat;

  padding-left: 20px;

  line-height: 27pt;

  vertical-align: middle;

  }

.topPost span.topTags em {

  background: url(images/tags.gif) left no-repeat;

  padding-left: 20px;

  line-height: 27pt;

  vertical-align: middle;

  color: #0a0a0a;

  }

.topPost span.topTags a {

  color: #fff;

  line-height: 27pt;

  vertical-align: middle;

  }

.topPost span.topComments a:hover, .topPost span.topMore a:hover, .topPost span.topTags a:hover {

  color: #fff;

  text-decoration: underline;

  }



#nextprevious {

  margin: 10px 0 5px 0;

  }

#nextprevious a {

  color: #83adc8;

  text-transform: lowercase;

  text-decoration: underline;

  }

#nextprevious a:hover {

  color: #fff;

  }





/* Comments */



#comment {

  margin-bottom: 10px;

  margin-top: 15px;

  background: url(images/bkg_trans.png) repeat;

  width: 96%; /* fixes bug in IE7 where putting focus on the text makes it disappear behind the background. yeah, weird. they call it a dimensional bug. */

  padding: 5px 2% 10px 2%;

  color: #fff;

  border-radius:3px;

  -moz-border-radius:3px;

  -webkit-border-radius:3px;

  

  }

#comment h3 {

  font-size: 10pt;

  font-weight: normal;

  color: #fff;

  margin: 15px 0;

  padding: 0;

  }

#comment p a {

  color: #6598b8;

  }

#comment p a:hover {

  color: #fff;

  }

#comment p {

  padding:0;

  margin: 7px 0;

  }

#comment input[type=text], #comment textarea, input.input{

	background:transparent url(images/bkg_trans.png) repeat;

	border:1px solid #0b559a;

	color:#eee;

	padding:2px 2px 2px;

	font-family: verdana;

	font-size: 10pt;

}

ul.commentlist, ul.trackback  {

  list-style-type: none;

  margin: 10px 0;

  font-size: 9pt;

  }

.commentlist li, .trackback li {

  margin: 0 0 15px 0;

  padding: 10px;

  background: url(images/bkg_trans.png) repeat;

  list-style-type: none;

  }

.commentlist li.alt {

  }

.commentlist li.cleared {

  background: transparent;

  border: none;

  }

.commentlist a:hover {

  color: #eee;

  }

.commentlist a.gravatar {

  float: left;

  margin: 0 15px 10px 0;

  width: 60px;

  }

.commentlist .commentbody {

  margin: 0;

  padding: 0;

  }

.commentlist .commentbody p a {

  text-decoration: underline;

  }

.commentlist cite {

  font-size: 10pt;

  font-style: normal;

  color: #ddd;

  }

.commentlist small.commentmetadata a {

  color: #666;

  }

.commentlist p {

  color: #dedede;

  }

#respond {

  clear: both;

  margin-top: 15px;

  }

textarea#comment {

  width: 450px;

  background: #fff;

  color: #111;

  padding: 10px;

  }

#comment #submit {

  margin: 0;

  }



/* Forms */



.searchbox{

	padding:2px;

	color:#aaaaaa;

}



.submitbutton {

  margin: 5px 0 0 5px;

  background: #001c3a url(images/bkg_button.png) center left repeat-x;

  color: #fff;

  font-size: 8pt;

  padding: 3px 6px;

  vertical-align: middle;

  border: 1px solid #0b559a;

  }

.submitbutton:hover {

  cursor: pointer;

  background: #050505 url(images/bkg_button_hover.png) center left repeat-x;

  }



/* Sidebars */

.sidebars {

  margin: 5px 0 0 0;

  width: 150px;

  color: #eee;

  }

.sidebars .sidebarbox {

  background: url(images/bkg_trans.png) repeat;

  padding: 8px 15px;

  border-radius:3px;

  -moz-border-radius:3px;

  -webkit-border-radius:3px;

}



.sidebars.sidebar-right {

  width: 300px;

}

.sidebars.sidebar-left{

	margin-right: 10px;

	margin-left: 0px;

}

.sidebars h2 {

  margin: 0;

  padding: 0 0 8px 0;

  font-weight: normal;

  font-size: 11pt;

  color: #fff;

  letter-spacing: -1px;

  }

.sidebars h2.widgettitle, h2.widgettitle{

	display:none;

}

.sidebars table {

  width: 100%;

  }



.sidebars ul {

  margin: 0;

  padding: 0 0 5px 0;

  }



.sidebars li {

  margin-bottom: 20px;

  list-style: none;

  font-size: 9pt;

  }



.sidebars li ul {

  padding: 0;

  list-style:none;

  }



.sidebars ul ul li {

  margin: 0;

  padding: 2px 2px 2px;

  color: #eee;

  line-height: 17px; /* Required for cross-browser consistency; cross-browser defaults vary. */

  }



.sidebars a {

  display: inline;

  color: #eee;

  }

.sidebars a:hover {

  color: #6598b8;

  text-decoration: underline;

  }



.sidebars p {

  padding: 2px 0;

  font-size: 9pt;

  color: #eee;

  }



#tag_cloud a {

  display: inline;

  }



.sidebars ul.children li {border-bottom:none;}

.sidebars ul.children {margin-bottom:0;}







/* Footer & Partners */



.partners ul{

	list-style-type:none;

}

.partners ul li{

	display:inline;

}



#footer, .partners {

  clear: both;

  background: url(images/bkg_trans.png) repeat;

  padding: 15px 15px 10px 15px;

  margin:0 0 5px 0;

  -moz-border-radius: 3px;

  -webkit-border-radius: 3px;

  border-radius: 3px;

  }

#footer p {

  font-size: 9px;
  font-family:Verdana, Tahoma, Arial, sans-serif;
  color: #bbb;

  padding: 0;

  }

#footer a {

  color: #bbb;

  }

#footer a:hover {

  color: #fff;

  }



/* WP-Paginate */

.wp-paginate {padding:0; margin:0;}

.wp-paginate li {display:inline; list-style:none;}

.wp-paginate a {background:#fff; border:1px solid #2b89e1; color:#2b89e1; margin-right:4px; padding:1px 3px; text-align:center; text-decoration:none;}

.wp-paginate a:hover, .wp-paginate a:active {background:#2b89e1; color:#fff; border:1px solid #fff;}

.wp-paginate .title {color:#fff; margin-right:4px;}

.wp-paginate .gap {color:#999; margin-right:4px;}

.wp-paginate .current {color:#fff; background:#2b89e1; border:1px solid #fff; margin-right:4px; padding:1px 3px;}

.wp-paginate .page {border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px;}

.wp-paginate .prev, .wp-paginate .next {border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px;}





/* Misc */

.left{

	float:left;

}

.right{

	float:right;

}

.highlight {

  color: #222;

  font-weight: bold;

  }



.cleared {

  margin: 0;

  padding: 0;

  clear: both;

  }



.alignleft {

  float: left;

  margin: 5px 10px 5px 0;

  }

.alignright {

  float: right;

  margin: 5px 0 5px 10px;

  }

.aligncenter,

div.aligncenter {

  margin: 10px auto;

  text-align: center;

  display: block;

  }



img.alignleft {

  float: left;

  margin: 5px 10px 5px 0;

  }

img.alignright {

  float: right;

  margin: 5px 0 5px 10px;

  }

img.aligncenter {

  margin: 10px auto;

  text-align: center;

  display: block;

  }



/*--- MENU ---*/

#suckerfishnav {background:transparent;font-size:12px;font-family:verdana,tahoma, arial, sans-serif;font-weight:bold; width:100%;}

#suckerfishnav, #suckerfishnav ul {float:left;list-style:none;line-height:40px;padding:0;margin:0;	width:100%; z-index:1000}

#suckerfishnav a {display:block;color:#fff;text-decoration:none;padding:0px 20px;background:url(images/bkg_menu_border.png) top right no-repeat}

#suckerfishnav li {float:left;padding:0;}

#suckerfishnav ul {position:absolute;left:-999em;height:auto;	width:200px;font-weight:normal;margin:0;line-height:1;	border:0;border-top:1px solid #2b88de;	}

#suckerfishnav li li {	width:199px;border-bottom:1px solid #2b88de;border-left:1px solid #2b88de;border-right:1px solid #2b88de;font-weight:bold;font-family:verdana,sans-serif;}

#suckerfishnav li li a {padding:8px 10px;	width:199px;font-size:12px;color:#fff;background:none}

#suckerfishnav li ul ul {margin:-21px 0 0 200px;}

#suckerfishnav li li:hover {background:transparent;}

#suckerfishnav li ul li:hover a, #suckerfishnav li ul li li:hover a, #suckerfishnav li ul li li li:hover a, #suckerfishnav li ul li li li:hover a  {color:#fff;}

#suckerfishnav li:hover a, #suckerfishnav li.sfhover a {color:#fff;}

#suckerfishnav li:hover li a, #suckerfishnav li li:hover li a, #suckerfishnav li li li:hover li a, #suckerfishnav li li li li:hover li a {color:#fff;}

#suckerfishnav li:hover ul ul, #suckerfishnav li:hover ul ul ul, #suckerfishnav li:hover ul ul ul ul, #suckerfishnav li.sfhover ul ul, #suckerfishnav li.sfhover ul ul ul, #suckerfishnav li.sfhover ul ul ul ul  {left:-999em;}

#suckerfishnav li:hover ul, #suckerfishnav li li:hover ul, #suckerfishnav li li li:hover ul, #suckerfishnav li li li li:hover ul, #suckerfishnav li.sfhover ul, #suckerfishnav li li.sfhover ul, #suckerfishnav li li li.sfhover ul, #suckerfishnav li li li li.sfhover ul  {left:auto;background:#094b89;}

#suckerfishnav li:hover, #suckerfishnav li.sfhover {background:url(images/bkg_button_hover.png) repeat-x;}



/* jShowOff */

.jshowoff {	clear:both;	width:100%;	overflow:hidden;}

.jshowoff #jshowoff {float:left;}

.jshowoff #jshowoff img {width: 500px;height:250px;}

.jshowoff a {color:#ffffff;}

.jshowoff a:hover {	color:#ffffff;}

.jshowoff p.jshowoff-slidelinks {background: transparent;padding: 5px 0 5px 5px;float:left;	margin: 0;	}

.jshowoff.jshowoff-slidelinks a {display: block;width: 100px;height: 50px;background-color: none;margin: 5px;padding: 0;border: 1px solid #4f4f4f;-moz-border-radius: 5px;-webkit-border-radius: 5px;border-radius: 5px;}

.jshowoff .jshowoff-slidelinks a img {border: 1px solid transparent;margin:0 5px 6px 5px;width:100px;height:50px;}

.jshowoff .jshowoff-slidelinks a.jshowoff-active img {border: 1px solid #fff;}

.jshowoff .jshowoff-caption {position:absolute;left:0;bottom:0;	display:block;width:94%;padding:10px 3% 10px;margin:0 0 5px 0;background:url(images/bkg_trans_50.png) repeat;font-size:16px;}