body, html {
	margin: 0;
	padding: 0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	background: #000 url(../img/bgkuva.png) repeat-x;
}


h1 {
	font-size: 18px;
}

h2{
	font-size: 16px;	
}

h3 {
	font-size: 14px;	
}

h4 {
	font-size: 12px;	
}

h5 {
	font-size: 12px;	
}

a,
a:visited,
a:active
 {
	text-decoration: none;
	color: #0066aa;
}


a:hover {
	text-decoration: underline;	
}


#container {
	margin: 0 auto 0 auto;
	padding: 0;
	/*width: 1130px;*/
	width: 960px;
	background-color: transparent;
}

#main_wrapper {
	margin: 0;
	padding: 0;
	float: left;
	width: 960px;
}

#mainos {
	float: left;
	width: 165px;
	padding: 140px 0 0 5px;
	
}

#main_wrapper #mainosdiv {
	width: 960px;
	display: block;
	padding: 5px 0 5px 0;
	clear: left;
	text-align: center;
}


#main_wrapper #header {
	width: 948px;
	border-left: 1px solid #333;
	border-right: 1px solid #333;	
	height: 68px;
	background-color: #000;
	display: block;
	padding: 20px 0 20px 10px;
}
#header span {
}
#header span span {
}

#main_wrapper #navigation {
	margin: 0;
	padding: 0;
}


#navigation ul
{
	padding: 0;
	margin: 0;
	padding-left: 0;
	margin-left: 0;
	background-color: #333;
	color: White;
	float: left;
	width: 960px;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	border-top: 1px solid #444;
	font-weight: bold;
}

#navigation ul li { 
	display: inline; 
}

#navigation ul li a
{
	padding: 8px 12px;
	background-color: #333;
	color: white;
	text-decoration: none;
	float: left;
	border-right: 1px solid #444;
}

#navigation ul li a.valittu
{
	background-color: #0066aa;
}

#navigation ul li a:hover
{
	border-bottom: none;
	background-color: #0066aa;
	color: #fff;
}
#navigation ul li a span
{
	text-transform: uppercase;
}

#main_wrapper #content {
	width: 960px;
	position: relative;
	float: left;
	background: #fff url(../img/bg_repeat_y.gif) repeat-y top left;
	padding-bottom: 50px;
}

#content #main_content {
	width: 670px;
	float: left;
	display: block;
	padding: 10px 20px 0 10px
}


#main_wrapper #content_hakutulos {
	width: 960px;
	position: relative;
	float: left;
	background-color: #fff;
	padding-bottom: 50px;
}

#content_hakutulos #main_content_hakutulos {
	width: 930px;
	float: left;
	display: block;
	padding: 10px 20px 0 10px
}

#main_wrapper #content_forum {
	width: 960px;
	position: relative;
	float: left;
	background-color: #fff;
	padding-bottom: 50px;
}


#content_forum #main_content_forum {
	width: 930px;
	float: left;
	display: block;
	padding: 10px 20px 0 10px
}

#content #sidebar {
	width: 254px;
	float: left;
	padding: 10px 0 0 5px;
}



div.block {
	width: 220px;
	height: 20px;
	display: block;
	float: left;
	padding: 10px 0 0 0;
}

div.block a:hover {
	text-decoration: underline;
	border-bottom: 2px solid #0066aa;
}

#main_content p.kaikki {
	display: block;
	clear: left;
	padding: 20px 0 0 0;
	
}

#main_content h2 {
	clear: left;
}

#etusivu_container h2 {
	border-bottom: 1px solid #ccc;
}

div.breikki {
	clear: both;
}

