/*
Theme Name: CSS Mania
Description: Domyslny wyglad serwisu CSS Mania
Version: 1.0
Author: Ikeris Sp. z o.o.
Author URI: http://www.ikeris.com/
*/
@media all {

* { padding:0; margin:0; }
fieldset, img { border:0; }
label, a { cursor:pointer; }
body, textarea, input, table, select, h1, h2, h3, h4, h5, h6 { font-size:100%; font-family:"Lucida Grande", Tahoma, Arial, Helvetica, sans-serif; }
option { padding-right:.5em; }
optgroup option{
	padding:.1em .5em .1em .1em;
}

h3 {
	font-size:1.3em;
	margin:.25em 0;
}
h4 {
	font-size:1.2em;
	margin:.75em 0;
}
p { padding-bottom:1em; text-align: justify; text-justify: newspaper; }
address{
	font-style:normal;
}

code,
kbd,
pre {font-family:Monaco,Courier,"Courier New",Tahoma;}
code{
	background: #f1f1f1;
	border-bottom:1px dotted #eee;
}
ins {
	background-color:#dde3dd;
	text-decoration:none;
}

}
@media screen, projection {

a { color:#d54515; text-decoration:underline; }
a:focus, a:hover { text-decoration:none; }

hr, #news h2, #searchform label, #footer h2 { position:absolute; top:0; left:-1000em; margin:0; }

/* lay */

input[type="radio"],
input[type="checkbox"]{
	border:0;
	background:none;
}

html {
	font-size:100.01%;
	color:#404040;
}

html:lang(pl) { /* hide from IE */
	background-image:none;
}

body {
	background:url(gfx/bgdPageTop.png) repeat-x 0 0;
	font-size:62.5%;
}

/* ---- [ external links, except own domain ] ---- */

/* not for IE */
/*
a[href^="http://"]:link,
a[href^="http://"]:visited {
	background: url(gfx/external.png) no-repeat 100% 0;
	padding-right: 13px;
}

a[href ^="mailto:"]:link {
	background: url(gfx/email.png) no-repeat 100% 0;
	padding-right: 16px !important;
}
a[href ^="mailto:"]:hover,
a[href ^="http://"]:hover {
	background-position:100% -500px;
}

a[href ^="http://www.cssmania.pl/"]:link,
a[href ^="http://www.cssmania.pl/"]:visited,
a[href ^="http://www.cssmania.pl/"]:focus,
a[href ^="http://www.cssmania.pl/"]:hover,
a[href ^="http://www.cssmania.pl/"]:active,
a[href ^="http://jigsaw.w3.org/"]:link,
a[href ^="http://jigsaw.w3.org/"]:visited,
a[href ^="http://jigsaw.w3.org/"]:focus,
a[href ^="http://jigsaw.w3.org/"]:hover,
a[href ^="http://jigsaw.w3.org/"]:active,
a[href ^="http://validator.w3.org/"]:link,
a[href ^="http://validator.w3.org/"]:visited,
a[href ^="http://validator.w3.org/"]:focus,
a[href ^="http://validator.w3.org/"]:hover,
a[href ^="http://validator.w3.org/"]:active{
	background: transparent;
	padding-right: 0;
}
*/
/* main content */

#main {
	margin:0 auto;
	position:relative;
	z-index:0;
	max-width:96.75em;
	min-height:100%;
}
#main:after {
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
}
#main {display:inline-block;}
/* Hide from IE Mac \*/
#main {display:block;}
/* End hide from IE Mac */

#skipLinks {
	position:absolute;
	top:50px;
	right:10px;
	font-size:1.1em;
	z-index:30;
}

/* content */

#content {
	width:80%;
	padding-top:50px;
	float:left;
	position:relative;
	z-index:10;
	font-size:1.2em;
	line-height:1.6em;
}

/* pages */

