/**
 *  Tutka.org - Ajan tasalla mediasta
 *  +++++++++++++++++++++++++++++++++
 *  CSS Stylesheets  //  Crasman 2006
 */
 
 
/**
 *  Main layout
 */
 
body {
  background: #fff url('/files/tutka/gfx/background.gif') repeat-x top;
  margin: 0;
  padding: 0;
  text-align: center;
  
  font-family: 'Tahoma', sans-serif;
}
 
#wrap {
  background: #fff url('/files/tutka/gfx/wrapBackground.gif') repeat-y;
  width: 971px;
  margin: 0 auto 10px auto;
  text-align: left;
  font-size: 11px;
  color: #333;
  line-height: 14px;
}
 
#wrapBorderLeft, #wrapBorderRight {
  width: 8px;
  height: 504px;
  float: left;
}
 
#wrapBorderLeft {
  background: url('/files/tutka/gfx/wrapBorderLeft.jpg') no-repeat;
}
 
#wrapBorderRight {
  background: url('/files/tutka/gfx/wrapBorderRight.jpg') no-repeat;
}
 
#main {
  background: #fff;
  width: 955px;
  float: left;
}
 
#head {
  background: #fff url('/files/tutka/gfx/headBackground.jpg') no-repeat bottom;
  height: 54px;
  margin-top: 1px;
  padding: 0 1px 0 1px;
  position: relative;
  font-size: 0;
}
 
#head #numero {
  position: absolute;
  top: 8px;
  left: 393px;
  margin: 0;
  font-size: 16px;
  color: #fff;
}
 
#head #julkaisupvm {
  position: absolute;
  top: 32px;
  left: 393px;
  margin: 0;
  font-size: 12px;
  font-weight: bold;
  color: #fff;
}
 
#headPaneeli {
  position: absolute;
  top: 8px;
  right: 2px;
  width: 480px;
}
 
#headPaneeli a, #headHaku {
  float: left;
}
#stream_btn {
  width: 138px;
  height: 24px; 
  float: left;
}

#headHaku {
  margin: 0 5px 0 12px;
}
 
#headHaku select, #headHaku input {
  font-family: 'Verdana', sans-serif;
  font-size: 11px;
  color: #666;
  border-left: 1px solid #666;
  border-top: 1px solid #666;
  border-right: 1px solid #eee;
  border-bottom: 1px solid #eee;
  float: left;
}
 
#headHaku select {
  width: 158px;
  margin-right: 12px;
  padding: 2px 0 0px 0;
}
 
#headHaku input {
  width: 100px;
  padding: 2px 0 2px 0;
}
 
#underHead {
  background: #eaf2f3 url('/files/tutka/gfx/underHeadBackground.jpg') no-repeat top;
  height: 29px;
}
 
#underHead a {
  float: left;
  margin: 7px 0 0 20px;
  text-transform: uppercase;
  font-size: 10px;
  font-weight: bold;
  color: #0e97b0;
}
 
#session {
  float: right;
  margin: 7px 20px 0 0;
}
 
#session a {
  float: none;
  margin-left: 0;
}
 
#foot {
  background: transparent url('/files/tutka/gfx/footBackground.gif') no-repeat bottom;
  height: 63px;
  clear: both;
}
 
#foot p {
  margin: 0 8px 0 8px;
  padding: 12px 20px 12px 20px;
  border-top: 7px solid #b3dfe7;
  text-align: right;
  color: #0e97b0;
}
 
 
/**
 *  Palstat - Etusivu
 */
 
.etusivu .kapea {
  background: transparent url('/files/tutka/gfx/greyDot.gif') repeat-y left;
  float: left;
  width: 191px;
  overflow: hidden;
}
 
.etusivu .levea {
  background: transparent url('/files/tutka/gfx/greyDot.gif') repeat-y left;
  float: left;
  width: 382px;
}
 
.etusivu .nostotIso .levea {
overflow:hidden;
height: 342px;
  background: #ebf3f5 url('/files/tutka/gfx/nostotIsoleveaBackg.jpg') no-repeat top right;
}
 
