@charset "UTF-8";

/*
Theme name: FUNATIC09 Default - tuuls -
Author: Tuuli Yrjonen
Author URI: http://tuuls.net/
Version: 1.0
*/

@font-face 	{  	font-family: Museo;
				src: url(fonts/museo300-regular.otf) format("opentype"); }
				
/* Museo is a font by Jos Buivenga (exljbris) -> www.exljbris.nl */	

			


html, body 	{ 	height: 100%;  }

body {
	font-family: "Geneva", "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	letter-spacing:0.05em;
	margin: 0;
	padding: 0;
	text-align: left;
	color: #000000;  }
body.etusivu {
	background: #000000 url(images/bg_frontpage.png) repeat-x top left;
}
body.sivut {
	background: #FFF url(images/flowers-right3.png) fixed no-repeat bottom right;
}

h1,h2, h3, h4 {
	font-family: Museo,"Trebuchet MS", "Geneva", Georgia, Arial, Helvetica, sans-serif;
	text-shadow: #ccc 2px 2px 4px; 
	-webkit-transition-property: opacity, text-shadow, color;
	-webkit-transition-duration: 2s, 2s, 2s; 

}

.sivut h1 {
	font-size:26px;
	letter-spacing:0.075em;
	margin-bottom:22px;
	text-transform:uppercase;
	color:#666;
}
.etusivu h1 {
	font-size:22px;
	letter-spacing:0.07em;
	margin-top:-65px;
	margin-bottom:0px;
	text-transform:uppercase;
	color:#666;
	text-indent: -2000px;
}

.sivut h2 {
	font-size:20px;
	letter-spacing:0.1em;
	margin-bottom:18px;
	color:#666;
}

.etusivu h2 {
	font-size:32px;
	letter-spacing:0.05em;
	color:#666;
}

#mainContent h3 {
	font-size:17px;
	letter-spacing:0.05em;
	margin-bottom:0px;
	color:#666;
}

h4 {
	font-size:13px;
	letter-spacing:0.05em;
	margin-bottom:0px;
	color:#666;
	text-transform:uppercase;
}

h4#comments {
	margin-left:22px;
	padding-top:10px;
}

#sidebar h2,
#sidebar h2.widgettitle {
	font-size:13px;
	letter-spacing:0.1em;
	margin-bottom:3px;
	margin-top:23px;
	color:#4d3f32;
	text-transform:uppercase;
}

#mainContent ul, 
#errormessage ul	{
	list-style-image:url('images/bullet.png');
}

.etusivu #container {
	margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
	width:100%;
	height:461px;
	text-align: left; /* this overrides the text-align: center on the body element. */
	background: url(images/flowers-right.png) no-repeat right 163px;
}

.sivut #container {
	margin: 0;
	width:100%;
	text-align: left;
	position: relative;
	min-height: 100%;
	height: 100%;
	voice-family: "\"}\"";
	voice-family: inherit;
	height: auto;

}

html>body.sivut #container {
				height: auto; }



.etusivu #header { 
	background: url(images/funatic_logo_fp.png);
	position:absolute;
	width:437px;
	height:645px;
	padding: 0;
	margin:0;
} 

.sivut #header { 
	position:fixed;
	background: #000 url(images/sisusmenu-bg.png);
	width:100%;
	height:76px;
	margin:0px;
	padding:0;
	text-align:left;
	z-index:1000;
}

.etusivu #header h1 {
	margin: 0; 
	padding: 10px 0; 
}
.etusivu #mainContent {
	position:absolute;
	margin: 60px 0 0 480px;
	height:411px;
}
.sivut #mainContent {
	width: 590px;
	padding-top: 120px;
	padding-left: 270px;
	padding-bottom:70px;
	background: url(images/flowers-left2.png) fixed no-repeat left 75px;
}

/* ETUSIVUN NEWS FLASH 
------------------------------ */
.etusivu #newsflash {
	position:absolute;
	top:100px;
	width:170px;
	font-size:13px;
  left: 260px;


}

.etusivu #newsflash ul 		{ list-style-type: none; margin-left: 0px; }
li.recentnews-date 	{ color: #916231;}
.etusivu #newsflash li.recentnews-excerpt p { padding:0; margin:0; font-size:11.5px; }
li.recentnews-more 	{ text-transform:uppercase; padding:3px 0 8px 0;}

.etusivu #newsflash p {
	font-size:13px;
	color:#666;
}
.etusivu #newsflash h3 {
	font-size:16px;
	color:#666;
}

/* 404 VIRHEILMOITUS
------------------------------ */
.etusivu #errormessage {
	position:absolute;
	top:40px;
	left:280px;
}


/* SIDEBAR 
------------------------------ */

