/*
Theme Name: Paasilinna
Author: jemiina.fi
*/

html, body { height: 100%; }
html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,abbr,address,cite,code,del,dfn,em,img,ins,kbd,q,samp,small,strong,sub,sup,var,b,i,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,time,mark,audio,video { margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent; }
ol,ul { list-style: none; }
blockquote,q { quotes: none; }
blockquote:before, blockquote:after, q:before, q:after { content:''; content: none; }
article, aside, details, figcaption, figure, footer, header, hgroup, nav, section { display: block; }
audio[controls], canvas, video { display: inline-block; *display: inline; *zoom: 1; }
html { overflow-y: scroll; -webkit-overflow-scrolling: touch; -webkit-tap-highlight-color: rgba(0,0,0,0); -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; }
body { background-color: #fff; line-height: 1; border-top: solid 10px #000; }
body, button, input, select, textarea { font: normal 100% proxima-nova, Optima, Segoe, "Segoe UI", sans-serif; color: #43403a; }
::-moz-selection { background: #e4e7ea; color: #43403a; text-shadow: none; }
::selection { background: #e4e7ea; color: #43403a; text-shadow: none; }
img { border: 0; -ms-interpolation-mode: bicubic; max-width: 100%; }
a img { border: none; }

/* Layout */
.clear:before, .clear:after { content: ""; display: table; }
.clear:after { clear: both; }
.clear { zoom: 1; }
.centered { padding: 0 10px; }
nav { padding-left: 120px; }
nav#options { padding: 0 0 20px 0; }
#logo { width: 100px; height: 125px; position: relative; z-index: 999; float: left; margin-bottom: -50px; }
#content, #content-wide, #sidebar { margin-bottom: 40px; }
#footer { width: 100%; border-top: 1px solid #e0e0e0; padding: 20px 0; color: #757067; text-align: center; }
.headimg { width: 100%; margin: 0; padding: 0 0 10px 0; }
.divider { display: block; width: 100%; background: url(images/divider.gif) repeat-x 50%; margin: 30px 0; }
.excerpt-img { display: none; }
.vid { width: 300px; }
.mediassaboxed { width: 180px; height: 200px; float: left; overflow: hidden; margin: 0 20px 10px 0; }
.element { width: 160px; margin: 0 0 20px 20px; padding: 0 0 20px 0; position: relative; float: left; overflow: hidden; border-bottom: 1px solid #d5d5d5; }
.price, .buy { float: left; }
.price { margin: 10px 0; }
.buy { margin: 18px 20px 0 0;  }
.read { margin: 15px 0 10px 0; }
.download { margin: 5px 0; }
.boxed { width: 300px; height: 120px; background: #e4e7ea url(images/boxed.gif) no-repeat right top; margin-bottom: 20px; overflow: hidden; }

/* Text elements */
h1, h2, h3, h4, .cond, #options a, #menu li a { font-family: proxima-nova-condensed, Optima, Segoe, "Segoe UI", sans-serif; font-weight: 300; }
h1, h2, h3, h4 { margin-bottom: 0.5em; line-height: 1.25em; }
h1 { font-size: 2.25em; line-height: 1.15em; }
h2 { font-size: 1.5em; }
h2.name { color: #9ea3a2; margin: 0; }
.entry-content h2 { font-size: 1.75em; margin-top: 1.0em; }
h3 { font-size: 1.25em; }
.divider h3 { display: inline; font-size: 1.0625em; padding-right: 20px; background-color: #fff; text-transform: uppercase; }
h4 { font-size: 1.125em; }
p { font-size: 1.0em; margin-bottom: 1.0em; line-height: 1.3125em; }
.entry-content p, .entry-content ul, .entry-content ol { font-size: 1.125em; font-weight: normal; }
p.dates { font-size: 1.125em; color: #9ea3a2; margin-bottom: 0; }
p.author, p.booktitle { font-size: 1.125em; text-align: center; }
p.author { color: #757067; margin: 20px 0 0 0; }
p.booktitle { margin: 0; text-transform: uppercase; }
p.infos { color: #9ea3a2; margin-bottom: 0; }
p.mediainfo { margin: 0; }
.price { font-size: 2.25em; font-weight: 600; }
blockquote { font-style: italic; }
.entry-content ul, .entry-content ol { margin: 0 0 1.8em 1.5em; line-height: 1.3125em; }
.entry-content ul { list-style-type: disc; }
.entry-content ol { list-style-type: decimal; }
a:hover, a:active, a:focus, object:focus { outline: none; -moz-outline-style: none; }
a:link, a:visited  { 
	color: #0f84a6; 
	text-decoration: none; 
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease; 
}
.entry-content a:link, .entry-content a:visited { text-decoration: underline; }
a:active, a:hover { text-decoration: underline; color: #757067; }
h1 a:active, h1 a:hover, h2 a:active, h2 a:hover, h3 a:active, h3 a:hover, h4 a:active, h4 a:hover { text-decoration: none; }
.excerpt-text a { color: #43403a; text-decoration: none; }
.excerpt-text a:active, .excerpt-text a:hover { color: #0f84a6; text-decoration: none; }
.excerpt-text h2 a:active, .excerpt-text h2 a:hover { color: #43403a; }
#tweet a { display: block; background: url(images/tweet.gif) no-repeat 0 50%; color: #757067; padding-left: 30px; margin-top: 30px; }
#tweet a:active, #tweet a:hover { text-decoration: underline; color: #757067; }
#options li { 
	display: block;
	float: left; 
	margin: 10px 5px; 
}
#options a { 	
	font-size: 1.125em; 
	text-transform: uppercase;
	padding: 4px 6px; 
	color: #43403a;
	background-color: #e4e7ea; 
	-moz-border-radius: 4px; 
	-o-border-radius: 4px; 
	-webkit-border-radius: 4px; 
	border-radius: 4px; 
}
#options a:active, #options a:hover, #options a.selected { text-decoration: none; color: #fff; background-color: #43403a; }
.buy a { 
	font-size: 1.375em; 
	text-transform: uppercase;
	padding: 4px 12px; 
	color: #fff;
	background-color: #43403a;
	-moz-border-radius: 4px; 
	-o-border-radius: 4px; 
	-webkit-border-radius: 4px; 
	border-radius: 4px; 
}
.buy a:active, .buy a:hover { text-decoration: none; color: #43403a; background-color: #d5d5d5; }
.read a, .download a { font-size: 1.125em; color: #43403a; text-transform: uppercase; }
.read a { padding-left: 40px; background: url(images/read.gif) no-repeat 0 50%; }
.download  a { padding-left: 25px; background: url(images/download.gif) no-repeat 0 50%; }
.read a:active, .read a:hover, .download  a:active, .download  a:hover { text-decoration: none; color: #757067; }
.element a, .mediassaboxed a, a.newslink { color: #43403a; }
a:active p.author , a:hover p.author, .mediassaboxed a:active, .mediassaboxed a:hover, a:active.newslink, a:hover.newslink { color: #0f84a6; text-decoration: none; }
.element a:active, .element a:hover { color: #0f84a6; text-decoration: none; background-color: #d5d5d5; }

.boxed h2 { width: 145px; padding: 15px 10px 0 15px; }
.boxed img, .boxed h2 { float: left; }
.boxed a { display: block; width: 300px; height: 120px; color: #43403a; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease; }
.boxed a:active, .boxed a:hover { text-decoration: none; color: #43403a; background: #d5d5d5 url(images/boxed_active.gif) no-repeat right top; }
.mediaboxed { width: 120px; margin: 20px 20px 0 0; float: left; }

.isotope-item { z-index: 2; }
.isotope-hidden.isotope-item { pointer-events: none; z-index: 1; }
.isotope, .isotope .isotope-item { -webkit-transition-duration: 0.8s; -moz-transition-duration: 0.8s; transition-duration: 0.8s; }
.isotope { -webkit-transition-property: height, width; -moz-transition-property: height, width; transition-property: height, width; }
.isotope .isotope-item { -webkit-transition-property: -webkit-transform, opacity; -moz-transition-property: -moz-transform, opacity; transition-property: transform, opacity; }

.small { font-size: 0.875em; }
h2.small { font-size: 1.25em; }
.up { margin-top: -15px; }
.spaced { margin-top: 40px; }
.caps { text-transform: uppercase; }

/* Navigation */
#menu { float: left; margin-top: 25px; }
#menu li { display: block; margin-bottom: 5px; }
#menu li a { font-size: 1.125em; color: #43403a; }
#menu li a:hover, #menu li a:active, #menu li.current_page_item  a, #menu li.current_page_ancestor a { text-decoration: none; border-bottom: 1px solid #43403a; color: #43403a; }

/* Images */
.ir { display: block; border: 0; text-indent: -999em; overflow: hidden; background-color: transparent; background-repeat: no-repeat; text-align: left; direction: ltr; }
.alignleft, img.alignleft { display: inline; float: left; margin-right: 24px; margin-top: 4px; }
.alignright, img.alignright { display: inline; float: right; margin-left: 24px; margin-top: 4px; }
.aligncenter, img.aligncenter { clear: both; display: block; margin-left: auto; margin-right: auto; }
img.alignleft, img.alignright, img.aligncenter { margin-bottom: 1.0em; }
.wp-caption { margin-bottom: 20px; }
.articleimg { padding: 0 10px; }

/* Form */
#searchform, #searchformleft { width: 180px; height: 30px; margin: 20px 0; float: left; border: 1px solid #d5d5d5; -moz-border-radius: 4px; -o-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; }
input#s { width: 142px; float: left; border: none; background-color: transparent; font-family: proxima-nova, sans-serif; font-size: 1.0em; padding: 4px; }
input#searchsubmit { width: 30px; height: 28px; padding: 1px; border: none; float: right; cursor: pointer; background: transparent url(images/search.gif) no-repeat 50% 50%; }

/* Search */
.ac_results { padding: 0; margin-top: 10px; border: 1px solid #d5d5d5; background-color: #fff; overflow: hidden; -moz-border-radius: 4px; -o-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; }
.ac_results ul { list-style-position: outside; list-style: none; padding: 0; margin: 0; }
.ac_results iframe {
	display:none;/*IE5*/
	display/**/:block;/*IE5*/
	position:absolute;
	top:0;
	left:0;
	z-index:-1;
	filter:mask();
	width:3000px;
	height:3000px;
}
.ac_results li { margin: 0; padding: 5px 6px; cursor: pointer; display: block; font-size: 0.875em; overflow: hidden; }
.ac_over { background-color: #e4e7ea; color: #43403a; }

/* Media Queries */
@media only screen and (min-width: 480px) {	
	.excerpt-img { display: block; width: 180px; float: left; margin: 0 40px 40px 0; }
	.excerpt-text { margin-bottom: 40px; }
}
@media only screen and (min-width: 640px) {	
	#sidebar section.right { float: right; }
	#sidebar section.left { float: left; }
	#menu li { display: inline; margin-right: 15px; }
	.vid { float: left; margin-right: 10px; }
}
@media only screen and (min-width: 768px) {
	.page-template-default #content.left, .single-format-standard #content.left { width: 56%; float: left; }
	.page-template-default #sidebar.right, .single-format-standard #sidebar.right { width: 300px; float: right; }
	#sidebar section.right, #sidebar section.left { float: none; }
	.vid { float: none; margin-right: 0; }
	.right-align { text-align: right; }
	.price, .buy { float: right; }
	.buy { margin: 18px 0 0 20px;  }
}
@media only screen and (min-width: 960px) {
	.left { float: left; }
	.right { float: right; }
	#menu { margin: 25px 20px 0 30px; }
	#searchform { float: right; }
	.centered { width: 940px; margin: 0 auto; }
	#content, .page-template-default #content.left, .single-format-standard #content.left { width: 600px; }
	#sidebar, .page-template-default #sidebar.right, .single-format-standard #sidebar.right { width: 300px; }
	nav#options { width: 220px; }
	#content-wide { width: 720px; }
	#options li { float: none; margin: 15px 0; }
	#options a { background-color: #fff; }
}
@media only screen and (min-width: 1600px) {
	.headimg { width: 1600px; margin: 0 auto; }
}
