/*
Theme Name: Fournine
Theme URI: http://demo.solidangle.fi/
Author: Automattic
Author: The Automattic Theme Team & Yoji Hirabayashi & Solid Angle & Kalamuki
Description: A semantic, HTML5, canvas for CSS artists and an ultra-minimal set of super-clean templates for your own WordPress theme development.
Version: 1.1
License: GNU General Public License
License URI: license.txt
Tags: custom-menu, sticky-post, microformats, rtl-language-support, translation-ready

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.
*/

/*
	Main stylesheet: contains CSS normalization, base styles, typography with a vertical rhythm and some mobile-first media queries

	Credit is left where credit is due
	Much ispiration was taken from the normalize.css project: http://necolas.github.com/normalize.css/
*/
/* `HTML5 elements display-role
---------------------------------------- */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section, dialog { display: block; }
audio[controls], video, canvas { display: inline-block; *display: inline; /* IE7 and older */ *zoom: 1; /* IE7 and older */ }
/* `Base structure
---------------------------------------- */
html { height: 100%; font-size: 100%; overflow-y: scroll; /* Force a scrollbar in non-IE */ -webkit-text-size-adjust: 100%; /* Remove iOS text size adjust without disabling user zoom */ }
body { margin: 0; min-height: 100%; }
body { font: 12px/14px Arial, sans-serif; *font-size: 1em; /* IE7 and older: IE can't resize px based text and most mobiles don't default the text to 16px */color: #222; /* Black on white is too much contrast, #222 is a lot better */ }
p, blockquote, q, pre, address, hr, code, samp, dl, ol, ul, form, table, fieldset, menu, h4, h5, h6, img { margin: 0 0 1.625em; text-rendering: optimizeLegibility; }
/* Headings and small
---------------------------------------- */
/*h1, h2, h3, h4, h5, h6 { font-weight: bold; }*/
h1 { font-size: 26px; /* 68px */ line-height: 1.5; margin: 0 0 0.3824em; }
h2 { font-size: 20px; /* 42px */ line-height: 1.5; margin: 0 0 0.619em; }
h3 { font-size: 18px; /* 26px */ line-height: 1; margin: 0 0 1em; }
h4, h5, h6 { font-size: 16px; }
small { font-size: 0.625em; /* 10px */ margin: 0 0 2.6em; }
/* `Code
---------------------------------------- */
/* Allows line wrapping of 'pre' */
pre { white-space: pre; white-space: pre-wrap; word-wrap: break-word; }
pre, code, kbd, samp, tt { font: 1em/1.625em Menlo, Consolas, 'DejaVu Sans Mono', Monaco, monospace; }
/* `Tables
---------------------------------------- */
table { border-collapse: collapse; border-spacing: 0; }
th { text-align: left; }
tr, th, td { padding-right: 1.625em; border-bottom: 1px solid #333; }
/* `Forms
---------------------------------------- */
form { margin: 0; }
fieldset { border: 0; }
textarea { overflow: auto; vertical-align: top; }
/* Same font settings as body */
button, input, select, textarea { font: 1em/1.625em "Helvetica Neue", Arial; color: #222; }
button, input[type="button"], input[type="reset"], input[type="submit"] { cursor: pointer; -webkit-appearance: button; appearance: button; }
input[type="checkbox"], input[type="radio"] { box-sizing: border-box; }
input[type="search"] { -webkit-appearance: textfield; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box; }
input[type="search"]::-webkit-search-decoration { -webkit-appearance: none; }
/* Trick with vertical align for radio and checkbox  */
input[type="radio"], input[type="checkbox"] { font-size: 110%; }
/* Some browsers create whitespace around textarea and input[type="text"] elements. Mikäli ei tarvetta, poista tämä kommentti ja ao- rivi tuotantokäytössä. Demo: http://www.456bereastreet.com/lab/whitespace-around-text-fields/ */
/* input, textarea { margin:0; vertical-align:bottom; } */

/* `Quotes
---------------------------------------- */
blockquote, q { quotes: none; }
blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; }
/*blockquote, q, cite { font-style: italic; }*/
blockquote { padding-left: 1.625em; border-left: 3px solid #ccc; }
blockquote > p { padding: 0; }
/* `Lists
---------------------------------------- */
ul, ol { list-style: none; list-style-position: inside; padding: 0; }
li ul, li ol { margin: 0 1.625em; }
.entry-content ul, .entry-content ol { list-style: disc inside; }
dl dd { /*margin-left: 1.625em*/; }
/* `Hyperlinks
---------------------------------------- */
a { text-decoration: underline; color: #4967A3;}
a:hover { text-decoration: underline; }
a:focus { outline: thin dotted; }
/* Better CSS outline suppression: people.opera.com/patrickl/experiments/keyboard/test */
a:hover, a:active { outline: none; }
/* `Figures, images, object, embed, video, iframe
---------------------------------------- */
figure { margin: 0; }
img { border: 0; -ms-interpolation-mode: bicubic; /* Improve IE's resizing of images: http://css-tricks.com/ie-fix-bicubic-scaling-for-images */ }
/* Responsive images and other embedded objects */
img, object, embed, video, iframe { width: auto; max-width: 100%; }
/* Responsive images aspeсt ratio */
img, video, iframe { height: auto; }

iframe { width: 560px; height: 420px;}
/* `Abbreviations
---------------------------------------- */
abbr[title], dfn[title] { border-bottom: 1px dotted #333; cursor: help; }
/* `Marked/inserted and deleted text
---------------------------------------- */
mark, ins { background: #ff0;text-decoration: none; }
del { text-decoration: line-through; }
/* `Others
---------------------------------------- */
/*strong, b, dt, th { font-weight: bold; }*/
/*dfn { font-style: italic; }*/
var, address { font-style: normal; }
/* Position 'sub' and 'sup' without affecting line-height: gist.github.com/413930 */
sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; }
sup { top: -0.5em; }
sub { bottom: -0.25em; }
/* `Clearfix hack: http://nicolasgallagher.com/micro-clearfix-hack/
---------------------------------------- */
.cf:before, .cf:after { content: ""; display: table; }
.cf:after { clear: both; }
.cf { *zoom: 1; }
/* Default (mobile) styles
---------------------------------------- */
/* Centering pages without a wrapper: http://www.camendesign.com/code/developpeurs_sans_frontieres */

.alignleft { display: inline; float: left; }
.alignright { display: inline; float: right; }
.aligncenter { clear: both; display: block; margin-left: auto; margin-right: auto; }

/* WP THEME: Text meant only for screen readers */
.screen-reader-text, .section-heading { position: absolute; left: -9000em; }

/* apply a natural box layout model to all elements */
* { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }

body {
	background: url(i/bg.jpg) center top;
	overflow-x: hidden;
}

#page {
	padding-top: 72px;
}

article {
	margin-bottom: 3em;
}

#access {
	position: absolute;
	top: 0;
	left: 0;
	background: #070707 url(i/bg-top-navi.png) no-repeat center center;
	overflow: hidden;
	width: 100%;
	height: 72px;
}

.menu-top-menu-container {
	position: absolute;
	top: 0;
	width: 100%;
}

#menu-top-menu,
#menu-main-menu {
	text-align: center;
}

.menu li {
	display: inline-block;
}

.menu li a {
	text-decoration: none;
}

#menu-top-menu li a {
	color: #c1c1c1;
	font-size: 12px;
	margin: 0 16px;
}

#menu-main-menu {
	margin-top: 46px;
}

