@charset "utf-8";
/* CSS Document */

/*
Theme Name: Vainikka
Description: Vainikan sukuseura ry:n sivuston ulkoasu (muokattu Twenty Ten -teema)
Author: Anni Jeskanen
Template: twentyten
Version: V1.0
*/
@import url('../twentyten/style.css');


body {
	background:#FFF url(images/body_tausta.png) repeat-x;
}

body, input, textarea, .page-title span, .pingback a.url {
	color:none;
	font-family:Verdana, Geneva, sans-serif;
}

body.page .edit-link {
	display:inline;
}


#wrapper {
	margin-top:0;
	padding:0;
	background-image:url(images/wrapper_tausta.png);
}

#wrapper.header-index {
	background-image:none;
	background-color:#FFF;
}


/* Headerin säädöt alkavat---------------------------------------------------*/

#header {
	margin:0;
	padding-top:0;
	background-color:#FFF;
}

#branding img {
	border:none;
}


#site-title {
	display:none;
}

#site-description {
	display:none;
}

#logo_wrapper{
	position:relative;
	left:18px;
	top:18px;
	display:block;
	width:197px;
	height:120px;
	background-image:url(images/vainikka_logo.png);
	background-color:transparent;
}

			/* Navigaatio----------------*/
#navi {
	float:left;
	width:940px;
	margin:0 auto 6px auto;
	display:block;
	background:#485922;
	-moz-box-shadow: 0px 1px 3px #666; /* Firefox 3.6 ja siitä vanhemmat */
	-webkit-box-shadow: 0px 1px 3px #666; /* Safari ja Chrome */
	box-shadow: 0px 1px 3px #666;
	line-height:36px;
	z-index:2;
}

/* navilaatikon class */
#navi .main-menu{
	width:928px;
	margin-right:24px;
	font-size:14px;
}

/* navilaatikon class - eka listaus (unordered list), eli päälinkit */
#navi .main-menu ul {
	margin:0;
}

/* listaus listauksen sisällä */
#navi ul ul {
	position:absolute;
	display:none;
	overflow:hidden;
	float:left;
	left:0;
	top:36px;
	width:180px;
	-moz-box-shadow: 0px 1px 3px #666; /* Firefox 3.6 ja siitä vanhemmat */
	-webkit-box-shadow: 0px 1px 3px #666; /* Safari ja Chrome */
	box-shadow: 0px 1px 3px #666;
	z-index:99999;
}

#navi ul ul li {
	min-width: 180px;
}

#access ul ul ul {
	left: 100%;
	top: 0;
}

#navi ul ul a {
	background:#333;
	line-height:36px;
	padding:10px;
	width:160px;
	height:auto;
	background:#485922;
}

/* jokainen yksittäinen päälinkki */
#navi .main-menu li {
	position:relative;
	float:left;
}

#navi .main-menu a:hover, #navi .main-menu a:active {
	background-color:#FFF;
}

/* jokaisen yksittäisen päälinkin ankkuri (anchor) */
#navi .main-menu a {
	display:block;
	padding:0 12px;
	line-height:36px;
	text-decoration:none;
	color:#FFF;
}

#navi .main-menu a:visited {
	color:#FFF;
	text-decoration:none;
}

#navi .main-menu li a:hover, #navi .main-menu li a:active, #navi .current-menu-item, #navi .current-page-item li, .current-page-ancestor, .current-menu-ancestor, body.single .menu-item-archive {
	background-color:#384017;
	color:#FFF;
	text-decoration:underline;
}

#navi .current-menu-item li, #navi .current-page-ancestor li {
	color:#485922;
	text-decoration:underline;
}

#navi .current-page-ancestor li.current-menu-item a {
	background-color:#384017;
	text-decoration:underline;
}

#navi li:hover > a, #navi ul ul :hover > a {
	background-color:#384017;
	color:#FFF;
}

#navi ul li:hover > ul {
	display: none;
}

#search {
	float:right;
	width:204px;
	height:24px;
	margin:0 -24px 0 0;
	padding:8px 0 0 0;
}

#s, #content #s {
	width:auto;
	color:#000;
}
			/* Navigaatio loppuu----------*/
			
			
#font_resizer {
	position:relative;
	top:56px;
	left:670px;
	width:100px;
	height:28px;
	margin-right:-2px;
	list-style-type:none;
}

