/*
Theme Name: LAPE
Theme URI: 
Description: 
Version: 1.0
Author: Miika & Jarno Fabritius
Author URI: 
*/

body {
	background: url(images/bg.jpg) repeat-x top center;
	margin:0;
	padding:0
	}

#memberships {height: 60px; width: 100%;}
#memberships ul {margin: 10px 0px; padding: 0px;}
#memberships li { display: inline; list-style-type: none;}
#memberships li a { font-size: 18px; letter-spacing: -1px; background: #FFF; text-decoration: none; padding: 20px; }
#memberships li a:hover { background: #9F9F9F;}
#memberships li .active { background: #9F9F9F;}

#membership_form1 { display:none; }
#membership_form2 { display:none; }
#membership_form3 { display:none; }
#membership_form4 { display:none; }
#membership_intro { display:none; }

.alue:link, .alue:active, .alue:visited {
	font:14px Arial, Helvetica, sans-serif; text-decoration:none; font-weight:bold;
	background: url(images/aluealas.jpg) top left no-repeat;
	padding-left:20px;
}
/* ---- SUCKERFISH ----- */
#choose_plan { position:relative; left:10px;}
#jasenyydet li { text-indent:-9999px; list-style:none; cursor: pointer; width: 130px; float:left;}
#jasenyydet li a { float:left; width:124px; height:117px; margin-left:5px; background-position: 0 0; background-repeat:no-repeat;}
#jasenyydet li a.mem1 { background:url(images/henkilokohtainen.jpg);}
#jasenyydet li a:hover  { background-position: 0 119px;}
#jasenyydet li a.mem2 { background:url(images/kokoperhe.jpg);}
#jasenyydet li a:hover  { background-position: 0 119px;}
#jasenyydet li a.mem3 { background:url(images/kannustus.jpg);}
#jasenyydet li a:hover  { background-position: 0 119px;}
#jasenyydet li a.mem4 { background:url(images/yrityksille.jpg);}
#jasenyydet li a:hover  { background-position: 0 119px;}
#jasenyydet li a.active_member { background-position: 0 119px;}
/* ------- Typography ------ */