#menu-main-menu #menu-item-135 {
	margin: 0 85px; 
}

#menu-main-menu li a {
	font-size: 26px;
	color: #fff;
	font-family: 'Arial Black';
}

#branding hgroup {
	width: 980px;
	margin: 0 auto;
	position: relative;
}

#site-title {
	margin: 0;
}

#site-title a {
	position: absolute;
	text-align: center;
	width: 600px;
	height: 172px;
	background: url(i/bg-title.png) no-repeat center center;
	text-indent: -9999em;
	border-bottom: 10px solid #000;
	left: 190px;
	top: 132px;	
}

#site-description {
	display: none;
}

#carousel {
	background: #a3a3a3;
	height: 120px;
	overflow: hidden;
}

#carousel ul {
	width: 980px;
	margin: 0 auto;
	height: 120px;
	position: relative;
}

#carousel li {
	font-size: 14px;
	color: #fff;
	line-height: 20px;
	padding: 10px 0 10px 90px;
	height: 120px;
	overflow: hidden;
}

#carousel .attachment-thumbnail {
	border-left: 5px solid #000;
	border-right: 5px solid #000;
	position: absolute;
	left: 0;
	top: 0;
}

#main {
	width: 980px;
	margin: 0 auto;
	border-top: 10px solid #000;
	border-bottom: 10px solid #000;
	background: rgba(255,255,255,0.75);
}

#primary {
	float: left;
	width: 620px;
	margin-left: 180px;
	border-left: 10px solid #000;
	border-right: 10px solid #000;
	padding-top: 182px;
}

#secondary {
	float: left;
	width: 180px;
	border-left: 10px solid #000;
	margin-left: -800px;
	position: relative;
}