#font_resizer ul {
	height:24px;
	margin:0;
}

#font_resizer li {
	position:relative;
	top:-56px;
	left:-8px;
	margin-left:6px;
}

#font_resizer a {
	display:inline-block;
}

#fontResizer_minus, #fontResizer_reset, #fontResizer_add {
	display:inline-block;
	width:28px;
	height:28px;
}



#fontResizer_minus, #fontResizer_minus a {
	width:20px;
	height:20px;
}

#fontResizer_minus.fontResizer_minus_buttonUp {
	background:url(images/tekstikoko_nappulat.png) 0 -8px;
}

#fontResizer_minus.fontResizer_minus_buttonDown {
	background:url(images/tekstikoko_nappulat.png) 0 20px;
}



#fontResizer_reset, #fontResizer_reset a {
	width:24px;
	height:24px;
}

#fontResizer_reset.fontResizer_reset_buttonUp {
	background:url(images/tekstikoko_nappulat.png) -26px -4px;
}

#fontResizer_reset.fontResizer_reset_buttonDown {
	background:url(images/tekstikoko_nappulat.png) -26px 24px;
}

#fontResizer_reset.fontResizer_reset_buttonDown a {
	cursor:default !important;
}



#fontResizer_add, #fontResizer_add a {
	width:28px;
	height:28px;
}

#fontResizer_add.fontResizer_add_buttonUp {
	background:url(images/tekstikoko_nappulat.png) -54px 0;
}

#fontResizer_add.fontResizer_add_buttonDown {
	background:url(images/tekstikoko_nappulat.png) -54px 28px;
}

/* Headerin säädöt päättyvät------------------------------------------- */



/* Vasen sivupalkki alkaa ---------------------------------------------------------------------------------------- */
/* Siirretään sivupalkki vasemmalle (Alkuperäinen kakkossivupalkki oikealla Twenty Tenissä) */


#primary {
	display:block;
    float:left;
	width:180px;
	min-height:120px;
	line-height:36px;
}

#primary ul {
	border-top:1px solid #B3BBBE;
}

#primary li {
	font-size:14px;
}

#primary li a {
	display:block;
	padding:0 24px;
	border-bottom:1px solid #B3BBBE;
	text-decoration:none;
	color:#000;
}


#primary li a:hover {
	background-color:#384017;
	color:#FFF;
	text-decoration:underline;
}

#primary li a:active, #primary li.current_page_item, #primary li.current_page_item a, #primary li.current-cat {
	background-color:#384017;
	color:#FFF;
	text-decoration:underline;
}


#primary_archive {
	display:block;
    	float:left;
	width:132px;
	min-height:120px;
	margin:-10px 24px 0 24px;
	background-color:#FFF;
	font-size:14px;
	line-height:36px;
}

#primary_archive h3.widget-title {
	margin-top:24px;
}

#primary_archive li a {
	color:#0066CC;
	text-decoration:none;
}

#primary_archive li a:hover, #primary_archive li a:active{
	color:#0066CC;
	text-decoration:underline !important;
}

#primary_archive .current-cat, #primary_archive .current-arch, #primary_archive li.current_page_item {
	color:#743399;
	text-decoration:underline;
}

#primary_archive a:visited {
	color:#743399;
}

/* Vasen sivupalkki päättyy ---------------------------------------------------------------------------------------- */


body.archive .main-menu ul li.archive, body.archive #menu-item-35, body.single .main-menu ul li.archive, body.search .main-menu ul li.archive {
    background-color:#384017;
	color:#FFF;
	text-decoration:underline;
}

#main {
	width:100%;
	clear:both;
	padding:34px 0 0 0;
	background:url(images/content_tausta.png) repeat-y right top;
}

#container {
	float:left;
	width:579px;
	min-height:360px;
	margin-left:1px;
	margin-top:-5px;
}

#container_index {
	float:left;
	height:100%;
	margin-top:-5px;
}

#content {
	float:left;
	width:100%;
	margin:0;
	padding-bottom:28px;
	background-color:#FFF;
	font-size:1em;
}

/*#index_info {
	float:left;
	width:50%;
	height:400px;
}*/

