/*  
Theme Name: Ikkunat
Description: Pari ikkunaa päällekkäin.
Version: 1.0
Author: Miika Aranto
*/



* 		{
		margin: 0;
		padding: 0;
		}

body 		{  
		font-family: arial, verdana;
		background-color: #323330;
		text-align: center;
		} 	

/* Ulkoasun perusosat
---------------------------------------------*/

#kehys		{
		width: 100%;
		background: url(kuvat/yla-bar.png) repeat-x;
		}

#kehys2		{
		width: 100%;
		background: url(kuvat/yla-bar2.png) repeat-x;
		}

#sivu		{
		width: 883px;
		text-align: left;
		margin: 0 auto;
		}

#ylakehikko	{
		width: 883px;
		height: 326px;
		background: url(kuvat/ylakehikko.png) no-repeat;
		}

#ylakehikko2	{
		width: 883px;
		height: 166px;
		background: url(kuvat/ylakehikko.png) no-repeat;
		}

#ylempi		{
		width: 883px;
		height: 70px;
		}

#alempi		{
		width: 813px;
		height: 255px;
		font-size: 80%;
		}

#alempi2	{
		width: 700px;
		height: 90px;
		font-size: 80%;
		}

#otsikko	{
		width: 350px;
		height: 326px;
		float: left;
		}

#sisalto	{
		width: 550px;
		margin: 30px 0 20px 170px;
		clear: both;
		font-size: 80%;
		color: #CCCC99;
		text-align: justify;
		}

#alakehikko     {
                width: 690px;
		margin: 0 0 20px 94px;
		font-size: 80%;
		color: #CCCC99;
                }

#footer         {
                width: 100%;
                height: 20px;
                }

/* Linkit 
---------------------------------------------*/

a               {
                color: #669999;
                text-decoration: underline;
                }

a:hover         {
                color: #CCCC66;
                text-decoration: underline;
                }

h2 a		{
		text-decoration: none;
		}

h3 a		{
		text-decoration: none;
		}

.underline a    {
                text-decoration: underline;
                }

#navi a		{
		color: #CCCC99;
		font-weight: bold;
		text-decoration: none;
		}

.fakta a, #keskifakta a
		{
		color: #666633;
		}

.fakta a:hover, #keskifakta a:hover
		{
		color: #669999;
		}

#alempi2 h2 a, #alempi2 h2 a:hover
		{
		color: #B5B596;
		text-decoration: none;
		}

p.tiedot a, p.tiedot a:hover
                {
                text-decoration: none;
                }

/* Teksti 
---------------------------------------------*/

p, #alempi ul, #sisalto ul, #sisalto ol
		{
		margin-bottom: 1em;
		margin-top: 1em;
		line-height: 150%;
		}

h2		{
		font-family: "Trebuchet MS";
		font-size: 200%;
                text-align: left;
                margin: 19px 0 16px 0;
		color: #669999;
		}

h3              {
		font-family: "Trebuchet MS";
		font-size: 160%;
                margin: 19px 0 16px 0;
		color: #666666;
                }

.erikoiskentta h3              
                {
		font-family: "Trebuchet MS";
		font-size: 160%;
                margin: 19px 0 16px 0;
		color: #666666;
                }

.fakta h2, #keskifakta h2
		{
		font-family: "Trebuchet MS";
		font-size: 120%;
		margin-top: 10px;
		color: #333333;
		}

#alempi2 h2	{
		margin: 12px 0 0 250px;
		line-height: 100%;
		color: #3192AA;
		}

.koodi          {
                padding: 10px 20px 10px 20px;
                color: black;
                border: 2px dotted black;
                background: #cccc99;
                }

p.tiedot	{
		width: 530px;
		height: 17px;
                font-size: 90%;
		padding: 10px;
		margin-bottom: 2em;
		background-color: #232322;
		}

.tietopalkki    {
                width: 550px;
                height: 40px;
                font-size: 90%;
                margin: 0 0 2em 0;
		background-color: #232322;
                border: 2px solid #232322;
                }

.tietopalkki p	{
		margin: 11px 0 0 8px;
		}

blockquote      {
	        margin: 1em 0 1em 0;
		padding-left: 60px;
		color: #666666;
		background: url(kuvat/quote.png) no-repeat;
	        }

p.sisennys      {
                margin: 0 30px 0 30px;
                }

.vanhemmat      {
                float: left;
                margin: 2em 0 1em 0;
                }

.uudemmat       {
                float: right;
                margin: 2em 0 1em 0;
                }

.getdown	{
		margin-top: 2em;
		}

.oikealle	{
		float: right;
		font-weight: bold;
		}

.oikealle1	{
		float: right;
		}

.vasemmalle	{
		float: left;
		}

/* Listat
---------------------------------------------*/

ul 		{ 
		list-style-image: url(kuvat/list.gif);
		margin: 1em 0 1em 20px;
		}

ol 		{
		list-style-type: decimal;
		margin: 1em 0 1em 20px;
		}

.norm li        {
                margin-bottom: 0.5em;
                }

#navi		{
		list-style-type: none;
		list-style: none;
		float: right;
		margin: 8px 70px 0 0;
		display: inline;
		}

#navi li	{
		display: inline;
		}

#navi a		{
		height: 25px;
		margin-left: 3px;
		padding: 6px 25px 0 25px;
		float: left;
		display: block;
		font-size: 70%;
		background: url(kuvat/unactive.png) repeat-x;
		}

#navi a:hover, #aktiivinen a
		{
		background: url(kuvat/active.png) repeat-x;
		}

.nodisplay	{
		display: none;
		}

.fakta		{
		width: 160px;
		padding: 0 10px 0 10px;
		float: right;
		}

#keskifakta	{
		width: 160px;
		height: 255px;
		padding: 0 10px 0 10px;
		float: right;
		background-color: #C3C3A9;
		}

#alempi ul 	{
		list-style-type: none;
		list-style: none;
		margin: 1em 0 1em 0;
		}

#alempi ul li	{
		padding-left: 22px;
		margin-bottom: 4px;
		background: url(kuvat/li.gif) no-repeat;
		}

.commentlist	{
		margin: 1em 0 1em 0;
		color: #999966;
		list-style-type: none;
		list-style: none;
		}

/* Lomakkeet 
---------------------------------------------*/

input 		{
                width: 260px;
		padding: 5px;
                border: 3px solid #232322;
		background: #666666;
		}

textarea	{
		padding: 5px;
                border: 3px solid #232322;
		background: #666666;
		}

textarea:hover, input:hover
                {
		background: #999999;
		}

textarea:focus, input:focus
                {
		background: #CCCC99;
		}

#comsubmit	{
		width: 70px;
                border: 3px solid #232322;
                background-color: #669999;
		}

#nippelit       {
                float: right;
                }

.erikoiskentta  {
		width: 530px;
		height: 40px;
                font-size: 90%;
		padding: 15px 10px 10px 10px;
		background-color: #232322;
		}

/* Kuvat 
---------------------------------------------*/

img, a img      {
                border: 4px solid #232322;
                }

.laitakuva      {
                margin: 5px 0 5px 19px;
                float: right;
                }

.gravatar       {
                margin: 5px 5px 0 0;
                float: right;
                border: 0;
                }