/*
Theme Name:		SERY
Theme URI: 		http://viahorizon.com/
Version: 		1

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

@charset "utf-8";

/* 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; }
header, footer, section, aside, nav, article {display: block; position: relative;}

.alignright {float: right; margin: 0 0 10px 10px;}
.alignleft {float: left; margin: 0 10px 10px 0;}

body {color: #333; background: url(media/back.jpg) top center repeat #f7f5e0; margin: 0 0 0 0; padding: 0; font-size: 12px; display: block;
font-smooth:always; font-family: Arial, "Helvetica Neue", sans-serif; overflow:auto; color: #333; /* text-rendering: optimizeLegibility; */ font-smooth: always;}

#wrapper {width: 960px; padding: 0 20px 20px 20px; margin: 0 auto 20px auto; box-shadow: 0 0 80px rgba(62,86,110,0.1); -webkit-box-shadow: 0 0 80px rgba(62,86,110,0.1); -moz-box-shadow: 0 0 80px rgba(62,86,110,0.1);}

dl,dt,dd {display: inline;}

a {text-decoration: none; color: #333; border: none;}
a:hover {}
a.clear {background: none;}

/* CSS3 animations */
a, #search-input, nav #wyszukiwarka, #banner a:hover img, #banner .images:hover, .css-panes div, .gallery-icon img, #mc_embed_signup input.email, #mc-embedded-subscribe, #IDCThread .idc-r strong, ol.related-posts li:hover span, #related ol.related-posts img, article a.post-list img, article a.post-list h1, aside a img
 {
-webkit-transition-duration: .15s;
-webkit-transition-property: color, background, text-shadow, box-shadow, -webkit-box-shadow, -moz-box-shadow, border, height, width, opacity;
-moz-transition-duration: .15s;
-moz-transition-property: color, background, text-shadow, box-shadow, -webkit-box-shadow, -moz-box-shadow, border, height, width, opacity;
transition-duration: .15s;
transition-property: color, background, text-shadow, box-shadow, -webkit-box-shadow, -moz-box-shadow, border, height, width, opacity;
-webkit-transition-timing-function: ease-out;
transition-timing-function: ease-out;}

header {height: 20px; display: block; text-transform:uppercase; font-size: 10px; font-weight: bold;}
header form {float: right;}
header ul {margin: 0;padding: 0;}
header ul li {float: left;	padding: 0;	list-style:none; margin-right: 20px; position: relative;}
header ul li a {color: #333 !important; display: block; position:relative;margin: 0; padding: 5px 0 5px 0; z-index: 9998;	vertical-align: bottom;}
header .current-menu-item a {color: #FF007A !important; cursor: default;}
header .current-menu-item .bg {display: none !important;} 

#searchform {padding:0; position: relative;}
#search-input {font-family: Arial, "Helvetica Neue", sans-serif; font-size: 10px; font-weight: bold; text-transform:uppercase; border: 0; width: 50px; padding: 5px 20px 5px 5px; height: 12px; background: url(media/icon-search.png) center right no-repeat rgba(255,255,255,0.4);}
#search-input:hover {background-color: rgba(255,255,255,0.7);}
#search-input:focus {width: 120px; outline: 0; background-color: rgba(255,255,255,0.7);}

#title {display: block; padding: 25px 0 0 5px; background: none; color: #FF1D25; text-transform:uppercase; font-weight: bold; font-size: 16px; float: left; padding: 0; position: relative; clear: left; margin: 30px 0 10px 0; height: 26px; background: url(media/swiat-serow.png) center left no-repeat;}
#title a {color: #333; display: block; position:relative; margin: 0; padding: 5px 0 7px 19px; z-index: 9998; }
#title:hover a {color: #333;}

/* fonts */
@font-face {font-family: 'ClarendonNo1URW-ExtBol';src: url('webfonts/106F1E_0.eot');src: url('webfonts/106F1E_0.eot?#iefix') format('embedded-opentype'),url('webfonts/106F1E_0.woff') format('woff'); font-weight: bold;}

/* animated underlines */
header ul li .bg, #title .bg, header form .bg, nav ul li .bg {position: absolute;height: 3px;bottom: 0;left: 0;display: block;width: 0;margin: 0;z-index: 9990;background: #333;}
nav ul li .bg {background: #333}
header ul li a#serwis + .bg {}
header ul li.current .bg, #title.current .bg, header form.current .bg {bottom: 0; height: 100%; width: 100%; padding: 0; }

/* Nav */

nav {z-index: 100; width: 100%; clear: both;}

#nav {
	margin: 0 !important; width: 100%;
	padding:2px 0 17px 0;
	line-height: 100%;  height:20px; background: url(media/underline.png) bottom left no-repeat; font-size: 10px; text-transform:uppercase; font-weight: bold;
}
#nav li {
	float: left;
	position: relative;
	list-style: none;
}
/* main level link */
#nav a {
	font-weight: bold;
	color: #333;
	text-decoration: none;
	display: block;
 	padding:7px 5px 20px 5px;
	margin: 0;
	top:1px; outline:0; background: bottom center
}
/* main level link hover */
#nav .current > a, #nav li:hover > a {
color:#fff; background: url(media/underline.png) bottom center no-repeat #FF007A;
}

