/*
Theme Name: Metres
Description: WordPress theme for www.philipmetres.com
Author: R.J. Hemme
Template: twentytwelve
*/

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

@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  src: local('Open Sans'), local('OpenSans'), url('fonts/opensans400.woff') format('woff');
}
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 700;
  src: local('Open Sans Bold'), local('OpenSans-Bold'), url('fonts/opensans700.woff') format('woff');
}
@font-face {
  font-family: 'Open Sans';
  font-style: italic;
  font-weight: 400;
  src: local('Open Sans Italic'), local('OpenSans-Italic'), url('fonts/opensansitalic400.woff') format('woff');
}
@font-face {
  font-family: 'Open Sans';
  font-style: italic;
  font-weight: 700;
  src: local('Open Sans Bold Italic'), local('OpenSans-BoldItalic'), url('fonts/opensansitalic700.woff') format('woff');
}

body {
	background: #9aa url('images/gradient.gif') bottom left fixed repeat-x;
	font-family: "Open Sans",Helvetica,Arial,sans-serif;
}

body .site {
	padding-left: 0;
	padding-right: 0;
}

.site {
	max-width: 770px;
}

#masthead, #colophon {
	padding-left: 24px;
	padding-left: 1.714285715rem;
	padding-right: 24px;
	padding-right: 1.714285715rem;
}

.site-header h1 a, .site-header h2 a {
    font-weight: normal;
	font-size: 1.5em;
}

.entry-header .entry-title, #primary #content .page-header .page-title {
    color: #fff;
}

footer[role="contentinfo"] {
	border-top: 0;
	margin-top: 0;
}

#page {
	background-color: #003366;
}

#primary #content {
	background: #eeeeff;
}

#primary #content .entry-header {
	margin-bottom: 0;
	padding-bottom: 24px;
	padding-bottom: 1.714285715rem;
	background: #000033;
	text-align: center;
}

.search-results #primary #content article .entry-header {
	background: #eeeeff;
}

.search-results .site-content article {
	padding-bottom: 24px;
	padding-bottom: 1.714285715rem;
}

#primary #content .page-header {
	background: #000033;
	padding-left: 24px;
	padding-left: 1.714285715rem;
	padding-right: 24px;
	padding-right: 1.714285715rem;
}

.entry-content {
	margin-top: 24px;
	margin-top: 1.714285715rem;
}

.entry-content, .entry-meta, .entry-summary, .comment-content, .mu_register {
	padding-left: 24px;
	padding-left: 1.714285715rem;
	padding-right: 24px;
	padding-right: 1.714285715rem;
}

footer.entry-meta {
	margin-top: 0;
}

#main{
	background: #000033;
}

.site-content article {
	margin-bottom: 0;
	padding-bottom: 0;
	border-bottom: 0;
	-webkit-hyphens: manual;
	-moz-hyphens: manual;
	hyphens: manual;
}

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

#secondary .widget .menu li {
	margin-left: 20px;
	text-indent: -20px;
	margin-bottom: 12px;
	line-height: 1.24615;
}

#page a:link  {
color: #ffffff;
text-decoration: none
}
#page a:visited {
color: #ffffff;
text-decoration: none
}
#page a:hover {
color: #cccccc;
text-decoration: none;
}
#page a:active {
color: #cccccc;
text-decoration: none;
}

#page #primary #content a:link {
color: #2e497d;
text-decoration: none;
}
#page #primary #content a:visited {
color: #2e497d;
text-decoration: none;
}
#page #primary #content a:hover {
color: #999999;
}
#page #primary #content a:active {
color: #999999;
}

aside#nav_menu-2.widget_nav_menu {
	display: none;
}

#searchform {
	text-align: center;
	margin: 0 auto;
	padding-right: 8px;
}

.widget-area .widget {
	margin-bottom: 24px;
	margin-bottom: 1.714285715rem;
}

footer {
	color: #ccc;
}

.copyright {
	line-height: 1;
}

.development {
	margin-top: -2px;
	float: right;
}

.development img {
	width: 139px;
	height: 15px;
}

.home #primary #content {
	background: #2E477D url('images/texture.jpg');
	color: #fff;
}

.home #primary #content a:link {
color: #cccccc !important;
text-decoration: none;
}
.home #primary #content a:visited {
color: #cccccc !important;
text-decoration: none;
}
.home #primary #content a:active {
color: #999999 !important;
text-decoration: none;
}
.home #primary #content a:hover {
color: #999999 !important;
text-decoration: none;
}

.entry-content pre,
.comment-content pre {
	margin: 0;
	padding: 0;
	border: 0;
	font-family: inherit;
	font-size: inherit;
	font-size: inherit;
	line-height: inherit;
}

@media screen and (min-width: 600px) {
/*	#page {
		border: 1px solid #000;
	} */

	#main {
		margin-right: 8px;
	}

	.site-content {
		width: 76%;
	}
	
	.widget-area {
		width: 22%;
	}

	#primary #content .entry-header {
		padding-left: 24px;
		padding-left: 1.714285715rem;
		text-align: left;
	}
	
	aside#nav_menu-2.widget_nav_menu {
		display: block;
	}

	aside#nav_menu-2.widget_nav_menu li {
		font-size: 1.1em;
		margin-right: 10px;
	}

	body .site {
		margin-top: 0;
		margin-bottom: 0;
	}

	#site-navigation {
		display: none;
	}
	
	#searchsubmit {
		display: block;
		margin: 4px;
		margin-left: auto;
		margin-right: auto;
	}
}

@media screen and (min-width: 778px) {
	body .site {
		margin-top: 24px;
		margin-top: 1.714285715rem;
		margin-bottom: 24px;
		margin-bottom: 1.714285715rem;
		box-shadow: 0 2px 6px rgba(100, 100, 100, 0.3);
	}
}

@media screen and (max-width: 380px) {
	.development {
		float:none !important;
		text-align: center;
	}
	.copyright {
		text-align: center;
	}
}