/**
 * Theme Name: SYY 2010
 * Theme URI: http://syy.fi
 * Description: Syy.fi teema
 * Version: 0.1
 * Author: Hannu Lemettinen
 * Author URI: http://iasy.fi
 * Tags: Add, Whatever, Tags, You, Want
 *Template: hybrid
 */
 
 /* Get base CSS 
@import url('../hybrid/library/css/21px.css');*/

/* Get layout CSS */
@import url('../hybrid/library/css/2c-l-fixed.css');

/* Get plugins CSS */
@import url('../hybrid/library/css/plugins.css');

/* Get drop-downs CSS */
@import url('../hybrid/library/css/drop-downs.css');

html,body,div,span,object,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,samp,small,strong,sub,sup,tt,var,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{margin:0;padding:0;outline:none;font-size:100%;background:transparent;border:none;text-decoration:none}b,i,hr,u,center,menu,layer,s,strike,font,xmp{margin:0;padding:0;vertical-align:baseline;outline:none;font-size:100%;font-weight:normal;font-style:normal;background:transparent;border:none;text-decoration:none}font{color:#333}center{text-align:left}body{line-height:24px;font-family:Georgia,Times,"Times New Roman",serif;color:#333;background:#fff}h1,h2,h3,h4,h5,h6{font-style:normal;font-weight:normal;margin:0 0 21px 0}h1{font-size:1.8em}h2{font-size:1.7em}h3{font-size:1.55em;}h4{font-size:1.4em}h5{font-size:1.25em}h6{font-size:1.1em}p{margin:0 0 21px 0}ol,ul{list-style:none}ul{list-style:disc;margin:0 0 21px 2.5em}ol{list-style-type:decimal;margin:0 0 21px 3em}ol ol{list-style:upper-roman}ol ol ol{list-style:lower-roman}ol ol ol ol{list-style:upper-alpha}ol ol ol ol ol{list-style:lower-alpha}ul ul,ol ol,ul ol,ol ul{margin-bottom:0}dl{margin:0 0 18px 3px}dl dt{font-weight:bold;margin:12px 0 0 0}dl dd{margin:6px 0 0 1.5em}strong{font-weight:bold}strong strong{font-weight:normal}em,cite{font-style:italic}em em,cite cite{font-style:normal}abbr{cursor:help}acronym{text-transform:uppercase;border-bottom:1px dashed #666;cursor:help}big{font-size:120%}small,sup,sub{font-size:80%}sup{vertical-align:baseline;position:relative;bottom:0.3em}sub{vertical-align:baseline;position:relative;top:0.3em}address{font-style:italic;margin:0 0 21px 0}li address,dd address{margin:0}blockquote{margin:0 2.5em;font-style:normal}blockquote em,blockquote cite{font-style:italic}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}a{cursor:pointer}a img{border:none}pre{overflow:auto;font:.9em Monaco,monospace,Courier,"Courier New";line-height:21px;margin-bottom:21px;padding:9px}code{font:.9em Monaco,monospace,Courier,"Courier New"}pre code{font-size:1em}ins,dfn{font-style:italic;text-decoration:none;border-bottom:1px solid #666}del{text-decoration:line-through}object{margin-bottom:21px}input,textarea{font-size:1em;font-family:Georgia,Times,"Times New Roman",serif;padding:3px}:focus{outline:none}form label{cursor:pointer}option{padding:1px 3px}table{border-collapse:collapse;border-spacing:0;margin-bottom:21px}th,td{text-align:left}hr{margin-bottom:21px}img.wp-smiley{max-height:12px;margin:0;padding:0;border:none}.gallery{display:block;text-align:center;margin-bottom:21px !important}.alignleft,.left{float:left;margin-right:15px}.alignright,.right{float:right;margin-left:15px}.aligncenter,.center{display:block;margin:0 auto 21px auto}.alignnone,.block{clear:both;margin:0 0 21px 0}.clear{clear:both}img.alignleft,img.alignright{display:inline}blockquote.alignleft,blockquote .alignright{width:33%}




/* Body */
body {
	font: normal normal normal 13px/21px Helvetica, Arial, sans-serif;
	color: #000;
	}

/* Body container */
#body-container {
	margin: 40px auto 21px auto;
	}

.notxt{display:none}
.no-data{display:none}

/* Links */
a {
	color: #21759b;
	text-decoration: none;
	}
a:visited {
	
	}
a:hover, a:active {
	color: #d54e21;
	text-decoration: underline;
	}


