/*

Ohjeet:

.column1_2			=	1/2 leveä palsta
.column1_3			=	1/3 leveä palsta
.column1_4			= 	1/4 leveä palsta
.column2_3			=	2/3 leveä palsta
.column3_4			= 	3/4 leveä palsta
.column_right		=	Vaihtaa palstan marginaalin vasemmalle

Kaikissa palstoissa (columnX_X) on vakiona 2% marginaali oikealla reunalla. 


.center				=	text-align: center;
.left				= 	text-align: left;
.right 				=	text-align: right;

.floatLeft 			= 	float: left;
.floatRight 		=	float: right;
.clear				=	clear: both;

.padding 			=	Lisää 10px sisennys
.padding20 			=	Lisää 20px sisennys
.padding30 			=	Lisää 30px sisennys

.lineHeight15		=	Line-height: 15px
.lineHeight20		=	Line-height: 20px
.lineHeight25		=	Line-height: 25px
.lineHeight30		=	Line-height: 30px

.roundedCorners 	= 	5px reunojen pyöristys
.roundedCorners10 	= 	10px reunojen pyöristys
.roundedCorners20  	= 	20px reunojen pyöristys

*/


/* Basic column structure */
.column1_2,
.column1_3,
.column1_4,
.column2_3,
.column3_4 {
	float: left;
	margin: 0 2% 0 0;
}
.column1_2 { width: 48%; }
.column1_3 { width: 31%; }
.column1_4 { width: 23%; }
.column2_3 { width: 65%; }
.column3_4 { width: 73%; }
.column_right {	margin: 0 0 0 2%; }


/* Helper classes */
.width_100 { width: 100%; }

.center { text-align: center; }
.left { text-align: left; }
.right { text-align: right; }

.floatLeft { float: left; }
.floatRight { float: right; }
.clear { clear: both; }

.padding { padding: 10px; }
.padding20 { padding: 20px; }
.padding30 { padding: 30px; }

.lineHeight15 { line-height: 15px; }
.lineHeight20 { line-height: 20px; }
.lineHeight25 { line-height: 25px; }
.lineHeight30 { line-height: 30px; }

.roundedCorners { -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; }
.roundedCorners10 {	-webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; }
.roundedCorners20 {	-webkit-border-radius: 20px; -moz-border-radius: 20px; border-radius: 20px; }

