/*
Theme Name: Signaali
Version: 0.1
Author: Niko Hakkarainen (Design), Jere Majajava (CSS implementation)
*/

/* Resets
=======================================*/
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, font, 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 { margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; background: transparent; } body { line-height: 1; } ol, ul { list-style: none; } blockquote, q { quotes: none; } blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; }  :focus { outline: 0; }  ins { text-decoration: none; } del { text-decoration: line-through; } table { border-collapse: collapse; border-spacing: 0; }

/* Sticky footer
=======================================*/

* {margin:0;padding:0;} 

html, body, #wrapper {height: 100%;}

body > #wrapper {height: auto; min-height: 100%;}

#footer {padding-bottom: 200px;}

#footnotes {position: relative;
	margin-top: -200px;
	height: 200px;
	clear:both;} 

/* CLEAR FIX*/
#footer {content: "_";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;}



/* Hidden elements
=======================================*/
.skip-link,
#nav-above,
.widget_search label,
.meta-sep,
body.blog .entry-meta .tag-links,
body.blog .entry-meta .comments-link,
body.archive .entry-meta {
	display: none;
}

/* Layout
=======================================*/

#wrapper {
	width: 961px;
	margin: 0 auto;
}
#header {
	height: 121px;
}
#access {
}
#container {
	float: left;
	margin: 0 -289px 0 0;
	width: 100%;
}
#content {
	margin: 0 289px 0 0;
	min-height: 300px;

}
body.blog #content {
/*	padding-top: 65px; */
}
.sidebar {
	float: right;
	overflow: hidden;
	width: 289px;
}
#primary ul.xoxo {
	padding: 0 12px 0 17px;
}
#primary li.widget {
	padding: 14px 12px 14px 17px;
	overflow: auto;
}
#secondary {
	clear:right;
	padding-top: 16px;

}

/* Header
---------------------------------------*/
h1 {
	position: absolute;
	left: 37px;
	top: 56px;
	width: 240px;
	height: 49px;
}
#blog-description {
	position: absolute;
	left: 280px;
	top: 62px;
	width: 420px;
}

/* Menu
---------------------------------------*/
#menu {
	overflow: auto;
	height: 41px;
}
#menu ul {
	float: right;
}
#menu ul li,
#menu ul li a {
	float: left;
}
#menu ul li a {
	height: 41px;
	line-height: 41px;
	display: block;
}

/* Posts
---------------------------------------*/
body .post,
body .page,
#nav-below {
	padding: 10px 20px;
}
.entry-date {
	float: left;
}
.entry-content,
.entry-meta {
	margin: 0 8px 0 137px;
}
body.single .entry-meta {
	padding-left: 71px;
	background: url(author_small.png) no-repeat scroll 0 bottom;
}
body.blog .post {
	position: relative;
	min-height: 200px;
	margin-bottom: 14px; 
}

body.blog .post h2.entry-title {
	padding-right: 80px; 
}

body.blog .category-lyhyet  h2.entry-title {
	padding-right: 0; 
}

body.blog .category-lyhyet {
	position: relative;
	min-height: 100px;
}
body.blog .entry-meta .author {
	position: absolute;
	left: 20px;
	top: 100px;
	width: 98px;
	color: #fff;
	font-size: 0;
	line-height: 0;
}
body.blog .entry-meta .author a {
	display: block;
	padding-top: 98px;
	background: url(author.png) no-repeat scroll 0 0;
	font-size: 11px;
	line-height: 16px;
	text-align: center;
}

body.blog .category-lyhyet .entry-content a {
	text-decoration: underline;
}
body.blog .category-lyhyet a:link,
body.blog .category-lyhyet a:visited {
	color: #00799d;
}
body.blog .category-lyhyet a:hover {
	color: #000;
}
body.blog .category-lyhyet .entry-title {
	font-weight: bold;
}
body.blog .entry-meta .cat-links {
	position: absolute;
	right: 20px;
	top: 32px;
	color: #fff;
	font-size: 0;
	}
body.blog .entry-meta .cat-links a {
	color: #597589;
	text-transform: uppercase;
	font-size: 11px;
	letter-spacing: 1px;
}

/* Footer
---------------------------------------*/