.etusivu .nostotIso .kapea, .etusivu .nostotIso .levea {
  height: 342px;
}
 
.etusivu .nostotPieni .kapea, .etusivu .nostotPieni .levea {
  height: 132px;
}

#nostotUusi {
  height: 142px;
  width: 100%;
  float: left;
  display: block;
  border-top: 3px solid #b3dfe7;
}

#uusi_left {
  float: left;
  display: block;

}

#uusi_right {
  float: right;
  display: block;
  padding: 12px 12px 0 0;
  width: 170px;
  overflow: hidden;
}

.keski_levea {
height: 142px;
float: left;
background: transparent url('/files/tutka/gfx/greyDot.gif') repeat-y top right;
width: 383px;
overflow: hidden;
}

.keski_levea2 {
height: 142px;
float: left;
background: transparent url('/files/tutka/gfx/greyDot.gif') repeat-y top right;
width: 382px;
overflow: hidden;
}

img.nostoPhoto_keski {
float: left;
margin-right: 15px;
} 

img.nostoPhoto {
  margin: 0 0 4px 0;
}
 
.etusivu .nostotIso .levea img.nostoPhoto {
  margin: 0 10px 20px 0;
  float: left;
}
 
.etusivu .insidePad {
  display: block;
  padding: 12px 10px 8px 10px;
}
 
.etusivu .levea .insidePad, .etusivu .first .insidePad {
  display: block;
  padding: 12px 12px 8px 18px;
}
 
.icons {
  font-size: 0;
}
 
 
/**
 *  Palstat - Yksipalstainen
 */
 
.yksipalstainen .kuvapalsta {
  float: left;
  width: 238px;
  text-align: left;
  padding-top: 12px;
  padding-left: 12px;
}
 
.yksipalstainen .sisaltopalsta {
  float: left;
  width: 486px;
}

#radio_container {


}

#vasenpalsta_radio {
  float: left;
  width: 320px;
  text-align: left;
  padding-top: 12px;
  padding-left: 12px;
}

#sisaltopalsta_radio {
  float: left;
  width: 440px;
  padding-top: 12px;
  padding-left: 24px;

}
 
.kainalopalsta {
  float: left;
  width: 210px;
  padding-top: 12px;
}
 
.insidePad {
  display: block;
  padding: 12px 20px 8px 20px;
}
 
.quoteBox {
  background: url('/files/tutka/gfx/quoteBoxBackground.gif') top left repeat-y;
  margin-bottom: -10px;
  padding: 18px 18px 14px 18px;
}
 
.quoteBoxEnd {
  background: #fff url('/files/tutka/gfx/quoteBoxEnd.gif') no-repeat top;
  height: 24px;
  font-size: 0;
}
 
.lightBlueBox {
  background: #eaf2f3;
  margin-bottom: 10px;
  padding: 18px;
}
 
.lightBlueBox ul {
  margin: 0;
  padding-left: 10px;
}
 
.lightBlueBox li {
}
 
.sisaltopalsta p {
  line-height: 16px;
  margin-bottom: 16px;
}
 
 
.yksipalstainen .sisaltopalsta h3, .kaksipalstainen .sisaltopalsta h3 {
  font-size: 12px;
  font-weight: bold;
  color: #333;
  margin-bottom: 10px;
}
 
 
/**
 *  Palstat - Kaksipalstainen
 */
 
.kaksipalstainen {
  margin: 12px 0 0 0;
  background: url('/files/tutka/gfx/greyDot.gif') repeat-y 368px;
}
 
.kaksipalstainen .sisaltopalsta {
  float: left;
  width: 368px;
  padding-top: 0;
}
 
.kaksipalstainen .kainalopalsta {
  padding-top: 0;
}
 
.kaksipalstainen .insidePad {
  padding-top: 0;
}
 
 
/**
 *  Palstat - Toimitus
 */
 
.toimitus .toimittajatpalsta {
  float: left;
  width: 288px;
}
 
.toimitus .toimittajatpalsta p {
  margin-left: 75px;
}
 
