body {
	background: #ff884c url(../img/bg.png) repeat-y top center;
	margin : 0;
	padding : 0;
	font : 100 11px/14px Verdana, sans-serif;
	color : #000000;
}

#w {
	margin : 0 auto 50px auto;
	padding : 0;
	width : 960px;
/*	text-align : left; */
	overflow : hidden;
}





/* HEADER */

#yhteystiedot {
	margin : 6px 0 4px 0;
	font : 100 12px/16px Verdana, sans-serif;
	color : #838383;
 	text-align : left;
}

#yhteystiedot img {
	float : left;
	margin : 0;
	padding : 0 15px 0 18px;
	border : 0;
}

#yhteystiedot p {
	margin-top : 9px;
	padding : 0;
}

#slogan {
	margin-top : 15px;
	font-size : 12px;
	line-height : 14px;
	font-weight : bold;
/*	font : 900 12px/14px Verdana, sans-serif; */
	color : #ff5f23;
	font-style : italic;
	text-align : center;
}





/* HAUT */

#haku {
	background : transparent url(../img/bg_haku.png) repeat-x top right;
	margin : 15px 0 0 0;
	padding : 0;
	font : 900 11px/14px Verdana, sans-serif;
	color : #ffffff;
}

#haku img {
	margin : 0;
	padding : 0;
	vertical-align : middle;
}

#haku2 {
	text-align : right;
	padding : 0 20px 0 0;
	margin : 0;
	overflow : visible;
}





/* NAVIGOINNIT */

#nav1{
	background : #ff4600 url(../img/bg_nav1.png) no-repeat top right;
	height : 24px;
	overflow : hidden;
}

#nav1 ul{
  list-style : none;
  margin : 0; 
  padding : 1px 0 0 0;	
}

#nav1 ul li{
	background : transparent url(../img/nav1_viiva.png) no-repeat 4px right;
	margin : 0;
	padding : 4px 7px 5px 7px;
	float : left;
}

#nav1 a {
	font-size : 12px;
	color : #ffffff;
	text-decoration : none;
}

#nav1 .current {
	background : #ffffff;
}

#nav1 .current a {
	color : #ff4600;
}

#nav1 .vas {
	background : transparent url(../img/bg_nav1_vas.png) no-repeat;
	float : left;
	width : 21px;
	height : 24px;
}

#nav2 {
	padding-top : 1px;
	background : #ffffff;
	overflow : hidden;
	height : 26px;
}

#nav2 ul {
	list-style : none outside none;
	margin : 0;
	padding : 0 0 0 21px;
}

#nav2 li {
	border-width : 0 1px 0 0;
	border-style : solid;
	border-color : #c1c1c1;
	padding : 0 7px 0 7px;
	margin : 5px 0 7px 0;
	float : left;
}

#nav2 .lista2 li {
	border : 0;
}

.lista2 {
	clear : both;
}

#nav3 {
	border-width : 1px 0 1px 0;
	border-style : solid;
	border-color : #c1c1c1;
	margin-bottom : 15px;
	height : 24px;
}

#nav3 ul {
	list-style : none outside none;
	margin : 0;
	padding : 5px 0 5px 0;
	overflow : hidden;
}

#nav3 li {
	float : left;
	margin-right : 15px;
	font-weight : bold;
	color : #c1c1c1;
}

#murupolku {
	font : 100 14px/16px Verdana, sans-serif;
	color : #c1c1c1;
	height : 32px;
}





/* ETUSIVUN NOSTO */

#nosto {
	/*border : 2px solid #c1c1c1;*/
	overflow : hidden;
	height : 132px;
}

#nosto img {
	margin : 0;
	padding : 0;
}

#nosto h3 {
	font-size : 130%;
	line-height : 110%;
	margin-bottom : 10px;
}

#nosto div {
	overflow : hidden;
}

#myController {
	float : none;
	margin-top : 3px;
	margin-bottom : 15px;
	overflow : hidden;
	color : #ff5f23;
	cursor : pointer;	
}

#myController ul {
	list-style : none outside none;
	margin : 0;
	padding : 0;
}	

#myController li {
	float : left;
	margin : 0 3px 0 0;
	padding : 0;
	font-weight : bold;
}

#myController li.jFlowSelected {
	color : #c1c1c1;
}





/* SIVUELEMENTIT */

#videohaastattelu {
/*	border : 2px solid #c1c1c1; */
	overflow : hidden;
}

#videohaastattelu img {
	border : 0;
	float : left;
	margin : 0 20px 0 0;
}

#videohaastattelu table td {
	padding : 0;
	margin : 0;
}

#blogi_kirjailija img {
	border : 2px solid #c1c1c1;
	float : left;
	margin : 0 10px 0 20px;
}

#kommentti {
	background-color : #fdffed;
	margin : 0 20px 0 20px;
	padding : 10px 0 10px 0;
}

#signupform, #orderform, #feedbackform {
	margin : 0 20px 0 20px;
	padding : 0;
}

#signupform td, #orderform td, #feedbackform td {
	padding : 0 0 5px 0;
	vertical-align : top;
}

form {
	padding : 0;
	margin : 0;
}

.l {
	text-align : left;
}

.r {
	text-align : right;
}

.c {
	text-align : center;
}

.fLeft {
	float : left;
}

