/* ================================================================= *
 * 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									 *
 * ================================================================= */


/* tmp */
.RubrikMain { font: bold 9pt Verdana, sans-serif; color:#6e879c }



/* Vanliga taggar som finns på sidan. */
p { margin-bottom: 26px; }

small {
  font: 7px small fonts, verdana, sans-serif;
  letter-spacing: 1px;
  color: #000;
  text-transform: uppercase; }

h4.news {
  margin: 0;
  font: normal 8pt verdana, sans-serif;
  margin: 2px 0 5px 0;
  border-top: 1px solid #c0c0c0;
  border-bottom: 1px solid #c0c0c0; }




/* Huvudelementen på sidan */
#links {
  width: 760px;
  height: 20px;
  padding-top: 8px;
  margin: 0 auto;
  background: #7899c2 url("bg_links.gif") repeat-x; }

#footer { 
  width: 744px;
  height: 34px;
  background: #abb6c3 url("layout/bg_footer.gif") no-repeat; }

#main { 
  background: #fff; 
  width: 744px; 
  margin: 0 auto;
  padding: 8px;
  margin-top: 10px; }




/* Subelement */
#main_left { /* Vänster (huvud-) spalt på sidan. */
  width: 526px;
  float: left; }

#main_right	{ /* Höger (info-) spalt på sidan. */
  width: 200px;
  float: left;
  padding-left: 16px; }




/* Element inne i sidan, i vänster kolumn. */
#main_headline { 
  background: #f1f3f5; 
  margin-bottom: 8px;
  border-left: 5px solid #b5c2d3; }

#placeholder { padding:6px }

#main_ads_big { 
  padding: 6px;
  text-align: center;
  margin: 0 0 8px 0;
  clear: both; }

#main_recent { 
  padding: 2px;
  margin-bottom: 12px; }

#main_archive { 
  width: 72%;
  padding: 6px;
  margin-bottom: 8px;
  float: left; }

#main_ads_small	{
  width: 23%;
  margin: 0px; 
  padding: 0;
  float: right; }




#main_comment_write { 
  background: #b5c2d3; 
  margin-bottom: 8px;
  font: 8pt verdana, sans-serif;
  border-left: 5px solid #4a6b94; }

div.main_comment1 { 
  background: #f1f3f5; 
  margin-bottom: 8px;
  border-left: 5px solid #b5c2d3; }

div.main_comment2 { 
  margin-bottom: 8px;
  border-left: 5px solid #dee2e8; }

div#comment { clear: both; width: 100%; }

p.comments {
  font: 8pt verdana, sans-serif;
  margin-bottom: 0;
  padding: 6px; }

span.comment_head {
  font-style: italic;
  color: #606060; }

img.flag {
  width: 14px;
  height: 10px;
  border: 0; }

#print {
  font: 8pt verdana, sans-serif;
  color: gray;
  float: right;
  margin-bottom: 6px; }

#header {
  width: 760px;
  height: 118px; }

div.hover_effect:hover {
  background-color: #f1f3f5; }





/* För speciell formatering av nyheterna. */
#ingress {
  font: italic 9pt verdana, sans-serif;
  color: #404040;
  border-left: 4px solid #c0c0c0;
  padding-left: 6px;
  margin-top: 8px;
  margin-bottom: 0; }

#update {
  font: italic 9pt verdana, sans-serif;
  color: #225a2a;
  border-left: 4px solid #b7e3b7;
  margin: 8px 0 8px 20px;
  background-color: #f1fbf1;
  padding: 6px; }

#bread {
  font: /* 11pt verdana, sans-serif */ /* 11pt georgia, serif */ 12pt georgia, serif;
  line-height: 125% /* 130% */;
  word-spacing: 2px /* 3px */;
  text-align: justify; }

#source {
  font: 8pt verdana, sans-serif;
  color: #808080;
  margin-top: 20px;
  margin-bottom: 0; }

#news_head {
  font: 16pt verdana, sans-serif;
  color: #000;
  border-bottom: 1px solid #c0c0c0; }

#top_info {
  font: 9pt verdana, sans-serif;
  color: #808080;
  margin-bottom: 20px; }

#editor {
  font: 8pt verdana, sans-serif;
  color: #961e1e; }




