/* 
	Theme Name: Nettisivu Sininen 
	Template: twentytwelve
*/

@import url("../twentytwelve/style.css");
@import url(http://fonts.googleapis.com/css?family=Oswald);

body {
	background: #3589af;
	background: #f0f0f0;
}

.site-header h1 a, 
.site-header h2 a, 
.site-title {
	color: #2691D8;
	font-family: "Oswald", sans-serif;
	text-transform: uppercase;
	font-weight: normal;
	transition: color 0.5s ease;
}

.site-title {
	font-size: 1.6em;
}

.site-header h2 {
	color: #2691D8;
	font-size: 0.9em;
	line-height: 2em;
}

.site-header h1 a:hover, 
.site-header h2 a:hover {
	color: #FF7713;
	background: #fff;
}

.site-header {
	text-align: center;
}

.site-content article {
		word-wrap: normal;
	-webkit-hyphens: none;
	   -moz-hyphens: none;
			hyphens: none;
}

.entry-header .entry-title {
	color: #2691D8;
	font-family: "Oswald", sans-serif;
	text-transform: uppercase;
}

.widget-area .widget {
		word-wrap: normal;
	-webkit-hyphens: none;
	   -moz-hyphens: none;
			hyphens: none;	
}

.widget-area .widget h3 {	
	font-family: "Oswald", sans-serif;
	font-weight: normal;
	font-size: 1.3em;
	background: #2691D8;
	color: #fff;
	padding-left: 1em;
	border-bottom: 0px solid #1ABC9C;
}

.archive-title, .page-title, 
.widget-title, .entry-content th, 
.comment-content th {
	color: #2691D8;
}

a, 
.comments-link a, 
.entry-meta a, 
.widget-area .widget a,
a:visited,
.entry-content a:visited, 
.comment-content a:visited {
	color: #1ABC9C;
	color: #FF7713;
	text-decoration: none;
	transition: background-color 0.3s ease-out;
	vertical-align: bottom;
}

.widget-area .page_item {
	margin-top: 9px;
}

.widget-area  .children .page_item {
	margin-top: 2px;
}


.widget-area .current_page_item > a {
	font-weight: 700;
}



a:visited, .comments-link a:visited, 
.entry-meta a:visited, 
.widget-area .widget a:visited {
	color: #FF7713;
}

a:hover, 
.comments-link a:hover,
.entry-meta a:hover,
.widget-area .widget a:hover {
	color: #fff;
	background: #FF7713;
}


/* Menu */

.main-navigation  ul {
	background: #f0f0f0;
}

.main-navigation  li {
	margin: 0;
	padding: 0 6px;
}

.main-navigation li a {
	color: #3F3F3F;
	font-weight: normal;
	font-size: 1.2em;
	padding: 16px 6px;
	line-height: 1.6em;
}

.main-navigation .current-menu-item > a, 
.main-navigation .current-menu-ancestor > a, 
.main-navigation .current_page_item > a, 
.main-navigation .current_page_ancestor > a {
	color: #fff;
	background: #FF7713;
	font-weight: normal;
}

.main-navigation li a:hover {
	color: #fff;
	background: #FF7713;
	font-weight: normal;
}

.main-navigation li ul li a {
	background: #fff;
	border-top: 1px solid #FF7713;
	border-bottom: 1px solid #FF7713;
}

.main-navigation li ul li a:hover {
	background: #fff;
	border-top: 2px solid #FF7713;
	border-bottom: 1px solid #FF7713;
}

.main-navigation li ul li.current_page_item a {
	background: #FF7713;
	color:  #fff;
	border-top: 1px solid #FF7713;
	border-bottom: 1px solid #FF7713;
}



/* Button */

input[type="submit"], 
input[type="button"], 
input[type="reset"], 
article.post-password-required input[type="submit"] {
    background: #1ccba8;
    border: 1px solid #1ABC9C;
    border-radius: 0px;
    color: #fff;
    font-size: 0.9em;
    font-weight: normal;
	font-family: Oswald, sans-serif;
	text-transform: uppercase;
	letter-spacing: 0.1em;
	transition: background 1s ease;
}

input[type="submit"]:hover, 
input[type="button"]:hover, 
input[type="reset"]:hover, 
article.post-password-required input[type="submit"]:hover {
    background: #18ad8f;
	color: #fff;
}

@-ms-viewport {
	width: device-width;
}
@viewport {
	width: device-width;
}

@media screen and (max-width:600px) {
  @-ms-viewport{
	width:550px;
  }
}

/* Minimum width of 600 pixels. */
@media screen and (max-width: 600px) {
	.main-navigation li a,
	.main-navigation li ul li a {
		background: #efefef;
		border-bottom: 1px solid #ededed;
		display: block;
		font-size: 11px;
		line-height: 2.181818182;
		width: 12.85714286rem;
		white-space: normal;
		border: none;
		text-transform: none;
		padding: 0 5px;
		margin: 0 auto;
		text-align: left;
	}
	
	.main-navigation ul.children li a {
		font-style: italic;
	}
	
	.main-navigation li ul li.current_page_item a {
		background: none;
		border: none;
		color: #3f3f3f;
	}
	
	.main-navigation .current-menu-item > a, 
	.main-navigation .current_page_item > a, 
	.main-navigation li ul li.current_page_item > a,
	.main-navigation li a:hover,
	.main-navigation li ul li a:hover	{
		color: #ff7713;
		background: none;
		font-weight: bold;
		padding: 0 5px;
		border: none;
	}

	.main-navigation .current-menu-ancestor > a,
	.main-navigation .current_page_ancestor > a {
		background: none;
		color: #3F3F3F;
	}
	
	.main-navigation .nav-menu > li a {
		font-weight: 700;
		margin-top: 1em;
	}	

	.main-navigation .nav-menu .sub-menu li a {
		font-weight: normal;
		margin-top: 0;
	}
	
	
}