/*
Theme Name: SKS:n blogin teema
Description: Child theme for the twentyeleven theme 
Author: La&La
Template: twentyeleven
*/

@import url("../twentyeleven/style.css");

a {
	color: #cc6600;
}

#branding {
	border-top: none;
}

#access li:hover > a,
#access ul ul :hover > a,
#access a:focus {
	background: #efefef;
}
#access li:hover > a,
#access a:focus {
	background: #FF7F00; /* Show a solid color for older browsers */
	background: -moz-linear-gradient(#FF9F40, #FF7F00);
	background: -o-linear-gradient(#FF9F40, #FF7F00);
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#FF9F40), to(#FF7F00)); /* Older webkit syntax */
	background: -webkit-linear-gradient(#FF9F40, #FF7F00);
	color: #fff;
}

body, input, textarea {
	color: #373737;
	font: 15px 'Libre Baskerville', Georgia, serif;
	font-weight: 400;
	line-height: 1.625;
}

em {
	font-family: 'Libre Baskerville', Georgia, serif;
	font-weight: 400 !important;
}

#branding hgroup img {
	width: 80px;
	height: auto;
	float: left;
    margin: 0 0.5em 0 0;
}

h1#site-title {
    margin-right: 100px;
}

.sytykkeita {
    font-size: 1.3em;
}

.ja {
    font-size: 0.8em;
    font-style: italic;
    font-weight: 400;
}

#branding a:hover {
	text-decoration: none;
}

.wpcf7 input#submit {
	background: #222;
	border: none;
	-moz-border-radius: 3px;
	border-radius: 3px;
	-webkit-box-shadow: 0px 1px 2px rgba(0,0,0,0.3);
	-moz-box-shadow: 0px 1px 2px rgba(0,0,0,0.3);
	box-shadow: 0px 1px 2px rgba(0,0,0,0.3);
	color: #eee;
	cursor: pointer;
	font-size: 15px;
	margin: 20px 0;
	padding: 5px 22px;
	position: relative;
	text-shadow: 0 -1px 0 rgba(0,0,0,0.3);
}
.wpcf7 input#submit:active {
	background: #A61300;
	color: #fff;
}

.widget-title {
    color: #111;
}

#branding #s {
	float: right;
	-webkit-transition-duration: 400ms;
	-webkit-transition-property: width, background;
	-webkit-transition-timing-function: ease;
	-moz-transition-duration: 400ms;
	-moz-transition-property: width, background;
	-moz-transition-timing-function: ease;
	-o-transition-duration: 400ms;
	-o-transition-property: width, background;
	-o-transition-timing-function: ease;
	width: 72px;
}
#branding #s:focus {
	background-color: #f9f9f9;
	width: 100px;
}

.widget {
	-webkit-hyphens: manual;
	-moz-hyphens: manual;
	hyphens: manual;
}