.toimitus .sisaltopalsta {
  position: relative;
  margin: 12px 0 12px 0;
  padding: 32px 0 20px 0;
  background: #ebf3f3;
  float: left;
  width: 657px;
}
 
.toimitus .sisaltopalsta .sulje {
  position: absolute;
  top: 12px;
  right: 20px;
  font-size: 10px;
  font-weight: bold;
  color: #0e97b0;
}
 
.toimitus .maili {
  margin-bottom: 24px;
  font-size: 12px;
}
 
.toimitus .potretti {
  float: right;
  border: 1px solid #a8cbcb;
  margin: 0 0 15px 45px;
}
 
.toimitus .sisaltopalsta h1 {
  margin: 0 0 4px 0;
}
 
.toimitus h1 {
  color: #0e97b0;
}
 
.toimitus h3 {
  margin: 0 -1px 12px -1px;
  padding: 8px 0 8px 1px;
  border-top: 5px solid #9cd4df;
  border-bottom: 5px solid #9cd4df;
  color: #0e97b0;
}
 
.toimitus .sisaltopalsta table {
  width: 100%;
}
 
.toimitus .sisaltopalsta a {
  font-weight: bold;
}
 
.toimitus .sisaltopalsta td {
  padding: 4px 5px 4px 0;
  border-bottom: 1px solid #9cd4df;
  font-size: 11px;
}
 
.toimitus .sisaltopalsta td.first {
  width: 58%;
}
 
 
/**
 *  Palstat - Kuva-artikkeli
 */
 
.kuvaartikkeli .kuvapalsta {
  float: left;
  width: 736px;
}
 
.kuvaartikkeli .tekstiosuus {
  width: 450px;
}
 
.galleria {
  margin: 20px -20px 0 0;
}
 
.galleria .item {
  width: 216px;
  height: 255px;
  float: left;
  border: 1px solid #a6c9c9;
  margin: 0 20px 20px 0;
  text-align: center;
}
 
.galleria .item img {
  margin: 12px 8px 15px 8px;
  cursor: pointer;
}
 
.galleria .item p {
  margin: 0 8px 10px 8px;
}
 
#galleriaPopup {
  position: absolute;
  margin: 40px 0 0 110px;
  display: none;
  background: url('/files/tutka/gfx/galleriaPopupBackground.gif') no-repeat;
  width: 472px;
  height: 380px;
  text-align: center;
}
 
#galleriaPopup div {
  padding-top: 10px;
  height: 350px;
  background: url('/files/tutka/gfx/loader.gif') no-repeat center;
  clear: both;
}
 
#galleriaPopup p {
  margin: 15px 0 0 0;
}
 
#galleriaPopup .sulje {
  float: right;
  margin: 5px 14px 0 0;
  padding: 4px;
  font-size: 10px;
  font-weight: bold;
  color: #0e97b0;
  cursor: pointer;
}
 
 
/**
 *  Tekstityylit
 */
 
h1 {
  margin: 0 0 12px 0;
  font-size: 20px;
  font-weight: bold;
  color: #d32d00;
  line-height: 24px;
}
 
h2 {
  margin: 0 0 12px 0;
  font-size: 16px;
  font-weight: bold;
  color: #d32d00;
  line-height: 18px;
}
 
h3 {
  margin: 0 0 4px 0;
  font-size: 14px;
  font-weight: bold;
  color: #d32d00;
  line-height: 18px;
}
 
.textLime, .textLime * {
  color: #99cc00;
}
 
.textGreen, .textGreen * {
  color: #00cc33;
}
 
.textTurquoise, .textTurquoise * {
  color: #00cccc;
}
 
.textDarkGreen, .textDarkGreen * {
  color: #669900;
}
 
h4 {
  margin: 0 0 4px 0;
  font-size: 11px;
  font-weight: bold;
  color: #0e97b0;
  line-height: 15px;
}
 
h1.bar {
  margin: 0;
  font-size: 10px;
  font-weight: bold;
  color: #fff;
  padding: 5px 10px 4px 10px;
  text-transform: uppercase;
  line-height: 12px;
}
 
