/* --- yleiset tyylimäärittelyt --- */

body {
  background: transparent url(/pics/bg.gif);
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 0px;

}
/* sisaltoalueen venytys korkeussuunnassa */


p,a,h1,h2,h3,h4,h5,li,table,td,tr,form,input { margin:0px; padding: 0px; }

ul,ol { position: relative; margin: 0px; padding: 0px;}

a { text-decoration: none; }
a:hover { text-decoration: underline; }
h1 span { display: none }

div#max-width {
  clear:both;
  position:relative;
  top: 0px;
  width: 755px;
  margin:auto; 
  padding: auto;
  background: transparent url(/pics/max-width.gif) repeat-y;
  border-left: 1px solid #ffffff;
  border-right: 1px solid #ffffff;
  
} 

div#header {
  position:relative;
  margin-top: 0px;
  margin-left: 7px;
  /* mac ie fix \*/
   left: 7px;
   top: 0px;
   margin: 0px;
  /* end fix */
  padding: 0px;
  background: transparent url(/pics/header.gif) no-repeat;
  height:136px;
  width: 742px;
}

div#logo {
  position: absolute;
  top: 0px;
  left: 0px;
  width: 257px;
  height: 134px;
  background: transparent url(/pics/logo.gif) no-repeat;
  margin: 0px;
  padding: 0px;
}

div#logo h1 span { display: none; }

/** nuorisofoorumin ylätunniste **/
div#logo-nufo { 
	position:absolute;
	top:21px;
	left:22px;
	margin:0em;
	padding:0em;
	}
div#logo-nufo h1 { 
	position:relative;
	width:374px;
	height:108px;
	margin:0em;
	padding:0em;
}
div#logo-nufo h1 a { position:absolute;width:374px;height:108px;margin:0em;padding:0em;background:transparent url(/pics/logo-nufo.jpg) no-repeat;;}
div#logo-nufo h1 a span { display:none;}

div#search {
  position:absolute;
  left:434px;
  top:14px;
  margin: 0px;
  padding: 0px;
  vertical-align: middle;
}
div#search span {
  font: normal bold 9pt arial,verdana,serif;
  color:#830606;
}
div#search input.textbox {
  background:#FFF6B3;
  border:2px solid #E8B70F;
  color:#000;
  font: normal normal 9pt arial,verdana,serif;
  vertical-align: middle;
  text-align: middle;
  height: 18px;
 } 

div#search input.button {
  background:#FFF079;
  border:2px solid #E8B70F;
  font: normal bold 9pt arial,verdana,serif;
  color:#830606;
  margin: 0px;
  padding: 0px;
  vertical-align: middle;
}

div#links {
  position: absolute;
  top: 55px;
  right: 10px;
  margin: 0px;
  padding: 0px;
  
}

div#links-etusivu {
  position: absolute;
  top: 80px;
  right: 10px;
  margin: 0px;
  padding: 0px;
  
}

div#links ul {
  list-style-type: none;
  text-align: right;
  padding: 0px;
  margin: 0px;
  line-height: 10px;
}
div#links li {
  display:block;
  margin: 0em;
  padding: 0em;
}
div#links li a { 
  font: normal bold 10px arial, verdana,serif;
  color:#ffffff; 
  margin: 0px;
  padding: 0px;
  }
  
  
  div#links-etusivu ul {
  list-style-type: none;
  text-align: right;
  padding: 0px;
  margin: 0px;
  line-height: 10px;
}
div#links-etusivu li {
  display:block;
  margin: 0em;
  padding: 0em;
}
div#links-etusivu li a { 
  font: normal bold 10px arial, verdana,serif;
  color:#ffffff; 
  margin: 0px;
  padding: 0px;
  }


div#lang { 
  position: absolute;
  top: 108px;
  right: 10px;
  text-align: right;
}

div#lang a { font: normal normal 11px arial, verdana,serif;
  color:#ffffff; 
  margin: 0px;
  padding: 0px;
  }
  