a.read_more_link{font-weight:bold;}
a.more-link{font-weight:bold;}
/* Headers */
h2, h3, h4, h5, h6 {
	font-family: Arial, Helvetica, sans-serif;
	color: #000;
	font-weight:bold;
	}
h2 {
	font-size:17px;
	line-height:24px;
	}
h3 {
	font-size: 15px;
	}
h4 {
	font-size: 14px;
	}
h5 {
	font-size: 13px;
	}
h6 {
	font-size: 13px;
	}

/* Lists */
ul {
	list-style: square;
	}

ol li{margin-bottom:10px;}

/* Blockquotes */
blockquote {
	font-style: italic;
	color: #555;
	}
blockquote blockquote {
	color: #777;
	}
blockquote em {
	font-style: normal;
	}

/* Code */
pre {
	padding: 9px;
	background: #f9f9f9;
	border: 1px solid #ccc;
	}
code {
	padding: 0 3px;
	background: #eee;
	}
pre code {
	background: transparent;
	}

/* Tables */
table {
	width: 100%;
	border-collapse: separate;
	border-top: 1px solid #ccc;
	border-left: 1px solid #ccc;
	}
caption {
	font-size: .9em;
	font-style: italic;
	text-align: right;
	}
td, th {
	padding: 3px 6px;
	/*border-bottom: 1px solid #ccc;
	border-right: 1px solid #ccc;*/
	}
th {
	background: #eee;
	}

/* Drop caps */
.drop-cap {
	float: left;
	margin: 3px 3px 0 0;
	font: normal normal normal 47px/35px "Warnock Pro", "Goudy Old Style", Palatino,"Book Antiqua", Cambria, Georgia, serif;
	color: #333;
	}

/* Notes */
.note {
	padding: 6px 9px;
	background: #eee;
	border: 1px solid #ccc;
	}

/* Warnings/Alerts */
.warning, .alert {
	padding: 6px 9px;
	background: #fffbbc;
	border: 1px solid #E6DB55;
	}

/* Errors */
.error {
	padding: 6px 9px;
	background: #ffebe8;
	border: 1px solid #C00;
	}

/* Downloads */
.download {
	padding: 6px 9px;
	background: #e7f7d3;
	border: 1px solid #6c3;
	}

/* Breadcrumb */
.breadcrumb {
	margin: 0 0 30px 0;
	font-size: .9em;
	font-style: italic;
	color: #666;
	}
.breadcrumb a {
	color: #111;
	text-decoration: none;
	}
.breadcrumb a:hover {
	color: #d54e21;
	text-decoration: underline;
	}

/* Images */
.post img {
	max-width: 568px;
	padding: 5px;
	border: 1px solid #ccc;
	}

.thumbnail {
	float: left;
	width: 100px;
	height: 100px;
	margin: 5px 15px 0 0;
	}

/* Captions [caption] */
.wp-caption {
	max-width: 576px;
	margin-top: 6px;
	padding: 6px 1px 0 1px;
	border: 1px solid #ccc;
	text-align: center;
	}
.wp-caption .wp-caption-text {
	margin: 0;
	padding: 0 5px;
	text-align: right;
	font-size: .9em;
	font-style: italic;
	color: #666;
	}
.wp-caption img {
	max-width: 564px;
	margin: 0 auto;
	padding: 0;
	border: 1px solid #666;
	}

/* Gallery [gallery] */
.gallery img {
	border: 1px solid #ccc;
	}

/* Avatars */
.avatar {
	float: left;
	width: 100px;
	height: 100px;
	margin: 5px 15px 0 0;
	padding: 5px;
	border: 1px solid #ccc;
	}

/* Header */
#header {
	margin: 0 0 30px 0;
	}

/* Blog title */
#site-title {
	font: italic normal normal 35px/35px Georgia, Times, "Times New Roman", serif;
	margin: 0 0 10px 0;
	}
#site-title a {
	text-indent:-9999px;
	display:block;
	height: 85px;
	background:url(syy_fi-logo.jpg)no-repeat;
	
	}

/* Blog description */
#site-description {
	font: normal normal normal 16px/20px Georgia, Times, "Times New Roman", serif;
	margin: 0;
	color: #666;
	display:none;
	}

/* Navigation */
#navigation {
	overflow: visible;
	height: 37px;
	margin: 0 0 20px 0;
	z-index: 100;
	border-bottom: solid 2px #00a6c1;
	}

#page-nav li {
	margin-right: 0px;
	}

#page-nav li li {
	margin-right: 0;
	}
#page-nav li a {
	padding: 12px 13px 12px 13px;
 
	}
	