#newsFull,
#archiveFull{
	padding:0 1em 1em 0;
}
#newsFull{
	width:48em;
}
	#rating h2,
	#newsFull h1{
		font-size:1.8em;
		font-weight:normal;
		border-bottom:1px solid #9d0a0e;
	}
	.archive-title{
		width:29.5em;
		font-weight:normal;
		font-size:1.8em;
		margin:0 0 .25em 0;
		padding:0 0 .25em 0;
		border-bottom:1px solid #000;
	}
	.archive-subtitle{
		font-weight:normal;
		font-size:1.5em !important;
	}

	#rating h2,
	#newsFull h1,
	#newsFull h2,
	#newsFull h3{
		margin:0 0 .25em 0;
		padding:0 0 .25em 0;
		color:#9d0a0e;
	}
	#newsFull h1{
		margin-bottom:1em;
	}

	#archiveFull h2{
		position:relative;
		margin:0;
		padding:0 0 .5em 0;
		color:#9d0a0e;
	}

	#newsFull ul,
	#newsFull ol{
		margin:0 0 1em 2.5em;
	}

	#archiveFull ul,
	#archiveFull ol{
		margin:1em 0 1em 1.3em;
	}
		#archiveFull ul ul,
		#archiveFull ol ul,
		#archiveFull ul ol,
		#archiveFull ol ol{
			margin:0 0 1em 2.5em;
		}
		#archiveFull ol li{
			clear:both;
		}

	#newsFull ul li,
	#archiveFull ul li{
		margin-bottom:.25em;
	}
	#archiveFull h2{
		font-size:1.2em;
		margin:0 0 .25em 0;
		padding:0 0 .25em 0;
		color:#9d0a0e;
	}
	#newsFull h2,
	#archiveFull h3{
		background:none;
		font-size: 1.6em;
		font-weight:normal;
		margin:0;
		padding-top:.5em;
		padding-bottom:.5em;
	}
		#archiveFull h3{
			color:#558527;
			padding-bottom:.25em;
		}
	#newsFull address,
	#archiveFull address{
		display:block;
		padding-bottom:1em;
	}

/* edit post link */
.edit-post-link{
	margin-top:1em;
}

/* Gallery */
#gallery{
	padding:0;
	margin:0;
}

#gallery h2{
	position:absolute;
	top:0;
	left:0;
	text-indent:-1000em;
}
#gallery ul{
	list-style:none;
	margin:0;
	padding:0;
	font-size:.83em;
	width:77em;
}
	#gallery ul li{
		position:relative;
		float:left;
		padding:0;
		margin-bottom:3em;
		margin-right:16px;
		height:216px;
	}
		#gallery ul li h3{
			color:#a20018;
		}
		#gallery ul li p{
			padding-bottom:0 !important;
			color:#736258;
			clear:both;
		}
			#gallery ul li p img{
				display:block;
				margin:0 auto;
			}
		
    #gallery ul li a{
			background:url(gfx/screenshot_shadow.png) no-repeat 100% 100%;
			width:234px;
			float:left;
			padding:0 4px 10px 0;
		}
    
		#gallery ul li a img{
			border:1px solid #dcddd8;
			padding:1px;
			vertical-align:bottom;
		}
		#gallery ul li a:hover img{
			border-color:#a20018;
		}

		#gallery ul li a:link,
		#gallery ul li a:visited,
		#gallery ul li a:focus,
		#gallery ul li a:hover,
		#gallery ul li a:active{
			/*
			background: transparent;
			padding-right: 0 !important;
			*/
			text-decoration:none;
		}

	#gallery ul li div{
		font-size:1.1em;
	}
.project-details{
	float:none !important;
	width:auto !important;
	background:url(gfx/icoProjectDetails.png) no-repeat 0 50% !important;
	padding:0 0 0 20px !important;
}
.project-screenshot{
	background:url(gfx/screenshot_shadow.png) no-repeat 100% 100%;
	width:234px;
	float:left;
	padding:0 4px 10px 0;
}
	.project-screenshot img{
		border:1px solid #dcddd8;
		padding:1px;
		vertical-align:bottom;
	}
		.project-screenshot:hover img{
			border-color:#a20018;
		}

#content .logo-screenshot{
  background:#fff;
	width:234px;
	height:156px;
	float:left;
	padding:0 4px 10px 0;
}
	#content .logo-screenshot img{
	  border:none;
		vertical-align:middle;
	}

.comments-link{
	float:none !important;
	width:auto !important;
	padding:2px 0 2px 20px !important;
	background:url(gfx/icoComments.png) no-repeat 0 50% !important;
}
		#gallery ul li div a:link,
		#gallery ul li div a:visited{
			text-decoration:underline !important;
		}
		#gallery ul li div a:focus,
		#gallery ul li div a:hover,
		#gallery ul li div a:active{
			text-decoration:none !important;
		}
/* Google Ads */
#googleads{
	margin:1em 0;
}

