/* ================================================================= *
 * Denna CSS är skapad av och för ffuniverse.nu. All kopiering, även *
 * delvis, förbjuden. Att inspireras av den är dock	aldrig fel.		 *
 * // MVH Webmaster @ ffuniverse.nu									 *
 * ================================================================= */


/* Huvuddelarna i TopNav */
#TopNav {
  width: 760px;
  height: 74px;
  margin: 0 auto; }

#tn_left {
  width: 602px;
  height: 57px;
  background: #5B8AC1 url("http://www.ffuniverse.nu/_main/topnav/bg_gamelist.gif") no-repeat;
  float: left; }

#tn_games {
  width: 602px;
  height: 40px; }

#tn_pages {
  width: 602px;
  height: 17px;
  font: bold 16pt georgia, serif;
  color: #000; }

#tn_login {
  width: 158px;
  height: 57px;
  background: #758A9A url("http://www.ffuniverse.nu/_main/topnav/bg_community.gif") no-repeat;
  font: 8pt verdana, sans-serif;
  color: #000;
  float: left; }

#tn_news {
  width: 752px;
  height: 15px;
  background: transparent url("http://www.ffuniverse.nu/_main/topnav/bg_newsticker.gif") no-repeat;
  font: 8pt verdana, sans-serif;
  color: black;
  text-align: left;
  clear: both;
  padding: 2px 4px 0 4px; }

#tn_newstime { color: #808080; }
#tn_online { padding: 1px 1px 0px 4px; text-align: left; }
#tn_onlinelinks { padding: 0px 2px 2px 2px; text-align:center; color:#505050; }

/* Måste ligga här så att EndNav ser korrekt ut på sajter med egen design. */
#footer { 
  width: 744px;
  margin: 0 auto;
  font: 8pt verdana, sans-serif; 
  padding: 8px 16px;
  color: white; 
  text-align: center;
  clear: both; }



/* KLasser och id-element */
#userIcon { padding:2px 1px 0 5px; width:11px; height:13px; }
#passIcon { padding:0 3px 0 6px; width:8px; height:12px; }

/* Måste ligga här så att EndNav ser korrekt ut på sajter med egen design. */
a img { border: 0 }
.tight { margin: 0; }
.left { float: left; }
.right { float: right; }
.center { margin: 0 auto; text-align: center; }



/* Formulär */
.tn_form {
  background: #fff url("http://www.ffuniverse.nu/_main/topnav/form_bg.gif") repeat-x;
  border: 1px solid #000;
  color: #000;
  font: 8pt verdana, sans-serif;
  margin-top:3px;
  height: 13px; }



/* Länklista med spel */
#tn_gamenavi {
  list-style-type: none;
  margin: 0;
  padding: 0 0 0 5px;
  width: 597px;
  height: 40px;
  float: left; }

#tn_gamenavi li { display: inline; padding:0; margin:0; }

#tn_gamenavi li a {
  float: left;
  display: block;
  height: 40px;
  text-align: center;
  text-decoration: none; }

#tn_gamenavi li a:hover { text-decoration: none; background: transparent; }
#tn_gamenavi li a:visited { text-decoration: none; }



/* Länklista med sidor */
#tn_navi {
  list-style-type: none;
  width: 592px;
  height: 17px;
  margin: 0;
  padding: 0 5px;
  float: left; }

#tn_navi li { display: inline; }

#tn_navi li a {
  float: left;
  display: block;
  width: 85px;
  height: 16px;
  padding-top: 1px;
  padding-left: 5px;
  color: #fff;
  text-align: center;
  text-decoration: none;
  font: 8pt verdana, sans-serif; }

#tn_navi li a:hover {
  color: #000;
  background: url("http://www.ffuniverse.nu/_main/topnav/page_markbg.gif") no-repeat; }




/* Länkar */
.tn_link:link	 { font: 8pt verdana, sans-serif; color: #000; text-decoration: none; }
.tn_link:visited { font: italic 8pt verdana, sans-serif; color: #000; text-decoration: none; }
.tn_link:hover	 { font: 8pt verdana, sans-serif; color: #000; text-decoration: underline; background: transparent; }

.tn_member:link    { font: 8pt verdana, sans-serif; color: #fff; text-decoration: none; }
.tn_member:visited { font: 8pt verdana, sans-serif; color: #fff; text-decoration: none; }
.tn_member:hover   { font: 8pt verdana, sans-serif; color: #fff; text-decoration: underline; background: transparent; }

/* Måste ligga här så att EndNav ser korrekt ut på sajter med egen design. */
#footer a:link    { font: 8pt Verdana, sans-serif; color: #90a6c0; text-decoration: none; }
#footer a:visited { font: 8pt Verdana, sans-serif; color: #90a6c0; text-decoration: none; }
#footer a:hover   { font: 8pt Verdana, sans-serif; color: #90a6c0; text-decoration: underline; background: transparent; }