#content_topleft {
	float:left;
	display:block;
	width:380px;
	margin:0;
}


#content, #content input, #content textarea {
	font-size:1em;
	line-height:16px;
}

#content.searchResults {
	margin:0 24px 24px 24px;
	
}

#nav-above {
	padding:24px 24px 0 24px;
}

.nav-previous, .nav-next {
	font-size:0.8em;
}

.nav-previous a:hover, .nav-next a:hover{
	color:#0066CC;
	text-decoration:underline;
}

.archive-meta {
	margin:24px;
}


#recent_posts {
	float:left;
	width:379px;
	margin:0;
	border-left:1px solid #B3BBBE;
}

#bottom_filler {
	position:relative;
	bottom:26px;
	width:100%;
	height:3px;
	background:#FFF;
}

.single
.hentry {
	margin:24px;
}

.hentry {
	margin:24px;
}

.entry-content, .entry-summary {
	clear:both;
	padding:0;
}

.category .entry-content {
padding-left:24px;
}

.category .entry-content #searchform {
padding-top:12px;
}

.entry-content {
	margin-bottom:24px;
}

.status-private .entry-content {
	padding-bottom:12px;
}

.entry-meta, .comment-meta {
	margin-bottom:12px;
	font-size:0.95em;
	line-height:1.8em;
}

.entry-meta {
	color:#888888;
}

.entry-meta .cat-links {
	text-transform:uppercase;
}

.entry-meta a {
	color:#888888;
}

.entry-meta a:hover, .entry-meta a:active {
	color:#0066CC;
	text-decoration:underline;
}

.entry-utility {
	clear:both;
	padding-bottom:36px;
	border-bottom:1px solid #B3BBBE;
	color:#888888;
	text-decoration:none;
	font-size:12px;
	line-height:18px;
}

.entry-utility a {
	color:#0066CC;
	text-decoration:none;
}

.entry-utility a:hover, .entry-utility a:active {
	color:#0066CC;
	text-decoration:underline;
}

.entry-utility a:visited {
	color:#743399;
}

/*Kommenttisäädöt (Christian... alussa WP:n defaulti)-------------------------------------------------------------------------*/


#comments {
	clear:both;
	margin:0 24px 24px 24px;
	padding:24px 0 0 0;
}

#comments {
	padding:0;
}

#comment-head {
	float:left;
	width:100%;
	height:2em;
	background:#799945;
}

.comment-author {
	float:left;
	padding:0 12px 0 12px;
	color:#FFF;
}

.comment-meta {
	float:right;
	margin:1px 0 0 0;
	padding:0 12px 0 12px;
	color:#FFF;
}

.comment-body {
	float:left;
	width:506px;
	height:auto;
	margin:12px 12px 0 12px;
}

#comments li {
	float:left;
	width:530px;
	margin-bottom:36px;
	padding:0;
	border-top:1px solid #B3BBBE;
	border-bottom:none;
}

.comment-author {
	font-weight:bold;
}

.comment-date {
	color:#888888;
	font-size:0.95em;
}

.comment-text {
	margin:0;
}

#comments-form {
	margin:24px;
}

#comments-form form {
	width:170px;
}

#respond {
	float:left;
	clear:both;
	width:100%;
	border-top:none;
	margin:24px 0;
	overflow:hidden;
}

#respond label {
	color:#000;
}

#must_login label {
	margin-right:4px;
}

#must_login input {
	clear:both;
	margin-right:12px;
}

#must_login .btn {
	float:left;
	clear:both;
	margin-top:3px;
}

#must_login .loginLabelInput {
	float:left;
	width:130px;
	margin-right:24px;
}

#must_login p.submit, #must_login p {
	float:left;
	margin:22px 0 0 0;
}

/* Oikea sivupalkki alkaa ---------------------------------------------------- */
#secondary {
	float:right;
	width:180px;
	height:584px;
	margin-top:-4px;
	background:url(images/oikea_sivupalkki_tausta.png) no-repeat 0 24px;
}

ul.sidebar form {
	height:192px;
}

ul.sidebar a {
	color:#FFF;
}

ul.pagenav {
	height:192px;
}

#secondary ul.sidebar {
	margin: 0 24px;
	font-size:1em;
}

#secondary label {
	float:left;
	color:#FFF;
	margin-bottom:-6px;
}

