html {height:100%; margin:0; padding:0;}
body {height:100%; margin:0; padding:0; text-align:center; font-size:75%; color:#222; background:#fff; font-family:"Helvetica Neue", Arial, Helvetica, sans-serif;}
a:focus, a:hover {color:#000; text-decoration:underline; }
a {color:#28F; text-decoration:none;}

#canvas { margin:0px auto 0 auto; padding-top:50px; width:580px; text-align: left; }
#loader { text-align:center; }

#logo { text-align:center; margin-bottom:15px; }
#logo img { border:none; }

#basic { height:54px;background: #fff url('/images/design/b1.png') top left repeat-x; }
#more_options { height:54px; background: #ffdf61 url('/images/design/b2.png') top left repeat-x; }
#form_shadow { height:13px; background: #fff url('/images/design/b3.png') top left repeat-x; }

#url, #authorize { float:left; width:419px; border:1px solid #6db4ff; height:22px; line-height:22px; margin:15px 0px 0 10px; }
#short { float:right; margin:0px; padding:0; border:none; height:54px; width:100px; text-transform:uppercase; letter-spacing:2px; color:#fff; background: #fff url('/images/design/b4.png') top left repeat-x; }
#more { float:right; margin:0; padding:0; border:none; height:54px; width:39px; color:#fff; background: #fff url('/images/design/b5.png') top left repeat-x; }
#custom { width:270px; border:1px solid #ccc; height:22px; line-height:22px; margin:13px 0 0 10px; color:#999; }
#protected { width:270px; border:1px solid #ccc; height:22px; line-height:22px; margin:13px 0 0 10px; color:#999; }

#nav { text-align:center; margin-top:20px; }
#nav ul { margin:0 auto 0 auto; padding:0; }
#nav ul li { display:inline; list-style-type:none; margin-left:5px; }

#bar {height:3%; background-color:#222; overflow:hidden;}
#barLeft {float:left; height:100%;;}
#barRight {float:left; height:100%;}
	#barRight a {line-height:20px; color:#aaa;}
	#barRight a:hover {color:#fff;}
#barFrame {height:97%; overflow:hidden;}

#screen { margin-top:20px; text-align:center; }

#list span {float:right; margin-left:5px;}
#list li {height:20px;}

#paginator li { list-style-type:none; display:inline; }
#paginator li a { padding:5px; color: #aaa; }

#copy { background-color:transparent; color:#999; display:none; font-size:0.7em; margin:0 1em; position:absolute; z-index:90; }

#page_api, #page_new, #page_popular, #page_ekstenzije, #page_terms, #page_contact {	display:none; text-align:left; padding: 20px; }