.sivut #sidebar {
	position:fixed;
	top:209px;
	left:38px;
	width:190px;
	padding-top:30px;
	padding-bottom:10px;
	padding-right:10px;
	font-size:11px;
	border-right:#C7C7C7 dashed thin;
}
#sidebar .archives {
	padding-left: 55px;
	padding-bottom: 25px;
	text-transform:uppercase;
}

#sidebar ul {
	list-style-type: none;
}
#sidebar ul li ul li {
	list-style-type: none;
	margin-left: -37px;
}
#sidebar .widget_tag_cloud {
	margin-left: -40px;
	padding-top:20px;
}



/* FOOTER 
------------------------------ */

.etusivu #footer { 
	position:absolute;
	width:450px;
	top:597px;
	left:486px;

} 
.etusivu #footer p,
.sivut #footer {
	font-size:9.5px;
	letter-spacing:0.1em;
	line-height:15px;
	text-transform:uppercase;
	margin: 0; /* zeroing the margins of the first element in the footer will avoid the possibility of margin collapse - a space between divs */
	text-align:left;
	color:#6e6e6e;
	font-style:normal;
	font-weight:normal;
	font-family: "Geneva", "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
}

.sivut #footer { 
	position: absolute;
	bottom: 0;
	left: 0;
	width:100%;
	background:#000;
	padding: 5px 0 5px 0;
} 

.sivut #footer li{ 
	padding-right:15px;	
}

/* MENU 
------------------------------ */

.etusivu #menu { 
	position:absolute;
	width:500px;
	margin:0;
	top: 477px;
	left: 445px;
}

.sivut #header #menu { 
	width:100%;
	height:35px;
	margin-top: 18px;
	background-color:#2c2c2c;
	border-top: #6e6e6e solid 1px;
	border-bottom: #6e6e6e solid 1px;
	z-index: 100;
}


.sivut  #header #menu img { 
	margin-top: -22px;
	border:0;
}

.sivut  #header #menu ul { 
	padding-left: 420px;
	margin-top: -40px;
}

#menu{ 
	color:#999;
	text-transform:uppercase;
	letter-spacing:0.1em;
	font-size:15px;
	line-height:12px;
	padding-top:2px;
	text-align:left;
	font-family: Georgia, Verdana, Arial, Helvetica, sans-serif;
} 
#menu li,
.sivut #footer li{ 
	display: inline;
	list-style-type: none;
	margin: 0;
	padding-top:0;	
}
#menu li { 
	padding-right:18px;	
}




/* ETUSIVUN MENU */

#menufront {
	position: absolute;
	width:450px;
	top: 483px;
	left: 483px;
	margin: 0;
	padding: 0;
	}

#menusisus {
	width:850px;
	top: 0px;
	left: 0px;
	margin: 0;
	padding: 0;
	background: url('images/funatic-small-logo-h.png') no-repeat -1000px -1000px;
	}

#menufront li,
#menusisus li{
	font-size: 15px;
	padding-left: 0;
	}

.nav li {
	float: left;
	list-style: none;
	}

.nav a {
	display: block;
	font-style: normal;
	}
#menufront li:first-child,
#menufront li.menuitem-1,
#menusisus li:first-child,
#menusisus li.menuitem-1 {
	background-image: none;
	list-style: none;
	margin-left: 0;
	padding-left: 0px;
	}

#menufront a {
	color: #fff;
	display: block;
	font-family: 'Museo', Georgia, sans-serif;
	font-size: 15px;
	font-style: normal;
	font-weight: bold;
	height: 31px;
	text-align: left;
	text-indent: -1234em;

	}

#menufront .nav a:hover,
#menusisus .nav a:hover {
	color: #fff;
	background-position: left bottom;
	border: none;
	}


.nav #menu-intro {
	background: url('images/menu-intro.gif') no-repeat left top;
	width: 72px;
	}
.nav a#menu-intro:hover {
	background: url('images/menu-intro-h.gif') no-repeat left top;
	width: 72px;
	}

.nav #menu-dogs {
	background: url('images/menu-dogs.gif') no-repeat left top;
	width: 79px;
	}
.nav a#menu-dogs:hover {
	background: url('images/menu-dogs-h.gif') no-repeat left top;
	width: 79px;
	}

.nav #menu-news {
	background: url('images/menu-news.gif') no-repeat left top;
	width: 82px;
	}
.nav a#menu-news:hover {
	background: url('images/menu-news-h.gif') no-repeat left top;
	width: 82px;
	}
	
.nav #menu-puppies {
	background: url('images/menu-puppies.gif') no-repeat left top;
	width: 100px;
	}
.nav a#menu-puppies:hover {
	background: url('images/menu-puppies-h.gif') no-repeat left top;
	width: 100px;
	}
	
.nav #menu-misc {
	background: url('images/menu-misc.gif') no-repeat left top;
	width: 67px;
	}