#secondary .btn {
	margin-top:12px;
}

#login_error {
	color:#000;
}

#user_login, #user_pass {
	width: 132px;
}

#user_pass {
	padding:2px;
}


/* Oikea sivupalkki päättyy ---------------------------------------------------- */



/* Kaavakesäädöt alkavat-------------------------------------------------------------------------------------------*/


#respond input {
	margin:0 360px 9px 0;
	width:18em;
}

input.btn, button.btn, input#fsc-submit, #wp-submit, #submit, #respond #submit {
	cursor:pointer;
	height:1.76em;
	padding: 0 6px 0.2em 6px;
	background-color:#E3E4E5;
	font-family:Verdana, Geneva, sans-serif;
	font-size:1em;
	line-height:1.16em;
}

#wp-submit {
	margin-top:3px;
	padding: 0 6px 0.2em 6px;
}

#secondary form #wp-submit {
	margin-top:12px;
}

#content input#searchsubmit {
	height:1.68em;
	padding: 0 6px 0.3em 6px;
}

input#fsc-submit {
	clear:both;
	margin:12px 0;
}

input.mid, input#s {
	width:130px;
	height:18px;
	margin-bottom:12px;
	padding:0;
}

input[type="text"], textarea, #user_pass, input.mid, input#s, form#si_contact_form1 fieldset input, form select#si_contact_ex_field1_1, #_iti_ccf_post_name, #email, #author, #si_contact_ex_field2_1, #si_contact_ex_field2_2 {
	background:url(images/tekstilaatikko_tausta.png);
	border:1px solid;
	border-color:#999 #CCC #CCC #999;
	
}

/* Jäsentietolomake */

input#si_contact_ex_field1_15 {
	height:1.4em;
}

form select#si_contact_ex_field1_1, form .si_contact_ex_field1_1 {
	margin-left:24px;
}

form .si_contact_ex_field1_1 {
	padding-top:12px;
}

form#si_contact_form1 input#si_contact_ex_field1_18_1, form#si_contact_form1 input#si_contact_ex_field1_18_2, form#si_contact_form1 input#si_contact_ex_field1_23_1, form#si_contact_form1 input#si_contact_ex_field1_23_2, form#si_contact_form1 input#si_contact_ex_field1_28 {
	border:none;
	background:none;
}


#si_contact_ex_field1_20, #si_contact_ex_field1_25 {
	margin-right:74px;
}

form#si_contact_form1 {
	width:532px;
	height:auto;
}

form#si_contact_form1 div {
	float:left;
	margin-right:12px;
}

form#si_contact_form1 div div {
	clear:both;
}

form fieldset {
	clear:both;
}

form fieldset legend {
	margin-left:-4px;
	padding:0 4px;
	background:#FFF;
	color:#000;
	font-weight:bold;
}

form .fielderror {
	clear:both;
}

.haluan_select {
	margin-bottom:24px;
	font-size:1.1em;
}

.nimet {
	width:13em;
}

.kutsumanimi, .syntymaaika {
	width:7em;
}

.kutsumanimi {
	margin-right:120px;
}

.postinumero {
	width:5em;
}

.postitoimi {
	width:9em;
}

.syntymapaikka, .puhelin {
	width:10em;
}

.vanhemmat {
	margin-right:240px !important;
}

.viesti {
	width:40em;
}

.palaute_nimi {
	width:20em;
	height:1.4em;
}

.palaute_mail{
	width:20.3em;
	height:1.5em;
}

/* Kaavakesäädöt päättyy-------------------------------------------------------------------------------------------*/



#footer {
	clear:both;
	margin:0;
	padding:10px 0 0 0;
	background-color:#FFF;
}

#colophon {
	border-top:4px solid #485922;
}

#site-info {
	float:right;
}

/* Poistetaan Arkisto-sivun pääotsikko */
#post-19 {
	display:none;
}

ul {
	list-style-type: none;
	margin:0 0 24px 0;
}

#content ul {
	list-style-type: circle;
}

#content ul, #content ol {
	margin:0 0 24px 36px;
	line-height:24px;
}

#comments ul, #comments ol {
	margin:0 0 24px 0;
}

/* Fonttityylit alkavat ----------------------------------------------------------------------------------------- */

