@import  url(editor.css); 
/*
+--------------------------------------------------------------------------
|   Pirn CMS Basic Theme
|   ================================================
|   Author:             Siim Sindonen | 8STREAM
|   Web:                http://www.8stream.com
|   Email:              info@8stream.com
+--------------------------------------------------------------------------
|   Main styles
+--------------------------------------------------------------------------
*/

body{
        margin:0;
        padding:0;
		background: url("../images/background.jpg") repeat-x top left;
		background-attachment: fixed; 
        }
                
.clear{
        clear:both;
		display:block;
        }
		
img{
        border:none;
        }
		
form{
        margin:0;
        padding:0;
        }
            
.checkbox,.radio{
		width:auto;
		}
		
.left{
		float:left;
		}
		
.right{
		float:right;
		}
		
#headerRight{
		float:right;
		width:40%;
		}
		
h2 a{
		text-decoration:none;
		color:#000000;
		}
		
.stream{
        background: url("../images/8stream.png") no-repeat top left;
        height:10px;
        width:70px;
        display:block;
        float:right;
		text-indent:-9999px;
        }
			
/*------------------ Layout -----------------*/

#wrapper{
                width: 830px;
                position:relative;
                left:50%;
                margin-left:-415px;
                }
				
#background{
				background: url("../images/flowersTop.png") no-repeat top center;
				width:100%;
				}
				
#logo{
                padding:0;
                margin:0;
				width:100%;
                background: url("../images/logo.png") no-repeat center center;
				float:left;
                }
				
#logo a{
                display:block;
                text-decoration:none;
				height:90px;
                text-indent:-9999px;
                }
				
#imgContent{
				background: url("../images/imgContent.png") no-repeat center center;
				height:346px;
				position:relative;
				}
				
#imgContent img{
				padding:14px 0 0 16px;
				}
				
#menuWrapper{
				background: url("../images/mainmenu.png") no-repeat center center;
				position:absolute;
				left:0;
				bottom:20px;
				height:55px;
				width:100%;
				}
				
#content{
				padding-bottom:5px;
				position:relative;
				}
				
#content_in{
				padding:0px 20px 0 0;
				}
				
#article{
				padding:0 10px;
				text-align:justify;
				}
				
#footer {
				height:30px;
				}
				
/*------------------ Events -----------------*/

.iventFrontpage,.iventMain{
				border-bottom:solid 1px #dbcfc4; 
				padding:0 5px 5px 5px;
				margin-top:14px;
				margin-bottom:14px;
				font-size:0.9em;
				}
				
.iventMain{
				font-size:1em;
				}
				
.iventFrontpage p,.iventMain p{
				padding:0;
				margin:0;
				width:32.9%;
				float:left;
				}
				
.iventMain p{
				width:35%;
				}
				
.iventMain a{
				font-size:0.9em;
				font-family: Georgia,"Nimbus Roman No9 L",serif;
				}
				
.iventMain .date,.iventMain .time{
				width:14%;
				}
				
.iventMain .time{
				text-align:right;
				}
				
.iventFrontpage span{
				display:block;
				}
				
.iventFrontpage a,.allIvents a{
				color:#520f0f;
				}
				
.allIvents{
				color:#520f0f;
				text-align:left;
				font-size:0.88em;
				}
				
.allIvents p{
				padding:0;
				margin:0;
				}


/*------------------ Mainmenu -----------------*/

#mainMenu{
                padding: 0;
                margin: 0;
                list-style: none;
				font-family: Georgia,"Nimbus Roman No9 L",serif;
				float:left;
				padding-left:18px;
                }
				
#mySpace{
				background: url("../images/myspaceLink.png") no-repeat center left;
				float:right;
				display:block;
				width:88px;
				height:60px;
				}
				
#mainMenu .lastItem a{
				background:none;
				}	
		

