html,body,#header,ul.nav,.nav ul,ul.nav li,h2,h3,h4,p { margin: 0; padding: 0; }

html { background: #333 url(http://www.stageradio.com/images/background.jpg);	height: 100%; }

body { background: url(http://www.stageradio.com/images/header_bg.jpg) repeat-x; height: 100%; }

#content:after,#sisalto:after { clear: both; content: ''; display: block; }

#side-a,#side-b,.news,.toivokap,td.ni,td.si,.highlight { opacity: .8; }

#content {
	background: url(http://www.stageradio.com/images/footer.jpg) no-repeat 50% 100%;
	min-height: 100%;
	width: 100%;
}

#header {
	background: url(http://www.stageradio.com/images/header.jpg) no-repeat 50% 0%;
	height: 1px;
	line-height: 146px;
	overflow: hidden;
	padding-top: 145px;
	text-align: center;
}

#side-a {
	float: left;
	text-align: right;
	width: 18%;
}

#side-b {
	float: right;
	width: 18%;
	text-align: center;
}

#side-a ul.nav, #side-a div.shout, div.lähetysajat, #side-b div.shout {
	background-color: #333;
	border: 2px solid #CCC;
	display: inline-block;
	padding: 5px; 
	text-align: left;
}

#side-a div.shout form{ margin: 0px; }

#side-b p {
	display: inline-block;
	margin: 0;
	padding: 5px;
	text-align: left;
}

#sisalto {
	margin: 0 19%;

	width: 60%;
}

/* .. alla siistittyä copypastea ... */
p {
	color: #222;
	font-family: 'Arial', 'Helvetica', sans-serif;
	font-size: 0.85em;
	padding: 0px 0px 0px 0px;
}
h2 {
	color: #CCC;
	font-family: 'Impact', 'Arial', 'Verdana', Helvetica;
	font-size: 1.1em;
	font-weight: lighter;
	letter-spacing: 0.1em;
	margin-top: 10px;
	padding-left: 20px;
}
h3 {
	color: #D61112;
	font-family: 'Arial', 'Helvetica', sans-serif;
	font-size: 0.9em;
	font-weight: bold;
	padding-left: 20px;
	padding-top: 0px;
}
h3.ohjelma {
	color: #CCC;
	font-family: 'Tahoma', 'Verdana', 'Arial', helvetica;
	font-size: 16px;
	font-weight: bold;
	list-style-type: none;
	padding-left: 7px;
  
}
h4 {
	font-family: 'Arial', 'Helvetica', sans-serif;
	font-size: 12px;
}

.news {
	background-color: #CCC;
	border: 2px solid #333;
	margin-bottom: 10px;
	padding: 10px 10px 7px 10px;
	width: 100%;
}

ul.nav {
  width: 11em;
}
ul a {
	color: #CCC;
}
ul.nav ul {
	color: #CCC;
	font-family: 'Tahoma', 'Verdana', 'Arial', helvetica;
	font-size: 13px;
	font-weight: bold;
	list-style-type: none;
}
ul.nav {
	color: #CCC;
	font-family: 'Tahoma', 'Verdana', 'Arial', helvetica;
	font-size: 16px;
	font-weight: bold;
	list-style-type: none;
}
ul.nav ul li {
	display: inline;
}
ul.nav ul li a {
	color: #CCC;
	display: block;
	padding: 2px 10px;
}
ul.nav, .nav ul, ul.nav ul li a {
	background-color: #333;
	color: #CCC;
}
ul.nav li:hover, ul.nav ul li a:hover {
	background-color: #900;
	color: #CCC;
}
ul.nav li:active, ul.nav ul li a:active {
	background-color: #900;
	color: #CCC;
}
ul.nav a {
	color: #CCC;
	text-decoration: none;
}
li.lista a{
  color: #000;
  text-decoration: none;
}

li.lista a:hover {
  color: #000;
  text-decoration: underline;
}
.aikarivi {
  color: #CCC;
  padding-left: 7px;
}


#picture {
	float:left;
}
.nowplaying {
	background-image: url(images/np_bg2.jpg);
  background-repeat: no-repeat;
	height: 120px;
}
div.nowplaying img {
	border: 2px solid #333;
	margin: 5px;
}
.toivokap {
	background-color: #CCC;
	border: 2px solid #333;
	margin-bottom: 10px;
}
.highlight {
  background-color: #333;
  padding: 0px 2px 0px 2px;
}
td#toivo {
	vertical-align: text-top;
	width: 33%;
}
td.ni {
	background-color: #333;
	padding: 0 5px 3px 0;
	text-align: right;
}
td.si {
  padding: 0 20px 0 10px;
	width: auto;
	background-color: #CCC;
	border: 2px solid #333;
	text-align: left;
	white-space: nowrap;
}
#artist, #album, #title, #countDownText {
	float: left;
}
.shout, .lähetysajat {
  width: 11em;
}
#shout-header {
  width: auto;
  margin: 0px auto;
  padding: 0px 33px 10px 33px;
  font-size: 1.5em;
  color: #CCC;
  font-weight: bold;
  background-color: #333;
}

textarea#sh {
  height: 80px;
  width: 168px;
}
.sh1 {
  width: 168px;
}
.profile-pic-left {
  border: 2px solid black;
  float: left;
  margin-right: 15px;
}
.profile-pic-right {
  border: 2px solid black;
  float: right;
}
.floatfix {
  clear: both;
}

#lopputekstit {
  position: relative;
  bottom: 40px;
  text-align: center;
  margin: 0px auto -40px auto;
  overflow: auto;

}
#lopputekstit a {
  color: black;
  text-decoration: none;
}
#lopputekstit a:hover {
  text-decoration: underline;
}

#results {
  padding-bottom: 254px;
}