/*
Theme Name: Paivihellman.net WP 2013
Theme URI: http://www.paivihellman.net
Description: Paivihellman.netin eka Wordpress-teema, aloitettu rakenteleen joulukuussa 2013
Author: Aapo Hellman
Author URI: http://solmu.info
*/

body {
	background-color: #CC9900;
	background-image:url(images/taustakuva.jpg);
	background-position:top left;
	background-repeat:repeat;
	background-attachment:fixed;
	font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Geneva, Verdana, sans-serif;
	font-size:14px;
	}
a:link {
  	color: #FF6600;
  	text-decoration: none; 
  	}
a:visited {
  	color: #FF6600;
  	text-decoration: none; 
  	}
a:hover {
  	color: #666666;
  	text-decoration: none;
  	}  
a:active {
  	color: #CC9900;
  	text-decoration: none; 
  	}
	

h1 {
	color: #000000;
	font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Geneva, Verdana, sans-serif;
	font-size:16px;
	font-weight:bold;
	}
h2 {
	color: #000000;
	font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Geneva, Verdana, sans-serif;
	font-size:14px;
	font-weight: bold;
	}
h3 {
	color: #666666;
	font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Geneva, Verdana, sans-serif;
	font-size:12px;
	font-weight: bold;
	}
h4 {
	color: #666666;
	font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Geneva, Verdana, sans-serif;
	font-size:14px;
	font-weight: bold;
	padding: 0px 0px 0px 0px;
	}
	

.etusivu-otsikko {
	color: #000000;
	font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Geneva, Verdana, sans-serif;
	font-size:18px;
	font-weight:bold;
	text-align: center;
	padding: 0px 0px 8px 0px;
	}
.etusivu-uusimmat_videot-otsikko {
	color: #000000;
	font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Geneva, Verdana, sans-serif;
	font-size:18px;
	font-weight:bold;
	text-align: center;
	padding: 0px 0px 0px 0px;
	}
.sivun-otsikko {
	color: #000000;
	font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Geneva, Verdana, sans-serif;
	font-size:18px;
	font-weight:bold;
	padding: 0px 22px 0px 22px; 
	}
.sivun-otsikko-kursivoitu {
	color: #000000;
	font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Geneva, Verdana, sans-serif;
	font-size:16px;
	font-weight:bold;
	font-style:italic;
	}
.single-postauksen-otsikko {
	color: #000000;
	font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Geneva, Verdana, sans-serif;
	font-size:16px;
	font-weight:bold;
	padding: 0px 0px 0px 0px; 
	}
.pieni-alaotsikko {
	color: #666666;
	font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Geneva, Verdana, sans-serif;
	font-size:14px;
	font-weight: bold;
	}
.bold-otsikko {
	color: #000000;
	font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Geneva, Verdana, sans-serif;
	font-size:16px;
	font-weight: bold;
	}
.bold-otsikko-kursivoitu {
	font-weight: bold;
	font-style:italic;
	font-size:12px;
	}
.postaus-aika {
	color: #FFFFFF;
	}
.kursivoitu {
	font-style: italic;
	}
.lihavoitu {
	font-weight:bold;
	}



table {
table-layout:fixed;
word-wrap:break-word;
	}
.keskitys {
	position:relative;
  	margin-left: auto;
	margin-right: auto;
	}
	
	
.headerkuva {
	text-align:center;
	height: 100px;
	}
.valikko {
	font-size:16px;
	color: #FFFFFF;
	font-weight: bold;
	text-align:center;
	}
#valikko ul {
	margin: 0px 0px 0px 0px;
	list-style-type: none; 
	list-style-image: none;
	}
#valikko li {
	display: inline; 
	padding: 0px 0px 0px 0px;
	text-align:left;
	}
#valikko a {
	color: #FFFFFF;
	padding: 5px 10px 5px 10px;
	}
#valikko a:hover {
	color: #ffc740;
	}
.valikko-keskitys ul {
	position: relative;
  	left: -20px;
	}
		
.header-buttons {
	text-align: right;
	}	

.footer {
	text-align: right;
	font-size: 10px;
	color: #FFFFFF
	}


.looppi {
	text-align: left 
	}

.footerteksti {
	text-align:center; padding: 5px 10px 5px 10px;
	}


.sisalto-box {
	background-color:#ffe993;
	}
.artikkeli-box {
	}
.postaus-taulukko {
	}
.postaus-box {
	background-color:#ffc740;
	padding: 16px 22px;
	}
.pagen_postaus-box {
	background-color:#ffc740;
	padding: 4px 22px 16px 22px;
	}
.postaus-erottaja {
	background-color:#ffe993;
	}

.uutislooppi {
	padding: 0px 5px 0px 5px;
	}
.vasenpalsta {
	padding: 0px 5px 0px 5px;
	}
.vasenpalsta img {
	border: 1px solid #000000 ;
	}
.oikeapalsta {
	padding: 0px 5px 0px 5px;
	}
	
.kuvat-sivun-widget {
	padding: 0px 22px 0px 22px; 
	}


/* Tama kuvan musta reunaviiva on poistettu kaytosta eli laitettu nollaksi mutta pidetaan kuitenkin se tassa muistissa jos sita tarvitaan */
.kuva img {
	border: 0px solid #000000 ;
	}
	
.kuva_jonka_ymparilla_tekstia img {
	float: left;
	margin: 12px 10px 15px 0px;
	}

img#wpstats{display:none}

/* Alla olevat ovat Wordpressin TinyMCE-editorin automaattisen kuvan alignment-toiminnon koodeja jotka on pakko laittaa mukaan css-tiedostoon jotta alignment toimii */

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; }


/* Alla olevat ovat Wordpressin TinyMCE-editorin style-valikon custom-tyylit. Kun niitä muuttaa tähän, ne muuttavat sitä miten sivusto näkyy katsojalle. */
/* Erikseen on olemassa tiedosto mce-tyylit.css joka vaikuttaa siihen miten tyylit näkyvät mce-editorin valikossa. */

.mce_iso_otsikko {
	color: #000000;
	font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Geneva, Verdana, sans-serif;
	font-size:16px;
	font-weight:bold;
	padding: 0px 0px 0px 0px; 
	}
.mce_keskikokoinen_otsikko {
	color: #000000;
	font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Geneva, Verdana, sans-serif;
	font-size:14px;
	font-weight:bold;
	padding: 0px 0px 0px 0px; 
	}
.mce_pieni_otsikko {
	color: #000000;
	font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Geneva, Verdana, sans-serif;
	font-size:12px;
	font-weight: bold;
	}

	
/* Alla olevat ytc-alkuiset tyylit vaikuttava YouTube Channel -plugarin ulkoasuun. */
	
.ytc_video_container {
	padding: 0px 0px 20px 0px;
	}


	
    /* Begin comments*/
    #commentform input {
    width: 100px;
    padding: 2px;
    margin: 5px 5px 1px ;
    }

    #commentform textarea {
    width: 500px;
    padding: 2px;
    }

    #commentform #submit {
    margin: 0;
    float: left;
    }

    .alt {
    margin: 0;
    padding: 10px;
    }

    .commentlist {
    padding: 0;
    text-align: left;
    }

    .commentlist li {
    margin: 15px 0 3px;
    padding: 5px 10px 3px;
    list-style: none;
    }

    .commentlist p {
    margin: 10px 5px 10px 0;
    width: 500px;

    }

    #commentform p {
    margin: 5px 0;
    }

    .nocomments {
    text-align: left;
    margin: 0;
    padding: 0;
    }

    .commentmetadata {
    margin: 0;
    display: block;
    }
    /* End Comments */