#tertiary {
	float: left;
	width: 180px;
	border-right: 10px solid #000;
	position: relative;
}

#banner-left,
#banner-right {
	position: absolute;
	max-width: none;
}

#banner-left { left: -239px; top: 0; }
#banner-right { right: -256px; top: 0; }

.widget {
	padding: 10px;
	border-bottom: 10px solid #000;	
}

.widget a {
	text-decoration: none;
	font-size: 12px;
	text-transform: lowercase;
	line-height: 24px;
}

#text-2 {
	padding: 0;
}

#text-2 img {
	margin: 0;
	display: block;
}

.widget-title {
	background: #858585;
	margin: 1em 0 1em -10px;
	padding-left: 10px;
	color: #fff;
	text-transform: uppercase;
	font-size: 16px;
	line-height: 16px;
}

#text-3 {
	padding: 5px 5px 20px 5px;
}

#text-3 .widget-title {
	margin-left: -5px;
}

#text-3 a {
	display: block;
	color: #4967a3;
	font-size: 12px;
	line-height: 14px;
	padding-left: 40px;
	background: url(i/icon-fb.png) no-repeat 0 0;
	height: 32px;
}

#s {
	width: 140px;
}

#content {
	padding: 30px 20px;
}

#commentform p {
	position: relative;
}

.unhappyMessage {
	color: red;
	position: absolute;
	top: 8px;
	left: 235px;	
}

.page .entry-title {
	font-family: 'Arial Black', sans-serif; 
	text-transform: lowercase;
	text-align: justify;
	margin-bottom: 1em;
}

.page-support .entry-title {
	background: url(i/bg-support-title.png);
	width: 537px;
	height: 150px;
	text-indent: -9999em;
}

.page-support .entry-content {
	font-size: 16px;
	padding-top: 2em;
}

.page-support div.cf {
	margin-bottom: 2em;
}

strong {
	font-family: 'Arial Black', sans-serif;
}

.page-support .size-full {
	display: block;
	margin-bottom: 0;
}

.page-support div.alignleft a {
	font-size: 12px;
	color: #000;
	text-decoration: none;
}

.page-sampsa-statement .entry-title {
	letter-spacing: 90px;
	white-space: nowrap;
}

.page-open-ministry-statement .entry-title {
	letter-spacing: 28px;
	word-spacing: 2px;
	white-space: nowrap;
}

.page-campaign-statement .entry-title {
	letter-spacing: 14px;
	word-spacing: 16px;
	white-space: nowrap;
}

.avatar {
	margin-bottom: 0;
}

#progress {
	font-family: 'Arial Black', sans-serif;
	font-size: 24px;
	line-height: 28px;
	text-align: center;
}

#progress div {
	margin: 10px 0;
	font-size: 12px;	
}

#total,
#percentage,
#days {
	font-size: 28px;
	line-height: 28px;
}

#percentage {
	display: block;
}

/* 320px mobile devices styles
---------------------------------------- */
@media only screen and (min-width: 320px) {
 
}

/* Wide mobile devices styles
---------------------------------------- */
@media only screen and (min-width: 480px) {

}

/* Tablets/netbooks styles
---------------------------------------- */
@media only screen and (min-width: 768px) { 

}

/* Desktop devices styles
---------------------------------------- */
@media only screen and (min-width: 1024px) { 

}

/* 2x images for high density displays (iPhone4, iPad 3, etc.)
--------------------------------------------------------------*/

@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
	only screen and (-o-min-device-pixel-ratio: 3/2),
	only screen and (min--moz-device-pixel-ratio: 1.5),
	only screen and (min-device-pixel-ratio: 1.5) {
  
}


/* Print styles
---------------------------------------- */
@media print {
	* {
		background: transparent !important;
		color: black !important; /* The woes of CSS color in print typography: sanbeiji.com/archives/953 */
		text-shadow: none !important;
		filter: none !important;
		-ms-filter: none !important;
	}
	a, a:visited {
		color: #333 !important;
		text-decoration: underline;
	}
	a[href]:after {
		content: " (" attr(href) ")";
	}
	abbr[title]:after {
		content: " (" attr(title) ")";
	}
	/* Do not show javascript and internal links */
	a[href^="javascript:"]:after, a[href^="#"]:after {
		content: ""; 
	}
	/* Printing Tables: css-discuss.incutio.com/wiki/Printing_Tables */
	thead {
		display: table-header-group;
	}
	tr, img {
		page-break-inside: avoid;
	}
	@page {
		margin: 0.5cm;
	}
	p, h2, h3 {
		orphans: 3;
		widows: 3;
	}
	h2, h3{
		page-break-after: avoid;
	}
}