* {
	margin:0;}
html, body {
	height: 100%; background:#4e524d url('/ajatustenmankeli/gfx/am_bg.jpg');  background-position:top center; color:#444444; font-family: Arial, helvetica, sans-serif; font-size:12px;}
#container {
	width:770px; background:transparent url('/ajatustenmankeli/gfx/am_bg-y.png') repeat-y top center;
	min-height: 100%;
	height: auto !important;
	height: 100%;
	margin:0 auto -70px; }
#header {
	background:#ffffff url(/ajatustenmankeli/gfx/ajatustenmankeli.png) no-repeat top left; width:746px; height:200px; margin:0 0 0 12px; padding:0;}
div.spacer {
	width:746px; margin:0 auto; height:70px; clear:both;}

#footer	{
	width:746px; margin:0 auto; height:70px; clear:both; overflow:hidden; background-color:#eeeeee;}
	#copy	{width:300px; margin:0; height:70px; line-height:70px; padding:0 0 0 40px; float:left; color:#aaaaaa;}
	#copy p {font-size:12px; color:#aaaaaa;}
	#copy p.gb {line-height:14px; font-size:12px; color:#aaaaaa; margin:25px 0 0 0;}
	#copy a {color:#aaaaaa;}
	
	#addthis	 {width:200px; margin:0; height:53px; padding:28px 0 0 0; float:left;}
	 div.share	{width:150px; height:50px; padding:5px; float:left; margin:6px 101px 0 15px;}
	  a.icon:link,
	  a.icon:visited		{display:block; float:left; width:50px; height:50px; background:transparent url('gfx/icons.png') no-repeat top left; outline:none;}
	  a#facebook, a#fb		{background-position:0px 0px;}
	  a#twitter, a#tw		{background-position:-50px 0px;}
	  a#email, a#em 		{background-position:-100px 0px;}
	  a#facebook:hover,
	  a#fb:hover	{background-position:0px -50px;}
	  a#twitter:hover,
	  a#tw:hover	{background-position:-50px -50px;}
	  a#email:hover,
	  a#em:hover	{background-position:-100px -50px;}
	#W3C 	{width:120px; height:40px; float:left; padding:20px 0 0 0;}
		a.w3c:link,
		a.w3c:visited	{display:block; width:88px; height:31px; background:transparent url('/ajatustenmankeli/gfx/button_W3C.gif') no-repeat top left;}
		a.w3c:hover		{background-position:0 -31px;}

h2, h3, h4, h5, h6, td, p, div {font-family: Arial, helvetica, sans-serif;}

/* navilinks */
#navigation		{width:716px; height:60px; text-align:center; line-height:42px; background:#ffffff url('gfx/navibg.jpg') repeat-x top left; margin:0 0 0 12px; padding:0 0 0 30px; overflow:hidden; clear:both;}
#navigation p	{text-align:center; width:100%;}
#navigation a	{display:block; float:left; font-weight:bold; font-size:12px; text-decoration:none; color:#666666; line-height:44px; padding:0 17px 0 0;  height:35px; background-color:transparent; margin:0; overflow:hidden;text-transform:uppercase; line-height:44px; background:transparent url(/ajatustenmankeli/gfx/tab.gif) no-repeat top right; font-weight:bold; }
#navigation a span	{display:block; height:35px; width:17px; background:transparent url(/ajatustenmankeli/gfx/tab.gif) no-repeat top left; padding:0; float:left;}
#navigation a:hover	{background-position:100% -70px;}
#navigation a:hover span	{background-position:0 -70px;}

#Etusivu .Etusivu, #Etusivu a.Etusivu:hover,
#Kirjoituksia .Kirjoituksia, #Kirjoituksia a.Kirjoituksia:hover,
#article .Kirjoituksia, #article a.Kirjoituksia:hover,
#Blogi .Blogi, #Blogi a.Blogi:hover,
#Vieraskirja .Vieraskirja, #Vieraskirja a.Vieraskirja:hover,
#Question-O-Matic .FAQ, #Question-O-Matic a.FAQ:hover,
#Palaute .Palaute, #Palaute a.Palaute:hover
	{background-position:100% -35px; }
#Etusivu .Etusivu span, #Etusivu a.Etusivu:hover span,
#Kirjoituksia .Kirjoituksia span, #Kirjoituksia a.Kirjoituksia:hover span,
#article .Kirjoituksia span, #article a.Kirjoituksia:hover span,
#Blogi .Blogi span, #Blogi a.Blogi:hover span,
#Vieraskirja .Vieraskirja span, #Vieraskirja a.Vieraskirja:hover span,
#Question-O-Matic .FAQ span, #Question-O-Matic a.FAQ:hover span,
#Palaute .Palaute span, #Palaute a.Palaute:hover span
	{background-position:0 -35px;}
	
