* { margin: 0; padding: 0; }
html, body { height: 100%; }
body {
	color: #fff;
	font-family: Arial, Helvetica;
	font-size: 12px;
	background: url(/images/bg.gif) repeat-x #82b64a;
}

#main {
	margin: 0 auto;
	width: 900px;
	position: relative;
}
#wrapper {
	float: left;
	width: 100%;
}
#content {
	margin: 0 0 0 170px;
}
#leftside {
	float: left;
	width: 170px; /*Width of left column in pixel*/
	margin-left: -900px; /*Set margin to that of -(MainContainerWidth)*/
}
#header {
	margin-bottom: 30px;
	position: relative;
	width: 100%;
	clear: both;

}

#header .inner {
	margin: 0 auto;
	width: 900px;
	padding: 0;
	position: relative;
}


#footer {
	clear: left;
	width: 100%;
	text-align: center;
	padding: 15px 0 5px 0;
}

a {
	color: #fdff69;
	text-decoration: none;
}
a:hover { color: #fff; }
.centered { margin: 0 auto; padding: 0; }

#footer a {
	color: #745c4f;
}
#footer p {
	margin: 5px auto;
}
#header .logo {
	text-align: center;
	float: left;
	display: inline;
	width: 130px;
}

#header .login {
	float: right;
	display: inline;
	width: 760px;
}

