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

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

}
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_jr.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_jr.gif) no-repeat;
  height:136px;
  width: 742px;
}
/* ylätunnisteen kuvapaikka - vaikkukuvalle */
div#header_image {
	position:absolute;
	top:0px;
	left:6px;
	width:150px;
	height:136px;
	margin:0em;
	padding:0em;
}
a#logo {
  position: absolute;
  top: 55px;
  left: 168px;
  width: 285px;
  height: 81px;
  background: transparent url(/pics/logo_jr.gif) no-repeat;
  margin: 0px;
  padding: 0px;
}

div#logo 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 75% arial,verdana,serif;
  color:##00346C;
}
div#search input.textbox {
  background:#E6F7FD;
  border:2px solid #195AAC;
  color:#000;
  font: normal normal 9pt arial,verdana,serif;
  vertical-align: middle;
  text-align: middle;
  height: 18px;
 } 

div#search input.button {
  background:#CAEAFD;
  border:1px solid #ffffff;
  font: normal bold 70% arial,verdana,serif;
  color:#00346C;
  margin: 0px;
  padding: 0px;
  vertical-align: middle;
}

div#links {
  position: absolute;
  top: 54px;
  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#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_jr.gif) repeat-x 0px 0px;
  padding:auto;
  border-top: 2px solid #195AAC;
  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_jr.gif) 0px 0px no-repeat;
  height:111px;
  width:65px;
  z-index:10;

}
/* -- vasen palsta --  */

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

/* uutisalue - yleinen määrittely */
div#news {
  position: relative;
  left: 0px;
  top: 40px;
  margin: 0px;
  padding: 0px;
  width: 368px;
  background: transparent;
  z-index:20;
}
/* ylin uutisalue, jossa on ajankohtaista-otsikko */
div#news div.news-first { 
  background: transparent url(/pics/heading-news_jr.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 #195BAC;
  border-left: 2px solid #195BAC;
  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 #195BAC;
 } 
/* perusuutisen tyylimäärittelyt */
div#news div.news-content {

  width: 364px;
  border-right: 2px solid #195BAC;
  border-left: 2px solid #195BAC;
  border-top: 2px solid #195BAC;
  margin: 0px;
  background:#fff;
  margin: 0px;
  padding: 0px 0px 5px 0px;
 } 
/* perusuutisen lopetus */
div#news div.footer-news { 
  background: transparent url(/pics/footer-news_jr.gif) 0px 0px no-repeat; 
  margin: 0px; 
  padding:0px;
  width: 368px;
  }


div#news h6 { font: normal normal 65% arial, verdana, serif; color:#000; margin: 0em; padding:0.5em 1em; }
div#news h3 { 
  font: normal bold 75% arial, verdana, serif; 
  color:#195AAC; 
  margin: 0em; 
  /* mac ie fix \*/ 
    padding: 0.4em 1em; 
  /* end fix */
  }
div#news h3 span { font-size: 125%; }
div#news p  { font: normal normal 70% arial, verdana, serif; color:#000; margin: 0em; padding:0.5em 1em; }
div#news a  { color:#FF7506; }
div#news img { float: left;border: 1px solid #195BAC; 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 100% arial,verdana, serif; margin: 0em; padding:0em }
div#right-col p  { font: normal normal 75% arial,verdana, serif; margin:0em; padding: 0em; }
div#right-col a  { font: normal normal 70% arial,verdana, serif; }
div#right-col p a { font-size:125%; }
div#right-col h4,div#right-col p{ color:#fff; }
div#right-col a { color:#06B0EA;}