li.current_page_item a{
	background:#49a5bf url(navi_active_bg.png) repeat-x;
	-moz-border-radius-topleft: 5px;
	-moz-border-radius-topright: 5px;
	-webkit-border-top-right-radius: 5px;
	-webkit-border-top-left-radius: 5px;
	color:#FFFFFF;
}
li.current_page_item a:visited{color:#ffffff;}
/* Drop-downs style */
#page-nav li:hover ul, li.sfHover ul {
	top: 32px;
	}
#page-nav li li a {
	border-top: none;
	margin-right: 0;
	}
#page-nav li ul {
	background: #fff;
	border-top: 1px solid #ccc;
	}
#page-nav li li:hover ul, li li.sfHover ul , #page-nav li li li:hover ul, li li li.sfHover ul  {
	top: -1px;
	}
#page-nav li li li {
	margin-left: -1px;
	}

/* Container (wraps content, primary, and secondary) */
#container {
	margin-bottom: 21px;
	}

#primary{font-size: 13px}


/*twitter-widget*/
#twitter-3 ul{list-style-type: none; margin:0;}
.from-meta{display:none;}

#twitter-3 ul li{
  border-bottom:1px dotted #C6C4BA;
  margin-bottom:10px;
  padding-bottom:9px;
}




#twitter-3 .time-meta a{text-decoration:none; font-style:normal; display:block; color:#8eb84b}

.sos_icon{margin-right:6px;}