/* Recent Comments */
#recent-comments{
	margin:1em 0;
	width:40em;
}
	#recent-comments h2{
		font-size:1.6em;
		font-weight:normal;
		color:#a20018;
		border-bottom:1px solid #a20018;
	}
	#recent-comments h3{
		font-size:1.2em;
		margin:0;
		padding:0;
	}
	#recent-comments ul{
		margin:1em 0 1em 2em;
		padding:0;
	}
		#recent-comments ul li blockquote{
			margin:0.5em 0;
			padding:0 0 0 2em;
			background:url(gfx/quote-left.png) no-repeat 0 0;
		}

/* list of news in sidebar */
#list-news{
	list-style:none;
	font-size:.83em;
	padding:0;
	margin:0;
}
	#list-news li{
		margin:0;
		padding:0;
		border-bottom:1px solid #dcddd8;
	}
	#list-news li h3{
		font-size:1.4em;
		font-weight:normal;
		margin:.5em 0;
		line-height:1.3em;
		color:#a20018;
	}
	#list-news li h3 small{
		background:url(gfx/icoDate.png) no-repeat 0 50%;
		padding-left:21px;
		font-size:.75em;
		font-weight:normal;
		color:#666;
		display:block;
	}

	#list-news li p{
		font-size:1em;
		text-align:left;
	}
		#list-news li a.more-link{
			margin-top.25em;
		}
		#list-news li a:hover{

		}

		#list-news li a:link,
		#list-news li a:visited,
		#list-news li a:focus,
		#list-news li a:hover,
		#list-news li a:active{

		}
/* more link */
p.more {
	height:1.2em;
	clear:both;
}
	p.more span{
		position:absolute;
		top:0;
		left:0;
		text-indent:-1000em;
	}

	p.more a {
		padding-right:12px;
		background:url(gfx/arrRightDoubleRed.png) no-repeat 100% 50%;
		float:left;
		text-decoration:none;
	}

	p.more a:focus,
	p.more a:hover {
		text-decoration:underline;
	}

/* list of archive */
#archiveFull{
	font-size:1.1em;
	width:48em;
}
	#archiveFull h1{
		font-size:1.5em;
		margin-bottom:1em;
		font-weight:normal;
	}

#list-archive{
	list-style:none;
	font-size:.83em;
	padding:0;
	margin:0;
}
	#list-archive li{
		position:relative;
		margin:0;
		padding:0;
	}
	#list-archive .post-ratings{
		bottom:.5em;
	}

#anch-content {
	position:absolute;
	top:0;
	left:0;
	text-indent:-1000em;
}

.archive-link{
	background:url(gfx/icoArchives.png) no-repeat 0 50% !important;
	padding:1em 0 1em 20px !important;
}

/* sidebar archive */
#archivecat label,
#archiveform label,
#archivesort label{
	position:absolute;
	top:0;
	left:0;
	text-indent:-1000em;
}

/* pdf link */
.pdflink a:focus,
.pdflink a:hover{
	color:#005b7f !important;
	background:none !important;
}

/* search */
#search {
	width:231px;
	position:absolute;
	top:15px;
	right:0;
	z-index:40;
	line-height:0;
}

	#search h2,
	#search fieldset legend {
		position:absolute;
		top:0;
		left:0;
		text-indent:-1000em;
	}

/* search form */

#searchform {
	position:relative;
}
	#searchform fieldset div.inputtext {
		width:231px;
		padding:9px 0 11px;
		background:url(gfx/bgdFormSearch.png) no-repeat 100% 50%;
		text-align:left;
		margin-left:auto;
	}

		#searchform fieldset input#s {
			width:172px;
			margin-left:20px;
			background:none;
			border:0;
			font-size:1.2em;
		}

	#searchform div.submit {
		position:absolute;
		top:6px;
		right:9px;
	}

#sortform{
	padding:1em 0;
}
	#sortform select{
		border:1px solid #dadbdb;
}

/* sidebar */
#sidebar{
	float:left;
	width:19%;
	padding-top:58px;
	font-size:1.3em;
	overflow:hidden;
}

#sidebar h2{
	margin:0 0 .5em 0;
	color:#a20018;
	position:absolute;
	top:0;
	left:0;
	text-indent:-1000em;
}

/* sidebar archive forms */
.sidebarform select{
	border:1px solid #c5c5c1;
	width:100%;
	font-size:.9em;
}
.sidebarform .submit{
	margin:.5em 0 .25em 0;
	text-align:right;
}
.sidebarform fieldset legend{
	position:absolute;
	top:0;
	left:-1000em;
}

/* header */

