body {
	margin: 0 0 0 0;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	background: #E5EBF2 url(images/bck.gif) repeat-x top;	
}

a img {
border: none; 
}

table, tr, td {
	border-collapse:collapse;
	border: 0;
	margin:0 0 0 0;
	padding:0 0 0 0;
	}

a:link, a:active, a:visited {
	text-decoration:underline;
	font-size:11px;
	}
	
a:hover {
	text-decoration:none;
	font-size:11px;
	}
	
form {
margin:0 0 0 0;
	}
	
#wrapper {
	width: 775px;
	margin: 0 auto; 
	position: relative;
	text-align:left;
	z-index:1;
	}

table.header {
	margin:20px 0 0 0;
	width:100%;
	}

table.header td.left {
	width:auto;
	vertical-align:bottom;
	padding:0 10px 0 13px;
	}	
	
h1.left {
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 14px;
	color: #00ACBD;
	margin:0 0 4px 0;
	}	
	
A.menu:link {color:#00ACBD; font-family: Arial,Tahoma;font-size: 12px; text-decoration:underline;} 
A.menu:visited {color:#00ACBD; font-family: Arial,Tahoma;font-size: 12px; text-decoration:underline;} 
A.menu:active {color:#00ACBD; font-family: Arial,Tahoma;font-size: 12px; text-decoration:underline;}  
A.menu:hover {color:#00ACBD; font-family: Arial,Tahoma;font-size: 12px; text-decoration:underline;} 

table.header td.right {
	width:468px;
	vertical-align:top;
	padding:0 11px 0 0;
	}
	
table.nav {
	background:url(images/top.gif) top left no-repeat;
	width:775px;
	margin:10px 0 0 0;
	padding:0;
	background-color:#FFFFFF;
	}
	
table.nav td.spacer {
	
	}	
	
table.links_nav {
	margin:0 0 0 13px;
	width:749px;
	background-color:#00ABBE;
	}		

table.links_nav td.blue {
	background-color:#00ABBE;
	}

table.links_nav td.sides {
	vertical-align:bottom;
	width:22px;
	}

table.links_nav td.links {
	font-family:Tahoma, Arial, Helvetica, sans-serif;
	color:#FFFFFF;
	font-size:12px;
	font-weight:bold;	
	}

table.links_nav td.links a:link, table.links_nav td.links a:active, table.links_nav td.links a:visited {
	text-decoration:none;
	font-size:12px;
	color:#FFFFFF;
	margin:0 2px 0 2px;
	}
	
table.links_nav td.links a:hover {
	text-decoration:underline;
	font-size:12px;
	color:#FFFFFF;
	}

table.content_main {
	width:775px;
	background-color:#FFFFFF;
	}

table.content_main td.mleft {
	width:170px;
	padding:10px 0 0 11px;
	vertical-align:top;
	}

#menuitem {
border:none;
width:160px;
text-align:left;
color:#000000;
margin:0 0 10px 0;
}

table.content_main td.mright {
	width:auto;
	padding:9px 13px 0 0;
	vertical-align:top;
	}

#contentitem {
width:100%;
border: none;
vertical-align:top;
padding:0 0 0 0;
margin:0 0 0 0;
}

table.listing {
	width:100%;
	}

table.adds {
	width:775px;
	background-color:#FFFFFF;
	}

table.adds td.links {
	padding:5px 0 5px 13px;
	}	

table.listgames {
	width:100%;
	}
	
table.listgames td.lgame {
	width:280px;
	padding:0 0 0 10px;
	vertical-align:top;
	}	
	
table.listgames td.bgame {
	width:auto;
	padding:0 0 0 10px;
	vertical-align:top;
	}		

table.game {
	width:280px;
	border:1px solid #CCCCCC;
	background-color:#EEEEEE;
	margin:5px 0 5px 0;
	}
	
table.game td.pic {
	width:60px;
	vertical-align:top;
	padding:4px;
	}

table.game td.txt {
	vertical-align:top;
	}
	
table.image {
	border:1px solid #CCCCCC;
	width:60px;
	}
	
table.image td.image {
	background-color:#FFFFFF;
	padding:4px;
	}
	
table.teksti {
	width:100%;
	}		

table.teksti td.naslov {
	vertical-align:top;
	color:#2B4C79;
	padding:3px 0 3px 0;
	}

table.teksti td.naslov a:link, table.teksti td.naslov a:active, table.teksti td.naslov a:visited {
	text-decoration:none;
	font-size:12px;
	color:#2B4C79;
	margin:0 2px 0 2px;
	font-weight:bold;
	}
	
table.teksti td.naslov a:hover {
	text-decoration:underline;
	font-size:12px;
	color:#F06B00;
	font-weight:bold;	
	}
	
table.teksti td.text {
	vertical-align:top;
	padding:0 5px 3px 1px;
	}	
	
/*old css*/






input.btn{
   color:#000;
   font-size:10px;
   background-color: #FFFFFF;
   border:1px solid;
   border-top-color: #6AB0F0;
   border-left-color:#6AB0F0;
   border-right-color:#6AB0F0;
   border-bottom-color:#6AB0F0;
   height:20px;}
   
TEXTAREA {
border: #6AB0F0 1px solid;
}  

a:link, a:visited, a:active {
    font-family: Arial, Helvetica, sans-serif;
	color: #000;
	text-decoration: none;
}
a:hover {
    font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #F65D00;
}
td {
    font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000000;
}

td.td1 {
    font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #FFFFFF;
	background: #2B4C79;
}

td.td1 a{font-family: Arial, Helvetica, sans-serif;font-size: 11px;font-weight: bold;text-decoration:none;color:#FFFFFF;overflow:hidden;}
td.td1 a:hover{font-family: Arial, Helvetica, sans-serif;font-size: 11px;font-weight: bold;text-decoration:underline;color:#F58301;overflow:hidden;}


td.td5 {
    font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #404040;
	font-weight:normal;
}


img {
  border: 0;
}

.topnav {
border-left:1px solid #999999; 
border-right:1px solid #999999;
border-bottom:1px solid #999999;
height:26px;
}
.topnav a:hover {
	color: #3366FF;
	text-decoration: none;
}
.outline {
background-color: #eeeeee;
border:1px solid #999999;
}

.left_image {
border:1px solid #999999;
}

.left_content {
border-left:1px solid #999999;
border-right:1px solid #999999;
padding-left:2px;
}

.left_content_end {
border-left:1px solid #999999;
border-right:1px solid #999999;
border-bottom:1px solid #999999;
padding-left:2px;
}

.right_image {
border:1px solid #999999;
}

.right_content {
border-left:1px solid #999999;
border-right:1px solid #999999;
border-bottom:1px solid #999999;
padding-left:2px;
padding-right:2px;
}



/*  LEFT menu */
td.menu {
	background: #313131;
	width:145px;
	padding: 0;
	margin: 0;
	
}
td.menu div.headmenu {
	font-family: verdana;
	color: #ffffff;
	font-size: 11px;
	font-weight: bold;

}
td.menu div.title {
	background-image:url(images/menu3.png);
	padding: 0;
}
td.menu div.title a {
    padding-left: 2px;
	display: block;
	font-size: 11px;
	color: #FFFFFF;
	font-family: Arial, Helvetica, sans-serif;
	text-decoration: none;
	font-weight: bold;
}
td.menu div.title a:hover { 
	background: #6AB0F0;
	background-color: #6AB0F0;
	color: #FFFFFF;
}
td.menu div.description {
	background: #eeeeee;
	background-color: #eeeeee;
	color: #000000;
	padding-left: 2px;
	font-size: 11px;
	font-family: Arial, Helvetica, sans-serif;
}	
td.menu div.options {
	background: #eeeeee;
	background-color: #eeeeee;
	padding-right: 3px;
	font-size: 11px;
	font-family: Arial, Helvetica, sans-serif;
	text-align: right;
	color: #000000;
}
.comments {
	background: #eeeeee;
	background-color: #eeeeee;
	padding-right: 3px;
	font-size: 14px;
	font-family: Arial, Helvetica, sans-serif;
	border:1px solid;
	text-align: left;
	color: #000000;
	width: 500px;
	margin: 0 auto;
}
.largertext {
	font-size: 17px;
	font-family: Arial, Helvetica, sans-serif;
}
.profiletext {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-weight: bold;
	color:#6AB0F0;
}
.profile_table {
width: 99%;
border: 1px solid #FFFFFF;
font-family:Verdana, Arial, Helvetica, sans-serif;

}
.profile_table_column1 {
background-color:#6AB0F0;
border: 1px solid #FFFFFF;
width:30%;
color:#FFFFFF;
}
.profile_table_column2 {
background-color:#6AB0F0;
border: 1px solid #FFFFFF;
width:70%;
color:#FFFFFF;
}
/* STRUCTURE */
.koop {	padding: 2px;
	padding-left: 4px;
	margin: 2px;
	background:#3333FF;}
.koop2 {border:1px #000000;}
.style2 {font-size: 36px}

#subheading {
font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color:#F06B00;
	padding:0 0 0 10px;	
}

#mainback {
width:870px;
background-color:#FFFFFF;
}

#itemheader {
background-image:url(images/menu4.gif);
background-position:top left;
background-repeat: no-repeat;
height: 26px;
padding: 0px;
padding-left: 10px;
padding-top: 7px;
text-align:left;
	}

#itemheader1 {
background-image:url(images/menu1.gif);
background-position:left top;
background-repeat: no-repeat;
width:160px;
height: 26px;
padding: 0px;
padding-left: 10px;
padding-top: 5px;
text-align:left;}

#itemheader2 {
background-image:url(images/menu2.gif);
background-repeat: no-repeat;
background-position:left top;
width:160px;
height: 26px;
padding: 0px;
padding-left: 10px;
padding-top: 5px;
text-align:left;}	
	
.style3 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 15px;
	font-weight: bold;
	color: #FFFFFF;
}