.nav a#menu-misc:hover {
	background: url('images/menu-misc-h.gif') no-repeat left top;
	width: 67px;
	}

span.menu1_ {	background: url('images/menu-intro-h.gif') no-repeat -1000px -1000px; }
span.menu2_ {	background: url('images/menu-dogs-h.gif') no-repeat -1000px -1000px; }
span.menu3_ {	background: url('images/menu-news-h.gif') no-repeat -1000px -1000px; }
span.menu4_ {	background: url('images/menu-puppies-h.gif') no-repeat -1000px -1000px; }
span.menu5_ {	background: url('images/menu-misc-h.gif') no-repeat -1000px -1000px; }

/* SISUS MENU */


#menusisus a {
	color: #fff;
	display: block;
	font-family: 'Museo', Georgia, sans-serif;
	font-size: 15px;
	font-style: normal;
	font-weight: bold;
	height: 75px;
	text-align: left;
	text-indent: -1234em;

	}

.nav #menu2-home {
	background: url('images/funatic-small-logo.png') no-repeat left top;
	width: 404px;
	}
.nav a#menu2-home:hover {
	background: url('images/funatic-small-logo-h.png') no-repeat left top;
	width: 404px;
	}
	
.nav #menu2-intro {
	background: url('images/menu2-intro.gif') no-repeat left top;
	width: 72px;
	}
.nav a#menu2-intro:hover {
	background: url('images/menu2-intro-h.gif') no-repeat left top;
	width: 72px;
	}

.nav #menu2-dogs {
	background: url('images/menu2-dogs.gif') no-repeat left top;
	width: 79px;
	}
.nav a#menu2-dogs:hover {
	background: url('images/menu2-dogs-h.gif') no-repeat left top;
	width: 79px;
	}

.nav #menu2-news {
	background: url('images/menu2-news.gif') no-repeat left top;
	width: 82px;
	}
.nav a#menu2-news:hover {
	background: url('images/menu2-news-h.gif') no-repeat left top;
	width: 82px;
	}
	
.nav #menu2-puppies {
	background: url('images/menu2-puppies.gif') no-repeat left top;
	width: 100px;
	}
.nav a#menu2-puppies:hover {
	background: url('images/menu2-puppies-h.gif') no-repeat left top;
	width: 100px;
	}
	
.nav #menu2-misc {
	background: url('images/menu2-misc.gif') no-repeat left top;
	width: 67px;
	}
.nav a#menu2-misc:hover {
	background: url('images/menu2-misc-h.gif') no-repeat left top;
	width: 67px;
	}

span.menu21_ {	background: url('images/menu2-intro-h.gif') no-repeat -1000px -1000px; }
span.menu22_ {	background: url('images/menu2-dogs-h.gif') no-repeat -1000px -1000px; }
span.menu23_ {	background: url('images/menu2-news-h.gif') no-repeat -1000px -1000px; }
span.menu24_ {	background: url('images/menu2-puppies-h.gif') no-repeat -1000px -1000px; }
span.menu25_ {	background: url('images/menu2-misc-h.gif') no-repeat -1000px -1000px; }


/* LINKIT 
------------------------------ */

#menu a, #footer a  	{ color:#999; text-decoration:none; }
#menu a:visited, #footer a:visited	{ color:#999;	text-decoration:none; }
#menu a:hover, #footer a:hover  	{ color:#a55b10; text-decoration:none; }

a 			{ color:#666; text-decoration:none; }
a:visited 	{ color:#666;	text-decoration:none; }
a:hover 	{ color:#a55b10; text-decoration:none; }
				
#mainContent h1 a:link		{ color:#666; text-decoration:none; border-bottom: 0px;}
#mainContent h1 a:visited	{ color:#666;	text-decoration:none; border-bottom: 0px;}
#mainContent h1 a:hover 	{ color:#4d3f32; text-decoration:none; border-bottom: 0px; text-shadow: #ccc 2px 2px 5px; }
							
#mainContent p a:link, table.pedigree td a:link			{ color:#555; 	text-decoration:underline; border-bottom: 0px; }
#mainContent p a:visited, table.pedigree td a:visited	{ color:#4d3f32; text-decoration:underline; border-bottom: 0px; }
#mainContent p a:hover, table.pedigree td a:hover 		{ color:#a55b10; text-decoration:none; border-bottom: 0px; 
	/* for IE */
  filter:alpha(opacity=70);
  /* CSS3 standard */
  opacity:0.7;
  }
							


/* STUFF
----------------------------------------- */


.pic {
	border:#000 solid 1px;
}
#intropic {
	margin-left:15px;
	margin-bottom:10px;
	border-bottom:#000 solid 5px;
	padding: 0;
	background: none;
	border-top:none;
	border-right:none;
	border-left:none;
	box-shadow: 0 0 0 #FFF;
 	-moz-box-shadow: 0 0 0 #FFF;
  	-webkit-box-shadow: 0 0 0 #FFF;
}
.sivut #mainContent p {
	text-align:justify;
}