#mainMenu a{
                padding: 0;
                margin: 0;
                display: block;
                text-decoration: none;
                float:left;
                color:#fff;
				font-size:1.3em;
				padding:21px 16px 22px 7px;
				text-transform: uppercase;
				background: url("../images/menuSpace.png") no-repeat center right;
                }
				
#mainMenu a:hover{
				text-decoration:underline;
				}
				
#mainMenu li{
                padding: 0;
                margin: 0;
				display: inline; /*IE*/
                width:auto;
                }
				

#mainMenu .active_menu,#mainMenu .active_menu:hover{

                }
				
/*------------------ Frontpage -----------------*/

#frontpageLeft{
			float:left;
			width:49%;
			text-align:justify;
			}
			
#frontpageRight{
			float:right;
			width:49%;
			padding-right:1.1%;
			}

.boxHeder,.boxBody,.boxFooter{
			width:415px;
			}
			
#frontpageLeft .boxContent{
			padding:8px 16px 8px 16px;
			}
			
.boxHeder{
			background: url("../images/boxHeder.png") no-repeat center center;
			height:64px;
			}
			
.boxBody{
			background: url("../images/boxBody.png") repeat-y center center;
			}
			
.boxContent{
			background: url("../images/boxContent.png") repeat-x top left;
			margin:0 14px 0 15px;
			padding:8px;
			height:210px;
			}
			
.boxFooter{
			background: url("../images/boxFooter.png") no-repeat top center;
			height:48px;
			}
			
.boxHeder h3{
			padding:0;
			margin:0;
			padding:35px 0 0 25px;
			}
			
#frontpageLeft .boxContent{
			height:480px;
			}
			
#boxRightBottom{
			height:142px;
			}

/*------------------ Langmenu -----------------*/

#langMenu{
                padding: 0;
                margin: 0;
                list-style: none;
                float:right;
                font-weight:bold;
                }

#langMenu a{
                padding: 0;
                margin: 0;
                display: block;
                text-decoration: none;
                float:left;
                color:#8b827e;
				font-size:1.3em;
				padding:0 0 0 6px;
				text-transform:uppercase;
                }
				
#langMenu li{
                padding: 0;
                margin: 0;
				display: inline; /*IE*/
                width:auto;
                }
				
#langMenu a:hover,#langMenu .active_lang{
                color:#4c403b;
                }
				
/*------------------ Gallery -----------------*/

.galleryItem{
				float:left;
				text-align:center;
				width:180px;
				height:170px;
				margin:2px;
				background:#ece1d6;
				padding:4px;
				}
				
.galleryItem p{
				margin:0;
				padding:0;
				padding:5px 0 0 0;
				}
				
.imgContent{
				height:140px;
				}
				
#gallery{
				padding:20px 0 10px 0;
				}
				
.albumItem{
				border-bottom:solid 1px #dbcfc4;
				margin-bottom:15px;
				padding-bottom:12px;
				}
				
.albumItem .imgContent{
				float:left;
				width:26%;
				}
				
.albumItem .textContent{
				float:right;
				width:74%;
				}
				
.albumItem  p{
				padding:0;
				margin:0;
				}
				
.albumItem  .title{
				color:#520f0f;
				font-family: Georgia,"Nimbus Roman No9 L",serif;
				display:block;
				font-size:1.6em;
				padding-bottom:20px;
				text-decoration:none;
				}
				
				

/*------------------ Forms -----------------*/

.userForm{
	font-size:1.2em;
	width:60%;
	}
	
.userForm fieldset{
	border:solid 0 transparent;
	}
	
.userForm input,.userForm textarea,.userForm select{
	width:98%;
	padding:3px;
	border:solid 1px #dbcfc4;
	}
	
.userForm .radio,.userForm .checkbox,.userForm .sendForm{
	width:auto;
	}
	
.userForm .odd,.userForm .even{
	margin:5px 0 5px 0;
	padding:4px;
	}
	