.first h1.bar {
  padding-left: 18px;
}
 
h1.barBlue {
  background: url('/files/tutka/gfx/barBlue.gif') no-repeat left;
}
h1.barLime {
  background: url('/files/tutka/gfx/barLime.gif') no-repeat left;
}
h1.barGreen {
  background: url('/files/tutka/gfx/barGreen.gif') no-repeat left;
}
h1.barTurquoise {
  background: url('/files/tutka/gfx/barTurquoise.gif') no-repeat left;
}
h1.barDarkGreen {
  background: url('/files/tutka/gfx/barDarkGreen.gif') no-repeat left;
}
 
p {
  margin: 0 0 14px 0;
}
textarea {
  font-size: 13px;
  font-family: Arial, sans-serif;
}
 
 
/**
 *  Additional styles
 */
 
a {
  color: #d32d00;
  text-decoration: none;
}
 
a:hover {
  text-decoration: underline;
}
 
a.selected {
  color: #2eb2b2;
}
 
a img {
  border: 0;
}
 
a.arrow {
  background: url('/files/tutka/gfx/aArrow.gif') no-repeat 1px left;
  padding-left: 12px;
}
 
a.noColor {
  color: #333;
}
 
.noTopMargin {
  margin-top: 2px;
}
 
.arrowList {
  line-height: 16px;
}
 
img.nostoPhoto, img.nostoPhoto_keski {
  border: 1px solid #ccc;
  border-right: 2px solid #ccc;
  border-bottom: 2px solid #ccc;
}
 
.photoKelluja {
  width: 50%;
  float: left;
  margin: 4px 10px 10px 0;
}
 
.clear {
  clear: both;
  margin: 0;
  font-size: 0;
  line-height: 0;
}
table.adminform {
  border-collapse: collapse;
  border: 0;
  padding: 0;
  margin: 0;
}
table.adminform th {
  vertical-align: top;
  font-weight: normal;
  padding-right: 10px;
  padding-top: 6px;
}
table.adminform td {
  padding-top: 6px;
  padding-bottom: 6px;
}
table.adminlist {
  width: 100%;
}
table.adminlist th {
  font-weight: bold;
  padding-bottom: 1em;
}
.imageoptions {
  float: left;
  display: block;
  margin: 5px 5px 15px 0;
}
#toimittajalista {
  width: 450px;
  margin-top: 15px;
  padding: 10px;
  border-top: 1px solid #b3d2d3;
  border-right: 2px solid #b3d2d3;
  border-bottom: 2px solid #b3d2d3;
  border-left: 1px solid #b3d2d3;
  display: none;
}
#radiolinkintoimittajat {
  width: 450px;
  margin-top: 15px;
  padding: 10px;
  border-top: 1px solid #b3d2d3;
  border-right: 2px solid #b3d2d3;
  border-bottom: 2px solid #b3d2d3;
  border-left: 1px solid #b3d2d3;
  display: none;
}
 
.r_ikoni {
  margin-right: 8px;
  vertical-align:bottom;
}
.r_linkki {
  font-weight: bold;
  vertical-align: bottom;
}
ul {
  margin: 0;
  padding-top: 0px;
  padding-left: 5px;
  padding-bottom: 0px;
  padding-right: 0px;
}
 
li {
  color: #666666;
}
.harmaa {
  background-color: #CCCCCC;
}
.valkoinen {
  background-color: #FFFFFF;
}

.clearer {
	clear: both;
	height: 1px;
	line-height: 0px;
	font-size: 0;
}

/* ! radio */

#now-playing {
	margin: 0 0 0.5em 0;
	line-height: 20px;
	padding-left: 30px;
}

#now-playing.no-channel {
	display: none;
}

#now-playing .title {
	font-weight: bold;
}

#now-playing .channel {
	color: #0babc5;
	font-size: 80%;
	line-height: 1;
}

#now-playing.no-title .channel {
	font-size: 100%;
	line-height: 20px;
}

.ruutukaappauskuva {
display: block;
margin-bottom: 1em;
}