#footnotes {
	width: 100%;

}
#footwrap {
	margin: 0 auto;
	padding-top: 30px;
	width: 961px;
}
.footsection {
	float: left;
	padding-right: 10px;
}
#infobox {
	width: 390px;
}
#copyright {
	padding: 16px 0;
}
img#cc-logo {
	float: left;
	padding: 8px 16px 8px 0;
}
#categorylinks {
	width: 170px;
}
#pagelinks {
	width: 82px;
}
#university {
	width: 289px;
	padding: 20px 0;
	text-align: center;
}

/* Typography
=======================================*/

#menu ul li a, h2, h3 {
	font-family: Georgia, serif;

}

body {
	font-family: Tahoma, sans-serif;
	font-size: 11px;
	line-height: 16px; 
	color: #2b2e32;
}
input, textarea {
	font-family: Tahoma, sans-serif;
	font-size: 11px;
	line-height: 16px; 
}
#blog-description {
	font-weight: bold;
	color: #fff;
}
.entry-content {
	font-size: 12px;
	line-height: 20px; 
}
.entry-content h3,
.entry-content p,
.entry-content ul,
.entry-content ol,
.entry-content dl,
.entry-content table {
	margin: 0 0 1em;
}
.entry-content li {
	margin-left: 2em;
	margin-bottom: 0.4em;
}

.entry-content ol li {
	list-style-type: decimal;
}

.entry-content ul li {
	list-style-type: square;
}


.entry-content > p:first-child {
	font-weight: bold;
}
.category-lyhyet .entry-content > p:first-child {
	font-weight: normal;
}

blockquote {
	margin-left: 6px;
	border-left: 2px #ddd solid;
	padding-left: 12px;
	color: #5e656d;
}
div.wp-caption {
	margin: 1em 0;
}
p.wp-caption-text {
	text-align: center;
	color: #5e656d;
	font-size: 11px;
	line-height: 16px;
	margin: 1em 0;
}
h6 {
	display: block !important;
	float: left;
	margin: 20px 30px 20px -157px;
	border: none;
	width: 348px;
	padding: 20px;
	color: #fff;
	background: #00374c url(bg_quote.png) scroll repeat-x 0 bottom;
	font-family: Georgia, serif;
	font-size: 16px;
	line-height: 22px; 
	font-style: italic;
	font-weight: normal;
}
.entry-content li,
.sidebar li li,
#footnotes li {
	margin-bottom: 2px;
}
.entry-title, #comments h3 {
	font-size: 20px;
	line-height: 22px;
	padding: 20px 0 27px;
}
.page .entry-title,
.page-title,
.single .entry-title {
	font-size: 26px;
	line-height: 26px; 
	padding: 6px 0 46px;
}
h3 {
	font-size: 16px;
	line-height: 22px; 
}
h2, h3 {
	font-weight: normal;
}
.sidebar h3 {
	font-style: italic;
	padding: 0 0 8px;
}
#footnotes h3 {
	font-family: Tahoma, sans-serif;
	margin-bottom: 5px;
}
#footnotes ul li {
	margin-left: 10px;
	list-style-type: disc;
}
#footnotes li a {
	font-weight: bold;
}

/* Design
=======================================*/
body {
	background: #0f3259 url(bg-bluetiles.jpg) fixed no-repeat 0 0;
}
h1 {
	background: url(logo_signaali.png) scroll no-repeat 0 0;
	left: 45px;
	top: 56px;
	width: 240px;
	height: 49px;
}
h1 a {
	display: block;
	height: 49px;
	width: 240px;
	text-indent: -100em;
}
#content {
	border: 1px solid #335970;
	background: #fff url(content_shadow.png) repeat-x scroll 0 bottom;
}
body.single .entry-meta {
	border-top: 1px solid #ddd;
	margin-top: 20px;
	padding-top: 20px;
}

/* Entries
---------------------------------------*/
body.single .post,
body.page .page {
	background: #fff url(page_shadow.png) scroll no-repeat 0 0;
}
body.blog .post {
	background: #fff url(post_shadow.png) scroll no-repeat 0 0;
}
.entry-date {
	color: #718692;
}
body.blog .category-lyhyet {
	background: #fff url(aside_shadow.png) scroll no-repeat 0 0;
}
body.blog .category-lyhyet .entry-meta {
	display: none;
}
body.blog .category-lyhyet .entry-title {
	font-family: Tahoma, sans-serif;
	font-size: 16px;
	line-height: 22px;
}