.userForm label{
	padding:6px 0 0 0;
	display:block;
	float:left;
	}
	
.userForm .odd{
	}
	
.userForm .formLeft{
	float:left;
	width:30%;
	}
	
.userForm .formRight{
	float:right;
	text-align:left;
	width:69%;
	}
	
.userForm .formRight p{
	padding:0;
	margin:0;
	font-size:1em;
	}
	
.userForm .itemName{
	font-weight:bold;
	}
	
.userForm .desc{
	display:block;
	padding-top:4px;
	font-size:1em;
	color:#666;
	}
	
.userForm .input,.userForm .textarea{
	width:100%;
	}
	
.req{
	color:#d61f07;
	font-size:1em;
	}
	
.reqField{
	border:solid 1px #d61f07;
	}
	
.userForm .sendForm{
	float:right;
	margin-right:2px;
	}
	
.formOK{
	padding:5px;
	text-align:center;
	font-weight:bold;
	font-size:1.2em;
	color:#fff;
	background:#79bd1d;
	}
	
/*------------------ Subpage -----------------*/

.subHeder,.subBody,.subFooter,.subHeder2{
			width:830px;
			}
			
.subHeder,.subHeder2{
			background: url("../images/subContentHeader.png") no-repeat center center;
			height:62px;
			}
			
.subHeder2{
			background: url("../images/subContentHeader2.png") no-repeat center center;
			}
			
.subBody{
			background: url("../images/subContentBody.png") repeat-y center center;
			}
			
.subContent{
			background: url("../images/subContent.png") repeat-x top left;
			margin:0 14px 0 15px;
			padding:16px;
			min-height:260px;
			}
			
.subFooter{
			background: url("../images/subContentFooter.png") no-repeat top center;
			height:57px;
			clear:both;
			}
			
.subHeder h2,.subHeder2 h2{
			padding:0;
			margin:0;
			padding:32px 0 0 29px;
			}
			
#subRight .subHeder h2{
			padding:0;
			margin:0;
			padding:0 0 0 29px;
			color:#520f0f;
			position:absolute;
			top:40px;
			left:238px;
			z-index:1;
			font-size:3.0em;
			}

#subLeft{
		float:left;
		width:224px;
		background: url("../images/subContent2.png") repeat-x top left;
		min-height:400px;
		}
		
#subRight{
		float:right;
		width:570px;
		background: url("../images/subContent.png") repeat-x top left;
		}    
		
#subRight .subHeder,#subRight .subBody,#subRight .subFooter{
			width:auto;
			}
		
#subRight .subHeder,#subRight .subBody,#subRight .subFooter,#subRight .subContent{
		background:none;
		}

#subRight .subContent{
		margin:0;
		padding:0;
		padding:0 25px 0 25px;
		}
		
#subPageContent .subContent2{
		background: url("../images/subContent.png") repeat-x top left;
		margin:0 16px 0 16px;
		}

/*------------------ Submenus -----------------*/

#subMenu{
		padding: 0;
        margin: 0;
        list-style: none;
		padding:0 0 10px 10px;
		margin-top:25px;
		font-family: Georgia,"Nimbus Roman No9 L",serif;
		}
		
#subMenu a{
        padding: 0;
        margin: 0;
        display: block;
        text-decoration: none;
        color:#000;
		font-size:1.1em;
		padding:5px 0 5px 6px;
		}
		
		
#subMenu li{
            padding: 0;
            margin: 0;
            }
			
			
#subMenu .subMenu a{
				font-size:1.1em;
				margin-left:12px;
				font-weight:normal;
				}


		
/*------------------ search -----------------*/

#searchMain{
		float:right;
		width:20%;
		text-align:right;
		}
		
#searchMain input{
		border:1px solid #00aeef;
		padding:2px 2px 2px 24px;
		margin:4px 4px 0 0;
		background: #4c403b url("../images/search.jpg") no-repeat center left;
		color:#fff;
		width:130px;
		}
		