blockquote { font-family: Georgia, "Times new roman", serif; font-size: 18px; margin: 0px; padding: 0px; font-style: normal; color: #7F5A3F; }
.important { font-size: 14px; font-weight: bold; }
.floatright { padding: 5px; float: right; }

h1 { color: #0081AF; font-size: 36px; letter-spacing: -1px; font-family: "Lucida Grande", Verdana, sans-serif; }
h2 {font-family: "Lucida Grande", Verdana, sans-serif;
	color:#844415;
	margin: 0;
	padding: 0px 0px 6px 0px;
	font-size: 30px;
	line-height: 34px;
	letter-spacing: -1px;
	font-weight: bold;
	text-decoration:none;
}
h2 a:link, h2 a:visited, h2 a:active { text-decoration:none; }
h2 a:hover { color:#000000; }

/* ------- TOPBAR ------ */
/*
#topbar {  padding: 3px; height: 80px;  }
#topbar h1 { text-indent: -9999px; background: url(images/lapelogo.jpg) no-repeat; height: 75px; width:950px;}
#topbar img { position:relative; top:6px; z-index:10; right:280px; }*/
#header { width:950px; height: 220px;  }
#navigation { height: 50px; }
#logo {text-indent: -9999px; background: url('images/lape_logo.png') no-repeat; width: 580px; height: 100px; margin-top: 6px; }
#logo a { display: block; width: 380px; height: 80px; }

#area_goto { background-color:#414141; width:150px; }
#goto { position:relative; top:-81px; left:365px; z-index:11;  width:150px; padding:4px; background-color: #2c2c2c; text-align:left; list-style:none; text-indent:3px }
#goto li a:link,#goto li a:hover,#goto li a:visited { text-decoration:none; color:#000; font-weight:bold; }
#goto li a:hover { color: #FFFFFF; }
#goto li:hover { background-color:#464646; }
#goto li span { float:right; }

/* ------- FOOTER ------ */

#footer { background-image:url(images/footer.jpg); height:149px;}
#footer p { text-align:right; position:relative; top:42px; }




/* ------ SIDEBAR ------ */

ul.cat_listing li a:link, ul.cat_listing li a:visited, ul.cat_listing li a:active{ padding:2px; margin-bottom:3px; font:12px Arial, Helvetica, sans-serif; text-decoration:none; }
ul.cat_listing li a:hover { color:#000000; }
.current-cat a:link, .current-cat a:visited, .current-cat a:active { color:#404040;}

.lehtiList li { border-bottom: solid 1px #EEE;  }
.lehtiList a { letter-spacing: -1px; color: #5F5F5F; text-decoration: none; font-size: 20px; font-family: Georgia, "Times New Roman", serif; }
.lehtiList a:hover { text-decoration: underline; }

#promote { margin: 0px; padding: 0px;}
#promote li {  margin-top: 2px; padding: 0; }
#promote li a {border-top: solid 4px #F0EB47; color: #020202; font-family: Helvetica, Arial, sans-serif; font-size: 14px; font-weight: bold; display: block; padding: 20px; border-bottom: 1px dashed #9F9F9F; height: 50px; text-decoration: none;}
#promote li a:hover { border-bottom: solid 1px #000; color: #333333; }

.liityjaseneksi a { background: url('images/promote_jasen.jpg') no-repeat; text-indent: -9999px; }
.keskustelupalsta a { background: url('images/promote_forum.jpg') no-repeat; text-indent: -9999px; }
.kerrokaverille a { background: url('images/promote_taf.jpg') no-repeat; text-indent: -9999px; }

.polliso { font:16px arial; text-decoration:none; font-weight:normal;}




#sidebar li { list-style:none; }

.wp-polls { padding:5px; width:220px; background:url(images/poll.jpg) bottom no-repeat; }

#upcoming-events { }

/* ------ NEWS -------- */

#recentNews li { list-style: none; }
#recentNews ul { position:relative; right:15px; }
#recentNews h2 { font-family: Helvetica, Arial, sans-serif; color: #5F5F5F; font-size: 24px; }
#recentNews h3 { font-family: Georgia, "Times New Roman", serif; font-size: 20px; margin: 0; padding: 0; color: #DF9300;}
#recentNews .postDetails { font-family: Georgia, "Times New Roman", serif; font-style: italic; font-size: 12px; }
#recentNews .postDetails strong { color: #5F5F5F; font-style: normal; }
#recentNews p { padding-top: 10px; border-top: dashed 1px #E2E2E2; }
#recentNews hr { background-color: #57BAD6; height: 4px; margin-top: 8px; }

/*----------posts----------*/

#artikkelit a { color: #283033; }
#artikkelit h3 { color: #0081AF; font-size: 32px; letter-spacing: -1px; font-family: "Lucida Grande", Verdana, sans-serif; margin: 10px 0 5px 0;}
#artikkelit ul { margin: 0; }

.postEntry { margin: 10px 0px; border-bottom: solid 1px #EEE; }
.postEntry p { font-family: Helvetica, Arial, sans-serif; font-size: 12px; margin-top: 10px; }
.postDate { float: left; width: 50px; height: 100px; padding-right: 40px; border-right: solid 4px #57BAD6;}
.postAuthor { font-family: Georgia, "Times New Roman", times, serif; font-weight: bold; font-style: italic; font-size: 14px; }
.postEntry .month { font-family: Georgia, "Times New Roman", times, serif; font-size: 28px; }
.postEntry	.day { font-family: Georgia, "Times New Roman", times, serif; font-size: 20px; }
.postEntry	.year { font-family: Georgia, "Times New Roman", times, serif; font-size: 16px; }
.postBody { margin-left: 120px; border-left: solid 1px #EEE; padding: 10px;}
.postCategory { margin-left: 10px; }
.postCategory a { color: #0081AF; }
#toimitus { display: none; }

#goto_post { width:100%; padding:5px; background-color:#f5f5f5; }
#goto_post a:link, #goto_post a:visited  { color:#e1e1e1; font:14px Georgia, "Times New Roman", Times, serif; text-decoration:none; }
#goto_post a:hover { color: #000000; }

#paikallistoiminta1 ul li { padding: 5px 0; border-bottom: solid 1px #EEE; }
#paikallistoiminta1 ul li a { text-decoration: none; color: #000;}
#paikallistoiminta1 ul li a:hover { font-weight: bold;}

#artikkelit ul li { padding: 5px 0; border-bottom: solid 2px #F0EB45; }
#artikkelit .children li { border-bottom: border-bottom: solid 2px #F0EB45; }
#artikkelit ul li a { text-decoration: none; }

/* ------ Mailpress ------ */

#mp-form { background: url(images/promote_uutiskirje.jpg) no-repeat; padding: 95px 0 20px 20px; margin-top: -16px; border-top: solid 4px #F0EB47; border-bottom: 1px dashed #9F9F9F; }
#mp-message, #mp-loading { width: 210px; background: url(images/promote_uutiskirje.jpg) no-repeat; padding: 95px 0 20px 20px; border-top: solid 4px #F0EB47; border-bottom: 1px dashed #9F9F9F; }

/* ------ Yhteystiedot ---- */

.bcard { width: 318px; float: left; }
.bcard h2 { height: 30px; }
.bcard ul { list-style: none; float: left; margin: 0; }
.bcard img { border: solid 1px #020202; padding: 1px; float: left; }
.bcard .gsm { font-family: Georgia, "Times New Roman", times, serif; }
.bcard, .aluevastaava .nimi { font-weight: bold; }
.bcard .extra { font-style: italic;}

.aluevastaava { float: left; padding: 10px 20px 10px 0; width: 200px; height: 160px;  }
.aluevastaava ul { list-style: none; margin: 0; }
.aluevastaava h3 { font-size: 16px; font-weight: bold; margin: 0 0 5px 0; }

/* Formit vliaikainen */
/*                                                    */
/*  main 'top-level' form elements                    */
/*                                                    */
@import "calendar.css";

.cform {
	padding-top:0px;
	padding-bottom:5px;
	margin:0 auto 0 auto; 
	width: 340px;
}

.cform fieldset	{
	margin-top:0px; 
	padding:5px 0 5px 0; 
	border:none;
}

.cform .cf_hidden {
	display:none; 
	border:none!important;
	background:none!important;
	padding:0!important;
	margin:0!important;
}

.cform legend {
	font:18px Georgia, "Times New Roman", Times, serif;
	color:#7F5A3F;
	margin:0;
	padding:0; 
	font:normal 18px; 
	color: #333333;
	letter-spacing:3px;
}

ol.cf-ol { 
	margin:0!important; 
	padding:15px 0 0 0!important; 
}
ol.cf-ol li	{
	background:none!important; 
	margin:5px 0!important; /*some themes may interfere otherwise*/
	padding:0; 
	list-style:none!important; 
	text-align:left;
	line-height:1.1em;
}


/*                                                    */
/* just for text-only fields (no input)               */
/*                                                    */

ol.cf-ol li.textonly {
	font-weight:bold;
	color:#888888;
	font-size:1.4em;
	letter-spacing:2px;
	margin:12px 0pt !important;
	padding:0pt 0pt 0pt 100px;
}


/*                                                    */
/* global definitions for field labels                */
/*                                                    */

.cform label {
	width:90px; 
	margin:4px 10px 0 0; 
	display:-moz-inline-box; /*for mozilla*/
	display:inline-block; /*for Opera & IE*/
	text-align:left;
	vertical-align:top;
	color: #333333;
	font:0.9em Trebuchet MS,sans-serif;
}
.cform label span {
	width:90px; /* must be the same as above!*/
	display:block; 
}

label.cf-before {
	margin:4px 10px 0 0; 
}

label.cf-after 	{
	margin:4px 2px 0pt 6px;
	text-align:left;
	width:75px;
}

label.cf-after span {
	width:75px;
	display:block;
}

label.cf-group-after {
	margin:4px 0 0 2px;
	width:60px;
	text-align:left;
}
label.cf-group-after span {
	width:60px;
	display:block;
}

/*                                                    */
/*   FORM FIELDS general formatting                   */
/*                                                    */

.cform input,
.cform textarea,
.cform select { 
	padding:3px;
	border:1px solid #aaa; 
	font:0.9em Trebuchet MS,sans-serif;
	color:#888;
	background:#ffffff;
	vertical-align:top;
}
.cform input:hover,
.cform textarea:hover,
.cform select:hover	{
	border-bottom: 1px solid #333333;
	background:#ffffff; 
}

.cform input:focus,
.cform textarea:focus,
.cform select:focus	{ 
	color:#666;
	background:#ffffff; 
}
.cform textarea,
.cform input {
	width:228px; 
}
.cform select {
	width:236px; /* attempt to have equal length */
}  

.cform select.cfselectmulti	{ 
	height:7.5em; 
}

.cform textarea {
	font-family: arial;
	font-size: 0.9em;
	overflow:auto;
}

/*                                                    */
/* formatting for text:  "(required)"  & other        */
/*                                                    */

span.reqtxt,
span.emailreqtxt { 
	margin:0px 5px 7px 98px;
	display: block; 
	vertical-align:top;
	color: #aaa;
	font-size:0.9em;
	line-height:1.2em;
}


/*                                                    */
/*   radio button title                               */
/*                                                    */

ol.cf-ol li.cf-box-title {
	color:#888888;
	font-size:1em;
	letter-spacing:2px;
	margin:12px 0pt 0 !important;
	padding:0pt 0pt 0pt 100px;
}

/*                                                    */
/*   check boxes                                      */
/*                                                    */

input.cf-box-a,
input.cf-box-b 	{ 
	margin:1px 0 0 0; 
	width:16px; 
	height:22px;
	border:none!important;
	background:none!important;
}

input.cf-box-a 	{ 
	margin-left:100px; /* check with label 'width' incl. */
} 


/*                                                    */
/* check box groups                                   */
/*                                                    */

ol.cf-ol li.cf-box-group {
	padding: 0 0 5px 100px; 
} 


/*                                                    */
/*   FORM submit button                               */
/*                                                    */

p.cf-sb {
	margin: 0;
	padding:0pt 3px 0pt 0pt !important;
	text-align:right;
}
.cform input.sendbutton	{ 
	width:210px;  
	padding:2px; 
	margin: 0 0 0 0px;
	color:#006633;
	font-weight:bold;
	font-size:0.8em;
	background:url(../images/button-bg.gif) repeat-x; 
	border:1px solid #adadad!important;
	border-left-color:#ececec!important; 
	border-top-color:#ececec!important;
}

/*                                                    */
/*   FORM FIELDS enhanced error display               */
/*                                                    */
ol.cf-ol li.cf_li_err {
	background:#FFDFDF url(li-err-bg.png) repeat!important;
	border-color:#DF7D7D;
	border-style:solid;
	border-width:1px 0pt;
	padding:5px 0!important;
	margin:5px 0!important;
}

ol.cf-ol li ul.cf_li_text_err {
	margin:0 0 0 10px;
	padding:0;
	color:#333;
}

ol.cf-ol ul.cf_li_text_err li {
	background:url(icon-alert.png) no-repeat left 1px!important;
	list-style:none!important;
	font-weight:bold;
	text-indent:0;
	margin:0 0 2px!important;
	padding-left:15px;
}
ol.cf-ol ul.cf_li_text_err li:before {
	content:'';
}

/*                                                    */
/* 'visitor verification' related styles              */
/*                                                    */
label.secq,
label.seccap {
	vertical-align:text-bottom;
	margin-bottom:4px;
}

input.secinput {
	vertical-align:text-bottom;
}

#cforms_captcha6,
#cforms_captcha5,
#cforms_captcha4,
#cforms_captcha3,
#cforms_captcha2,
#cforms_captcha {
	height:15px;
	width:100px;
	padding: 4px 4px;
	margin: 0;
	vertical-align:text-bottom;
}

img.captcha	{
	vertical-align:text-bottom;
	margin:0 0 0 10px!important;
	padding:0!important;
	border:none!important;
	float:none!important;
}

img.captcha-reset {
	vertical-align:text-bottom;
	background:	url(captcha_reset_white.gif) no-repeat;
	margin:0 0 2px 3px;
	width:21px;
	height:21px;
	border:none;
}

img.imgcalendar {
	border:none;
}

/*                                                    */
/* change formatting of response msgs here            */
/*                                                    */

div.cf_info {
	color:#333;
	display:none;
	padding:10px 15px!important;
	width:380px;
	line-height:1.3em;
	margin:10px auto;
}
div.cf_info ol {
	margin:0;
	padding:5px 15px 0 30px;
}
div.cf_info ol li {
	padding:1px 0;
	margin:2px 0;
}
div.cf_info a	{
	color:red!important;
	text-decoration:underline!important;
}
div.success, div.failure, div.waiting {padding:.8em;margin-bottom:1em;border:2px solid #ddd;display:block;}

div.failure {background:#FBE3E4;color:#8a1f11;border-color:#FBC2C4;}
div.notice {background:#FFF6BF;color:#514721;border-color:#FFD324;}
div.success {background:#E6EFC2;color:#264409;border-color:#C6D880;}

/*                                                    */
/*   formatting for invalid user inputs               */
/*                                                    */
.cform .cf_error { 
	color:red; 
	border:1px solid #333333; 
}
div.mailerr {
	display:block;
}
.mailerr,
.cform .cf_errortxt {
	color:red; 
}

/*                                                    */
/* change formatting of response msgs here            */
/*                                                    */

p.cf_info 		{
	margin:10px 0;
	text-align:center;
}
p.success 	{
	color:green;
}
p.failure 	{
	color:red;
}

/*                                                    */
/* disabled fields [disabled] does not work on IE!    */
/*                                                    */


[disabled] {
	color:#dddddd;
	border-color:#dddddd!important;
	background:none!important;
}
.disabled {
	border-color:#dddddd!important;
}

/*                                                    */
/* upload box styling                                 */
/*                                                    */

.cform input.cf_upload  {
	width:220px;
	background: #f9f9f9;
	border:1px solid #888888;
}

/*                                                    */
/*  Other: link love                                  */
/*                                                    */
.linklove {
	display:none;
	margin:6px auto 10px !important;
	padding:0pt 6px 0pt 0pt !important;
	text-align:right;
	width:410px;
}
.linklove a,
.linklove a:visited {
	font-size: 0.8em;
	font-family: Tahoma;
	color:#aaaaaa!important;
}


/*                                                    */
/*  Other: browser hacks                              */
/*                                                    */
*+html ol.cf-ol,
*+html ol.cf-ol li	{
	display: inline-block;  /*for ie7*/
}
* html ol.cf-ol,
* html ol.cf-ol li,
* html span.reqtxt,
* html span.emailreqtxt { 
	display: inline-block;
}
* html .cform legend { 
	position:absolute; 
	left: -8px; 
	top:0;
	margin-left:0;
}
*+html .cform legend { 
	position:absolute; 
	left: -8px;
	top:0;
	margin-left:0;
}
* html .cform fieldset {
	position: relative;
	margin-top:15px;
	padding-top:25px; 
}
*+html .cform fieldset {
	position: relative;
	margin-top:15px;
	padding-top:25px; 
}
* html img.captcha	{
	margin-bottom:1px!important;
}
*+html img.captcha	{
	margin-bottom:1px!important;
}

/* UUTISKIRJE */

#usermessage3a { width:180px; }
#cforms3form, #li-3-2 {width: 206px; position:relative; top:-6px; }
#cf3_field_1 {
width:200px;
}
#sendbutton3 { background:url(../images/button-bg.gif); width:166px;  height:21px; }