.rRight {
	float : right;
}





/* LISTAT */

#lista_kirjat {
	list-style : none outside none;
	margin : 0 20px 0 20px;
	padding : 0;
	overflow : hidden;
}

#lista_kirjat li {
	float : left;
	padding : 0;
	height : 240px;
}

#lista_kirjat img {
	border : 1px solid #c1c1c1;
}

#lista_kirjat small {
	color : #000000;
	font-weight : normal;
}

.lista_kirjat16 li {
	width : 18%;
	margin-right : 12px;
}

.lista_kirjat33 li {
	width : 33%;
}

.lista_kirjat16 div.imgHolder {
	max-width : 165px;
	height : 140px;
	vertical-align : top;
}

#lista_kirjailijakuvat {
	list-style : none outside none;
	margin : 0;
	padding : 0;
}

#lista_kirjailijakuvat li {
	float : left;
	margin : 0 0 20px 20px;
}

#lista_kirjailijakuvat img {
	border : 0;
}

#lista_henkilokunta {
	list-style : none outside none;
	margin : 0 20px 0 20px;
	padding : 0;
}

#lista_henkilokunta li {
	float : left;
	margin-bottom : 20px;
	width : 50%;
}

#lista_henkilokunta img {
	margin-right : 20px;
	border : 0;
}

.lista_hakutulokset ul {
	list-style : none outside none;
	margin : 0 20px 0 0;
	padding : 0;
	float : right;
}

.lista_hakutulokset li {
	margin : 0;
	padding : 0 5px 0 0;
	float : left;
}

.lista_merkinta {
	margin : 3px 0 0 0;
	padding : 0;
}

.lista_merkinta li {
	list-style : none outside none;
	margin : 0 20px 10px 20px;
	padding : 0;
}

.lista_nested {
	list-style : none outside none;
	margin : 0;
	padding : 0;
}

.lista_nested .kirjain {
	margin-top : 15px;
}

.lista_nested li ul {
	list-style : none outside none;
	margin : 0;
	padding : 0;
}

UL.selectList {
	list-style : none outside none;
	border : 1px solid #eaeaea;
	margin : 0;
	padding : 0;
	width : 410px;
	height : 100px;
	overflow : scroll;
}

UL.selectList li:hover {
	cursor : pointer;
}
	



/* VARJOT, VIIVAT */

.varjo1 {
	background : transparent url(../img/bg_varjo1.png) repeat-x;
	height : 7px;
}

.varjo2 {
	background : transparent url(../img/bg_varjo2.png) repeat-x;
	height : 5px;
}

.varjo3 {
	background : transparent url(../img/bg_varjo3.png) repeat-x;
	height : 10px;
}

hr {
	border-width : 0 0 2px 0;
	border-style : solid;
	border-color : #c1c1c1;
}





/* TEKSTITYYLIT */

span, p, .ots, h1, h2, h3, .b_pun, .b_vihr, hr, .lista_nested, #nav3, #nosto, #myController, #videohaastattelu table {
	margin-left : 20px;
	margin-right : 20px;
}

.ots {
	background : #ff4600 url(../img/bg_ots.png) no-repeat top right;
	padding : 0 0 0 10px;
	margin-bottom : 5px;
	height : 23px;
}

.ots h2 {
	padding-top : 1px;
	margin : 0;
	font-weight : normal;
	color : #ffffff;
}

h2 {
	font : 900 16px/18px Verdana, sans-serif;
	margin-top : 0;
	margin-bottom : 10px;
}

h3 {
	font : 900 12px/14px Verdana, sans-serif;
	margin-bottom : 0;
}

h3 small {
	font-weight : normal;
	color : #000000;
}

p {
	margin-top : 2px;
}

.b_pun, .b_vihr {
	color : #ffffff;
	width : 200px;
	height : 23px;
	overflow : hidden;
}

.b_pun {
	background : #ff4600 url(../img/bg_b_pun.png) no-repeat top right;
}

.b_vihr {
	background : #87cf4e url(../img/bg_b_vihr.png) no-repeat top right;
	float : right;
}

.sitaatti {
	font-style : italic;
	font-size : 130%;
	line-height : 130%;
	margin-bottom : 0;
}

.kommentoija {
	margin-bottom : 20px;
	color : #666666;
}




/* LINKIT */

a:link, a:hover, a:visited, a:active {
	color : #ff5f23;
	font-weight : bold;
	text-decoration : none;
}

a.current:link, a.current:hover, a.current:visited, a.current:active {
	color : #c1c1c1;
}

a img {
	border : 0;
}

.b_pun a, .b_vihr a {
	padding : 0 0 0 10px;
	font : 11px/14px Verdana, sans-serif;
	font-weight : bold;
	color : #ffffff;
	line-height : 22px;
}

#nav1 a, #nav2 a, #murupolku a, #nosto h3 small, #lista_kirjat small, .lista_hakutulokset a:link, .lista_hakutulokset a:hover, .lista_hakutulokset a:visited, .lista_hakutulokset a:active, .lista_nested li a:link, .lista_nested li a:hover, .lista_nested li a:visited, .lista_nested li a:active, .ots h2 {
	font-weight : normal;
}

#blogi_kuvaus p {
	color: #FF5F23;
	font-size: 12px;
}
