/**
 * Olympiacos, http://olympiacos.pl
 * Copyright (c)2009, Olympiacos
 *
 * Licensed under The MIT License
 * Redistributions of files must retain the above copyright notice.
 *
 * @filesource
 * @copyright       		
 * @frontedndeveloper		Krzysztof Safjanowski
 * @license         		http://www.opensource.org/licenses/mit-license.php The MIT License
 */
html, body, h1, h2, h3, h4, dl, dt, dd, form, fieldset, blockquote, p {margin: 0; padding: 0;}

body {background: url(../img/site/bg-page.png) top center no-repeat; font: 0.625em/1.5em tahoma; color: #3d3d3d;}

/* body default */
hr, .hide, .accessibility {display: none;}

img {display: block; border: 0;}

.menu {list-style: none;} /* ul */
	.menu li {float: left;}
		.menu li a {float: left; text-decoration: none;}
		
.newsimg {width: 76px;}
.wydimg {width: 195px;}
.banner {margin: 20px 0 20px 0;}
		
#wrapper, .wrapper {margin: 0 auto; width: 950px;}

/* modules */
.none {display: none;}

a {color: #3d3d3d; text-decoration: none;}
	a:hover {text-decoration: underline;}
					
form {}
	form fieldset {border: 0;}

input.text, textarea {width: 135px; height: 18px; background: #f4f3f3; border: 1px solid #e6e6e6; font-family: Tahoma;}
input.sumbit {cursor: pointer;}

/* header */
#header {height: 162px; background: url(../img/site/header.jpg) no-repeat; position: relative;}
	#header h1 {overflow: hidden; top: 53px; left:602px;}
		#header h1 a {}
			#header h1 a span {}
			
	/* header - index - add to favorites - post */
	ol#accessibility {list-style: none; padding: 0; margin: 0; position: absolute; top: 1px; left: 820px;}
		ol#accessibility li {float: left; overflow: hidden;}
			ol#accessibility li a {width: 18px; height: 16px; display: block; text-indent: -666em;}
				ol#accessibility li#index a {margin-right: 15px; background: url(../img/icons/home.jpg) no-repeat;}
				ol#accessibility li#add-to-favorites a {margin-right: 22px; background: url(../img/icons/add-to-favorites.jpg) no-repeat;}
				ol#accessibility li#post a {background: url(../img/icons/contact.jpg) no-repeat;}
			
/* menu */	
#menu {overflow: hidden; height: 61px; background: url(../img/site/menu.jpg) no-repeat; position: relative;}
#menu h2 {display: none;}
	#menu ul.menu {padding: 0; margin: 0 5px; float: left;}
		#menu ul.menu li {padding-right: 2px; background: url(../img/sep-menu.jpg) right no-repeat;}
			#menu ul.menu li.last {background: none;}
			#menu ul.menu li a {padding: 0 8px; font-size: 1.1em; line-height: 32px; font-weight: bold; color: #fff;}
				#menu ul.menu li a:hover, #menu ul.menu li a.active {text-decoration: underline;}

	#menu ul.submenu {display: none; list-style: none; padding: 0; margin: 0; position: absolute; top: 30px; left: 5px;}			
		#menu ul.submenu li {background: none;}			
			#menu ul.submenu li a {color: #3d3d3d; font-weight: normal;}
			#menu ul.submenu li a.active {font-weight: bold; text-decoration: none;}
			
	#menu ul.submenu.show {display: block;}
				
	/* user-online box */				
	#online {float: right; margin: 9px 20px 0 0; display: inline; }
		#online p {font-size: 1.1em; padding: 3px 0 5px 32px; background: url(../img/icons/user-online.jpg) no-repeat;}
	
/* content */
#content {padding-top: 23px; overflow: hidden;}


/* main */
#main {width: 486px; float: left; margin-left: 10px;}
		
	/* main - news */	
	ul.news {list-style: none; padding: 0; margin: 0; font-size: 1.1em;}	
		ul.news li {background: url(../img/news/sep.jpg) bottom no-repeat; padding: 13px 0;}
		ul.news li:first-child {background: none; padding: 0;}	
		ul.news li.lastchild {background: none; padding-bottom: 0;}	
			ul.news li a {text-decoration: none;}	
			ul.news li a:hover {text-decoration: underline;}	
			
			ul.news li div.header {width: 465px; margin: 3px auto; position: relative;}	
				ul.news li:first-child div.header h3 {font-size: 1.4em;}	
				ul.news li div.header h3 {font-size: 1.2em; margin-bottom: 2px; color: #ad0d1e;}	
					ul.news li div.header h3 a {font-weight: bold; color: #ad0d1e;}
				ul.news li div.header dl {overflow: hidden; color: #7b7a7a; font-size: 1em;}
					ul.news li div.header dl dt {float: left; margin-right: 2px;}
						ul.news li div.header dl dt.data {display: none;}
					ul.news li div.header dl dd {float: left; margin-right: 3px;}
				ul.news li div.header a.comment {position: absolute; top: 0; left: 385px; font-weight: bold; font-size: 0.9em; color: #ad0d1e;}	
					
			ul.news li div.body {width: 465px; margin: 0 auto; overflow:hidden; zoom: 1.0;}	
				ul.news li:first-child div.body a img {border: 3px solid #e1dede;}	
				ul.news li div.body a img {float: left; margin: 0 7px 17px 0; border: 1px solid #000;}	
				ul.news li div.body p {margin-bottom: 10px; text-align: justify;}	
					ul.news li div.body p a.more {font-weight: bold; color: #ad0d1e;}	
			
			ul.news li p.extended {height: 31px; width: 486px; background: url(../img/news/extended.jpg) no-repeat;}
				ul.news li p.extended a {float: left; display: block;}
					ul.news li p.extended a.comments {margin: 0 55px 0 18px; color: #3d3d3d; font-size: 1.1em; background: url(../img/icons/comment.jpg) 0 2px no-repeat; padding: 0 0 8px 23px;}
						ul.news li p.extended a.comments strong {color: #ad0d1e;}
					ul.news li p.extended a.read-all {color: #3d3d3d; font-size: 1.1em; background: url(../img/icons/read-all.jpg) 0 2px no-repeat; padding: 0 0 8px 23px;}
	
	/* main - add comment form */		
	form#add-comment {margin: 10px;}
		form#add-comment h2 {font-size: 1.3em; font-weight: bold; color: #ad0d1e; margin-bottom: 10px;}
		form#add-comment ul {list-style: none; padding: 0; margin: 0;}
			form#add-comment ul li {font-size: 1.1em; margin-bottom: 5px;}
				form#add-comment ul li label {width: 70px; display: block; float: left;}
				form#add-comment ul li textarea {width: 350px; height: 100px; font-size: 1.1em;}
				form#add-comment ul li.last {padding-left: 70px;}
	
	/* main - comments list */	
	ul#comments-list {list-style: none; padding: 0; margin: 0;}	
		ul#comments-list li {width: 100%; clear: left; margin-bottom: 10px; padding-bottom: 10px; border-bottom: 1px solid #e6e6e6; font-size: 1.1em;}	
		ul#comments-list li dl {}	
		ul#comments-list li dt {margin-bottom: 10px;}	
			ul#comments-list li dt span {display: block; margin: 3px 0;}	
		ul#comments-list li dd {}	
		
/* sidebar */			
#sidebar {width: 404px; float: left; margin-left: 20px; font-size: 1.1em;}

	/* sidebar - login form */
	form#login-form {}
	form#login-form h2 {display: none;}
		form#login-form ul {list-style: none; padding: 0; margin: 0 23px 0 0; float: left;}
			form#login-form ul li {margin: 0 0 8px 0;}
				form#login-form ul li label {display: block; float:left; width: 36px; line-height: 18px;}
				
				form#login-form ul li.last {margin: 10px 0 0 38px;}
					form#login-form ul li input#sumbit {border: 0; background: none; cursor: pointer; margin: 0; padding: 0; font: 1.1em Tahoma;}
			
		form#login-form dl {width: 175px; list-style: none; padding: 0; margin: 0; float: left; display: inline}
			form#login-form dl dt {margin-bottom: 2px; font-weight: bold;}
			form#login-form dl dd {margin-bottom: 15px;}
		
	/* sidebar - register form */	
	form#register-form {margin: 0 0 0 40px;}
	form#register-form h2 {display: none;}
	form#register-form p {color: red; margin: 0 0 10px 120px;}
		form#register-form ul {list-style: none; padding: 0; margin: 0;}
			form#register-form ul li {height: 35px;}
				form#register-form ul li.code {height: 29px; font-weight: bold; text-align: center;}
				form#register-form ul li label {width: 120px; display: block; line-height: 18px; float: left;}
				form#register-form ul li span {font-size: 0.9em;}
					form#register-form ul li span.red {color: red;}
			form#register-form ul li input.sumbit {margin-left: 120px; border: 1px solid #000;}	

	/* sidebar - next match */
	div#next-match {}		
		ul.match {width: 100%; overflow: hidden; list-style: none; padding: 0; margin: 0;}		
			ul.match li {width: 95px; float: left;}		
				ul.match li.versus {width: 28px;}		
					ul.match li.versus p {width: 28px; height: 13px; overflow: hidden; text-indent: -666em; margin: 45px 0 0 0; background: url(../img/icons/vs.jpg) no-repeat;}		
				ul.match li.introduction {width: 150px;}		
				ul.match li dl {}
					ul.match li dl dt {text-align: center; margin-bottom: 5px; font-weight: bold;}
						ul.match li.introduction dl dt {text-align: left;}
					ul.match li dl dd {margin-bottom: 5px;}
						ul.match li dl dd img {margin: 0 auto;}
						
	/* sidebar - league-table */
	div#league-table {}
		table.league-table {width: 100%; border-collapse: collapse;}
			table.league-table td, th {height: 25px; text-align: left;}
	
	/* sidebar - service-probe */
	div#service-probe {}
		ul.poll {width: 100%; overflow: hidden; list-style: none; padding: 0; margin: 0;}
			ul.poll li.element {float: left;}
				ul.poll li.element p {margin: 10px 0;}
					ul.poll li.element p input#vote {border: 0; background: none; cursor: pointer; margin: 0; padding: 0; font: 1em Tahoma; font-weight: bold;}
			ul.poll li dl {width: 210px;}
					ul.poll li dl dt {margin-bottom: 5px; font-weight: bold;}
					ul.poll li dl dd {margin-bottom: 5px;}
						ul.poll li dl dd img {margin: 0 auto;}
						ul.poll li dl dd a {color: #a4a1a1;}
							ul.poll li dl dd a:hover {color: #000;}
		ol.answer-list {list-style: none; padding: 0; margin: 0 0 0 5px;}
			ol.answer-list li {margin-bottom: 3px;}
			
			ul.poll dl.last-poll {width: 157px;}
				ul.poll dl.last-poll dt {margin-bottom: 15px;}
				ul.poll dl.last-poll dd {margin: 0;}
	
	/* sidebar - video-of-week - photo-of-week */	
	div#video-of-week {}
		div#video-of-week p.title, div#photo-of-week p.title {border-bottom: 1px solid #dbdbdb; padding-bottom: 5px; margin-bottom: 5px;}
		div#video-of-week p.add-by, div#photo-of-week p.add-by {border-top: 1px solid #dbdbdb; padding-top: 5px; margin-top: 5px;}
		div#photo-of-week img {margin: 0 auto;}
		
	/* sidebar - partners-of-services */	
	#partners-of-services {}	
		ul.partners {width: 100%; overflow: hidden; list-style: none; padding: 0; margin: 0;}	
			ul.partners li {width: 130px; float: left;}	
				ul.partners li.partners-list {width: 242px;}	
				ul.partners li.partners-list img {width: 76px; height: 37px;}
				ul.partners li.partners-list dl {}	
					ul.partners li.partners-list dl dt {display: none;}	
					ul.partners li.partners-list dl dd {width: 76px; height: 37px; border: 1px solid #000; margin: 0 1px 1px 0; float: left;}
		
	/* sidebar - music-player */		
	#music-player {margin-bottom: 35px;}
					
		
/* footer */
#footer {margin-top: 10px; background: url(../img/site/bg-footer.jpg) repeat-x;}
	#footer .wrapper {overflow: hidden; background: url(../img/site/footer.jpg) no-repeat;}
	#footer p.copyright {line-height: 25px; font-size: 1.1em; margin-left: 10px; float: left;}
		#footer p.copyright a {font-weight: bold; color: #ad0d1e;}
		#footer p.copyright span {padding: 0 10px;}
	
	#footer ul.menu {padding: 0; margin: 0 23px 0 0; display: inline; float: right;}
		#footer ul.menu li {}
			#footer ul.menu li a {padding: 0 10px; line-height: 25px; font-size: 1.1em; color: #3d3d3d; text-decoration: none;}
				#footer ul.menu li a:hover {color: #ad0d1e;}

/* image replacement */
#header h1 {position: relative;}
	#header h1 a span {position: absolute; top: 0; left:0;}
	
#header h1 {width: 291px; height: 78px;}
	#header h1 a span {width: 291px; height: 78px; background: url(../img/h1.logo.jpg) no-repeat;}