/*
Theme Name: Älä Osta Mitään -teema
Theme URI: http://alaosta.fi/
Description: Theme for antimaterialismcampaign of Luonto-Liitto / Finnish Nature League 
Author: Alpi Rimppi | alpi@alpiini.com
Version: 1.0
Tags: static frontpage, widgets

License: All rights reserved

General comments (optional)

*/

body
{
	width: 100%;
	margin: 0;
	background-color: #093d38;
	background-repeat: no-repeat;
	background-position: 50% 0%;
	font-family: "letter-gothic-std", sans-serif;
	font-size: 12pt;
}

h1 {
	color: #F80040;
	font-family: "letter-gothic-std",sans-serif;
	font-size: 30pt;
	text-transform: none; 
  }

h3
{
	margin: 0;
	font-size: 16pt;
}

a, a:visited
{
	color: #0D7350;
}

#page-entry a, a:visited

{
	color: #0D7350;
}

/* Aikaansaavat postausten kuvien asemoitumisen */
img.alignright {float:right; margin:0 0 1em 1em}
img.alignleft {float:left; margin:0 1em 1em 0}
img.aligncenter {display: block; margin-left: auto; margin-right: auto}
.alignright {float:right; }
.alignleft {float:left; }
.aligncenter {display: block; margin-left: auto; margin-right: auto}


/* Päävalikon määritelmät */

#headermenu-wrap
{
	width: 100%;
	height: 40px;
	background: #093d38;
}

#header-menu
{
	background: #093d38;
	color: #ffffff;
	width: 900px;
	height: 40px;
	margin: 0px auto;
	padding: 0;
	z-index: 10;
	font-family: Oleo Script;
	font-size: 16pt;
}


	#header-menu ul
	{
		margin: 0;
		padding: 0;
		text-transform: none; /*CAPSAA kaiken*/
		list-style-type: none;
	}

	#header-menu li 
	{
		color: #ffffff;
		background: #093d38;
		display: block;
		float: left; /* aikaansaa vaakasuoruuden*/
		line-height: 40px;
		min-height: 40px;
		text-align: center;
		position: relative;
		margin: 0;
	}

	#header-menu ul.sub-menu
	{
	font-family: Lato;
	font-size: 13pt;
	}

	.navsmall
	{
		width: 80px;
	}

	.navbig
	{
		width: 130px;
	}

	#header-menu a
	{
		text-decoration: none;
	}


	#header-menu a:link, a:visited
	{
		display: block;
		color: #ffffff;
		min-height: 40px;
		padding: 0px 5px;
		margin: 0px 10px;
	}

	#header-menu li:hover
	{
		display: block;
		min-height: 40px;
		line-height: 40px;
	}

	#header-menu a:hover
	{
		color: #ffffff;
		text-shadow: 0px 0px 3px #ffffff;
	}

	#header-menu a:active 
	{
		color: #093d38;
	}

	#header-menu li ul a
	{
		display: block;
	}
	
	#header-menu ul ul
	{
		display: none;
		list-style: none;
		margin: 0;
		padding: 0;
		width: 220px;
		position: absolute;
		z-index: 500;
	}
	
	#header-menu ul ul li
	{
		float: none;
		min-height: 40px;
		line-height: 40px;
		box-shadow: 0px 2px 2px -1px #222222;
	}
	
	#header-menu ul li:hover ul
	{
		display: block;
		min-height: 40px;
		line-height: 40px;		
		box-shadow: 0px 0px 0px 0px black;
	}
	
	#header-menu ul ul li:hover
	{
		float: none;
		min-height: 40px;
		line-height: 40px;
	}

	#header-menu .current-menu-item, .current_page_item, .current-cat
	{
		display: block;
		min-height: 40px;
		line-height: 40px;
		background-color: #094B38;
		z-index: 1;
	}

/* Etusivu */