#serach input{
		margin-top:5px;
		width:140px;
		margin-left:280px;
		}
		
.searchResult{
		margin-bottom:25px;
		}
		
.searchResult .title a{
		text-decoration:none;
		color:#333;
		font-size:1.4em;
		}
		
.searchResult .content{
		font-size:1.2em;
		padding-top:5px;
		}
		
.searchResult .url{
		font-size:1.2em;
		padding-top:2px;
		color:#666;
		}
		
.searchResult strong{
		color:#337ad1;
		font-size:1.2em;
		}
		
.searchResult p{
		padding:0;
		margin:0;
		}
		
#searchResults{
		margin:10px 0 25px 0;
		}
		
#searchResults #keyword{
		width:300px;
		}
		
#searchResults p{
		font-weight:bold;
		padding:0;
		margin:0;
		color:#666;
		padding-top:5px;
		}
		
/*------------------ Guestbook -----------------*/

#guestbook{
		margin-top:20px;
		}

#guestbook p{
		padding:0;
		margin:0;
		clear:both;
		padding:5px;
		}
		
#guestbook label{
		display:block;
		float:left;
		width:115px;
		font-family: Georgia,"Nimbus Roman No9 L",serif;
		}
		
#guestbook input{
		display:block;
		float:left;
		}
		
#guestbook input,#guestbook textarea{
		padding:2px;
		width:200px;
		border:solid 1px #a6998c;
		font-family: Arial, Helvetica, sans-serif;
		font-size:1em;
		}
		
#guestbook textarea{
		width:630px;
		height:60px;
		}
		
#guestbook #captcha{
		padding:0;
		margin:0;
		padding-left:120px;
		padding-top:10px;
		}
		
#guestbook .captcha{
		width:109px;
		}
		
#guestbook button{
		margin-left:115px;
		margin-top:10px;
		text-transform: uppercase;
		width:61px;
		height:22px;
		border:none;
		color:#fff;
		cursor:pointer;
		font-size:0.9em;
		background:url("../images/lisa.jpg") no-repeat center left;
		}
		
.bookEntry{
		border-bottom:1px solid #d7c8b8;
		}
		
.bookEntry .name{
		float:left;
		color:#520f0f;
		font-family: Georgia,"Nimbus Roman No9 L",serif;
		}
		
.bookEntry .date{
		float:right;
		font-family: Georgia,"Nimbus Roman No9 L",serif;
		}
		
.bookEntry .entry{
		clear:both;
		padding:0;
		margin:0;
		padding-bottom:4px;
		}

/*------------------ Sitemap -----------------*/

#sitemapLink{
		float:right;
		display:block;
		text-decoration:none;
		color:#4c403b;
		background: url("../images/sitemap.jpg") no-repeat center left;
		padding:5px 5px 5px 23px;
		font-size:1.2em;
		}

#sitemap, #sitemap ul{
		list-style:none;
		padding:0;
		margin:0;
		font-size:1.3em;
		font-weight:bold;
	}
	
#sitemap{
		margin:20px 0 0 60px;
	}
	
#sitemap .mapRank2,#sitemap .mapRank3,#sitemap .mapRank4{
		font-weight:normal;
		margin-bottom:5px;
	}
	
#sitemap .mapRank2 li,#sitemap .mapRank3 li,#sitemap .mapRank4 li{
		background: url("../images/sub.gif") no-repeat top left;
		padding-left:10px;
	}
	
#sitemap .mapRank2 .subItems,#sitemap .mapRank3 .subItems{
		background: url("../images/sub_space.gif") repeat-y top left;
	}
		
#sitemap .mapRank2{
		margin-left:20px;
		font-size:1.1em;
		}
		
#sitemap .mapRank3{
		margin-left:30px;
		font-size:0.9em;
		}
		
#sitemap .mapRank4{
		margin-left:40px;
		font-size:0.8em;
		}
	