/* --- navi --- */

div#navi {
  position:relative;
  width: 741px;
  margin: auto;
  padding: auto;
  height: 20px;
  z-index: 1000;
  }

/* muut navigointimäärittelyt ovat navi.css-tiedostossa */

/* --- etusivun sisalto --- */

div#container {
  position: relative;
  margin-top: 0px;
  margin-left: 7px;
  /* mac ie fix \*/
   top: 0px;
   left: 7px;
   margin: 0px;
  /* end fix */
  width: 740px;
  background: #fff url(/pics/container.gif) repeat-x 0px 1px;
  padding:auto;
  border-top: 1px solid #E8B70F;
  border-left: 1px solid #ffffff;
  border-right: 1px solid #ffffff;
  min-height: 400px;
  height: auto;
  _height: 400px;
  
}

div#fp-content { }

div#img-article {
  position:absolute;
  left: 0px;
  top: -10px;
  margin: 0px;
  padding: 0px;
  background: transparent url(/pics/article.gif) 0px 0px no-repeat;
  height:105px;
  width:64px;
  z-index:10;

}
/* -- vasen palsta --  */

div#left-col {
  float: left;
  width: 370px;
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 13px;
}

div#news {
  position: relative;
  left: 0px;
  top: 40px;
  margin: 0px;
  padding: 0px;
  width: 368px;
  background: transparent;
  z-index:20;
}

div#news div.news-first { 
  background: transparent url(/pics/heading-news.gif) 0px 0px no-repeat; 
  margin:0px;
  padding: 0px;
  width: 368px;
  height: 26px;
  
  }
div#news div.news-first h1 span { display: none; }  
  
div#news div.news-content-first {
  width: 364px;
  border-right: 2px solid #860B07;
  border-left: 2px solid #860B07;
  margin-top: -14px;
  margin-bottom: 5px;
  /* mac ie fix \*/
   margin: 0px 0px 5px 0px;
  /* end fix */
  padding: 0px 0px 5px 0px;
  background:#fff;
  border-bottom: 2px solid #860B07;
 } 
div#news div.news-content {

  width: 364px;
  border-right: 2px solid #860B07;
  border-left: 2px solid #860B07;
  border-top: 2px solid #860B07;
  margin: 0px;
  background:#fff;
  margin: 0px;
  padding: 0px 0px 5px 0px;
 } 

div#news div.footer-news { 
  background: transparent url(/pics/footer-news.gif) 0px 0px no-repeat; 
  margin: 0px; 
  padding:0px;
  width: 368px;
  }


div#news h6 { font: normal normal 10px arial, verdana, serif; color:#000; margin: 0em; padding:0.5em 1em; }
div#news h3 { 

  font: normal bold 12px arial, verdana, serif; 
  color:#860B07; 
  margin: 0em; 
  /* mac ie fix \*/ 
    padding: 0.4em 1em; 
  /* end fix */
  }
div#news h3 span { font-size: 125%; }
div#news p  { font: normal normal 11px arial, verdana, serif; color:#000; margin: 0em; padding:0.5em 1em; }
div#news a  { color:#860B07; }
div#news img { float: left;border: 1px solid #860B07; padding: 2px; margin: 0px 5px;}


/* -- oikea palsta -- */


div#right-col {
  float: left;
  width: 351px;
  margin: 0px;
  padding:0px;
}

div#right-col h4 { font: normal bold 12pt arial,verdana, serif; margin: 0em; padding:0em }
div#right-col p  { font: normal normal 9pt arial,verdana, serif; margin:0em; padding: 0em; }
div#right-col a  { font: normal normal 8pt arial,verdana, serif; }
div#right-col h4,div#right-col p,div#right-col a{ color:#830606; }
div#bulletin-vaikuttaja,
div#bulletin-puhujanparkki,
div#bulletin-nettiadressi,
div#bulletin-gallup,
div#bulletin-tarkkailulista {
  position: relative;
  margin-left: 0px;
  margin-top: 23px;
  /* mac ie fix \*/
   left: 6px;
   top: 23px;
   margin: 0px;
  /* end fix */
  padding:0px;
  width: 351px;
  }