#banneri-wrap
{
	height: 330px;
	width: 100%;
	padding: 10px 0 0 0;
	background-color: #CDDFCD;
*/	background-image: url(img/bg-or.png); */
	background-repeat: repeat;
}

	#banneri
	{
		height: 370px;
		width: 100%;
		max-width: 920px;
		background-image: url(http://alaosta.fi//wp-content/uploads/2023/08/aom_23.png);
		background-size: contain;
		background-repeat: no-repeat;	
		margin: auto;
	}

#etuwidget-wrap
{
	height: auto;
	padding: 0 0 20px 0;
	width: 100%;
	background-color: #CDDFCD;
 */	background-image: url(img/bg-or.png); */
	background-repeat: repeat;
}

	#etuwidget
	{
		height: 330px;
		width: 960px;
		margin: 0 auto 20px auto;
		background-color: #CDDFCD;
	*/	background-image: url(img/bg-or.png); */
		background-repeat: repeat;
	}

.etuw
{
	float: left;
	width: 220px;
	height: 320px;
	margin: 15px 10px 0 10px;
	color: #000000;
	list-style-type: none;
	text-align: center;
}

.etuw a, .etuw a:visited
{
	color: #002c44;
}

/* Perussivu */

#pagehead
{
	width: 100%;
	height: 170px;
	margin: 0 0;
	display: none;
	background-image: url(img/aompikkubanner.png);
	background-repeat: x-repeat;
}

#pagewrap
{
	width: 100%;
	height: auto;
	background-color: #CDDFCD;
*/	background-image: url(img/bg-or.png); */
	background-repeat: repeat;
}

#pagecontent
{
	width: 900px;
	min-height: 600px;
	padding: 30px 50px 30px 50px;
	margin: 0 auto;
}

#sidepagewrap
{
	width: 1000px;
	margin: auto;
}

#sidebar
{
	width: 245px;
	min-height: 550px;
	padding: 50px 0 0 0;
	float: left;
}

	#sidebar ul, menu, dir {
		display: block;
		list-style-type: none;
		font-size: 20px;
	}

	#sidebar a
	{
		color: #000000;
		padding: 0px 0px;
		font-family: Oleo Script;
		text-decoration: none;
	}

	#sidebar a:hover
	{
		color: #666666;
	}
	
	#sidebar .current-menu-item, .current_page_item, .current-cat
	{
		display: block;
		min-height: 0px;
		line-height: normal;
		background-color: transparent;
		z-index: 1;
	}

#sidepagecontent
{
	width: 650px;
	min-height: 540px;
	padding: 30px 50px 30px 50px;
	float: left;
}

#postbg
{
	width: 100%;
	background-color: #CDDFCD;
 */	background-image: url(img/bg-or.png); */
}

#postwrap
{
	width: 1000px;
	min-height: 500px;
	margin: 0 auto;
	padding-bottom: 20px;
}

#postside
{
	width: 330px;
	padding: 90px 5px 0 5px;
	float: left;
}

#postcontent
{
	width: 630px;
	float: left;
}

#postcontent a
{
	color: #F80040;
}

#postcontent a:visited
{
	color: #093d38;
}

#postentry
{
	color: #000000;
}

#onepost
{
	background: rgba(255,255,255,0.1);
	padding: 20px 0 30px 20px;
	margin: 0 0 20px 0;
}

#wp-calendar 
{
	width: 100%; 
	background-image: url(img/kalenterikuusi.png), url(img/kuusi-bg.png); 
	background-repeat: no-repeat, repeat;
	background-color: #246a23;
	color: #ffffff; 	
	padding: 5px;
	border: 3px solid #860d13;
}
#wp-calendar a {color: #CDDFCD;}
#wp-calendar thead th { padding-bottom: 10px; }
#wp-calendar tbody td 
{ 
	background: rgba(100,100,100,0.1); 
	color: #CDDFCD; 
	font-size: 15pt;
	font-weight: bold; 
	text-align: center; 
	padding: 7px;
}


/* Footer */

#footer
{
	width: 100%;
	padding: 10px 0;
	height: 200px;
	background: #093d38;
}

.ftr
{
	float: left;
	color: #ffffff;
}

#footersiili
{
	height: 150px;
	width: 350px;
	margin: 20px 5px 10px 25px;
}

#footerkulutus
{
	height: 150px;
	width: 340px;
	margin: 25px 5px 10px 25px;
}


#footercopy
{
	color: #ffffff;
	float: right;
	text-align: right;
	font-size: 10pt;
	margin: 50px 20px 0 0;
}

#footercopy a
{
	color: #ffffff;
}

#footercontact
{
	margin: 30px 0 0 10px;
}

hr
{
	display: none;
}