/*+-----------------------+*/
/*| oikean palstan nostot |*/
/*+-----------------------+*/

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;
}  
/* otsikot */
div#bulletin-puhujanparkki h1,
div#bulletin-gallup h1,
div#bulletin-nettiadressi h1,
div#bulletin-tarkkailulista h1{
  width: 351px;
  height: 20px;
}
/* taustakuva viikonvaikuttajalle  */
div#bulletin-vaikuttaja        { height: 201px; background:transparent url(/pics/bg-vaikuttaja_jr.gif) 0px 0px no-repeat; }
/* otsikoiden taustakuvat */
div#bulletin-puhujanparkki h1  { background:transparent url(/pics/h1-puhujanparkki_jr.gif) 0px 0px no-repeat; }
div#bulletin-gallup h1         { background:transparent url(/pics/h1-gallup_jr.gif) 0px 0px no-repeat; }
div#bulletin-tarkkailulista h1 { background:transparent url(/pics/h1-tarkkailulista_jr.gif) 0px 0px no-repeat; }
div#bulletin-nettiadressi h1 { background:transparent url(/pics/h1-nettiadressi.gif) 0px 0px no-repeat; }
/* nostojen lopetus */
div.bulletin-footer            { background:transparent url(/pics/footer-bulletin_jr.gif) 0px 0px no-repeat; margin-left: 6px; width: 351px;}

/* taustakuvat muille nostoille */
div#bulletin-puhujanparkki div.pic,
div#bulletin-gallup div.pic,        
div#bulletin-tarkkailulista  div.pic { 
  position:absolute;
  
  
  }
div#bulletin-puhujanparkki div.pic  {  top: -7px;right: 10px;width: 55px;height:113px;background:transparent url(/pics/bg-puhujanparkki_jr.gif) 0px 0px no-repeat; }
div#bulletin-gallup div.pic         {  top: -4px;right: 10px;width: 55px;height:113px;background:transparent url(/pics/bg-gallup_jr.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; }
/* tekstityylit - viikon vaikuttaja  */
div#bulletin-vaikuttaja div.text { 
  float: left;
  margin: 10px 0px 0px 0px;
  padding: 30px 0px 0px 0px;
  overflow: no;
}
/* tekstityylit - muut nostot, sekä taustakuvan sijoittamien  */
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_jr.gif) 0px 0px repeat-y;
  font: normal normal 9pt arial,verdana, serif; 
  color:#fff; 
  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;
   font-size:85%;
   }

div#bulletin-puhujanparkki div.text a { color:#fff;}
/*+--------------------------------------+*/
/*| Viikon vaikuttajan kuvien määrittely |*/
/*+--------------------------------------+*/
/* viikon vaikuttajan kuvan tausta */
div#frame { 
  float:right;
  top: 52px;
  right: 5px;
  margin: 0px;
  padding: 0px;
  overflow: hidden;
  }

/* viikon vaikuttajan kuvan päälle tuleva paspis */
div#frame div {
  position: absolute;
  top: 51px;
  right: 4px;  
  margin: 0px;
  padding: 0px;
}
div#frame div { 
  display: block;
  background: transparent url(/pics/img-frame_jr.gif) no-repeat; 
  height: 127px;
  width: 143px;
}
/* viikon vaikuttajan kuva */
div#frame img {
  position: absolute;
  top: 58px;
  right: 21px; 
}

/*+---------------------+*/
/*| Gallup osion lomake |*/
/*+---------------------+*/
div#bulletin-gallup div.text  { font-size:80%;}
div#bulletin-gallup input#submit_jr {
	font-weight:bold;
	font-size:100%;
	color:#000;
	background:#eee;
	border:2px solid #00CCFF;
}
div#bulletin-gallup a { font-size:90%;}

/* etusivulla alaosassa olevien linkkien määrittelyt */
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:#356EF3;
  border-top:2px solid #83A5F3;
  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: 94px;
  background: transparent url(/pics/footer-img_jr.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;
  position:relative;
  margin: auto;
  padding: auto;
  height: 8px;
  width: 757px;
  background:transparent url(/pics/max-width-bottom_jr.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; }

#bulletin-puhujanparkki .text .frontPageThreadList {
  margin-left: 10px;
  margin-top: 5px;
  list-style-type: none;
  font-size: 12pt;
  font-weight: bold;
}

#bulletin-puhujanparkki .text .frontPageThreadList a {
  font-weight: bold;
}
