/* as soon as you're using the my_page class in the previous example, you need to specify it here */
.html mainCenterWide {
	height: 800px;
}

.mainCenter {
  position: relative;

	width: 60%;
	font-size: 10pt;
	font-family: arial, verdana, serif;

  font-family: arial, verdana, serif;
  padding-left: 20px;
  padding-right: 12px;
  background: #fff; /* #F9F9EC; */

  border-right: 1px solid #ccc;

	min-height: 1000px;
	
}

/* for Internet Explorer */
/*\*/
* html .mainCenter {
height: 1100px;
width: 452px;
top: 135px;
}









.mainRight {
	position: absolute;
	top: 15px;
	left: 65%;
	float: right;
	width: 300px;
	padding-top: 10px;
	font-size: 8pt;
}


.mainCenter h2, .mainRight h2 {
	border-bottom: 1px solid #A07435;
	margin: 0px;
	font-size: 14pt;
	font-family: arial, verdana, serif;
	margin-bottom: 5px;
}


.mainCenterWide h2 {
	border-bottom: 1px solid #A07435;
	margin: 0px;

	font-size: 16pt;
	padding-left: 10px;
	font-family: arial, verdana, serif;
	margin-bottom: 5px;
}

.mainCenter h4, .mainRight h4, .mainCenterWide h4 {
	margin-left: 8px;
	margin-top: 0.5em;
	margin-bottom: 0.5em;
	font-size: 10.5pt;
	color: maroon;
	font-family: tahoma;
	border-bottom: 1px solid #A07435;
	border-left: 1px solid #A07435;
	padding-left: 5px;
	font-family: arial, verdana, serif;
}





.mainCenterWide p {
	font-family: times, verdana;
	padding-left: 20px;
}

.mainCenter .subTitle, .mainRight .subTitle {
  font-family: Verdana, Arial;
  font-size: 8pt;
  font-weight: bold;
  margin-top: -20px;
  float: right;
  color: maroon;
  text-transform: uppercase;
  text-align: right;


}

.mainCenterWide .subTitle {
  font-family: Arial Narrow;
  font-size: 10pt;
  font-weight: bold;
  margin-top: -20px;
  float: right;
  color: maroon;
 
  text-align: right;
}

.mainCenterWide table tr td {
	font-size: 10pt;
}


.mainCenter .authorName {
  color: #c90;
}

.mainCenter .authorName a:link, .mainCenter .authorName a:visited, .mainCenter .authorName a:active {
  color: #c90;
  text-decoration: none;
} 

.mainCenter .harjTitle:link, .mainCenter .harjTitle:visited, .mainCenter .harjTitle:active {
  font-weight: bold;
  font-size: 12px; 
  text-transform: uppercase;
  text-decoration: none;

  color: #000;
} 


	.centerTitle {
		text-align: center;
		color: #ffc;
		display: block;
		width: 100%;
		height: 14px;
		font-size: 8pt;
		font-family: arial, verdana, serif;
		font-weight: bold;
		background-image: url("gfx/button.gif");
		background-repeat: repeat-x;	
		text-decoration: none;
	}


.mainCenterWide .comments table {
  margin: -4px;
  
}

.mainCenterWide .comments .title {
  font-size: 15px;
  border-bottom: 1px solid #A07435;
  display: block;
}


.mainCenterWide .errorMessages {
  padding: 10px;
  color: #f00;
  border-top: 2px solid #A07435;
  border-left: 2px solid #A07435;
  border-bottom: 2px solid #ccc;
  border-right: 2px solid #ccc;
  background: #ff6;

}

.mainCenterWide pre {
	padding-left: 15px;
}
	



	.mainRight a:link, .mainRight a:active { color: maroon; }
	.mainRight a:visited { color: #111; }
	.mainRight a:hover { color: #c90; }

  .mainRight .catList {
    text-align: center;
    padding: 7px;
    color: #000;
    font-size: 16px;
    font-weight: bold;
    font-family: arial, verdana, tahoma;
  }
  
  .mainRight .catList a:link, .mainRight .catList a:visited, .mainRight .catList a:active {
    text-decoration: none;
    color: #000;
    padding: 5px;
  }
  
  .mainRight .catList a:hover {
    color: #c90;
  }


.mainRight .sort:link, .mainRight .sort:visited, .mainRight .sort:active, .mainRight .sort:hover {
  color: #000;
  text-decoration: none;
  font-size: 12px;
  font-weight: bold;
} 

	

.mainCenterWide .artikkeliBody h1 {
	font-size: 22px;
	border: 0px;
	padding: 0px;
	margin: 0px;
	font-family: arial;
}

.mainCenterWide .artikkeliBody h2 {
	font-size: 20px;
	border: 0px;
	padding: 0px;
	margin: 0px;
}

.mainCenterWide .artikkeliBody h3 {
	font-size: 16px;
	border: 0px;
	padding: 0px;
	margin: 0px;
}


.mainCenterWide .artikkeliBody img {
}

.harjoitusInfo {
  border-bottom: 1px solid #A07435;
}

table.harjOptions {
  border-bottom: 1px solid #A07435;
}  


table.harjOptions tr td a:link, 
table.harjOptions tr td a:visited, 
table.harjOptions tr td a:active {
  display: block;
  font-family: verdana;
  color: #A07435;
  text-decoration: none;
  
  padding: 2px;
}   

table.harjOptions tr td a:hover {
  color: #000;
  background: #eed;
}





.mainCenterWide table.harjoitusInfo td {
  padding: 5px;
  background: #eed;
}
/*.mainCenterWide p {
	width: 475px;
	font-family: arial;
	border-left: 1px solid #eeeed5;
}*/

.mainCenter div.artikkeli {
	border-bottom: 1px solid #000;
	padding: 5px;
	margin: 10px;
	font-family: arial;

}

.mainCenter h5 {
	margin-top: 0px;
	font-size: 1.2em;
	margin-bottom: 0px;
}


.vote:hover {
  background: #000;
  
}

input.voteButton {
	font-size: 8pt;
	font-family: arial, verdana, serif;
	border: 1px solid #666;
  width: 25px;
}

	

	.leftTitle {
		color: #ffc;
		display: block;
		width: 100%;
		height: 14px;
		font-size: 8pt;
		font-family: arial, verdana, serif;
		font-weight: bold;
		background-image: url("http://www.ykkoskitara.fi/gfx/button.gif");
		bagkround: #960;
		background-repeat: repeat-x;
	}


		
	
	.leftBorders {
		border: 1px solid #000;
		margin-bottom: 10px;
		background: #eed;
	}
	
	.leftTitleBox {
		background: #eed;
		width: 100%;
		font-size: 8pt;
		font-family: arial, verdana, serif;
		padding-bottom: 3px;
				
	}
	
		.leftTitleBox .titleBoxLogin {
			font-size: 8pt;
			font-family: arial, verdana, serif;
		}
		
		.leftTitleBox .titleBoxForm form input.default, input.default, select.default  {
			font-size: 8pt;
			font-family: arial, verdana, serif;
			width: 100px;
			border: 1px solid #666;

			
		}
		

		
		.leftTitleBox .titleBoxForm table tr td {
			font-size: 8pt;
			font-family: arial, verdana, serif;
			padding-left: 5px;
			padding-top: 2px;
			padding-right: 2px;
			padding-bottom: 2px;
		}