/*featured*/
div.featured_box{
	background:#00a6c1 url(ingressi_bg.png) no-repeat; 
	color:#fff;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	height:200px;
}
div.featured_box p{padding: 12px 15px 10px 15px; font-size: 15px; line-height: 22px; margin-bottom:0;}
h2.page-title{display:none}
.feat_h2{color:#fff; padding: 20px 15px 0 15px; margin:0; font-size: 25px;}

.lue_lisaa_fi{background:url(lue_lisaa_bg.png)no-repeat; width:91px; height:27px; float:right; text-align:center; margin-right:25px;}
.lue_lisaa_fi{line-height: 30px; font-size: 13px;}

/* Main content */
.content {
	width: 580px;
	margin: 0px 0 21px 0;
	}
	

.no-widgets .content, .page-template-no-widgets .content {
	width: 960px;
	}
	
/*kumppanit*/
div.kumppanit h4{
	border-top: dotted 1px #ccc; 
	padding-top:10px;
}

	
	
.borderline{border-bottom: dotted 1px #ccc; display:block}

/* Posts */
.post {
	overflow: hidden;
	margin: 20px 0 0px 0;
	
	border-bottom:1px dotted #C6C4BA
	}
	

.single .post, .attachment .post, .page .post {
	margin: 0;
	}

/* Archive information */
.author-info, .author-profile, .date-info, .category-info, .tag-info, .search-info, .taxonomy-info {
	overflow: hidden;
	margin: 0 0 40px 0;
	}

/* Entry title */
.entry-title {
	
	margin: 0px 0 12px 0;
	
	}
.archive .entry-title, .search .entry-title {
	font-size: 21px;
	margin: 0;
	}
.page-title, .attachment-title {
	margin: 20px 0 21px 0;
	}
.entry-title a {
	color: #000;
	font-weight:bold;
	}


h2.entry-title a:hover{text-decoration:none; color:#00a6c1;}


/* Byline */

.byline a{color:#999}
.byline {
	margin: 0 0 8px 0;
	font-style: italic;
	color: #999;
	font-size:0.9em;
	}
.archive .byline, .search .byline {
	margin: 0;
	}
.byline .byline-prep {
	text-transform: lowercase;
	}

/* Entry content */
.entry-content {
	overflow: hidden;
	margin: 0 0 0px 0;
	}

/* Entry metadata */
.entry-meta {
	font-size:0.9em;
	color: #999;
	}


/* Page links (multiple-paged posts) */
p.pages a {
	margin: 0 3px;
	padding: 3px 9px 3px 9px;
	border: 1px solid #ccc;
	}

/* Navigation links */
.navigation-links {
	margin-bottom: 25px;
	font-style: italic;
	}
.navigation-links .previous {
	float: left;
	max-width: 50%;
	}
.navigation-links .next {
	float: right;
	max-width: 50%;
	text-align: right;
	}

/* WP Pagenavi plugin */
.wp-pagenavi {
	margin: 21px 0;
	}
.wp-pagenavi .pages, .wp-pagenavi .current, .wp-pagenavi .extend, .wp-pagenavi a {
	margin-right: 6px;
	padding: 3px 9px 3px 9px;
	border: 1px solid #ccc;
	}

/* Widgets */
.widget {
	overflow: hidden;
	margin: 0 0 15px 0;

	}
.widget a {
	color: #464646;
	text-decoration: underline;
	}
.widget a:hover {
	color: #d54e21;
	text-decoration: none;
	}

/* Widget titles */
.widget-title {
	font-size: 15px;
	font-weight: normal;
	color: #111;
	text-decoration:none;
	margin:0;
	}
.widget-title a{	text-decoration:none;}
a.twitterwidget{background:url(widget_title4.png)no-repeat; display:block; height:39px; padding: 5px 0 0 10px; color:#fff;}
a.twitterwidget:hover{color:#fff;}
#text-8 h3{background:url(widget_title1.png)no-repeat; display:block; height:39px; padding: 5px 0 0 10px; color:#fff;}
#text-7 h3{background:url(widget_title2.png)no-repeat; display:block; height:39px; padding: 5px 0 0 10px; color:#fff;}
#text-6 h3{background:url(widget_title3.png)no-repeat; display:block; height:39px; padding: 5px 0 0 10px; color:#fff;}
#query-posts-3 h3{background:url(widget_title3.png)no-repeat; display:block; height:39px; padding: 5px 0 0 10px; color:#fff;}
#text-7 .textwidget{margin:10px}
#text-8 .textwidget{margin:10px}
#text-10 .textwidget{margin:10px}
#text-10 h3{background:url(widget_title4.png)no-repeat; display:block; height:39px; padding: 5px 0 0 10px; color:#fff;}
#twitter-3 ul{margin:10px;}
.blog_link{margin-left:10px;}

.tilaa_uutiskirje input{width:195px;float:left;} 
input.send_button{width:70px; float:right; height:27px; border:1px solid #ccc} 
div.clear {clear:both;padding-top:5px;} 



/* Utility widget areas */
#utility-before-content, #utility-after-content, #utility-after-page, #utility-after-single {
	margin: 0 0 21px 0;
	padding: 20px 20px 0 20px;
	border: 1px solid #ccc;
	}

/* Comments template */
#comments-template {
	}

/* Comment headers */
.comments-header {
	font-size: 1.2em;
	}

/* Comments are closed */
.comments-closed {
	font-style: italic;
	}

/* Comment list */
#comments-template ol {
	list-style: none;
	margin: 0 0 21px 0;
	}
#comments li, #comments li li li, #comments li li li li li {
	overflow: hidden;
	margin: 0 0 15px 0;
	padding: 15px 15px 0 15px;
	background: #fff;
	border: 1px solid #ccc;
	}
#comments li li, #comments li li li li {
	background: #f9f9f9;
	}

/* Avatar */
#comments-template .avatar {
	width: 40px;
	height: 40px;
	float: left;
	margin-right: 15px;
	padding: 0;
	border: 1px solid #666;
	}

/* Comment meta data */
.comment-meta-data {
	margin: 10px 0 21px 0;
	font-size: 13px;
	color: #666;
	}
.comment-author {
	font-size: 15px;
	color: #000;
	}
.comment-reply-link, .permalink, .comment-edit-link {
	font-style: italic;
	color: #666;
	}

/* Comment text */
.comment-text {
	clear: left;
	margin: 0 15px;
	}

/* Form */
.text-input {
	display: block;
	padding: 3px 6px;
	width: 97%;
	}
#comments-template label {
	font-size: .9em;
	}

/* Respond textarea */
textarea {
	width: 98%;
	}

/* Submit and rest buttons */
.button, .submit, .reset {
	width: 100px;
	margin-right: 15px;
	padding: 7px 15px 8px 15px;
	background: #fff;
	border: 1px solid #ccc;
	}
.button:hover, .submit:hover, .reset:hover {
	cursor: pointer;
	background: #f9f9f9;
	}

/* Footer container */
#footer-container {
	margin: 0 0 21px 0;
	}

/* Subsidiary */
#subsidiary {
	margin: 0 0 21px 0;
	}

/* Footer */
#footer {
	font-style: italic;
	color: #444;
	background:#ebebeb;
	padding: 10px; 
	height: 26px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	}
#footer .copyright {
	line-height: 30px;
	display: inline;
	float: left;
	margin-right: 9px;
	}
.iasy{display:block; height:26px; width:37px; text-indent:-9999px; background: url(iasy_logo.png)no-repeat; float:right;}