#header {
	height:70px;
	position:relative;
	z-index:20;
	background:url(gfx/bgdPageTopSlogan.png) no-repeat 0 0;
}
	#header h1 img{
		display:block;
	}

	#header h1,
	#header span {
		display:block;
		height:70px;
		position:absolute;
		left:0;
		top:0;
	}
	#header span{
		display:block;
	}
		#header h1 a em{
			position:absolute;
			top:-1000em;
		}

		#header img{
			position:absolute;
		}

		#header img.logo_bpmedia {
			left:62px;
			top:65px;
			display:block;
		}
		#header img.logo_r_pomorska {
			left:61px;
			top:65px;
			display:none;
		}
		#header img.logo_r_wielkopolska {
			left:96px;
			top:58px;
			display:none;
		}

/* footer */

#footer {
	background:#e3e4db url(gfx/bgdFooter.png) repeat-x 0 0;
	font-size:1.1em;
}
	#footer div{
		position:relative;
		margin:0 auto;
		z-index:0;
		max-width:96.75em;
	}

	#fCopyrights {
		padding:.75em 0;
		background:url(gfx/footerHR.png) no-repeat 0 100%;
	}

	#feeds {
		list-style:none;
		padding:.75em 0;
		margin:0;
	}

		#feeds li {
			padding:.75em 0;
			display:inline;
		}

			#feeds li a {
				padding:5px 7px 5px 18px;
				background:url(gfx/icoRSS.png) no-repeat 0 50%;
			}

/* menu */

#menuLevel1M {
	padding:0;
	overflow:hidden;
	position:absolute;
	top:71px;
	left:0;
	font-size:1em;
	letter-spacing:-0.06em;
	background:url(gfx/bgdTopMenu.png) repeat-x 0 0;
	height:30px;
	z-index:30;
}

	#menuLevel1M h2,
	#anch-menuLevel1M {
		margin:0;
		position:absolute;
		text-indent:-1000em;
	}

#menuLevel1M ul{
	float: left;
	width: 100%;
	margin: 0;
	padding: 0;
	list-style: none;
	overflow:hidden;
	line-height:30px;
	font-size:1.3em;
}
	#menuLevel1M ul li {
		float: left;
		display: inline;
		margin: 0;
		padding: 0;
	}
		#menuLevel1M ul li a {
			text-decoration: none;
			float: left;
			padding: 0 0 0 1em;
			color: #000;
		}
			#menuLevel1M ul li a span {
				color: #000;
				float: left;
				display: block;
				padding: 0 1em 0 0;
			}
/* Commented Backslash Hack hides rule from IE5-Mac \*/
			#menuLevel1M ul li a span {float:none;}
/* End IE5-Mac hack */

			#menuLevel1M ul li.current_page_item a span {
				color: #774d28;
				background: url(gfx/menu_tabs_navi.png) no-repeat 100% 0;
			}
			#menuLevel1M ul li.current_page_item a {
				background: url(gfx/menu_tabs_navi.png) no-repeat 0 0;
			}
			#menuLevel1M ul li a:hover {
				background: url(gfx/menu_tabs_navi.png) no-repeat 0 0;
			}
			#menuLevel1M ul li a:hover span {
				background: url(gfx/menu_tabs_navi.png) no-repeat 100% 0;
				color:#774d28;
			}

/* paging news on first page */
.pagebar{
	padding:0;
	margin:0;
	position:relative;
	top:26px;
	left:20px;
}

.pagebar a, .pageList .this-page{
	padding: 2px 6px;
	border:1px outset #dd701f;
	background: #fff;
	text-decoration: none;
	color:#dd701f;
	-moz-border-radius:3px;
}
.pagebar a:visited{
	padding: 2px 6px;
	border: 1px outset #ddd;
	background: #fff;
	text-decoration: none;
}
.pagebar a:hover{
	color: #fff;
	background: #dd701f;
	border:1px outset #c0611b;
	text-decoration: none;
}

.pagebar .break{
	padding: 2px 6px;
	border: none;
	background: #fff;
	text-decoration: none;
}

.pagebar .this-page{
	padding: 2px 6px;
	border:1px solid #bbb;
	font-weight: bold;
	background: #fff;
	-moz-border-radius:3px;
}


#regform{
	position:relative;
}
#formComment{
	margin:1em 0;
	position:relative;
}
	#regform fieldset div,
	#formComment fieldset div{
		clear:both;
		padding:.2em 0;
	}
		#regform fieldset div input,
		#formComment fieldset div input,
		#regform fieldset div textarea,
		#formComment fieldset div textarea,
		#regform fieldset div select,
		#formComment fieldset div select{
			background:url(gfx/bgdInput.png) repeat-x 0 0;
			border:1px solid #ccc;
			padding:.2em;
			width: 20em;
		}
			#regform fieldset div select option,
			#formComment fieldset div option{
				background-color:#fff;
			}

	#regform fieldset legend,
	#formComment fieldset legend{
		padding:.5em 0;
		margin:0;
		font-size:1.6em;
		font-weight:normal;
		color:#a20018;
	}
		#regform fieldset div label,
		#formComment fieldset div label{
			float:left;
			width:27%;
		}