#loginform { display: none; padding-top: 5px;}
#loginform fieldset { float: left; display: inline; width: 530px; border: none; margin-right: 0; margin-left: 10px; padding: 0;}
#loginform-show { float: left; display: inline; margin: 5px 0 0 5px; width: 97px; height: 29px; background: url(/images/bg_ulog.gif) no-repeat; color: #1b3700; font-size: 14px; font-weight: bold; text-align: center; line-height: 28px; }
#regis { float: left; display: inline; margin: 5px 0 0 5px; width: 113px; height: 29px; background: url(/images/bg_reg.gif) no-repeat; color: #1b3700; font-size: 14px; font-weight: bold; text-align: center; line-height: 28px; }
#loginform label, #loginform input { float: left; display: inline; }
#loginform label { font-size: 12px; font-weight: bold; text-align: right; }
.logininputs { font-size: 22px; background-color: #fff; border: 1px solid #000; width: 150px; margin-left: 5px;}
.loginbutton { margin-left: 10px; width: 97px; height: 29px; background: url(/images/bg_ulog.gif) no-repeat; border: none; font-size: 14px; font-weight: bold; font-family: Arial, Helvetica; padding: 0 auto; line-height: 16px;}

#loginform-hide { float: left; display: inline; width: 16px; height: 16px; }

#buy { float: left; display: inline; width: 150px; height: 37px; padding-top: 5px;}
.data { float: left; display: inline; width: 120px; height: 37px; font-weight: bold; text-align: center; padding-top: 4px;}
.data span { color: #ffc; font-size: 14px; }
.buybutton {margin-left: 10px; width: 138px; height: 29px; background: url(/images/bg_buy.gif) no-repeat; border: none; font-size: 14px; font-weight: bold; font-family: Arial, Helvetica; padding: 0 auto; line-height: 16px;}

#izlog { float: left; display: inline; width: 120px; height: 37px; padding-top: 5px;}

#searchbox {
	width: 140px;
	margin: 0 auto;
	text-align: center;
}
#searchbox input {}
#searchform { }
#searchform #lookfor { display: block; border: none; }
#searchform label { font-size: 14px; }
#searchform input#searchinput { width: 120px; }
.searches, .topsearches { list-style: none; }
.topsearches, .spons { border: 1px solid #ebd690; background: url(/images/bg_spons.gif) right top no-repeat #fffcee; }
.searches li, .topsearches li { margin-bottom: 5px; margin-left: 15px;}
.searches a, .topsearches a, .spons a { font-size: 18px; }
.searches img, .topsearches img, .spons img { display: inline-block; margin-left: 10px; margin-bottom: -1px;}
.searches li.spons { margin-left: 0; margin-bottom: 5px; padding-left: 15px; padding-bottom: 5px;}

#leftside ul {list-style: none; background: url(/images/bg_left.gif) bottom no-repeat; padding-bottom: 8px; margin-bottom: 10px; }
#leftside ul li { margin: 0 0 5px 8px; font-weight: bold; font-size: 14px; }
#leftside ul li img { margin-bottom: -2px; }

.infokupi { width: 700px; height: 500px; margin: 0 auto; background: url(/images/bg_infokupi.gif) no-repeat; padding-top: 20px; color: #000;}
.infokupi .warn { width: 660px; margin: 0 auto 20px auto; padding-top: 5px; border: 1px solid #d50000; background: url(/images/boxlock.gif) right center no-repeat #fff; }
.infokupi .warn p { color: #cc0000; text-indent: 10px; letter-spacing: 1px;}
.infokupi .warn p.w1 { font-size: 24px; padding-top: 3px; margin-bottom: 6px;}
.infokupi .warn p.w2 { font-size: 20px; margin-bottom: 8px;}
.infokupi .kako { float: left; display: inline; margin-left: 18px; padding-top: 10px; width: 320px; background-color: #fff; border: 1px solid #476b24; }
.infokupi .kako h4 {font-size: 18px; font-weight: bold;}
.infokupi .kako p { font-size: 14px; padding: 0 10px; margin-bottom: 7px;}
.infokupi .kako a { color: #d50000; }
.infokupi form { float: right; display: inline; width: 320px; margin-right: 18px; padding-top: 160px; background: url(/images/ribica.jpg) top no-repeat #fff; border: 1px solid #476b24;}
.infokupi form p { color: #000; font-size: 14px; padding-left: 10px; margin-bottom: 10px;}
.infokupi form label { display: block; margin: 0 0 10px 10px; font-size: 18px; }
.infokupi form .kupiclick { display: block; width: 300px; text-align: center; margin: 0 auto 10px auto; font-size: 18px; font-weight: bold; border: 1px solid #000; background: url(/images/bg_kupi.gif) repeat-x #e0f19c; color: #476b24;}

h1 {
	font-size: 24px;
	color: #553b2d;
	text-align: center;
}
h2 { color: #fff; font-size: 18px; text-indent: 20px; margin-bottom: 15px;}
p.intro { padding-left: 10px; margin-bottom: 10px;}
.menus form {
	margin: 0 auto;
	text-align: center;
}
.menus p {
	margin: 0 4px;
	padding: 3px auto;
}
p.pages { margin: 20px auto; font-size: 18px; font-weight: bold; text-align: center;}
p.pages span { font-size: 18px;	font-weight: bold; margin: auto 5px;}

#content h3 { text-indent: 20px; font-size: 16px; font-weight: bold; color: #fff; }
#content h3 a { color: #fff; text-decoration: none; }

#leftside h3.lefttop { height: 25px; text-indent: 10px; line-height: 24px; font-size: 16px; background: url(/images/bg_lefttop.gif) top no-repeat;}

.boxes { list-style: none; margin: 0 auto 10px auto; padding-bottom: 10px; background: url(/images/bg_boxes.gif) bottom no-repeat; }

.screenshot { float: left; display: inline; width: 180px; height: 135px; margin-left: 10px;}
p.desc { float: right; display: inline; margin-right: 10px; width: 520px; margin-bottom: 5px; }
p.igraj { float: right; display: inline; margin-right: 10px; width: 520px; margin-right: 20px; text-align: right; font-size: 16px; font-weight: bold; }

.rezultati { list-style: none; width: 310px; margin-left: 200px;}
.rezultati span { display: inline-block; text-align: center; }
.mesto { width: 50px; }
.ime { width: 200px; }
.poena { width: 60px; }
.nazivi { font-weight: bold; font-size: 14px; color: #fff; background-color: #30570b; padding: 3px 0;}
.boxes h4 { float: left; display: inline; width: 170px; margin-left: 20px; text-align: right; padding-top: 2px; font-size: 14px; }

table { margin: 0 auto; }

.centl {
	width: 621px;
	float: left;
	display: inline;
	margin: 0 0 10px 20px;
	padding: 0;

}
.centr {
	width: 304px;
	margin: 0 20px 20px 0;
	padding; 0;
	float: right;
	display: inline;
	position: relative;
	clear: right;

}
.centr p { margin: 3px auto;}
.centr a { text-decoration: blink; }
.centr a img { margin-bottom: 5px; padding: 0;}
.centr br { clear: both; height: 0; }


.clearboth {
	clear: both;
}
.cleared:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
li.cleared:after {
	margin-bottom: 10px;
}
.cleared {
	display: inline-block;
}
li.cleared {
	display: inline-block;
	margin-bottom: 10px;
}
/* Hides from IE-mac \*/
* html .cleared {height: 1%;}
* html li.cleared {height: 1%; margin-top: 20px; }
.cleared {display: block;}
li.cleared {display: block; margin-top: 20px;}
/* End hide from IE-mac */