#nav li:hover > a {background-color: #333;}

/* sub levels link hover */
#nav ul li:hover a, #nav li:hover li a {
	background: none;
	border: none;
	color: #333; font-weight: normal;	
}
#nav ul a:hover {
	color: #333;
}


/* level 2 list */
#nav ul {
	background: #fff; /* for non-css3 browsers */ background: url(media/back.jpg) top center repeat #f7f5e0;
	display: none;
	margin: -4px 0;
	padding: 0;
	width: 245px;
	position: absolute;
z-index: 300;
	top: 35px;
	left: 0;
	opacity: 0.95;
	box-shadow: 0 0 80px rgba(0,0,0,0.5); -webkit-box-shadow: 0 0 80px rgba(0,0,0,0.5); -moz-box-shadow: 0 0 80px rgba(0,0,0,0.5);
	font-size: 12px; font-family: Arial, "Helvetica Neue", sans-serif; text-transform: none; font-weight: normal;
}

#nav ul a:hover {color: #fff !important; background-color: #FF007A !important;}

/* dropdown */
#nav li:hover > ul {
	display: block;
}
#nav ul li {
	float: none;
	margin: 0;
	padding: 0;
}
#nav ul a { padding: 5px; font-weight: normal;
}


/* clearfix */
#nav:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}
#nav {
	display: inline-block;
}
html[xmlns] #nav {
	display: block;
}
* html #nav {
	height: 1%;
}


#nav strong {font-size: 10px; text-transform:uppercase; font-weight: bold; color: #fff; background-color: #333; padding: 3px; display: block;}
#nav strong a {padding: 0; color: #fff !important; margin: -3px; padding: 5px 3px 5px 3px; font-weight: bold !important;}
#nav strong a:hover {background: none; color: #FF007A;}




/* edit */
a.post-edit-link {position: fixed; left: 0; top: 0; font-size: 16px;}

/* form */
nav form {margin: 5px 0 0 0;}
nav form label {display: table-row;}
nav form label:hover {opacity: .5; cursor:pointer;}
nav span {float: left; padding-right: 20px; width: 172px; display: block;}
nav input {float: left; clear: left;}