.small,
.comment-meta {
	font-size:9px;
	color:#916231;
	text-transform:uppercase;
}

.postmetadata {
	font-size:10px;
	color:#916231;
	text-transform:uppercase;
	padding: 20px 0 10px 0;
	margin-bottom:30px;
	border-bottom: #916231 dashed 1px;
}

.commentlist {
	
	padding-top: 10px;
	padding-bottom: 10px;
	padding-right:20px;
	font-size:10px;
	margin-left: -20px;
}

div.comments {
	
	z-index: -1;
}

/* Kommentin tausta */
.comment-body {
	background-color:#f0f0f0;
	padding: 7px 10px 1px 7px;
	margin: 0 0 25px 0;
	border: 2px solid #f0f0f0;
	border-radius:8px;
 	-moz-border-radius:8px;
  	-webkit-border-radius:8px;

	box-shadow:2px 2px 7px #d8d8d8;
  	-moz-box-shadow:2px 2px 7px #d8d8d8;
  	-webkit-box-shadow:2px 2px 7px #d8d8d8;

}

div.comments li {
	list-style-type: none;
}
cite.fn {
	font-family: Museo Geneva, sans-serif;
	font-size: 14px;
	font-style: normal;
	color: #916231;
}

.comment-meta {
	border-bottom: #e5e5e5 solid 1px;
}


.navigation	{	font-size:10px; padding-bottom: 13px; border-bottom: #e5e5e5 dashed 1px; text-transform:uppercase; background:#f4f4f4; }
.alignleft 	{	float:  left;}
.alignright	{	float: right; }

.response-navigation	{	font-size:10px; text-transform:uppercase; }

div.entry { clear:both;}


/* Taulukot, hr, jne. 
------------------------------------------ */

td.td_stats {
	font-size: 10px;
	border-bottom-style: none;
}


hr {
	height: 1px;
	border-top: 1px dashed #333333;
	left: 0px;
}

.gbookViesti {
	background-color:#CCCCCC;
}

.table-border {
	border: 1px dotted #928785;
}

table.pedigree {    
	width: 590px;
	}	
	
table.table-dogs {    
	width: 590px;
	}

	
.post img {
	border: 1px solid #d8d8d8;
 	margin: 2px 9px 4px 1px;
 	padding: 2px;
 	background: #fff;
 	box-shadow: 0px 0px 9px 0 #bbbbbb;
 	-moz-box-shadow: 0px 0px 9px 0 #bbbbbb;
  	-webkit-box-shadow: 0px 0px 9px 0 #bbbbbb;  	
	}	
	
img.gender  {
	border:0;
 	padding: 0;
 	margin: 0;
 	background:#FFF;
 	box-shadow: 0 0 0 #FFF;
 	-moz-box-shadow: 0 0 0 #FFF;
  	-webkit-box-shadow: 0 0 0 #FFF;
	}	

table.pedigree td 
{    border-bottom: 1px dashed #928785;
     font-size: 11px; }
     
td.doginfo { vertical-align: middle; 	border-bottom: 1px dashed #928785; }
td.dogpic {	padding-bottom: 10px; padding-top:10px; border-bottom: 1px dashed #928785;}

/* LOMAKKEET 
------------------------------------------ */

#searchform {
	margin: 10px auto;
	padding: 5px 3px;
	text-align: center;
	}

#sidebar #searchform #s {
	width: 108px;
	padding: 2px;
	}

#sidebar #searchsubmit {
	padding: 1px;
	}

.entry form { /* This is mainly for password protected posts, makes them look better. */
	text-align:center;
	}

select {
	width: 130px;
	}

#commentform input {
	width: 170px;
	padding: 2px;
	margin: 5px 5px 1px 0;
	}

#commentform {
	margin: 5px 10px 0 0;
	}
#commentform textarea {
	width: 100%;
	padding: 2px;
	
}

#respond {
	padding-top: 3em;
}
#respond:after {
		content: "."; 
	    display: block; 
	    height: 0; 
	    clear: both; 
	    visibility: hidden;
	}
#commentform #submit {
	margin: 0 0 5px auto;
	float: right;
	color: #efefef;
	background: #666;
	border: 2px outset #1d2634
	border-radius:8px;
 	-moz-border-radius:8px;
  	-webkit-border-radius:8px;
	}
	
label {
	margin-left: 0.5em;
}
select, input, textarea {
	color: #666;
	background-color: #eaeaea;
	border: 1px solid #999;
}

input, textarea {
	border-radius:8px;
 	-moz-border-radius:8px;
  	-webkit-border-radius:8px;
}

/* NEWS TICKER 
------------------------------------*/
#newsflash, #news-ticker {
background:#fff;
}