/**	
	Large stylesheet for Ruhnu Fold v2 theme */

@import url(http://fonts.googleapis.com/css?family=Open+Sans);

/**
* Eric Meyer's Reset CSS v2.0 (http://meyerweb.com/eric/tools/css/reset/)
* http://cssreset.com
*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}



/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section, main {
	display: block;
}

h1, h2, h3, h4, h5, h6{
	font-weight:bold; 
	color:rgb(78, 77, 77); /* #005f90 #0084c8; */ 
}

html, body{ width:100%; height: 100%; } 

body {
	font-family: "Open Sans",Helvetica,Arial,sans-serif; 
   line-height: 1;
	text-align: center;
	background: #19AFFF;
	background: -webkit-gradient( linear, left top, left bottom, color-stop(0, #19AFFF), color-stop(1, #A5E1FF) ) fixed;
	background: -o-linear-gradient(bottom, #19AFFF 0%, #A5E1FF 100%) fixed;
	background: -moz-linear-gradient(bottom, #19AFFF 0%, #A5E1FF 100%) fixed;
	background: -webkit-linear-gradient(bottom, #19AFFF 0%, #A5E1FF 100%) fixed;
	background: -ms-linear-gradient(bottom, #19AFFF 0%, #A5E1FF 100%) fixed;
	background: linear-gradient(to bottom, #19AFFF 0%, #A5E1FF 100%) fixed;	
}

ol, ul {
	list-style: none;
}

a{ color: #19aeff; text-decoration:none; }
a:hover{ text-decoration:underline; }
a:visited{ color: #009bef; }
a img{ border:0px; }
a:hover img{opacity:0.9;}


blockquote, q {
	quotes: none;
}

blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
blockquote p { padding:15px; border-radius: 5px; border:1px solid #eee;}

table { border-collapse: collapse; border-spacing: 0;	}
strong,b{ font-weight:900; }
em, i { font-style: italic; }

/* Some useful classes */
.ltr{ text-align: left; }
.rtl{ text-align: right; }
.clearfix{ clear:both; }
.floats-left{ float:left; }
.floats-right{ float:right; }
.hidden { display:none; }

/* Bottom background container */
/*#bg-container{  width:100%; min-height:100%; background: url('../images/BottomBackground.png') center bottom repeat-x; padding-bottom: 80px; }*/
#bg-container{  width:100%; min-height:100%; padding-bottom: 80px; }

/* Main page wrapper */
#wrapper{ margin:0px auto; width:940px; background:#fff url('../images/mainBackground.png') right top repeat-y; border:1px solid #bbb; border-top:0px;}

header img.logo{ margin:67px 36px 22px 53px; }
header img.banner{ margin:0px auto; border-bottom:4px solid #c4f53d;  }
header div.bannerclosed { margin:0px auto; width:860px; height:0px; border-bottom:1px solid #c4f53d; }
header h1 { margin:126px 0px 21px 0px; padding-right:250px; color: #364e59; font-size:32px; font-weight: normal; font-family: Georgia, Times, "Times New Roman", serif; }


header #search-div { height:155px; width:210px; margin-right:40px; position:relative; }
header #search-div button, header #search-div input { border:1px solid #75ceff; position:absolute; border-radius:4px;}
header #search-div button.searchbtn { background:#75ceff; height:28px; width:40px; padding-top:2px;cursor:pointer; right:0px;bottom:0px;z-index: 2;}
header #search-div input{padding:0px 4px;height:24px; z-index: 1;right:5px;bottom:1px;width:15px;}


header nav{ width:720px; border-top:1px solid #ccc; background:#fff;}
header nav li { display:block; float:left; margin:18px 52px 22px 0px; }
header nav li a { text-transform:uppercase; text-decoration: none; font-size: 16px; font-family: Georgia, Times, "Times New Roman", serif; color: #999; }
header nav li a:hover{ color: #444; }
header nav li a:visited{ color: #999; }
header nav li.current-menu-item  a{ color: #ff9900;  } 
header nav li.current-page-ancestor a{ color: #ff9900; }
.archive .menu-item-home a{ color: #ff9900 !important; }
.single-post .menu-item-home a{ color: #ff9900 !important; }
.archive .menu-item-home a{ color: #ff9900 !important; }
.single-post .menu-item-home a{ color: #ff9900 !important; }
.single-rf_imagegallery .menu-item-25 a{ color: #ff9900 !important; } /* gallerys active */


/* Content area */
.main { width:660px; }
.wide { width:870px !important; padding-left:30px; background:#fff url('../images/contentBackgroundGallery.png') right top no-repeat; }
article { line-height: 1.7;  color: #2d2d2d; font-size: 14px; }
article header { margin-top: 40px; }
article header h2{ font-weight:normal; letter-spacing: 1px; margin: 0px 0px 10px 40px; font-size: 24px; text-shadow: 0px 4px 1px #eee; color:#0084c8; }
article header h2 a { color:inherit; text-decoration:none; }
article header span, span.meta{ 
	color:#bbb;
	margin:0px 0px 0px 40px; 
	font-family: Verdana, Geneva, sans-serif; 
	font-style: normal;
	font-size: 10px;
	text-transform: uppercase;
}

article h1, article h2, article h3, article h4, article h5, article h6{ margin:15px 0px 10px 40px; } 

article h1{ font-size:20px; }
article h2{ font-size:20px; }
article h3{ font-size:18px; }
article h4, article h5, article h6{ font-size:16px; }

article p { margin:4px 40px; }
article figure { margin:4px 40px; }

article img{ border-radius:3px;}
article a img:hover{ opacity:.8; }
article img.alignnone{ margin:10px; }
article img.aligncenter{ display: block; margin: 10px auto; clear:both; }
article img.alignleft{ float:left; margin:10px 20px 10px 0px; }
article img.alignright{ float:right; margin:10px 10px 10px 10px; }

.wp-caption{ background: #fff; padding:0px; max-width: 96%; text-align:center; position:relative; }
.wp-caption-text{  color: #999; font-style:italic; line-height:1;  }
.wp-caption.alignleft{ float:left; margin:10px 10px 10px 40px; }
.wp-caption.alignright{ float:right; margin:10px 15px 10px 10px; }
.wp-caption.aligncenter{ margin:10px auto; display:block; clear:both; }
.wp-caption.alignnone{ margin:10px; }

article ul{ list-style: square inside; margin:10px 0px 10px 60px; }
article ol{ margin:10px 0px 10px 60px; list-style:decimal inside; }


article table{ margin-left:40px; }
article table tr { border-bottom:1px solid #ccc; }

/* Edit post button */
.post-edit-link{ font-size:14px; color:#00f; margin-left:40px;}
.post-edit-link:hover{ text-decoration:none;  }

article footer{ margin-bottom:15px; margin-top:2px; font-size:12px; color:#bbb; font-family: Verdana, Geneva, sans-serif; }
article footer p{ padding-right: 40px; text-align:right; }
article footer hr { 	margin:10px 80px; border:0px; height:1px;
	background: rgb(255,255,255); /* Old browsers */
	background: -moz-linear-gradient(left, rgba(255,255,255,1) 0%, rgba(205,205,205,1) 50%, rgba(205,205,205,1) 51%, rgba(255,255,255,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(255,255,255,1)), color-stop(50%,rgba(205,205,205,1)), color-stop(51%,rgba(205,205,205,1)), color-stop(100%,rgba(255,255,255,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(left, rgba(255,255,255,1) 0%,rgba(205,205,205,1) 50%,rgba(205,205,205,1) 51%,rgba(255,255,255,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(left, rgba(255,255,255,1) 0%,rgba(205,205,205,1) 50%,rgba(205,205,205,1) 51%,rgba(255,255,255,1) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(left, rgba(255,255,255,1) 0%,rgba(205,205,205,1) 50%,rgba(205,205,205,1) 51%,rgba(255,255,255,1) 100%); /* IE10+ */
	background: linear-gradient(to right, rgba(255,255,255,1) 0%,rgba(205,205,205,1) 50%,rgba(205,205,205,1) 51%,rgba(255,255,255,1) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ffffff',GradientType=1 ); /* IE6-9 */
}
article footer a {color:inherit;}
article footer a:visited {color:inherit;}


#pagingDiv { margin-left:40px; }
#pagingDiv span{ display: inline-block; margin-top: 30px; width: 180px; }
#pagingDiv span:nth-child(2){ text-align: center; }
#pagingDiv span:nth-child(3){ text-align: right; }

/* Sidebar */
#sidebar-div{ width:280px; padding-top:55px; }

#sidebar-div nav li a{font-family: Verdana, Geneva, sans-serif;  text-transform: uppercase; margin-bottom:2px; line-height: 30px; font-size:14px; }
#sidebar-div nav li a{text-decoration: none; color: #0084c8; }
#sidebar-div nav li a:hover{ text-decoration: none; }
#sidebar-div nav li.current_page_item a{ color: #ff9900; }

.widget{ width: 80%; margin:0px 0px 40px 40px;}
.widget h2{color: #4a94ba; font-size: 14px; margin-bottom: 16px; font-weight:normal; }
.widget b{ color: #364e59; }
.widget a:link { text-decoration: none; color: #2d2d2d; }
.widget a:hover{ text-decoration: underline; }
.widget a:visited{ color: #2d2d2d; }

/* Lists on sidebar */
.widget ul{ margin-top:5px;  line-height: 1.3;  }
.widget li{ margin-top:6px; }
.widget li ul { padding-left: 12px; margin-top: 5px; margin-bottom:10px;	}
.widget li.current_page_item a { color: #ff9900; }
.widget li.current-cat a { color: #ff9900; }

/*  Animated sliding lists */
li.closed { list-style-image: url('../images/listClosed.png'); }
li.closed>ul{ list-style-image: none; display:none; }
li.open { list-style-image: url('../images/listOpen.png'); }
li.open>ul{ list-style-image: none; display:block; opacity: 0.8}

/* Footer */
#footer-div{ width:900px; height:25px;  padding-top:45px; color:#888; font-size:12px; font-family: Verdana, Geneva, sans-serif;}
#footer-div>span { margin-left:60px; }
.wide-footer{ background:#fff url('../images/footerBackgroundGallery.png') right top no-repeat; }

/* 404 error page */
#page404 img{ margin-left:180px; margin-bottom: 30px; }

/* TimeTable */
.page-id-34 table{ width:94%; margin-left:3%; font-size:12px; margin-top:20px; text-align:left;}
.page-id-34 th{ text-transform:uppercase; text-align:left; font-size:11px; padding-bottom:6px; }
.page-id-34 td{ border-right:1px dashed #efefef; padding:2px 1px; margin:0px; }
.page-id-34 tr:nth-child(even){ background:#fefedd; }
.page-id-34 tr:nth-child(5){ background:#eeffee; }
.page-id-34 tr td:last-child{ border:0px; }

/* Google maps map area */
#koolMap{ width:590px; height:350px; }

/* Image galleries */

article header a img { margin:0px 0px 10px 40px;  }

.attachment article { text-align: center; }
.attachment article header { text-align: left; }
.attachment article img {  margin: 10px auto; }
.attachment article div { margin: 10px auto; width:800px; }
.attachment article div span:nth-child(1){ display:inline-block; float:left; width:45%; text-align:left; }
.attachment article div span:nth-child(2){ display:inline-block; float:right; width:45%; text-align:right; }

.gallery { width:90%; margin:40px 0px 40px 40px; }
.gallery .gallery-item{ float: left; margin: 20px 0px; text-align: center; width: 25%; }
.gallery-columns-3 .gallery-item{ float: left; margin: 20px 20px; text-align: center;  }


/* Documents table */
#attachmentTable { width:90%; margin-top:40px; margin-left:0px; }
#attachmentTable tr { border:0px; }
#attachmentTable td{ padding:0px 0px 30px 0px; }
#attachmentTable td:nth-child(1){ width:80%; }
#attachmentTable td:nth-child(2){ width:20%; vertical-align:middle; text-align:right;}
#attachmentTable img { vertical-align:middle; }


/* Clouds and objects on background */
.objectsStyle{position: absolute; overflow: hidden; opacity: 0.2; z-index: -1; width: 200px; height: 50px; top: 100px; left: 10px;}


/* Forms */
.form input{margin:10px 40px;}

/* Search */
.relevanssi-query-term { color: #ff6600; }
.search-results article h3 { margin-bottom:0px; margin-top:20px; } 
.search-results article span { margin:0px; margin-left: 40px; }
.search-form-div { text-align:center; }

.search-form-div button, .search-form-div input{ border:1px solid #75ceff; border-radius: 4px; padding:2px; }
.search-form-div input{ height:24px;  vertical-align: bottom;  }
.search-form-div button.searchbtn { background:#75ceff; height:28px; width:40px; cursor:pointer; vertical-align: top; }