#regform div.submit,
#formComment div.submit{
	background:none;
	padding:1em 0;
}
	#regform div.submit input,
	#formComment div.submit input{
		border:0;
		background:none;
	}

	#regform div.submit input,
	#formComment div.submit input,
	#formComment div.confirm input{
		width:auto;
	}
	#regform div.submit a:hover,
	#regform div.submit a:active{
		background:none;
	}

#regform .form-hide{
	display:none;
}

#regform .rememberme{
	background:none;
}
	#regform .rememberme input{
		width:auto;
		padding-left:1.5em;
	}
.textarea-section textarea{
	background:url(gfx/bgdInput.png) repeat-x 0 0;
	border:1px solid #ccc;
	padding:.2em;
	width:20em;
	height:10em;
}
.error{
	color:#c30;
}
.error-message{
	background:url(gfx/icoNotify.png) no-repeat 0 50%;
	color:#c30;
	font-size:2em;
	padding-left:66px;
	padding-top:1em;
}
.successfull{
	color:#0c3;
	font-size:1.5em;
}

.contacterror {
	color: #c30;
	font-weight:bold;
	margin-left:5px;
}

.privacy div{
	text-align:left;
}
.privacy div label{
	float:none !important;
}
.privacy div input{
	width:auto !important;
}

/* comments section */
#comments{
	margin:1em 0;
}
	#comments p{
		text-align:left;
		text-justify: auto;
	}

/* text zoom */
#zoomer h2{
	position:absolute;
	top:0;
	left:0;
	text-indent:-1000em;
}
#zoom-text{
	list-style:none;
	padding:0;
	margin:0;
	position:absolute;
	top:72px;
	right:0;
	z-index:30;
}
	#zoom-text li{
		padding:0;
		margin:0;
		float:left;
	}
		#zoom-text li a{
			padding: 0 !important;
			margin:0;
			float:left;
			width:39px;
			height:29px;
			overflow:hidden;
		}

	#zoom-text li a#text-increase{
		background:transparent url(gfx/icoText-increase-hover.png) no-repeat 0 0;
	}
	#zoom-text li a#text-decrease{
		background:transparent url(gfx/icoText-decrease-hover.png) no-repeat 0 0;
	}

	#zoom-text li a:hover img{
		visibility:hidden;
	}

/* Rounded box */
.rbroundbox{
	background: url(gfx/box-main-bg.png) repeat;
}
.rbtop div{
	background: url(gfx/box-top-left.png) no-repeat top left;
}
.rbtop{
	background: url(gfx/box-top-right.png) no-repeat top right;
}
.rbbot div{
	background: url(gfx/box-bottom-left.png) no-repeat bottom left;
}
.rbbot{
	background: url(gfx/box-bottom-right.png) no-repeat bottom right;
}

.rbtop div, .rbtop, .rbbot div, .rbbot {
width: 100%;
height: 7px;
font-size: 1px;
}
.rbcontent{
	margin: .5em 1em 0;
}
.rbroundbox{
	margin: 0 auto 1em;
}
.rbroundbox h2{
	position:absolute;
	top:0;
	left:0;
	text-indent:-1000em;
}

/* Rating */
#rating{
	margin-bottom:2em;
	width:59em;
}
#rating ol{
	width:31em;
	margin-left:2em;
}
	#rating ol li{
		clear:both;
	}
		#rating ol li a{
			float:left;
			width:21em;
		}
/* language menu */
#menuLanguage{
	font-size:1.1em;
	position:absolute;
	top:77px;
	right:82px;
	z-index:30;
}
	#menuLanguage h2{ position:absolute; top:0; left:-1000em; margin:0; }

	#menuLanguage ul{
		margin:0;
		padding:0;
		list-style:none;
	}
		#menuLanguage ul li{
			display:inline;
			float:left;
			margin-right:4px;
		}

/* clearing space after float, IE7 compatible */

.clearfix:after {
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
}
.clearfix {display:inline-block;}
/* Hide from IE Mac \*/
.clearfix {display:block;}
/* End hide from IE Mac */

}