div#bulletin-puhujanparkki,
div#bulletin-gallup,
div#bulletin-nettiadressi,
div#bulletin-tarkkailulista {
  min-height: 116px;
  height: auto;
  _height: 116px;
  margin-bottom: 20px;
}  
div#bulletin-puhujanparkki h1,
div#bulletin-gallup h1,
div#bulletin-nettiadressi h1,
div#bulletin-tarkkailulista h1{
  width: 351px;
  height: 20px;
}

div#bulletin-vaikuttaja        { height: 202px; background:transparent url(/pics/bg-vaikuttaja.gif) 0px 0px no-repeat; }
div#bulletin-puhujanparkki h1  { background:transparent url(/pics/h1-puhujanparkki.gif) 0px 0px no-repeat; }
div#bulletin-gallup h1         { background:transparent url(/pics/h1-gallup.gif) 0px 0px no-repeat; }
div#bulletin-tarkkailulista h1 { background:transparent url(/pics/h1-tarkkailulista.gif) 0px 0px no-repeat; }
div#bulletin-nettiadressi h1 { background:transparent url(/pics/h1-nettiadressi.gif) 0px 0px no-repeat; }
div.bulletin-footer            { background:transparent url(/pics/footer-bulletin.gif) 0px 0px no-repeat; margin-left: 6px; width: 351px;}

div#bulletin-vaikuttaja div.text { 
  float: left;
  margin: 10px 0px 0px 0px;
  padding: 30px 0px 0px 0px;
  overflow: no;
}
div#bulletin-puhujanparkki div.pic,
div#bulletin-gallup div.pic,        
div#bulletin-tarkkailulista  div.pic { 
  position:absolute;
  right: 5px;
  top: 0px;
  width: 50px;
  height: 111px;
  }
div#bulletin-puhujanparkki div.pic  { background:transparent url(/pics/bg-puhujanparkki.gif) 0px 0px no-repeat; }
div#bulletin-gallup div.pic         { background:transparent url(/pics/bg-gallup.gif) 0px 0px no-repeat; }
div#bulletin-tarkkailulista div.pic { background:transparent url(/pics/bg-tarkkailulista.gif) 0px 0px no-repeat; }
div#bulletin-nettiadressi div.pic { background:transparent url(/pics/bg-tarkkailulista.gif) 0px 0px no-repeat; }

div#bulletin-puhujanparkki div.text,
div#bulletin-gallup div.text,        
div#bulletin-nettiadressi div.text,        
div#bulletin-tarkkailulista  div.text { 
  width: 351px;
  text-align: left;
  background: transparent url(/pics/bg-bulletin.gif) 0px 0px repeat-y;
  font: normal normal 9pt arial,verdana, serif; 
  color:#830606; 
  margin: 0px;
  padding: 0.5em 0em 0em 0.5em;
  min-height:100px;
  height: auto;
  _height: 100px;
  }


div#bulletin-vaikuttaja h4,div#bulletin-vaikuttaja p,div#bulletin-vaikuttaja a {
  padding-left: 20px;
  padding-right:150px;
  margin: 0.2em 0em;
}

div#bulletin-puhujanparkki div.text p,
div#bulletin-gallup div.text p,        
div#bulletin-nettiadressi div.text p,        
div#bulletin-tarkkailulista  div.text p {
   margin:0em;
   padding:0.5em 10em 0em  0.5em;
   }
	#bulletin-puhujanparkki ul {
		margin-left:1em;
		list-style-type:none;
	}
    	#bulletin-puhujanparkki li {
    		margin-bottom:0.3em;
    	} 	
    		#bulletin-puhujanparkki li a { font-weight:bold;}
    #right-col #bulletin-puhujanparkki .text p.intervalTime { position:relative;font-size:11px;width:90%;padding:0;margin:0;margin-left:1em; margin-bottom: 7px;} 
     
