/*

	brain viscera axi
	25 czerwca 2010
	style.css

	one cat, one love!
	hinok.net
	
*/

@import url(reset.css);
@import url(type/font.css);

/*
M
A
I
N
*/

body {width: 100%; height: 100%; background: #222222 url(images/background.png) repeat-y 50% 0; text-align: center;}
body {font-family: Helvetica Neue, Helvetica, Arial, Tahoma, sans-serif;}
#background {width: 100%; height: 100%; background: transparent url(images/big-background.jpg) no-repeat top; text-align: center;}
	.wrap {width: 960px; margin: 0 auto; text-align: left; background-color: transparent; position: relative; overflow: hidden;}
	.center {text-align: center;}

/*
T
O
P
*/

#top {padding: 30px;}

h1 {margin-bottom: 30px;}
	h1 a {font-size: 18px; color: #fff; font-family: 'HelveticaNeueBold', sans-serif; display: block;}
		h1 a small {font-size: 12px !important; color: #6b6b6b; display: block; font-family: 'HelveticaNeueLight', sans-serif;}
			h1 a small em {text-transform: uppercase;}

#top ul li {float: left; margin-right: 15px;}
	#top ul li a {font-size: 13px; font-family: 'HelveticaNeueBold', sans-serif; color: #cccccc; display: block; padding: 0; margin: 0; padding: 5px 8px 5px 8px;}
	#top ul li a:hover {background-color: #ffffff; border-radius: 21px; -webkit-border-radius: 21px; -moz-border-radius: 21px; color: #db6016;}
	#top ul li a:active {margin-top: 1px;}
	li.home-page a {background: transparent url(images/home.png) no-repeat top left; width: 15px; height: 15px;}
	li.register a {background: transparent url(images/register.png) no-repeat top left; width: 71px; height: 28px;}
	li.home-page a, li.register a {text-indent: -9999px; padding: 5px 0 0 0 !important; border-radius: 0 !important; -webkit-border-radius: 0 !important; -moz-border-radius: 0 !important;}
	li.home-page a:hover, li.register a:hover {background-color: transparent !important;}
	li.home-page a:hover {background-position: 0 -33px;}
	li.register a:hover {background-position: 0 -58px;}

/*
A
J
A
X
E
D

P
A
G
E
S
*/

#page-text {width: 600px; margin: 30px 0 60px 0; font-size: 14px; color: #999999; line-height: 22px; display: none;}
	#page-text h2 {font-size: 72px; font-family: 'HelveticaNeueUltraLight', sans-serif; color: #fff; margin-bottom: 30px;}
	#page-text p {margin-bottom: 30px;}
	#page-text li {margin-bottom: 20px;}
	#page-text p a {color: #fff; text-decoration: underline;}
	.close {width: 34px; height: 34px; background: transparent url(images/close.png) no-repeat; display: block; text-indent: -9999px; float: right; cursor: pointer;}
	.close:active {margin-top: 1px;}
	
	.list-numbers {list-style: decimal inside; margin-top: 0px !important;}
	.list-numbers li {margin-bottom: 10px !important; color: #fff;}
	
	#page-text h3 {font-size: 34px; font-weight: bold; padding: 0 0 15px 0; border-bottom: #323232 solid 1px; margin: 0 0 10px 0; font-family: 'HelveticaNeueUltraLight', sans-serif; color: #DB6016;}
	

/*
H
E
A
D
E
R
*/

#header {position: relative; padding: 30px;}
	#when, #where {width: 300px; float: left;}
	#when {margin-right: 30px;}
	#register {clear: both;}

		#when h2, #where h2 {font-size: 48px; font-family: 'HelveticaNeueUltraLight', sans-serif; color: #fff; margin-bottom: 10px;}
		#when p, #where p {font-size: 24px; font-family: 'HelveticaNeueUltraLight', sans-serif; color: #db6016;}
		#register h2 a {font-size: 48px; font-family: 'HelveticaNeueBold', sans-serif; color: #fff; margin-bottom: 10px;}
		#register h2 a:hover {color: #7c7c7c;}
		#register h2 a:active {text-decoration: underline;}
		#register p {font-size: 13px; color: #9e9e9e; margin-bottom: 10px;}
		#register p strong {color: #fff;}
			#register p a {color: #fff;}
				#register p a strong {color: #d75614;}
				#register p a:hover {text-decoration: underline;}
			
		/* ICONS */
		#when h2, #where h2, #register h2 a {background: transparent url(images/head-icons.png) no-repeat; padding-right: 74px; display: inline-block;}
		#when h2 {background-position: 100% 0;}
		#where h2 {background-position: 100% -110px;}
		#register h2 a {background-position: 100% -224px;}
		
/*
C
O
N
T
E
N
T
*/

#content {padding: 30px 30px 45px 30px;}
	#invitation {width: 270px;}
	#invitation h3 {font-family: 'HelveticaNeueUltraLight', sans-serif; color: #a9a9a9; font-size: 36px; margin: 20px 0 15px 0;}
	#invitation p {font-size: 13px; line-height: 21px; color: #e3e3e3; margin-top: 15px;}
		.more-and-more {font-size: 11px !important; line-height: 18px !important; color: #808080 !important;}
		.more-and-more a {display: block; width: 72px; height: 22px; text-indent: -9999px; background: transparent url(images/read-more.png) no-repeat; float: right; margin-top: 20px;}
		.more-and-more a:hover {background-position: 0 -22px;}
		.more-and-more a:active {margin-top: 21px;}
	
	/* HARD ŁORK AŁT, EWRYDEJ */
	#news-top {position: absolute; top: 370px; left: 320px; padding: 130px 0 0 0; width: 351px;}
	#news-top {background: transparent url(images/news-top.png) no-repeat;}
	#news-bottom {background: transparent url(images/news-bottom.png) no-repeat bottom; padding-bottom: 70px;}
	#news-middle {background: transparent url(images/news-middle.png) repeat-y;}
	
		#news-middle h3 {font-size: 36px !important; font-family: 'HelveticaNeueUltraLight', sans-serif !important; color: #404040 !important; padding: 0 0 0 30px;}
			#news-middle h3 strong {font-family: 'HelveticaNeueBold', sans-serif !important; color: #000 !important;}
		#news-middle ul li {padding: 10px 20px 10px 20px; margin: 0 11px 0 11px; border-top: #c8c8c8 solid 1px;}
		#news-middle ul li.active {border: 0 !important;}
			#news-middle ul li span {font-size: 11px; color: #7f7f7f;}
			#news-middle ul li h4 a {font-size: 14px; font-weight: bold; color: #db6016;}
			#news-middle ul li h4 a:hover {text-decoration: underline;}
			#news-middle ul li p {font-size: 12px; color: #575757; line-height: 20px; margin-top: 10px; display: none;}
			#news-middle ul li.active p {display: block;}
		
			a.read-more {display: block; width: 72px; height: 22px; text-indent: -9999px; background: transparent url(images/read-more-news.png) no-repeat; float: right; margin-top: 20px;}
			a.read-more:hover {background-position: 0 -22px;}
			
	#news-up, #news-down {width: 24px; cursor: pointer; display: block; text-indent: -9999px; position: absolute; right: 30px;}
	#news-up {background: transparent url(images/news-up.png) no-repeat; height: 31px; top: 50px;}
	#news-up:hover {background-position: 0 -31px;}
	#news-down {background: transparent url(images/news-down.png) no-repeat; height: 28px; top: 81px}
	#news-down:hover {background-position: 0 -28px;}
		
		/* CIEN, REKA POSTACI */	
		.hand {width: 34px; height: 182px; background: transparent url(images/hand.png) no-repeat; position: absolute; top: 92px; right: 0;}

	#notes-illustration {width: 81px; height: 100%; background: transparent url(images/notes.png) repeat-y; position: absolute; right: 5px; top: 795px; z-index: 999;}

/*
F
O
O
T
E
R
*/

#footer {background: #222222 url(images/content-bottom.png) no-repeat top left; padding: 60px 30px 100px 30px; width: 900px;}
	#footer p {margin-bottom: 20px; font-size: 11px; color: #c8c8c8;}
		#footer p a {color: #fff; text-decoration: underline;}

	.logo-footer span {font-size: 13px !important; color: #868686 !important; font-family: 'HelveticaNeueBold', sans-serif; display: block; margin-bottom: 10px;}
		.logo-footer span em {font-size: 10px !important; color: #4a4a4a !important;}
	/* Z wyrazami szacunku */
	.gorowski {width: 162px; height: 24px; background: transparent url(images/gorowski.jpg) no-repeat; text-indent: -9999px; display: block; margin-top: 5px;}

	#jump-to-top {width: 450px; height: 300px; background: transparent url(images/birds.jpg) no-repeat; text-indent: -9999px; display: block; margin: -90px 0 0 225px;}
	#jump-to-top:hover {background-position: 0 -300px;}

/*
N
E
W
S
P
A
P
E
R
*/

#fade {width: 100%; height: 100%; position: fixed; top: 0; left: 0; background: transparent url(images/transparent.png) repeat; z-index: 1000; display: none;}
#loading {position: absolute; top: 50%; left: 50%; width: 32px; height: 32px; margin: -16px 0 0 -16px; background: transparent url(images/loading.gif) no-repeat;}

	#newspaper-wrap {width: 960px; position: absolute; top: 50%; left: 50%; z-index: 1001;}
		#newspaper {background-color: #fff; padding: 60px 0 60px 0; z-index: 1001;}
		#newspaper {text-align: left; font: 18px normal Georgia, "New Century Schoolbook", "Nimbus Roman No9 L", serif; color: #000;}
		
			#newspaper p {line-height: 30px; margin-bottom: 40px; padding: 0 60px 0 60px; z-index: 1001;}
			#newspaper p a {font-size: 14px; color: #1f3f92;}
			#newspaper p.dear-friends {color: #727272;}
			#newspaper strong {font-weight: bold;}

		.jScrollPaneContainer {position: relative; overflow: hidden; z-index: 1001; padding-right: 20px;}
		.jScrollPaneTrack {position:absolute; cursor:pointer; right:0; top:0; height:100%;}
		.jScrollPaneDrag {position:absolute; background:#CCC; cursor:pointer; overflow:hidden; -moz-border-radius:6px; -webkit-border-radius:6px; border-radius: 6px;}
/*
OPERA
BACKGROUND
HACK
*/

@media all and (-webkit-min-device-pixel-ratio:10000), not all and (-webkit-min-device-pixel-ratio:0) {
	body {background: transparent url(images/background-opera.png) repeat-y 50% 0;}
}

/*
NA SZYBKO DODANE
*/

#program-symposium strong {font-size: 18px; font-weight: bold; color: #fff;}