div.block img {

}

	#box-table-a{
		font-family:"Lucida Sans Unicode", "Lucida Grande", Sans-Serif;
		font-size:12px;
		width:100%;
		text-align:left;
		border-collapse:collapse;
		/*margin:20px;*/
	}
	#box-table-a th{
		font-size:13px;
		font-weight:normal;
		background:#555555;
		border-top:4px solid #0066aa;
		border-bottom:1px solid #fff;
		color:#fff;
		padding:8px;
	}


	#box-table-a th{
		font-size:13px;
		font-weight:normal;
		background:#555555;
		border-top:4px solid #0066aa;
		border-bottom:1px solid #fff;
		color:#fff;
		padding:8px;
	}	
	
	#box-table-a td{
		background:#eee;
		border-bottom:1px solid #fff;
		color:#333;
		border-top:1px solid transparent;
		padding:8px;
	}
	
	#box-table-a td.valiotsikko{
		font-size:13px;
		font-weight:normal;
		background:#555555;
		border-top:4px solid #0066aa;
		border-bottom:1px solid #fff;
		color:#fff;
		padding:8px;
	}	
	
	
	#box-table-a tr:hover td{
		background:#ddd;
		color:#333;
	}
	#box-table-a tr:hover td.valiotsikko{
		font-size:13px;
		font-weight:normal;
		background:#555555;
		border-top:4px solid #0066aa;
		border-bottom:1px solid #fff;
		color:#fff;
		padding:8px;
	}	
	
	
	
	#box-table-a td a {
		color: #333;
		text-decoration: none;
	}
	#box-table-a td a:hover {
		color: #333;
		text-decoration: underline;
	}	

	
#main_content #etusivu_container {
	width: 670px;
	display: block;
	float: left;
}	
	
#etusivu_container #etusivu_uusimmat,
#etusivu_container #etusivu_parhaat,
#etusivu_container .keskustelut_block{
	width: 330px;
	padding: 0 5px 0 0;
	float: left;
}	

#etusivu_uusimmat .kuva,
#etusivu_parhaat .kuva {
	width: 42px;
	height: 30px;
	overflow: hidden;
	float: left;
	text-align: center;
	border: 4px solid #ddd;
	margin-bottom: 5px;
	padding: 4px 0 4px 0;
}

.kuva img {
	border: 0;
}

#etusivu_uusimmat .kuva:hover,
#etusivu_parhaat .kuva:hover {
	border: 4px solid #0066aa;
	text-decoration: none;
}


#etusivu_uusimmat .nimi_ja_arvosana,
#etusivu_parhaat .nimi_ja_arvosana{
	width: 245px;
	float: left;
	padding: 2px 0 2px 5px;
}

.nimi_ja_arvosana .nimi{
	
}
.nimi_ja_arvosana .nimi h4 {
	margin: 0;
	padding: 0;
}




.nimi_ja_arvosana  .arvosana {
	clear: left;
	padding-top: 5px;
}

.arvosana span {
}
.arvosana span span {
}

#etusivu_uusimmat .valiviiva,
#etusivu_parhaat .valiviiva  {
	width: 330px;
	height: 1px;
	clear: both;
	display: block;
	font-size: 1px;
	line-height: 0;
}


#sidebar .lista_block {
	width: 254px;
}

#sidebar_uusimmat h4 {
	padding: 0;
	margin: 0;
}

.lista_block .nimi a,
.lista_block .nimi a:visited,
.lista_block .nimi a:active
 {
	text-decoration: none;
}

.lista_block .nimi a:hover {
	text-decoration: underline;
}

.lista_block .arvosana {
	clear: left;
	padding-bottom: 5px;
}

#sidebar .viiva {
	height: 1px;
	line-height: 0;
	font-size: 1px;
	width: 100%;
	border-bottom: 1px solid #ddd;
	margin-bottom: 2px;
	clear: both;
}


div#sidebar_block {
	width: 254px;
	padding: 5px 0 3px 0;
	margin: 0 0 2px 0;
	float: left;
}

#sidebar_block .ikoni {
	width: 31px;
	float: left;
	border: 2px solid transparent;	
}

#sidebar_block .ikoni:hover {
	width: 31px;
	border: 2px solid #cc3300;
}

.ikoni img {
	border: 0;
}

#sidebar_block .operaatio {
	float: left;
	width: 249px;
	padding: 0 0 0 5px;
	margin: 0 0 5px 0;
}
.operaatio a {
	font-weight: bold;
}

#sidebar_block p {
	margin: 0;
	padding: 1px 0 5px 0;
	font-size: 12px;
	font-weight: normal;
}
#objektiivin_tiedot {
	width: 670px;
	float: left;
	clear: right;
	margin: 0 0 10px 0;
}

#objektiivin_tiedot #objektiivi_tiedot_box {
	width: 430px;
	float: left;
}