div#frame { 
  float:right;
  top: 52px;
  right: 5px;
  margin: 0px;
  padding: 0px;
  overflow: hidden;
  }

div#frame div {
  position: absolute;
  top: 51px;
  right: 4px;  
  margin: 0px;
  padding: 0px;
}
div#frame img {
  position: absolute;
  top: 58px;
  right: 21px; 
}

div#frame div { 
  display: block;
  background: transparent url(/pics/img-frame.gif) no-repeat; 
  height: 127px;
  width: 143px;
   }

div#sponsors {
  clear: both;
  text-align: center;
  margin: 0px 0px 5px 50px;
}   
div#sponsors img { padding: 10px 5px 0px 5px; }
   
   
/* --- footer ---- */
div#footer {
  position:relative;
  clear: both;
  top: 0px;
  left: 0px;
  width: 740px;
  background:#ED7618 ;
  border-top:2px solid #FFA200;
  height: 27px;
  margin: auto;
  padding:auto;
 }


div#footer ul { margin: 0em; padding: 0em; text-align: center; line-height: 8px;}
div#footer li { 
  display: inline;
  list-style-type: square;
  list-style-position: inside;
  font: normal normal 10px arial,verdana,serif;
  color:#fff; 
  background: transparent url(/pics/footer-li.gif) right center no-repeat;
  padding: 0em 1em 0em 0em
  }
div#footer li.last { background: none; }  
div#footer div.pic {
  position:absolute;
  height: 74px;
  width: 83px;
  background: transparent url(/pics/footer-img.gif) 0px 0px no-repeat;
  margin: 0px;
  padding:0px;
  top:-47px;
}
div#footer li a { font: normal normal 10px arial,verdana,serif; color:#fff;} 
/* - yleiset class-maarittelyt - */

.clear { clear:both; }

div#max-width-end {
  clear:both;
  postion:relative;
  margin: auto;
  padding: auto;
  height: 8px;
  width: 757px;
  background:transparent url(/pics/max-width-bottom.gif) no-repeat;
  
}


/* hakusivu */
div#container div#sp-content div.odd p.p1 a.sresult, div#container div#sp-content div.even p.p1 a.sresult  { font: normal normal 11px arial,verdana,serif; }
div#container div#sp-content div.odd p.p2 a.sresult, div#container div#sp-content div.even p.p2 a.sresult  { font: normal normal 11px arial,verdana,serif; }

div#pages { font: normal bold 12px arial,verdana,serif; }
div#pages a.num { font-weight: normal}
div#pages a.num2 { font-weight: bold; }

/* 
	********************************************
	** puhujaparkista haettu ulkoinen sisalto 
	********************************************
*/
	#external-content {
	  clear: both;
	  margin:0 auto;
	  font-size: 10px;
	  font-family:arial,verdana;
	  width:95%;
	}
	#external-content h3 { font-size: 15px;color:#ED7618;font-weight:bold;}
	#external-content .topicTable {  border-collapse:collapse;margin:0;padding:0;}
		#external-content .topicTable th {
			font-weight: bold;
			font-size:11px;
			color:#fff;
			height:29px;

		}
		#external-content .topicTable td { padding-top:0.5em;padding-left:0.5em;vertical-align:top;border-bottom:1px solid #ddd;}
		#external-content .topicTable td a { color:#830606;font-weight:bold;font-size:11px;}
		#external-content .topicTable .evenCol {  }
		#external-content .topicTable .oddCol { }
		#external-content .topicTable .caption { }
		#external-content .topicTable .forumlink { }
		#external-content .topicTable .topictitle {}
		#external-content .topicTable .name { }
		#external-content .topicTable .postdetails { }
		#external-content .topicTable .gensmall { }
		#external-content .topicTable .catBottom {}