/* =reseting & global
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

body, div, span, ul, ol, li, dl, dt, dd,
h1, h2, h3, h4, h5, h6, p, pre, blockquote,
legend, form, fieldset, table, tr, th, td,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, sub, sup, tt, var {
	margin: 0; padding: 0;
	border: 0;
	font-family: inherit;
	font-size: 100%;
	font-style: inherit;
	font-variant: inherit;
	font-weight: inherit;
	outline: 0;
	vertical-align: baseline;
}

abbr, acronym { border-bottom: 1px dotted #666; cursor: help; }
body { line-height: 1; background-color: #FFF; }
caption, th { text-align: left; }

/* =layout
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

body {
	background: #CBDB2A url('../images/bg.png') 0 0 repeat-x;
}

#page {
	background: url('../images/main-bg.png') 0 0 no-repeat;
	font: normal .69em Arial, Verdana, sans-serif;
	margin: 0 auto;
	min-height: 445px;
	padding-bottom: 50px;
	position: relative;
	width: 900px;
}

	/* -top
	~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
	
	#top h1 {
		left: 10px;
		position: absolute;
		top: 16px;
	}
	#top h1 a {
		background: url('../images/rollfest.gif') 0 0 no-repeat;
		display: block;
		height: 125px;
		overflow: hidden;
		text-indent: -666em;
		width: 265px;
		
	}
	
	#top h2 {
		background: url('../images/02082008-10082008.gif') 0 0 no-repeat;
		height: 19px;
		left: 175px;
		overflow: hidden;
		position: absolute;
		text-indent: -666em;
		top: 110px;
		width: 248px;
	}
	
	#top #language {
		font-weight: bold;
		left: 800px;
		position: absolute;
		top: 15px;
	}
		#top #language li {
			float: left;
			list-style: none;
			margin-right: .3em;
		}
	
	#top #navigation {
		font-size: 1.18em;
		left: 290px;
		position: absolute;
		top: 50px;
	}
		#top #navigation li {
			float: left;
			list-style: none;
			margin-right: .3em;
		}
		#top #navigation a {
			color: #FFF;
			text-decoration: none;
		}
		#top #navigation a:hover {
			text-decoration: underline;
		}

	/* -content
	~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

	#container {
		background: #E6E6E6;
		left: 6px;
		position: absolute;
		top: 155px;
		width: 574px;
	}
	
	#content {
		background: #FFF;
		color: #009AD7;
		float: left;
		margin: 4px 0 4px 4px;
		min-height: 350px;
		padding: 30px 20px;
		width: 427px;
	}
		#content h2 {
			font: bold 2.91em Arial, Verdana, sans-serif;
			margin-bottom: 20px;
		}
		
		#content h3 {
			font-weight: bold;
		}
		#content h3 a {
			color: #009AD7;
		}
		#content h3 span {
			font-weight: normal;
		}
		
		#content h4 {
			clear: both;
			font-size: 1.57em;
			font-weight: bold;
			text-align: center;
		}
		#content h5 {
			font-size: 1.37em;
			font-weight: bold;
			margin-bottom: 1em;
			text-align: center;
		}
		
		#content p {
			line-height: 140%;
			margin-bottom: 1em;
			text-align: justify;
		}
		#content p.meta {
			text-align: right;
		}
		#content p.meta a {
			text-decoration: none;
		}
		
		#content ul, ol {
			clear: both;
			line-height: 140%;
			margin: 0 0 1em 1.5em;
		}
		
		#content a {
			color: #CBDB2A;
			font-weight: bold;
		}
		#content a:hover {
			text-decoration: underline !important;
		}
		
		#content .entry {
			border-bottom: 1px solid #DDD;
			margin: 0 0 10px;
			padding-bottom: 10px;
		}
		
		#content form .formdiv {
			border-bottom: 1px solid #EEE;
			margin-bottom: 3px;
			padding-bottom: 3px;
		}
		#content form .formdiv span {
			margin-left: 10px;
		}
		#content form label {
			float: left;
			padding-top: 3px;
			width: 80px;
		}
		
		#content table {
			margin: 1em 0;
			width: 100%;
		}
		#content table th {
			background: #D8EEF7;
			border-top: 1px solid #009AD7;
			font-weight: bold;
			padding: 3px 5px;
		}
		#content table td {
			padding: 3px 5px;
		}
		
		#content a.button {
			background: #D8EEF7;
			border: 1px solid #009AD7;
			color: #009AD7;
			padding: 5px 6px;
			text-decoration: none;
		}
		
		#content .newer, #content .older { list-style: none }
		#content .newer { float: left }
		#content .older { float: right }
		
		#content .contact textarea {
			height: 150px;
			width: 300px;
		}
		
		#content .sponsors, #content .photos, .sponsorssite {
			list-style: none;
		}
		#content .photos {
			margin-top: 10px;
		}
			#content .sponsors li {
				float: left;
				height: 100px;
				margin: 0 10px 10px 0;
				width: 100px;
			}
			#content .sponsorssite li {
				float: left;
				margin: 0 10px 10px 0;
			}
			#content .photos li {
				background: #EEE;
				border: 1px solid #DDD;
				float: left;
				height: 100px;
				margin: 0 10px 10px 0;
				padding: 3px;
				width: 100px;
			}
			
		#content #history-nav li {
			float: left;
			font-size: 1.37em;
			list-style: none;
			margin: 0 1em 1em 0;
		}
	
	#sponsors {
		float: right;
		padding-top: 50px;
		text-align: center;
		width: 103px;
	}
		#sponsors h2 {
			color: #FFF;
			font: bold 1.27em Arial, Verdana, sans-serif;
		}
		
		#sponsors ul li {
			background: #E6E6E6;
			height: 85px;
			list-style: none;
			margin: 10px auto 0;
			width: 85px;
		}
		
	#partnerzy {
		left: 594px;
		position: absolute;
		top: 469px;
		width: 300px;
	}
		#partnerzy li {
			background: #BACA27;
			float: left;
			height: 52px;
			list-style: none;
			margin: 0 7px 6px 0;
			width: 93px;
		}