#sitemap a{
		text-decoration:none;
		color:#333;
		padding:3px;
	}
	
#sitemap a:hover{
		color:#fff;
		background:#00acfb;
	}


/*------------------ Typography -----------------*/

.error{
		color:#a10000;
		}
		
.ok{
		color:#118611;
		font-weight:bold;
		}
		
.req{	
		color:#a10000;
		}
		
/*------------------ nyroModal -----------------*/

div#nyroModalFull {
	font-size: 12px;
	color: #777;
}
div#nyroModalFull div#nyroModalLoading {
	width: 150px;
	height: 150px;
	text-indent: -9999em;
	background: #fff url(../images/ajaxLoader.gif) no-repeat;
	background-position: center;
}
div#nyroModalFull div#nyroModalLoading.error {
	border: 4px solid #f66;
	line-height: 20px;
	padding: 20px;
	width: 300px;
	height: 100px;
	text-indent: 0;
	background: #fff;
}
div#nyroModalFull div#nyroModalWrapper {
	background: #fff;
	border:2px solid #fff;
}
div#nyroModalFull div#nyroModalWrapper a#closeBut {
	position: absolute;
	display: block;
	top: -13px;
	right: -13px;
	width: 23px;
	height: 23px;
	text-indent: -9999em;
	background: url(../images/close.jpg) no-repeat;
	outline: 0;
	z-index:20;
}
div#nyroModalFull div#nyroModalWrapper h1#nyroModalTitle {
	margin: 0;
	padding: 0;
	position: absolute;
	top: -22px;
	left: 5px;
	font-size: 14px;
	color: #fff;
	font-weight:bold;
}
div#nyroModalFull div#nyroModalWrapper div.wrapper div#nyroModalContent {
	padding: 5px;
}
div#nyroModalFull div#nyroModalWrapper div.wrapperImg div#nyroModalContent {
	position: relative;
	overflow: hidden;
	text-align: center;
}
div#nyroModalFull div#nyroModalWrapper div.wrapperImg div#nyroModalContent img {
	vertical-align: baseline;
}
div#nyroModalFull div#nyroModalWrapper div.wrapperImg div#nyroModalContent div {
	position: absolute;
	bottom: 0;
	left: 0;
	background: black;
	padding: 10px;
	margin: 10px;
	border: 1px white dotted;
	overflow: hidden;
	opacity: 0.2;
}
div#nyroModalFull div#nyroModalWrapper div.wrapperImg div#nyroModalContent div:hover {
	opacity: 0.5;
	cursor: help;
}
div#nyroModalFull div#nyroModalWrapper a.nyroModalPrev, div#nyroModalFull div#nyroModalWrapper a.nyroModalNext {
	z-index: 105;
	outline: none;
	position: absolute;
	top: 0;
	height: 100%;
	width: 40%;
	cursor: pointer;
	text-indent: -9999em;
}
div#nyroModalFull div#nyroModalWrapper div.wrapperSwf a.nyroModalPrev, div#nyroModalFull div#nyroModalWrapper div.wrapperSwf a.nyroModalNext, div#nyroModalFull div#nyroModalWrapper div.wrapper a.nyroModalPrev, div#nyroModalFull div#nyroModalWrapper div.wrapper a.nyroModalNext {
	height: 60%;
	width: 20%;
}
div#nyroModalFull div#nyroModalWrapper div#nyroModalContent a.nyroModalPrev {
	left: 0;
}
div#nyroModalFull div#nyroModalWrapper div#nyroModalContent a.nyroModalPrev:hover {
	background: url(../images/prev.gif) left 20% no-repeat;
}
div#nyroModalFull div#nyroModalWrapper div#nyroModalContent a.nyroModalNext {
	right: 0;
}
div#nyroModalFull div#nyroModalWrapper div#nyroModalContent a.nyroModalNext:hover {
	background: url(../images/next.gif) right 20% no-repeat;
}