/*
Theme Name: Aalto Twenty Thirteen
Description: Aalto Child theme based on Wordpress Twenty Thirteen theme 
Author: Esa Salmio / Aalto Learning Services
Template: twentythirteen
*/

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

body{
	background-color:#f2f2f2;
}
	
html, body, button, input, select, textarea {
font-family: Arial, Helvetica, sans-serif;
/*font-family: "Source Sans Pro", Helvetica, sans-serif;*/
}

h1,h2,h3,h4,h5,h6, .comment-reply-title{
font-family: Arial, Helvetica, sans-serif;
/*font-family:"Source Sans Pro", Helvetica, sans-serif;*/
}

.site-title {
font-size: 60px;
font-weight: normal;
line-height: 1;
margin: 0;
padding: 40px 0 10px;
}

.blockquote {
font-family: Georgia, "Times New Roman", Times, serif !important;
font-size: 18px;
font-style: italic;
font-weight: 100;
margin: 24px 24px;
}

.entry-title {font-size:2.3em!important;}
.entry-title a:link    {color:#333;}
.entry-title a:visited {color:#333;}
.entry-title a:hover   {color:#ef3340;}
.entry-title a:active  {color:#333;}

/* aalto logo 
------------------------------------------------*/
#top {
 background-color:#fff;
	border-bottom:1px solid #000;
	padding:5px 0px 0px 20px;
	margin:0px;
	height:50px;
	}	
#top img{
	max-width:35px;

	
}
#site-logo {
	float:left;
	margin:10px 10px 20px 0;
	width:40px;
		}
#toplinks {
	float:right;
	height:40px;
	margin:8px 20px 0 0;
	font-family:Arial, helvetica, sans-serif;
	color:#000;
	}
	
#toplinks a	{
	font-size:.9em;
	font-family:Arial, helvetica, sans-serif;
	color:#000;
}

.navbar {
background-color: #000;
margin: 0 auto;
max-width: 1600px;
width: 100%;
}
.nav-menu li a {
color: #fff;
}

.nav-menu .current_page_item > a, .nav-menu .current_page_ancestor > a, .nav-menu .current-menu-item > a, .nav-menu .current-menu-ancestor > a {
color: #fff;
font-style: italic;
}
.site-header .search-field {
background-color: #666;
border-radius:6px;
}

.menu-toggle {
color:#fff;
}
.entry-title, .format-video .entry-title, .format-audio .entry-title, .format-gallery .entry-title, .format-aside .entry-title, .format-link .entry-title, .format-chat .entry-title, .format-image .entry-title {
	font-size:3em;
	font-weight:normal;
}

.format-gallery{
background-color:#181818;
}

.format-gallery .entry-header, .format-gallery .entry-content{
color:#eee;
}
.format-gallery .entry-meta a, .format-gallery .entry-content a{
color:#eee;
}

.paging-navigation .meta-nav {
background-color: #E52837;
}

#comments {
background-color: antiquewhite;
}
.format-audio{
background-color:#feab18;
}


.site-footer {
background-color: #00965e;
color: #686758;
font-size: 1em;
text-align:left;
	}
	
.site-info{
	font-family:Arial, Helvetica, sans-serif;
	max-width:100%;
	background-color: #fff;
	height:150px;
	padding:40px;
	text-align:right;
}
.site-footer a {
color: #eee;
}
.site-footer .gray {
color: #666;
}


.site-footer .widget a {
color: #fff;
}
.site-footer .widget-title {
	font-weight:bold;
}

@media (max-width: 650px) {
	

	#toplinks {
		float:right;
		}
	
	}
	@media (max-width: 450px) {
	
	#site-logo > a > img {
	width:120px;
	}

	#toplinks {
		float:right;
		}


}
@media only screen and (min-device-width: 320px) and (max-device-width: 480px) {
	body {
		padding: 0;
	}
	#page {
		margin-top: 0;
	}
	#branding {
		border-top: none;
	}
	
	#top {
		height:100px;
		}
	
	#toplinks {
		float:right;
		}

}