#objektiivi_tiedot_box .tietorivi {
	clear: left;
	border-bottom: 1px solid #eee;
	padding: 3px 0 3px 0;
}

.tietorivi h3 {
	margin: 0;
	padding: 0;
	color: #0066aa;
	font-weight: bold;
}

#objektiivi_tiedot_box span.otsikko {
	font-weight: bold;
}
#objektiivi_tiedot_box div.otsikko {
	font-weight: bold;
	width: 200px;
	float: left;
	display: block;
}

.tietorivi .tieto {
	padding-left: 200px;
}



#objektiivin_tiedot #objektiivin_tiedot_kuva {
	width: 240px;
	float: left;
	text-align: center;
}

#objektiivi_tiedot_box div.levea {
	width: 420px
}

#objektiivi_kuvaus {
	width: 670px;
	float: left;
	padding: 20px 0 10px 0;
	line-height: 18px;
}

#objektiivi_kuvaus #linkit_ulos {
	width: 250px;
	float: right;
	display: block;
	padding: 0 0 10px 10px;
	margin-left: 10px;
	border: 5px solid #bbb;
}

#linkit_ulos h5 {
	padding: 4px 0 2px 0;
	margin: 0;
	font-weight: bold;
	font-size: 14px;
}


#arvostelut_container {
	width: 670px;
	float: left;
}

#arvostelut_container .arvostelut_item {
	float: left;
	width: 610px;
	padding: 10px;
	background-color: #fefefe;
	border: 20px solid #ddd;
	margin-bottom: 20px;
}

.arvostelut_item .details {
	float: left; 
	width: 200px;
	padding: 0 10px 0 0;
}

.arvostelut_item .teksti {
	float: left;
	width: 400px;
	line-height: 18px;
}
.arvostelut_item  h3 {
	clear: both;
	margin: 2px 0 2px 0;
	padding: 0;
}

a.kirjoitaarvostelu {
	font-size: 14px;
	font-weight: bold;
}

a.kirjoitaarvostelu:link,
a.kirjoitaarvostelu:active,
a.kirjoitaarvostelu:visited
 {
}

div.valokuva_block {
	float: left;
	clear: left;
	width: 330px;
	padding: 0 0 5px 0;
}

div.valokuva_block img {
  background-color: #fff;
  border: 1px solid #a9a9a9;
  padding: 4px;
}

div.valokuva_block .kuva{
	float: left;
	display: block;
	padding: 0 5px 0 0;
}

div.valokuva_block .kuvateksti {
	float: left;
	width: 250px;
}



div.uusi_arvostelu {
	clear: left;
}

div.uusi_arvostelu p.huom {
	font-weight: bold;
	text-align: center;
	border: 6px solid #cc0000;
	padding: 10px;
	margin-top: 10px;
	float: left;
}

p.alert {
	font-weight: bold;
	color: #ff0000;
	font-size: 14px;	
}

p.success{
	font-weight: bold;
	text-align: center;
	border: 6px solid green;
	padding: 10px;
	margin-top: 10px;
	float: left;	
	display: block;
	clear:both;
	width: 600px;
}

div.uusi_arvostelu div.tieto_container  {
	clear: both;
	border-bottom: 1px solid #ddd;
	float: left;
	padding: 10px 0 0 0;
}

div.tieto_container div.arvo_otsikko {
	float: left;
	width: 200px;
	font-weight: bold;
}

div.tieto_container div.arvo_tieto {
	float: left;
	width: 400px;	
	margin: 0 0 10px 0;
	padding: 2px;
}


#kuvalista_container {
	float: left;
	width: 650px;
}

#kuvalista_right {
	width: 185px;
	float: left;
	display: block;
	padding: 0 0 0 5px;
}

#kuvalista_container .kuva_blokki {
	float: left;
	width: 155px;
	padding: 2px;
}
.kuva_blokki img {
	padding: 2px;
	background-color: #ddd;
}

.kuva_blokki img:hover {
	background-color: #0066AA;
} 

#kuvarivi {
	width: 430px;
	float: left;
	margin: 0;
	padding: 0;
}


#kuvarivi div.lista_kuva {
	float: left;
	padding: 0 5px 0 0;
	margin-top: 2px;
}