/* Länka head-skribent. */
.headEdit:link    { font-size: 8pt; color:#808080; padding-bottom: 1px; }
.headEdit:hover   { font-size: 8pt; color: black; padding-bottom: 1px; border-bottom: 1px solid #000; }
.headEdit:visited { font-size: 8pt; color:#808080; padding-bottom: 1px; }

.imageborder { border: 1px solid #000; }




#main_headline p {
  color: #000;
  line-height: 130%;
  font: italic 10pt verdana, sans-serif;
  padding: 8px; }

#main_recent p {
  color: #6d6d6d;
  line-height: 120%;
  font: italic 10pt verdana, sans-serif;
  margin-bottom: 22px; }

/* Spans */
.mark_red { color: #961e1e; }

#main_headline p.head_extra {
  color: #808080;
  border-top: 1px solid #c0c0c0;
  font-size: 8pt;
  font-style: normal;
  padding: 0;
  vertical-align: bottom; }






#headline {
  width: 100px;
  height: 120px;
  border: 1px solid #000;
  margin: 3px 7px 3px 0;
  float: left; }

#comment {
  width: 13px;
  height: 11px;
  margin-top: 3px;
  margin-right: 4px; }




/* Vanliga taggar med id / class från sidan. */
#navi {
  list-style-type: none;
  margin: 0;
  padding: 0 0 0 5px;
  width: 563px; /* c = 575, d = 550 */
  height: 20px;
  float: left;
  background: transparent url("linktabs1.gif") no-repeat; }

#navi li { display:inline; }

#navi li a {
  float: left; /* Så att alla fält (li) hamnar på samma rad efter varandra */
  display: block; /* Så att hela området blir klickbart, inte bara texten */
  width: 90px;
  color: #606060;
  font-weight: bold;
  text-align: center;
  text-decoration: none;
  margin: 3px 0 0 1px; }

#navi li a#choice { color: #000; }
#navi li a:hover#choice { color: #606060; }
#navi li a:hover { color: black; }

#archive {
  list-style-type: none;
  margin: 0; /* För att slippa utskjutning. */
  padding: 0; /* Vissa webbläsare, t.ex. Mozillas, gillar denna bättre. */
  float: left;
  width: 100%; }

#archive li { display:inline; }

#archive li a {
  display: block;
  font-weight: bold;
  font-size: 9pt;
  color: #404040;
  background-color: #fff;
  text-decoration: none;
  margin-bottom: 5px;
  border-bottom: 1px dashed #c0c0c0;
  line-height: 180%; }

#archive li a:hover {
  color: black;
  background-color: #f1f3f5; }



/* Länkar */
#bread a { font-size: 11pt; }

.report:link    { font: bold 8pt verdana, sans-serif; color: red; padding: 0 2px; background: white; border: 1px solid black; float: right; }
.report:hover { font: bold 8pt verdana, sans-serif; color: white; padding: 0 2px; background: red; border: 1px solid black; float: right; }
.report:visited { font: bold 8pt verdana, sans-serif; color: red; padding: 0 2px; background: white; border: 1px solid black; float: right; }

.news_top:link    { font: 9pt verdana, sans-serif; color: #808080; padding-bottom: 1px; border-bottom: 1px solid black; text-decoration: none; }
.news_top:visited { font: 9pt verdana, sans-serif; color: #808080; padding-bottom: 1px; border-bottom: 1px solid black; text-decoration: none; }
.news_top:hover   { font: 9pt verdana, sans-serif; color: #808080; padding-bottom: 1px; border-bottom: 0px solid black; text-decoration: none; }

.headlines:link    { margin: 0; text-decoration: none; color: #000; }
.headlines:visited { margin: 0; text-decoration: none; color: #000; }
.headlines:hover   { margin: 0; text-decoration: none; color: #000; }

.ingress:link    { font: 9pt verdana, sans-serif; color: #6d6d6d; text-decoration: none; display:block; }
.ingress:visited { font: 9pt verdana, sans-serif; color: #6d6d6d; text-decoration: none; display:block; }
.ingress:hover   { font: 9pt verdana, sans-serif; color: #6d6d6d; text-decoration: none; display:block; }