nav .btn {font-family: Arial, "Helvetica Neue", sans-serif; font-size: 14px; text-transform:uppercase; font-weight: bold; border: none; cursor: pointer; padding: 8px; background-color: #FF007A;; color:#fff; vertical-align: middle; margin: -34px 0 0 19px;}
nav .btn:hover {background: #333;}

/* slideshow - banner */
#banner {padding: 10px 0 20px 0; border-bottom: 3px solid #333; display: block; height: 320px; margin-top: 0; clear: both;}
#banner .images {position:relative; height:320px; width:630px; margin-right:20px; cursor:pointer; overflow:hidden;}

#banner .images div {display:none; position:absolute; top:0; left:0;height:320px;}

#banner .slidetabs {margin: -35px 0 0 10px; z-index: 50;}
#banner .slidetabs a {width:20px;height:20px;float:left;margin:3px;background:url(media/icon-navigator.png) 0 0 no-repeat; display:block;opacity: 0;}
#banner .slidetabs a:hover {opacity: 0}
#banner .slidetabs a.current {opacity: 0;}
#banner:hover .slidetabs a {width:20px;height:20px;float:left;margin:3px;background:url(media/icon-navigator.png) 0 0 no-repeat; display:block;opacity: .1;}
#banner:hover .slidetabs a:hover {opacity: .95}
#banner:hover .slidetabs a.current {opacity: .6;}


#news {float: right; width: 320px; height: 320px;}
#news a {width: 320px; height: 100px; display: block;margin-bottom:10px;}
#news span {margin-top:10px; font-family:"ClarendonNo1URW-ExtBol", Geneva, sans-serif; font-size: 20px; text-transform:uppercase; text-shadow: 1px 1px 0 rgba(0,0,0,0.9); color: #fff; line-height: 20px; background: rgba(0,0,0,.3);}
#news a:hover span {text-shadow: 1px 1px 0 rgba(255,255,255,0.9); color: #333; background: #fff;}
#news img {width: 320px; height: 100px; display: block; margin: 0 -320px -98px 0;}


/* gallery */
.gallery {float:left;}
.gallery-item {float: left;}
.gallery-icon {float: left; margin: 0 10px 0 0; list-style: none;}
.gallery-caption {}

/* GO TO TOP */
#toTop {position:fixed; bottom:48%; margin-left:-90px; cursor:pointer; display:block; width:50px; height:50px; background:url(media/gotop.png) no-repeat 0 0;	text-indent:666em; z-index:666; opacity: 1}
#toTop:hover { opacity: .8; }

/* sidebar */
aside {clear: right; width: 320px; float: right; display: block; margin-top: 17px;}
h3 {text-transform:uppercase; font-size: 10px; font-weight: bold;}
a {color: #FF007A}
a:hover {color: #c6006b;}
hr {border:0; outline: none; display: block; width: 100%; height: 3px; background: #333; margin: 20px 0 10px 0;}

aside section h3 {margin-bottom: 5px;}

/* Article */
article {width: 630px; margin-top: 17px;}
article a {color: #FF007A;}
article a:hover {color: #c6006b;}
article {line-height: 18px;}
article p {padding-bottom: 12px;} 
article .note {font-size: 10px; font-weight: bold;}
article h1 {display: block;font-family:"ClarendonNo1URW-ExtBol", Geneva, sans-serif; font-size: 30px; text-transform:uppercase; text-shadow: 1px 1px 0 rgba(255,255,255,0.9); color: #333; line-height: 30px; margin: 5px 0 5px -23px; border-left: 3px solid rgba(0,0,0,0); padding-left:20px;}
article h1 small {font-size: 18px; text-transform: none;}
article h1 a:hover {border-left: 3px solid rgba(0,0,0,.3); opacity: 0.5; color: #333;}
article h2 {text-transform:uppercase; font-weight: bold; font-size: 16px; margin: 10px 0 10px 0px;}
article h3 {text-transform:uppercase; font-weight: bold; font-size: 10px;}
article .meta {font-family: Arial, "Helvetica Neue", sans-serif; font-size: 10px; font-weight: bold; text-transform:uppercase; margin: 5px 0 5px 0;}
article .meta a strong {color: #fff; background: #FF007A; border-radius: 5px; margin-right: 10px; padding: 3px;}
article em {font-style: italic;}
article strong {font-weight: bold;}
article ul, article ol {display: block; margin: 0 0 18px 0;}
article ul li, article ol li {list-style-position: inside; margin-left: 36px;}
article a.post-list div.entry {color: #333;}
article a.post-list:hover h1 {color: #FF007A;}

hr.clear {clear: left; width: 630px; height: 0px; padding: 0; margin: 0}

.kome {background: url(media/icon-comments.png) right center no-repeat; padding: 3px 23px 3px 0; display: table; margin-bottom: -5px !important;}
.kome a strong {color: #333; margin-right: 12px}
.kome a:hover strong {color: #c6006b;}
.tagi {background: url(media/icon-tag.png) left center no-repeat; padding: 3px 0 3px 20px; margin: 0 0 10px 0}

h1.pagetitle {font-family: Arial, "Helvetica Neue", sans-serif; text-transform:uppercase; font-weight: bold; font-size: 16px; margin: -5px 0 10px 0px; text-shadow: none; padding: 0;}
h1.pagetitle small {font-size: 10px;}

/* gdzie kupić */
div.gdzie-kupic {clear: left; border-top: 3px solid #333; padding: 10px 0 0 0; width: 630px;}
#rssContainer ol {margin-left: 20px;}

/* footer */
footer {clear: both; border-top: 3px solid #333; padding: 10px 0 0 0; text-transform:uppercase; font-size: 10px; font-weight: bold;}
footer a {color: #FF007A;}
footer a:hover {color: #c6006b;}
#tagi-dol {background: #333; color: #fff; display: block; padding: 3px; margin: 10px 0 0 0;}
#tagi-dol a {color: #bbb;}
#tagi-dol a:hover {color: #FF007A;}


/* FORM */

.skinned-form-controls input[type="radio"] {position: absolute; -moz-opacity: 0; -webkit-opacity: 0; opacity: 0; background: #f09; height: 0px;}
.skinned-form-controls label {position: relative;}

/* fallback for IE6, IE7 and IE8 */
.skinned-form-controls input[type="radio"] {position: static\9;}
.skinned-form-controls input[type="radio"] + span::before {content: "";display: inline-block;width: 20px;height: 20px;vertical-align: middle;background-repeat: no-repeat;}
.skinned-form-controls input[type="radio"] + span::before {background-position: 0 0;}
.skinned-form-controls input[type="radio"]:checked + span::before {background-position: 0 -20px;}

/* focused and active form elements */
.skinned-form-controls input[type="radio"]:focus + span::before, .skinned-form-controls input[type="radio"]:active + span::before {outline: dotted 1px #ccc;}

/* skin-specific sprite */
.skinned-form-controls.skinned-form-controls-mac input[type="radio"] + span::before {background-image: url(media/sprite.png);}

/* moje */
.skinned-form-controls input[type="radio"]:checked + span {color: #FF007A;}
span.formtit {padding: 6px 0 6px 19px;}

/* MailChimp Form Embed Code - Slim - 08/17/2011 */
#mc_form {display: block; height: 20px; clear: both; margin: 10px 0 10px 0;}

#mc-embedded-subscribe {font-size: 10px; text-transform:uppercase; font-weight: bold; height: 20px; border: none; cursor: pointer; padding: 2px; background-color: #333;; color:#fff; vertical-align: middle; float: right; text-align: center; width: 100px; font-family: Arial, "Helvetica Neue", sans-serif;}
#mc-embedded-subscribe:hover {background: #FF007A;}

#mc_embed_signup input.email {display:block; font-size: 10px; font-weight: bold; text-transform:uppercase; border: 0; height: 10px; width: 179px; margin: 0 20px 0 0; padding: 5px 20px 5px 0; background: rgba(255,255,255,0.4) !important; float: left; font-family: Arial, "Helvetica Neue", sans-serif;}

#mc_embed_signup input.email:focus, #mc_embed_signup input.email:hover {outline: 0; background-color: rgba(255,255,255,0.7) !important;}

.noshadow {-webkit-box-shadow: none !important; -moz-box-shadow !important: none; box-shadow: none !important;}

/* mały cień */
nav .btn, #banner .images, #news img, #mc-embedded-subscribe, #mc_embed_signup input, #search-input, #IDCThread .idc-r strong, .ppy-outer, iframe, article img, #related ol.related-posts img {-webkit-box-shadow: 0 0 4px rgba(0,0,0,.2); -moz-box-shadow: 0 0 4px rgba(0,0,0,.2); box-shadow: 0 0 4px rgba(0,0,0,.2);}

/* duży cień */
nav .btn:hover, #banner a:hover img, .gallery-icon img:hover, #mc-embedded-subscribe:hover, #mc_embed_signup input:hover, #search-input:hover, #IDCThread .idc-r strong:hover, #related ol.related-posts img:hover, article a.post-list:hover img
 {box-shadow: 0 0 15px rgba(0,0,0,.2); -webkit-box-shadow: 0 0 15px rgba(0,0,0,.2); -moz-box-shadow: 0 0 15px rgba(0,0,0,.2);}


aside a img {-webkit-box-shadow: 0 0 4px rgba(0,0,0,.2); -moz-box-shadow: 0 0 4px rgba(0,0,0,.2); box-shadow: 0 0 4px rgba(0,0,0,.2); margin: 0;}
aside a img:hover {box-shadow: 0 0 15px rgba(0,0,0,.2); -webkit-box-shadow: 0 0 15px rgba(0,0,0,.2); -moz-box-shadow: 0 0 15px rgba(0,0,0,.2);}


/* intense debate */
div#idc-container-parent {width: 630px !important; float: left; clear: left;}
#idc-commentcount_label {display: none !important;}
#idc-container .idc-foot {border: none !important;}
#IDCThread .idc-r strong {display: block !important; font-size: 14px !important; text-transform:uppercase !important; font-weight: bold !important; border: none !important; padding: 8px !important; background-color: #FF007A !important; color:#fff !important;}
#IDCThread .idc-r strong:hover {background: #333 !important;}
#IDCommentsNewThreadCover h3 {display: none; text-transform:uppercase; font-weight: bold !important; font-size: 16px !important;}
.idc-head_action, .idc-message {background: none !important;}
#IDCommentsNewThreadCover {}
#IDLoginPopup {background-color: #333 !important;}

/* YARPP related */
#related {clear:left; width: 630px; }
#related p {text-transform:uppercase; font-size: 10px; font-weight: bold; padding:10px 0 0 0;border-top: 3px solid #333;margin:10px 0px 10px 0px;}
ol.related-posts {}
ol.related-posts li{float:left; width:100px; display:inline; margin:0 5px 10px 0; padding:0; font-size:10px; text-transform: uppercase; font-weight: bold;}
ol.related-posts img{clear:both; margin:0;padding:0}
ol.related-posts a{clear:both; display:block; border:none; text-decoration:none; margin:0;padding:0; color: #333;}
ol.related-posts a:hover {}
ol.related-posts a:hover img {}
ol.related-posts li span { color: #333; padding: 0; font-size: 10px; text-transform: uppercase; font-weight: bold; padding: 2px 0 2px 0;}
ol.related-posts li:hover span { color: #FF007A;}
ol.related-posts li span small {display: none;}

/* facebook */
iframe {background: rgba(255,255,255,0.4); margin: 25px 0 0 0;}









/* popeye */

.ppy-outer {display: none;}
.ppy-active .ppy-outer {display: block;}
.ppy-stage {background-repeat: no-repeat !important; background-position: center center !important; position: relative; }
.ppy-placeholder {position: relative; margin: 0 10px 0 0;height: 100px;}
.ppy-caption, .ppy-captionwrap {}
.ppy-hidden { display: none !important;}

/* fallback styles for image list */
.ppy-imglist {width: 100%; display: block; overflow: hidden;}
.ppy-imglist li {padding: 10px; border: 1px solid #f0f0f0; border-radius: 5px; -moz-border-radius: 5px; -khtml-border-radius: 5px; -webkit-border-radius: 5px; background: #fff; list-style: none; float: left; display: block; margin: 0 10px 10px 0;}
.ppy-imglist li a img { display: block; border: 0;}


/* popeye example 3 */
.ppy-left { float: left; margin: 0 20px 10px 0;}
.ppy-right { float: right; margin: 0 0 10px 20px;} 
.ppy-stage { overflow: hidden;}
.ppy-caption {overflow: hidden; display: none;}
#ppy3.ppy-expanded .ppy-caption { margin: 0; padding: 10px; color: #fff; border-bottom: 1px solid #333; background: #666;}
.ppy-counter { display: none; background: #333; color: #fff; padding: 0 5px; font-size: 10px; text-transform: uppercase; position: absolute; bottom: 0; left: 0; opacity: 0.7;}
.ppy-loading { background: #333 url(media/loading3.gif) no-repeat center !important;}
.ppy-nav {background: #333;background: rgba(51,51,51,0.2); background: -webkit-gradient(linear,left bottom,left top,color-stop(0, rgba(51,51,51,0)), color-stop(0.35, rgba(51,51,51,0.3)), color-stop(1, rgba(51,51,51,0)) ); background: -moz-linear-gradient( center bottom, rgba(51,51,51,0) 0%, rgba(51,51,51,0.3) 35%, rgba(51,51,51,0) 100% ); width: 100%; height: 100%; text-align: center;}
.nav-wrap { width: 104px; height: 32px; padding: 30% 0 0 0; margin: 0 auto 0 auto;}
.ppy-nav a { display: block; overflow: hidden; text-indent: -900em; height: 22px; float: left; padding: 5px; border-radius: 5px; -moz-border-radius: 5px; -khtml-border-radius: 5px; -webkit-border-radius: 5px; }
.ppy-prev { width: 22px; background: url(media/prev3.png) no-repeat center;}
.ppy-next { width: 22px; background: url(media/next3.png) no-repeat center;}
.ppy-switch-enlarge { width: 30px; background: url(media/enlarge3.png) no-repeat center;}
.ppy-switch-compact { width: 30px; background: url(media/compact3.png) no-repeat center;}
.ppy-nav a:hover {background-color: #333; cursor: pointer;}


/* wp-paginate */
.wp-paginate {padding:0; margin:0 0 2px 0;}
.wp-paginate li {display:inline; list-style:none;}
.wp-paginate a {background:#333; color:#fff; margin-right:4px; padding:3px 6px; text-align:center; text-decoration:none;}
.wp-paginate a:hover, .wp-paginate a:active {background:#FF007A; color:#fff;}
.wp-paginate .title {color:#333; margin-right:4px;}
.wp-paginate .gap {color:#333; margin-right:4px;}
.wp-paginate .current {color:#fff; background:#FF007A; margin-right:4px; padding:3px 6px;}
.wp-paginate .page {}
.wp-paginate .prev, .wp-paginate .next {}

/* style overrides for comments pagination */
.wp-paginate-comments {}
.wp-paginate-comments li {}
.wp-paginate-comments a {}
.wp-paginate-comments a:hover, .wp-paginate-comments a:active {}
.wp-paginate-comments .title {}
.wp-paginate-comments .gap {}
.wp-paginate-comments .current {}
.wp-paginate-comments .page {}
.wp-paginate-comments .prev, .wp-paginate-comments .next {}