/* Archive
---------------------------------------*/

body.archive .page-title {
	padding: 20px;
}
.archive-meta  {
	padding: 10px 20px;
}

/* Menu
---------------------------------------*/
#menu ul li ul {
	display: none;
}
#menu ul li {
	background-color: #005474;
}
#menu ul li a {
	overflow: hidden;
	text-indent: -100em;
}
#menu .page-item-2 a {
	width: 74px;
	background: url(tab_info.png) scroll no-repeat 0 0;
}
#menu .page-item-7 a {
	width: 99px;
	background: url(tab_links.png) scroll no-repeat 0 0;
}
#menu .page-item-5 a {
	width: 84px;
	background: url(tab_archive.png) scroll no-repeat 0 0;
}
#menu .page-item-28 a {
	width: 48px;
	background: url(tab_feed.png) scroll no-repeat 0 0;
}

/* Links
---------------------------------------*/
a {
	text-decoration: none;
	color: #c65800; 
}
a:hover {
	color: #000; 
}

/* Sidebar
---------------------------------------*/
#primary {
	background: #007da2 url(bg_sidebar.png) repeat-x scroll 0 0;
}
#primary {
	color: #abeafe;
}
#primary a {
	color: #e4e100;
	font-weight: bold;
}
#recentcomments a {
	display: block !important;
}
#recentcomments a.url {
	color: #abeafe;
	font-weight: normal;
	display: inline !important;
}
#primary a:hover {
	color: #fff;
}
#primary li.widget {
	background: url(widget_separator.png) repeat-x scroll 0 0;
}
#primary .widget_search {
	background: none !important;
}
#primary li.widget_recent_entries li {
	margin-left: 10px;
	list-style-type: disc;
}
#primary li.recentcomments {
	margin-bottom: 8px;
}
.widget_tag_cloud {
	background: #fef9d1 url(bg_tagcloud.png) repeat-x scroll 0 0;
	border: 5px #fff solid;
	border-width: 5px 5px 5px 0;
	padding: 10px 24px 10px 33px;
	margin-bottom: 46px;
}
.widget_tag_cloud h3 {
	color: #597472;
}
.widget_tag_cloud a {
	text-decoration: underline;
}
a.tagsz-1:link {
	color: #6b827c;
}
a.tagsz-2:link {
	color: #33555b;
	font-size: 12px;
}
a.tagsz-3:link {
	color: #597472;
	font-size: 14px;
}
a.tagsz-4:link {
	color: #1c424d;
	font-size: 16px;
}
a.tagsz-5:link {
	color: #053040;
	font-size: 20px;
}
#secondary .widget_text {
	text-align: center;
	font-size: 11px;
	line-height: 16px;
	margin: 0 0 8px 26px;
	padding: 1px;
	width: 234px;
}
#secondary .widget_text * {
	color: #fff;
}
#s {
	background: #c7ebec url(bg_search.png) scroll repeat-x 0 0;
	border: 1px solid #00374b;
	width: 150px;
	height: 16px;
	margin: 0;
	padding: 1px;
	float: left;
}
#searchsubmit {
	background: #a3c300 url(bg_searchbutton.png) scroll repeat-x 0 center;
	color: #00374b;
	font-size: 9px;
	line-height: 1em;
	text-transform: uppercase;
	font-weight: bold;
	border: 1px solid #00374b;
	height: 20px;
	float: left;
	padding: 0 5px;
	-webkit-border-top-right-radius: 8px;
	-moz-border-top-right-radius: 8px;
	border-top-right-radius: 8px;
	-webkit-border-bottom-right-radius: 8px;
	-moz-border-bottom-right-radius: 8px;
	border-bottom-right-radius: 8px;
}

/* Next and previous post
---------------------------------------*/

#nav-below {
	height: 3em;
	font-weight: bold;
}
.nav-previous,
.nav-next {
	width: 49%;
}
.nav-previous {
	float: left;
	text-align: left;
}
.nav-next {
	float: right;
	text-align: right;
}

/* Comments
---------------------------------------*/
#comments {
	background: #daf3f4 url(bg_comments.png) scroll repeat-x 0 0;
	font-size: 12px;
	line-height: 20px; 
	color: #2b2e32;
}