div.lista_kuva span {
	width: 80px;
	padding: 2px;
	margin: 0 0 0 0;
	display: block;
	border: 2px solid #0066AA;
	text-align: center;
	font-weight: bold;
	
}

#kuvarivi div.lista_kuva img {
	border: 1px solid #555;
	padding: 4px;
	display: block;
}

#kuvarivi .kuva_lisaa {
	width: 150px;
	float: left;
	display: block;
}


.kuva_lisaa a {
	color: #0066aa;
}


i.valittu_sivu {
	background-color: #0066AA;
	padding: 2px 5px 2px 5px;
	border: 2px solid #0066AA;
	display: block;
	float: left;
	color: #fff;
	margin: 0 2px 0 2px;
	font-style: normal;
	font-weight: bold;
}

a.sivu_eivalittu,
i.pisteet {
	background-color: #fff;
	padding: 2px 5px 2px 5px;
	border: 2px solid #0066AA;
	display: block;
	float: left;	
	margin: 0 2px 0 2px;	
}

ul.sub_merkit {
	margin: 0 0 10px 2px;
	padding : 0 0 0 12px;
}
ul.sub_merkit li {
	list-style-type: square;
	color: #0066aa;
}

ul.sub_merkit li a {
	color: #000;
}


img {
	border: 0;
}

a.lisaa_kuva {
	font-size: 14px;
	font-weight: bold;
	text-decoration: underline;
}

#uusikuva_form h3 {
	margin-bottom: 2px;
}

#uusikuva_form p {
	margin-top: 2px;
}
div.puuttuuko {
	padding: 4px;
	margin: 5px 0 10px 0;
	border: 4px solid #990000;
	display: block;
	width: 500px;
}

div.puuttuuko h4 {
	margin: 0;
	padding: 0;
	color: #ff0000;
}

div.puuttuuko p {
	margin: 0;
	padding: 0;
}

div.puuttuuko p a {
	text-decoration: none;
}

div.puuttuuko p a:hover {
	text-decoration: underline;
}

div.o_rivi {
	float: left;
	width: 600px;
	border-bottom: 1px solid #ddd;
	padding: 5px 0 5px 0;
	clear: left;	
}


div.o_title {
	float: left;
	width: 200px;
	font-weight: bold;
}


div.o_data {
	float: left;
	width: 400px;
	
}

div.o_data textarea {
	width: 100%;
	height: 300px;
}

div.o_data textarea.mountinfo {
	width: 300px;
	height: 120px;
}


div.mis_cont {
	width: 500px;
	float: left;
	padding: 5px;
	font-size: 14px;
}

div.mis_cont div.mis_title {
	float: left;
	width: 200px;
	font-weight: bold;
}

div.mis_cont div.mis_data {
	float: left;
	width: 290px;
}

div.mis_title span.small{
	font-size: 12px;
	font-style: italic;
	font-weight: normal;
}


div.mis_data input{
	width: 100%;
}


p.error_obj {
	color: red;
	font-weight: bold;
}


h3.first, h3.second {
	margin: 0 0 12px 0;
	padding: 0 0 5px 0;
	border-bottom: 1px solid #ddd;
}

h3.second {
	margin-top: 20px;
	margin-bottom: 2px;
}


ul.sub {
	margin: 2px 2px 10px 2px;
	padding: 0 0 0 20px;
}


h3.mainokset {
	margin: 4px 0 0 0;
	padding: 0;
}

#main_wrapper #footer {
	clear: left;
	display: block;
	width: 950px;
	/*height: 20px;*/
	background-color: #0066aa;
	padding: 4px 0 4px 10px;
	float: left;
}


#footer .footer_links {
	float: left;
	display: block;
}

.footer_links ul {
	list-style: square;
	color: #fff;
}

.footer_links a,
.footer_links a:link,
.footer_links a:active,
.footer_links a:visited,
.footer_links a:hover {
	color: #fff;
	font-weight: bold;
}


div.kommentti_teksti {
	border: 1px solid #ddd;
	background-color: #eee;
	color: #000;
	padding: 10px;
	margin: 5px 0 15px 0;
	width: 650px;
	float: left;
	display: block;
	clear: both;
}