p, form {
	font-family:Verdana, Geneva, sans-serif;
	line-height:24px;
}

#content p, p {
	font-size:1em;
	margin-bottom:0;
}


#content ul, #content ol, #content dd, #content pre, #content hr {
	margin-bottom:0;
}

a, #comments a {
	color:#0066CC;
	text-decoration:none;
}

a:hover, a:active, #comments a:hover, a:active {
	color:#0066CC;
	text-decoration:underline;
}

span.copyright {
	float:right;
	font-size:0.7em;
	font-weight:normal;
}

h3#comments-title, h3#reply-title, #access .menu, #access div.menu ul, #cancel-comment-reply-link, .form-allowed-tags, #site-info, #site-title, #wp-calendar, .comment-meta, .comment-body tr th, .comment-body thead th, .entry-content label, .entry-content tr th, .entry-content thead th, .entry-meta, .entry-title, .entry-utility, page-title, #respond label, .navigation, .page-title, .pingback p, .reply, .widget-title, .wp-caption-text {
	font-family:Verdana, Geneva, sans-serif;
}

h1, h2, h3, h4, h5, h6, h7 {
	font-family: "Bookman Old Style", Georgia, "Times New Roman", Times, serif;
	font-weight:bold;
}

h1 {
	font-size:1.8em;
}

h2 {
	font-size:1.6em;
}

h3 {
	font-size:1.4em;
}

h4 {
	font-size:1.2em;
}

h5 {
	font-size:1em;
}

h6 {
	font-size:0.8em;
}

h7 {
	font-size:0.6em;
}

#content h1.entry-title {
	margin-bottom:24px;
	font-family: "Bookman Old Style", Georgia, "Times New Roman", Times, serif;
	font-size:1.8em;
	font-weight:bold;
}

#content h1.archive-title {
	margin-left:24px;
}

#content h1, #content h2, #content h3, #content h4, #content h5, #content h6 {
color:#000000;
line-height:1.5em;
margin:0 0 12px;
}

#content h2.entry-title, #content_searchResults h2.entry-title {
	margin-bottom:24px;
	font-size:1.5em;
	font-weight:bold;
}

#content h2.entry-title a:hover, #content_searchResults h2.entry-title a:hover {
	color:#0066CC;
	text-decoration:underline;
}

#comments-header {
	font-family: "Bookman Old Style", Georgia, "Times New Roman", Times, serif;
	font-weight:bold;
}

#comments h3#comments-title {
	padding:0 0;
	font-family: "Bookman Old Style", Georgia, "Times New Roman", Times, serif;
	font-size:1.4em;
	font-weight:normal;
}

.widget-title {
	font-size: 1em;
}

#secondary .widget-title {
	margin-bottom:12px;
	color:#FFF;
}

.screen-reader-text {
	display:none;
}


/* Arkiston osioiden otsikoille sama tyyli, kuin sivujen pääotsikolla. Span kursivoi arkiston osion alanimikkeen  */
.entry-title span {
	font-family:Verdana, Geneva, sans-serif;
	color:#333333;
	font-size:0.7em;
	font-style:italic;
	font-weight:normal;
}
/* Fonttityylit loppuvat ----------------------------------------------------------------------------------------- */


/* Sivutuksen tyylit */

#pagination_cont {
	width:100%;
	height:12px;
	margin-bottom:12px;
}

#comments #pagination_cont .pagination {
	margin:0;
}

#pagination_cont .pagination {
	clear:both;
	float:right;
	height:24px;
	margin:0 24px;
	padding:12px 0;
	position:relative;
	font-size:1.1em;
	line-height:13px;
}
 
#pagination_cont .pagination span, #pagination_cont .pagination a {
	display:block;
	float:left;
	margin:0 2px;
	padding:6px 9px 5px 9px;
	text-decoration:none;
	width:auto;
	color:#fff;
	background:#799945;
	-moz-border-radius:2px;
	border-radius:2px;
}
 
#pagination_cont .pagination a:hover{
	color:#fff;
	background:#384017;
	text-decoration:underline;
}
 
#pagination_cont .pagination .current{
	padding:6px 9px 5px 9px;
	background:#384017;
	color:#fff;
	text-decoration:underline;
}
/* Sivutuksen tyylit päättyvät */