.igre_slika img{
	margin: 5px;
	border-style:solid;
	border-color: white;
	border-width:6px;
}


.style4 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	color: #000000;
}
.copytext {color: #000000; margin:0 0 0 20px;padding-left:120px;}


#copyright {
width:775px;
height: 40px;
background-image:url(<? echo "$site_url"?>/27.5.2008);
background-color:#FFFFFF;
}

.td1 {
background-image:url(<? echo "$site_url"?>/templates/bubbley/images/menu3.png);
border-bottom: solid 1px #000000;
font-family:Arial, Helvetica, sans-serif;
color:#FFFFFF;
font-size:12px;
font-weight: bold;
text-align:left;}

.td1 a {
border-bottom: solid 1px #000000;
font-family:Arial, Helvetica, sans-serif;
color:#FFFFFF;
font-size:12px;
font-weight: bold;
text-align:left;
}

.td1 a:hover {
	color: #494948;
}

.td2 {
background-color: #E3EAF2;
font-family:Arial, Helvetica, sans-serif;
color:#FFFFFF;
padding-left:4px;
font-size:10px;
font-weight: bold;
text-align:left;}

.td2 a {
background-color: #E3EAF2;
font-family:Arial, Helvetica, sans-serif;
color:#FFFFFF;
padding-left:4px;
font-size:10px;}

.td2 a:hover {
	background-color: #E3EAF2;
	font-family:Arial, Helvetica, sans-serif;
	padding-left:4px;
	color: #000066;
	font-size:10px;}

.td3 {
background-color: #CCCCCC;
border-right:solid black 1px;
text-align:left;}

.td4 {
background-color: #336699;}

.td5 {
background-color: #E3EAF2;
font-family:Arial, Helvetica, sans-serif;
color:#414142;
padding-left:4px;
font-size:11px;
font-weight:bold;}

.back {background-color: #E3EAF2;
border:solid black 1px;
text-align:left;}

.style1 {
	font-size: 10px;
	font-family: Arial, Helvetica, sans-serif;
	color:#FFFFFF;
}

