/*---Reset styles------*/
html,body,div,span,
applet,object,iframe,
h1,h2,h3,h4,h5,h6,p,blockquote,pre,
a,acronym,address,big,cite,code,
del,dfn,em,font,img,ins,kbd,q,s,samp,
small,strike,strong,sub,sup,tt,var,
dd,dl,dt,li,ol,ul,
legend,fieldset,
table,caption,tbody,tfoot,thead,tr,th,td {
	margin: 0;
	padding: 0;
	border: 0;
	font-weight: normal;
	font-style: normal;
	font-size: 100%;
	line-height: 1;
	font-family: inherit;
	text-align: left;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
	
}
ol,ul {
	list-style: none;
}
q:before,q:after,
blockquote:before,blockquote:after {
	content: "";
}

/* Peruselementit
=================================*/

body {
	background-color: #595441;
	background-color: #483539;
	background-image: url(../images/bg_pattern2.gif);
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-align: center;
}

p, h1, h2, h3, ul {line-height: 1.5em; margin-top:1.3em; margin-right: 30px; margin-bottom:1em; margin-left:30px;}


h1 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-decoration: none;
	font-weight: bold;
	color: #483539;
	font-size: 140%;
}

h2, h3 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-decoration: none;
	font-weight: bold;
	color: #6f3422;
	font-size: 110%;
}

li {line-height: 1.5em;}

table, fieldset {margin-left:30px;}

td, th {padding: 10px;}


/* Linkit
=================================*/

a:link {color: #003366; }
a:visited {color: #666; }
a:hover {color: #006699; }
a:active {color: #006699;}
/*=================================*/
#footer a:link {color: #f5f5f5; }
#footer a:visited {color: #f5f5f5; }
#footer a:hover {color: #f5f5f5; }
#footer a:active {color: #f5f5f5;}

/* Layout
=================================*/

.clear {clear:left; 
height: 10px;}

#container {
	background-color: #FFF;
	background-color: #F7F4EA;
	/*margin-top: 0;*/
	margin-bottom: 10px;
	margin-left: auto;
	margin-right: auto;
	text-align: left;
	width:800px; 
}
  
#banner {
	background-image: url(../../../images/paivakirja_bg.jpg);
	background-repeat:no-repeat;

	border: 5px solid white;
	border-bottom: 0 solid #B9B09D;
	background-color: #F7F4EA;
	height: 134px;
}
#banner.Etusivu {
	background-image: url(../../../images/paivakirja_bg.jpg);
}
#banner.Grosbeaks {
	background-image: url(../../../images/pennut_yla.jpg);
}
#banner.Nosse {
	background-image: url(../../../images/paivakirja_bg.jpg);
}
#banner.Napsu {
	background-image: url(../../../images/paivakirja_bg.jpg);
}
#banner.Kuvagalleriat {
	background-image: url(../../../images/paivakirja_bg.jpg);
}
#banner.Tolleri-info {
	background-image: url(../../../images/paivakirja_bg.jpg);
}
#banner.Linkit {
	background-image: url(../../../images/paivakirja_bg.jpg);
}

#content {
	border-left: 5px solid white;
	border-right: 5px solid white;
	background-color: #F7F4EA;
	background-repeat: repeat-x;
}
#footer {
	padding: 10;
	border: 5px solid white;
	background-color: #6f3422;
	color: #E4E4E4;
}

#hcard-Sari-Kirsi-Vuori {border:1px solid #999; margin-top:1.3em; margin-right: 30px; margin-bottom:1em; margin-left:20px; width:300px; padding:10; background-color:#FFF;}
#hcard-Sari-Kirsi-Vuori h2 {margin: 0; padding: 0; margin-bottom:1em;}

/* Etusivun tyylit
=================================*/
#WebLoginLayer0 table {margin:0;}
#WebLoginLayer0 td {padding:5;}
.nl_summaryPost h3 a {padding:0;
text-decoration: none;
	font-weight: bold;
	color: #595441;
	font-size: 120%;
}
.nl_summaryPost {margin-left: 30px; margin-right:30px;}
.nl_summaryPost h3, .nl_summaryPost p {margin-left: 0;}
.nl_summaryPost div {line-height: 1.2em;}
#nl_archivelist ul  {list-style-type: none; line-height:10px;}
#nl_archivelist ul li  {line-height:14px; }
span.nl_month {display:block; color:white; background-color:#4A8797; height:1em; line-height:1em; padding:5px;}
.kirjoittaja {
	color:#333; 
	font-size:10px; 
	border-bottom: 1px solid #B9B09D;
	padding: 3;
}

/* Uutiset tyylit
=================================*/
fieldset h3, fieldset p {margin-left: 0; padding:0;}
.reflect_archive_list, .reflect_archive, WebLoginLayer0 {margin-left:0; padding:0;}
.ditto_documentInfo, .ditto_introText {margin-left:30px; margin-right: 30px; margin-bottom: 1em; line-height: 1.4em;}
.ditto_documentInfo {color:#333; font-size:10px;}

/* Pennut-sivun  tyylit
=================================*/

#pennut ul.luettelo {list-style:disc; margin-left:50px;}
.vanhemmat {width:700px; border:1px solid #999; margin-left:20px;}
.vanhemmat .kuva {float: right; display:inline;}


/* Kuvagalleria
=================================*/

#childscontainer img.tn{
	border: 1px solid #333333;
	margin: 20px;
	margin-top:0;
}

/* Infosivujen tyylit
=================================*/

.info {width:700px; height: 240px; border:1px solid #999; margin-left:20px;}
.info .kuva {float: right; display:inline;}
.info ul {margin-bottom:0;}

table.tiedot{
	border-top: 1px solid #999;
	border-left: 1px solid #999;
	width:700px;
}
	
table.tiedot td,th{ 
	color: #000;
	font-size: 10px;
	border-right: 1px solid #999;
	border-bottom: 1px solid #999;
}
	
table.tiedot th{ 
	background: #bfb69b;
}

/* Pivkirjasivun tyylit
=================================*/

.paivakirja img {
	margin: 15;
	border: 2px solid;
	border-color: #232B0E;
}

hr {
	border: 0;
	 color: #E4E4E4;
 	background-color: #E4E4E4;
 	height: 1px;
}

/* Tolleri-infosivun tyylit (rotu)
=================================*/

#tolleriinfotekstit {width:480px; border-right: 1px dotted #CCCCCC;}
#tolleriinfolinkit {float: right; width:290px; display:inline;}
#tolleriinfolinkit ul {margin-left:0; padding:0;}
#tolleriinfolinkit li {border-bottom: 1px dotted #CCCCCC;}
#tolleriinfolinkit a {line-height: 2.4em;}
#tolleriinfolinkit h3 {margin-left: 0;}

/* Navigointi
=================================*/

#nav ul {
	background-color:#a63921;
	margin: 0;
	padding: 0;
	width: 790px;
	float: left;
	border-top: 1px solid #999;
	border-bottom: 1px solid #999;
}

#nav li {
	float: left;
	white-space: nowrap; 
}

#nav a {
	line-height: 2.1em;
	display: block;
	float: left;
	padding: 0 2em;
	font-weight: bold;
	text-decoration: none;
	border-right: 1px dotted #F7F4EA;
	color: #FFF;
	background-color:#a63921;	
}

#nav a:hover {
	border-color: #999;
	background: #CCC;
	color: #333;
}

#nav .active a {
	border-color: #999999;
	background: #FFF;
	color: #333;
}