@import "reset.css";

body {
	background: #444444;
	font: normal 12px/15px Tahoma, Arial, Helvetica, sans-serif;
	color: #fff;
}
.container { position:relative; width: 680px; margin: 0 auto; }
#header {
	background: url(../img/header_bg.jpg) no-repeat 0 0;
	width: 100%;
	height: 302px;
	position: relative;
}
#header img {position: absolute;top: 36px;left: 29px}
#header p {
	position: absolute;
	background: url(../img/site_slogan.gif);
	width: 350px;
	height: 61px;
	text-indent: -9999%;
	font-size: 0;
	line-height:0;
	left: 79px;
	top: 162px;
}
#header ul {
	position: absolute;
	background: url(../img/header_ul_bg.gif) no-repeat 0 0;
	width: 665px;
	height: 29px;
	top: 261px;
	left: 0;
	padding: 12px 0 0 15px;
}
#header ul li { float: left;margin-right: 14px }
#header ul li a {
	float: left;
	height: 16px;
	text-indent: -9999%;
	font-size: 0;
	line-height: 0;
	text-decoration: none;
}
#header ul #start a { background: url(../img/m_start.gif); width: 61px}
#header ul #add-game a { background:url(../img/m_add.gif); width: 93px}
#header ul #base a { background: url(../img/m_base.gif); width: 107px}
#header ul #search a { background: url(../img/m_search.gif); width: 127px}
#header ul #partners a { background: url(../img/m_partners.gif); width: 96px}
#header ul #contact a { background: url(../img/m_contact.gif); width: 80px}
#content {
	float: left;
	margin-left: 33px;
	background: url(../img/contentbg.gif) repeat-y;
	width: 565px;
	padding: 15px 25px;
	display: inline;
}
#main-content {float: right;width: 365px}
#main-content h1.wellcome {
	float: left;
	background: url(../img/h1_wellcome.gif) no-repeat 0 0;
	width: 100%;
	height: 22px;
	text-indent: -9999%;
	line-height: 0;
	font-size: 0;
	margin-bottom: 10px;	
}
#main-content h1 {
	font: bold 22px/25px Arial, Helvetica, sans-serif;
}
#main-content p {display: inherit;margin-top: 10px}
#main-content strong {font-weight: bold;color: #6deae4}
#main-content a {color: #6deae4}
#main-content a:hover {color:#a5c31a}
#main-content img { float: left; margin: 10px 0 0 -25px; display: inline; position: relative; z-index: 100}
/* dodaj-gre.html */
#main-content form {
	float: left;
}
#main-content form label {
	float: left;
	width: 100%;
	margin: 5px 0;
}
#main-content form input, #main-content form select, #main-content form textarea {
	float: left;
	border: 1px solid #d7d7d7;
	background:#fff;
	width: 300px;
	padding: 3px 10px;
}
#main-content form input.submit { width: auto; padding: 0; margin-top: 20px}
#main-content form select { padding: 0; width: 320px}
#main-content form textarea { height: 150px }



#sidebar {float: left;width: 196px}
#sidebar h3.last-searched,
#sidebar h3.most-popullar {
	float: left;
	width: 100%;
	background: url(../img/last-seached.gif) no-repeat 0 0;
	height: 22px;
	text-indent: -9999%;
	line-height: 0;
	font-size: 0;
	margin-bottom: 10px;
}
#sidebar h3.most-popullar {margin-top: 20px;background-image: url(../img/most_popullar.gif)}
#sidebar li a {color: #37afb6;font-size: 11px}
#sidebar li a:hover {color:#a5c31a}
#footer {
	float: left;
	width: 100%;
	background: #3b3b3b;
	border-top: 1px solid #626262;
	padding: 15px 0 20px 0;
	font-size: 10px;
}
#footer a {color: #626262; text-decoration: none}
#footer a:hover {color:#a5c31a}
#footer img {float: left;margin-right: 50px}
#footer .links {float: left;margin-top: -2px}
#pagination {width: 100%; text-align: center; margin-top: 30px}
#pagination li {display: inline}