/*
Theme Name: Sampsa
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-x: hidden; 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%; height: 100%; overflow-x: hidden; }
body { font: 14px/1.625 "Helvetica Neue", Arial; *font-size: 1em; /* IE7 and older: IE can't resize px based text and most mobiles don't default the text to 16px */color: #e7e7e7; /* Black on white is too much contrast, #222 is a lot better */ background: url(i/bg.jpg) no-repeat center center fixed; 
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	font-family: 'Myriad Pro', sans-serif;
	-moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;
}
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: 16px; /* 68px */ line-height: 24px; margin: 0 0 0.3824em; font-weight: bold;}
h2 { font-size: 30px; /* 42px */ line-height: 52px; margin: 0 0 0.619em; }
h3 { font-size: 26px; /* 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; }
dl dd { /*margin-left: 1.625em*/; }
/* `Hyperlinks
---------------------------------------- */
a { text-decoration: none; color: #7ec9d7; }
a:hover { text-decoration: underline; }
a:focus { outline: none; }
/* 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: 1px solid #000; -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 */
object, embed, video, iframe { width: auto; max-width: 100%; }
/* Responsive images aspeсt ratio */
img, video, iframe { height: auto; }
/* `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; }


#page {
	overflow-x: hidden;
	padding-top: 50px;
	height: 100%;
}

article {
	width: 65%;
	margin: 0 auto;
	min-height: 400px;
}

.attachment-list {
	overflow: hidden;
	clear: both;
	background: rgba(255,255,255,0.32);
}

.attachment-list li {
	margin: 10px 5px;
	list-style: none;
	float: left;
	height: 112px;
	width: auto;
}

.attachment-list li a {
	display: block;
}

.attachment-list li img {
	margin: 0;
	display: block;
	height: 110px;
	width: auto;
}

.texts {
	float: left;
	width: 27%;
	padding-right: 50px;
	text-align: right;
}

.description div {
	font-style: italic;
}

.reference {
	margin-top: 1.625em;
}

.link {
	font-style: italic;
}

.attachment-full {
	border: 2px solid #000000;
    max-width: 73%;
    max-height: 672px;
    height: auto;
}

.carousel {
	position: relative;
	width: 100%;
	overflow: visible;
	height: 132px!important;
}

.home .article {
	height: 509px;
}

.left,
.right {
	position: absolute;
	height: 132px;
	width: 100px;
	top: 0;
}

.left {
	left: 0;
}

.right {
	right: 0;
}

.page-archive .carousel {
	margin: 0 0 45px;
}

.page-archive h2 {
	font-size: 18px;
	text-align: right;
	margin-right: 20px;
	margin-bottom: 0px;
	line-height: 20px;
	text-transform: uppercase;
	opacity: 0.8;
	font-weight: normal;
}

.suomi-apu {
	display: block;
	height: 14px;
	width: 104px;
	text-indent: -9999em;
	position: absolute;
	top: 20px;
	left: 20px;
	background: url(i/suomi-apu.png) no-repeat 0 0;
}

.home .suomi-apu,
.page-archive .suomi-apu {
	background-position: 0 -14px;
}

.rgba .attachment #page {
	background: rgba(0,0,0,0.35);
}

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

	article {
	    margin: 0 auto;
	    min-height: none;
	    width: 100%;
	    padding: 0 10px;
	}

	.texts {
	    float: none;
	    padding-left: 0;
	    padding-right: 0;
	    text-align: right;
	    width: 100%;
	}

	.attachment-full {
	    border: 2px solid #000000;
	    height: auto;
	    max-height: none;
	    max-width: 100%;
	}

	.carousel {
	    height: 132px !important;
	    overflow: visible;
	    position: relative;
	    width: 70%;
	    margin: 0 15%;
	}

	.attachment-list {
	    background: none repeat scroll 0 0 rgba(255, 255, 255, 0.32);
	    clear: both;
	    overflow: hidden;
	    margin: 0 auto;
	}

	.attachment-list li {
	    float: none;
	    height: 112px;
	    list-style: none outside none;
	    margin: 10px 5px;
	    width: auto;
	}
}

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

}

/* Tablets/netbooks styles
---------------------------------------- */
@media only screen and (min-width: 768px) {
	
	article {
	    margin: 0 auto;
	    min-height: 400px;
	    width: 65%;
	   	padding: 0;
	}

	.texts {
	    float: left;
	    padding-left: 0;
	    padding-right: 50px;
	    text-align: right;
	    width: 27%;
	}

	.attachment-full {
	    border: 2px solid #000000;
	    height: auto;
	    max-height: 672px;
	    max-width: 73%;
	}

	.carousel {
	    height: 132px !important;
	    overflow: visible;
	    position: relative;
	    width: 100%;
	    margin: 0;
	}

	.attachment-list {
	    background: none repeat scroll 0 0 rgba(255, 255, 255, 0.32);
	    clear: both;
	    overflow: hidden;
	    margin: 0;
	}

	.attachment-list li {
	    float: left;
	    height: 112px;
	    list-style: none outside none;
	    margin: 10px 5px;
	    width: auto;
	}

}

/* 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;
	}
}