div.kommentti_teksti_oma {
	border: 1px solid #ddd;
	background-color: #ffffdd;
	color: #000;
	padding: 10px;
	margin: 5px 0 15px 0;
	width: 650px;
	float: left;
	display: block;
	clear: both;
}

span.kommentti_aika {
	font-size: 10px;
	font-style: italic;
}

p.tulee_kirjautua {
	display: block;
	clear: both;
	padding: 10px;
	margin: 5px 0 5px 0;
	border: 2px solid #ff9900;
	background-color: #ddd;
	color: #000;
	font-weight: bold;
}


p.success_kommentti {
	display: block;
	clear: both;
	padding: 10px;
	margin: 5px 0 5px 0;
	border: 2px solid red;
	background-color: #ddd;
	color: #000;
	font-size: 14px;
	font-weight: bold;
}

.gallery {
	list-style: none;
	margin: 0;
	padding: 0;
}
.gallery li {
	margin: 20px 10px 5px;
	padding: 8px;
	background: url(../img/polaroid.png) no-repeat;
	float: left;
	position: relative;
	width: 186px;
}
.gallery span {
	background: url(../img/tape.png) no-repeat;
	width: 77px;
	height: 27px;
	display: block;
	position: absolute;
	left: 54px;
	top: -12px;
}
.gallery em {
	display: block;
	padding: 0 20px 0 0;
	text-align: center;
	font: italic 100% Georgia, "Times New Roman", Times, serif;
	color: #333;
}


/* ---------->>> jtip <<<---------------------------------------------------------------*/

#JT_arrow_left{
	background-image: url(../img/arrow_left.gif);
	background-repeat: no-repeat;
	background-position: left top;
	position: absolute;
	z-index:101;
	left:-12px;
	height:23px;
	width:10px;
    top:-3px;
}

#JT_arrow_right{
	background-image: url(../img/arrow_right.gif);
	background-repeat: no-repeat;
	background-position: left top;
	position: absolute;
	z-index:101;
	height:23px;
	width:11px;
    top:-2px;
}

#JT {
	position: absolute;
	z-index:100;
	border: 2px solid #CCCCCC;
	background-color: #fff;
}

#JT_copy{
	padding:10px 10px 10px 10px;
	color:#333333;
}

.JT_loader{
	background-image: url(../img/loader2.gif);
	background-repeat: no-repeat;
	background-position: center center;
	width:100%;
	height:12px;
}

#JT_close_left{
	background-color: #CCCCCC;
	text-align: left;
	padding-left: 8px;
	padding-bottom: 5px;
	padding-top: 2px;
	font-weight:bold;
}

#JT_close_right{
	background-color: #CCCCCC;
	text-align: left;
	padding-left: 8px;
	padding-bottom: 5px;
	padding-top: 2px;
	font-weight:bold;
}

#JT_copy p{
margin:3px 0;
}

#JT_copy img{
	padding: 1px;
	border: 1px solid #CCCCCC;
}

.jTip{
cursor:help;
}


p.confirm_delete {
	font-weight: bold;
	color: red;
	display: block;
	border: 2px solid #999;
	padding: 4px;
	text-align: center;
	font-size: 14px;
}
p.poista_kuva {
	font-weight: bold;
	color: red;
	display: block;
	border: 2px solid #999;
	padding: 4px;
	text-align: center;
	font-size: 16px;
}

a.kom_action {
	color: #fff;
	font-weight: bold;
}

a.kom_action:hover {
	text-decoration: underline;
}


p.megaerror {
	border: 3px solid #000;
	font-size: 14px;
	color: #fff;
	font-weight: bold;
	background-color: red;
	display: block;
	padding: 8px;
}


.google_inline {
border:1px solid #BBBBBB;
display:block;
padding:5px;
width:650px;
}


#googlemainos {
  margin-bottom: 20px;
  margin-top: 20px;
  clear: both;
}

#googlemainos span {
  display: block;
  text-align: center;
  text-transform: uppercase;
  font-family: Arial;
  font-size: 10px;
}
#googlemainos .topmainos {
  border-bottom: 1px solid #CCC;
  margin-bottom: 10px;
  padding-bottom: 4px;
}
#googlemainos .bottommainos {
  border-top: 1px solid #CCC;
  margin-top: 10px;
  padding-top: 4px;
}