#comments .comment-author,
#comments .comment-meta,
#comments .form-label {
	color: #385266;
	font-size: 11px;
	line-height: 16px; 
}
#comments h3 {
	color: #2b2e32;
	padding: 10px 0 20px;
}
div.comments,
#respond {
	padding: 10px 20px;
	
}
#comments .comment-author,
#comments .comment-meta {
	width: 137px;
	margin-left: -172px;
	position: relative;
	top: -16px;
	float: left;
	clear: left;
	text-align: right;
}
#comments .comment-meta a {
	color: #597589;
}
#comments .comment-author .photo {
	float: none;
}
#comments .comment-author span {
	display: block;
}
#comments .comment,
#comments .pingback {
	margin: 0 0 0 143px;
	padding: 16px 16px 16px 29px;
	background: url(speechbubble.png) scroll no-repeat 0 0;
	min-height: 80px;
}
div.comments {
	border-bottom: 1px solid #fff;
}
#comment-notes {
	margin-bottom: 1em;
}
#comments .form-label {
	width: 137px;
	float: left;
	clear: left;
	text-align: right;
	padding-top: 4px;
}
#comments .form-input,
#comments .form-textarea,
#comments .form-submit {
	margin-left: 160px;
	padding-top: 4px;
}
#comments .text {
	border: 1px solid #addbe6;
	padding: 6px 6px;
	width: 190px;
}
/* kommenttien kappaleiden väliin tilaa */
.comment p {
	margin-bottom: 0.8em;
}
#comments textarea.text {
	width: 440px;
	height: 128px;
}
#comments #submit {
	color: #fff;
	background-color: #c66111;
	border: none;
	padding: 4px 6px;
	font-weight: bold;
}


/* Footer
---------------------------------------*/
#footnotes {
	background: #fff url(footer_shadow.png) repeat-x scroll 0 0;
	color: #597589;
}

/* Author images
---------------------------------------*/

body.single .author-antero-aunesluoma .entry-meta {
	background-image: url(64px/aunesluoma.jpg);
}
body.blog .author-antero-aunesluoma  .entry-meta .author a {
	background-image: url(98px/aunesluoma.jpg);
}

body.single .author-jani-hautamaki .entry-meta {
	background-image: url(64px/hautamaki.jpg);
}
body.blog .author-jani-hautamaki  .entry-meta .author a {
	background-image: url(98px/hautamaki.jpg);
}

body.single .author-mari-jussila .entry-meta {
	background-image: url(64px/jussila.jpg);
}
body.blog .author-mari-jussila  .entry-meta .author a {
	background-image: url(98px/jussila.jpg);
}

body.single .author-kristiina-karjalainen .entry-meta {
	background-image: url(64px/karjalainen.jpg);
}
body.blog .author-kristiina-karjalainen .entry-meta .author a {
	background-image: url(98px/karjalainen.jpg);
}

body.single .author-sari-koski-kotiranta .entry-meta {
	background-image: url(64px/koski-kotiranta.jpg);
}
body.blog .author-sari-koski-kotiranta .entry-meta .author a {
	background-image: url(98px/koski-kotiranta.jpg);
}

body.single .author-pauliina-kupila .entry-meta {
	background-image: url(64px/kupila.jpg);
}
body.blog .author-pauliina-kupila .entry-meta .author a {
	background-image: url(98px/kupila.jpg);
}


body.single .author-jere-majava .entry-meta {
	background-image: url(64px/majava.jpg);
}
body.blog .author-jere-majava  .entry-meta .author a {
	background-image: url(98px/majava.jpg);
}

body.single .author-erja-mattila .entry-meta {
	background-image: url(64px/mattila.jpg);
}
body.blog .author-erja-mattila  .entry-meta .author a {
	background-image: url(98px/mattila.jpg);
}

body.single .author-anni-rytk\%c3\%b6nen .entry-meta {
	background-image: url(64px/rytkonen.jpg);
}
body.blog .author-anni-rytk\%c3\%b6nen .entry-meta .author a {
	background-image: url(98px/rytkonen.jpg);
}


body.single .author-heikki-wilenius .entry-meta {
	background-image: url(64px/wilenius.jpg);
}
body.blog .author-heikki-wilenius  .entry-meta .author a {
	background-image: url(98px/wilenius.jpg);
}