#article .Kirjoituksia:hover {text-decoration:underline;}

img.mainimage	{float:left; margin:5px 15px 15px 0;}
img.II	{float:left; margin:5px 5px 15px 0;}
div.sig		{height:80px; width:180px; background:transparent url(/ajatustenmankeli/gfx/sig.gif) no-repeat top right; margin:20px 0 0 40px; }

a:link, a:visited
	{font-size:12px; color:#336699; text-decoration:none;}
a:active, a:hover
	{color:#336699; text-decoration:underline;}


form	{margin:0;padding:0; border:0:}
table	{border-collapse:collapse; margin-top:10px; width:460px;}
tr	{vertical-align:top;}
td	{padding:4px 0;}
td.label		{font-size:11px; width:45px; text-align:right; padding:5px 5px 0 0;}
form#feedback p	{margin:5px 0; text-indent:0;}
label	{font-size:11px; width:45px; text-align:right; padding:0 5px 0 0; height:15px; margin:0; float:left; }

div.article	{width:460px; margin:0px 0 0 52px; background-color:transparent; padding:20px 0 40px 0;}
div.content	{width:460px; margin:0px 0 0 32px; background-color:transparent; padding:20px 20px 70px 20px;}
div.content li	{line-height:20px;}

.articlebrowser	{width:460px; margin:40px 0 0 32px; background-color:transparent; padding:0 20px; height:50px;}
.articlebrowser .prev	{width:220px; font-size:11px; float:left; background:transparent url(gfx/arrow_left.gif) no-repeat center left; padding:0 0 0 10px;}
.articlebrowser .next	{width:220px; font-size:11px; float:right; text-align:right; background:transparent url(gfx/arrow_right.gif) no-repeat center right; padding:0 10px 0 0;}
.back	{font-size:11px; float:left; background:transparent url(gfx/arrow_left.gif) no-repeat center left; padding:0 0 0 10px;}
.articlebrowser span	{display:inline; margin:0 5px;}
#contentRight 	{float:right; width:212px; margin:25px 0 20px 0;}
.element		{background-color:#f7f7f7; width:180px; margin:0 0 20px 0; padding:15px 0 0 0; float:left; border:1px solid #dedede;}
.element h3		{font-family: helvetica, arial, geneva; font-size:12px; padding:0 15px 0 15px; margin:-5px 0 5px 0;}
.element p		{padding:0 15px 15px 15px;}
.element ul		{padding:0 15px 15px 15px; line-height:20px;}
.element ol		{padding:0 15px 15px 15px; line-height:20px;}
.element ul a	{font-size:11px; }

.elementR		{width:180px; background:transparent url(gfx/elementCenter.gif) repeat-y top left; margin:0 0 20px 0; padding:0; float:left;}
.elementR .rTop	{width:180px; height:6px; background:transparent url(gfx/elementTop.gif) no-repeat top left; margin:0 0 9px 0;}
.elementR .rBottom	{width:180px; height:6px; background:transparent url(gfx/elementBottom.gif) no-repeat bottom left;}
.elementR h3	{font-family: helvetica, arial, geneva; font-size:12px; padding:0 15px 0 15px; margin:-5px 0 5px 0;}
.elementR p		{padding:0 15px 15px 15px;}
.elementR ul	{padding:0 15px 15px 15px; line-height:20px;}
.elementR ol	{padding:0 15px 15px 15px; line-height:20px;}
.elementR a,
.elementR ul a	{font-size:11px; }
.linethrough	{text-decoration:line-through;}
h1				{font-size:20px; margin:0 0 20px 0; padding:0; color:#444444; font-family:arial narrow, Techno, Impact, sans-serif; font-weight:bold;}
h1 span			{font-size:16px; color:#cccccc;}
h1 a:link,
h1 a:visited	{font-size:20px; margin:0; padding:0; color:#444444; font-family:arial narrow, Techno, Impact, sans-serif; font-weight:bold;}
h3				{font-size:16px; margin:0 0 20px 0; padding:0; color:#444444; font-family:arial narrow, Techno, Impact, sans-serif; font-weight:bold;}
.element h2		{display:block; font-size:13px; width:180px; height:25px;background-color:black;}
ul				{margin:0; padding:0; list-style:none; color:#444444;}
ol				{margin:0; padding:0; list-style-type: decimal; list-style-position:inside; color:#444444;}
ul.col2			{width:220px; float:left; font-size:10px; color:#cccccc; margin:0 0 40px 0;}
ul.col2	li		{font-size:12px; color:#444444;}
ul.col2	span	{width:20px; float:left; font-size:10px; color:#cccccc;}
div.hr			{width:460px; height:1px; color:#cccccc; background-color:#cccccc; float:left; clear:both; margin:20px 0 20px 52px;}
div.hr hr		{display:none;}
p				{font-size:11px; color:#444444; padding:0;}
.plus0	{font-size:10px;}
.plus1	{font-size:13px;}
.plus2	{font-size:15px;}
.plus3	{font-size:17px;}
.plus4	{font-size:19px;}
.plus5	{font-size:21px;}
.plus6	{font-size:23px;}
.plus7	{font-size:25px;}
.plus8	{font-size:27px;}
.plus9	{font-size:29px;}
.plus10	{font-size:31px;}
.plus11	{font-size:33px;}
.plus12	{font-size:35px;}

img	{border:0;}
hr {height: 1px; background-color:#cccccc; color:#cccccc; border:0; margin:20px 0;}
hr.b {height: 1px; background-color:#333333; color:#333333; margin:0 0 0 52px; width:460px; float:left;}
.contentRight p a {font-size:12px;}
.article h4		{font-size:12px; line-height:20px; margin:15px 0 0 0; text-align:left;}
.article p		{font-size:12px; line-height:20px; margin:0 0 0 0; text-indent:15px; text-align:justify;}
.article p.tab	{font-size:12px; line-height:20px; margin:15px 0 15px 20px; text-indent:0; text-align:left;}
.article p.tab2	{font-size:12px; line-height:20px; margin:15px 0 15px 40px; text-indent:0; text-align:left;}
.article p.footnote	{font-size:9px; margin:60px 0 40px 0; line-height:12px; text-indent:0; text-align:left;}
.article sup,
.article sub {font-size:80%; line-height:80%;}
pre				{margin:15px; line-height:16px;}

.content p		{font-size:12px; line-height:20px; margin:15px 0 0 0; text-indent:15px; text-align:justify;}

p.p				{text-indent:0; margin:0 0 20px 0; padding:0; clear:both;}
p.ps			{font-size:10px ; line-height:14px; margin-top:20px; text-indent:0;}
div.block		{width:460px; height:auto; padding:15px 0 0 0; border-top:1px dotted #cccccc;}
p.q				{text-indent:0; margin:0 0 5px 0; padding:0 0 0 0px;}
p.a				{text-indent:0; margin:0 0 0px 0; padding:0px;} 
p.q span, p.a span {width:120px; float:left;}
p.d				{text-indent:0; margin:0 0 5px 0; text-align:right; color:#bbbbbb;}
div#QoM			{width:450px; height:90px; padding:10px 0 0 10px; margin-bottom:20px; background:#efefef url(/ajatustenmankeli/gfx/QoM.jpg) no-repeat top left;}
div#QoM div		{width:440px; height:40px; padding:5px 0 0 0;}
div#QoM div span	{width:150px; float:left}

input.field		{width:435px; margin:2px 0 0 0; float:left; border:1px solid #cccccc;}
input.button	{float:right; margin:0 2px 0 0;}

#Blogi .spacer {height:120px; }
#Blogi .article {border-bottom:1px solid #cccccc; padding-bottom:30px;}
#Blogi .footnote {margin-bottom:0;}
#Blogi div.article	{padding-top:0;}
#Blogi p.date	{padding:10px 0 0 52px !important;}


.QoM_error	{width:500px; height:250px; line-height:250px; background-color:#efefef; border:10px solid red; margin:0 auto; text-align:center;}

.center	{text-align:center; line-height:24px;}

/* guestbook */
p.hidden		{display:none;}
h1.error	{color:#ff0000;}
p.error		{color:#ff0000; text-indent:0; padding:10px; border:1px solid red;}
form p	{clear:both; margin:10px 0 0 0; height:25px;}
form p.message	{clear:both; margin:10px 0 0 0; height:150px;}
form p.nolabel	{clear:both; margin:10px 0 0 0; height:40px; padding:10px 0 0 110px;}
label		{width:60px; font-size:11px; height:25px; display:block; float:left; text-align:right; padding:0 10px 0 0;}
input#q,
input#name,
input#email,
input#url,
input#location	{width:290px; display:block; float:left;border:1px solid #cccccc; color:#333333;}
input#captcha	{width:110px; display:block; float:left;border:1px solid #cccccc;}
/*textarea#comments {width:280px; height:150px; padding:5px; display:block; float:left; overflow:auto; border:1px solid #cccccc;}*/


div.pagination	{padding:10px 0; text-align:center;}

div.entry	{width:460px; padding:5px 0 10px 0;}
.rowcolor0	{background-color:#eeeeee;}
span.tip	{color:#666666; font-size:9px; padding:0 0 0 5px;}
span.star	{font-weight:bold; color:#ff0000 !important; margin:0 !important;}
p.number	{font-size:12px; margin:-10px 0 10px 0; text-align:center;}

p.message	{font-size:12px; margin:5px 10px;text-indent:0;}
span.date	{font-size:11px; color:#999999; margin:0; text-align:left;}
p.date	{font-size:11px; color:#999999; margin:0 0 5px 0; text-indent:0; padding:0;}
p.senderdata,
p.senderdata a 		{font-size:10px;  text-indent:0; color:#999999; margin:5px 0 0 0px;}
.senderdata span	{font-size:12px; margin:0 10px 0 10px; font-style:italic;}

.content {min-height:600px;}
div.formitem {clear:both; width:470px; margin:5px 0 0 0; padding:0 0 10px 0; overflow:auto;}
div.formitem span {font-size:11px; width:95px; display:block; float:left;}
div.formitem p.c {font-size:11px; margin:0 0 5px 84px;}
#contact	{margin:0; padding:0;}
td input#name,
td input#email,
td input#url	{width:282px; margin:0; height:18px;padding:1px 4px; float:left; border:1px solid #cccccc; font-size:14px;}
b.red	{color:#ff0000; float:none;}
.formitem input#name,
.formitem input#email,
.formitem input#msgheader	{width:352px; margin:0; height:18px;padding:1px 4px; float:left; border:1px solid #cccccc; font-size:14px;}
b.red	{color:#ff0000; float:none;}
.formbutton {width:300px; float:left; text-indent:0; text-align:left; padding-left:95px;}
textarea#comments {font-family: Arial, Helvetica, Geneva; font-size:12px;
width:282px; height:150px; padding:3px; display:block; float:left; overflow:auto; border:1px solid #cccccc; font-size:14px;
}
#reset	{color:#999999;}
#reset:hover	{color:#000000;}

b.active	{font-size:12px; font-weight:bold;}

a.tooltip {position:relative; height:16px; color:#000000; font-style:italic; text-decoration:none; z-index:10;}
a.tooltip:hover {background:#ffff99; font-style:italic; text-decoration:none; z-index:11;}
a.tooltip span {display:none; white-space:nowrap;}
a.tooltip:hover span{display:block; position:absolute; left:0; padding:3px 10px; margin:-10px 0 0 380px; float:right; width:auto; font-size:11px; line-height:13px; font-style:normal; background:#ffff99; border:1px solid #333333; color:#000000; z-index:99;}

.date	{width:170px; padding:0 2px 2px 2px; margin:0 0 8px 8px;}
.date p	{font-size:10px; margin:0; padding:0;}
.lippu	{background-image:url(/gfx/lippu.png); background-repeat:no-repeat; background-position:top left;}
.lippu p	{margin:0 0 0 20px;}
.x		{background-image:none;}
.x p	{margin:0 0 5px 0;}
p.i		{font-style:italic;}
span.code	{font-size:12px; font-style:normal !important; color:#444444; margin:0; font-family: Courier, "Courier New", monospace;}

p.sidenavi	{width:180px; padding-bottom:20px;}
a.nav2:link,
a.nav2:visited	{display:block; width:180px; height:17px; background:#ffffff url('/ajatustenmankeli/gfx/nav_arrow.gif') no-repeat top left;  text-decoration:none; clear:both; text-indent:12px;}  
a.nav2:active,
a.nav2:hover,
a.selected:link,
a.selected:visited {background-position:0 -17px; text-decoration:none;}  
a.nav2:link span,
a.nav2:visited span	{font-size:10px; color:#aaaaaa;}  
a.selected	{font-weight:bold;}
i.i	{letter-spacing:1px;}

div.entry {width:auto; font-size:12px; margin-bottom:12px;}

div.entry blockquote {margin:0; padding: 0; border:1px solid #cccccc; background-color: #ffffff; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px;}

div.entry blockquote p {margin:10px; padding:0; text-indent:0;}

div.entry cite {
	display:block; position: relative;
	margin:0; font-size:11px; color:#999999;
	padding: 13px 0px 0px 15px;
	top: -1px;
	background: transparent url(/ajatustenmankeli/gfx/bubble_arrow.gif) no-repeat 20px 0;
	font-style: normal;
}
div.entry cite strong	{color:#666666; font-size:12px; padding-right:10px;}

.fixed 		{position:fixed; z-index:999; top:0px; background:transparent url(/ajatustenmankeli/gfx/navibg2.png) repeat-x top left !important;}
.navheight	{padding-top:60px;}
  .navheight .tag	{display:none;}