/*  
Theme Name: FrontPage
Author: Aerin
Author URI: http://aerin.co.uk/
Description: One Page SCroller
Version: 1.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: red, gray, light, two-columns, right-sidebar, flexible-width, custom-header, custom-menu, full-width-template, post-formats, sticky-post, theme-options, threaded-comments

This theme, like WordPress, is licensed under the GPL. Play with it and discover the flexibility of WordPress themes.
*/

/***** RESET EVERYTHING *****/

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, font, ins, kbd, q, s, samp, small, strike, strong, tt, var, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
	border: 0;
	font-family: inherit;
	font-size: 1em;
	font-style: inherit;
	font-weight: inherit;
	margin: 0;
	outline: 0;
	padding: 0;
	vertical-align: baseline;
	}

header,footer {
	display:block;
	position: relative;
	margin: auto;
	text-align: center;
	padding: 0 24px;
}

.clearfix:after, .navigation:after, #maincontent:after, .navbar:after,#headercontent:after, .entry:after, footer:after {
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0;
	}

html {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	}

*, *:before, *:after {
  -webkit-box-sizing: inherit;
  -moz-box-sizing: inherit;
  box-sizing: inherit;
  }

/***** TYPOGRAPHY AND LINKS *****/

body {
	text-align: center;
	font-family: Arial, sans-serif;
	font-size:0.9rem;
	background: #ffffff;
	}

h1 {
	color: #343848;
	font-size: 200%;
	font-weight: bold;
	text-align: left;
	text-decoration: none;
	padding: 0 0 6px 0;
	margin: 0 0 6px 0;
	clear:both;
	}

h1 a:link,h1 a:hover ,h1 a:visited {
	text-decoration: none;
	color: #FFF;
	}

h2 {color: #383838;
	font-size: 150%;
	font-weight: bold;
	text-align: left;
	padding: 6px 0 6px 0;
	clear:both;
}

h2 a:link,h2 a:hover,  h2 a:visited {
	text-decoration: none;
	color: #2A2A2A;
	}

h3{
	color: #383838;
	font-weight: bold;
	margin: 3px 0 3px 0;
	font-size: 120%;
	}

h3 a:link, h3 a:visited{
	color: #383838;
	text-decoration: none;
	}

h5, h6, dt {
	color: #383838;
	font-weight: bold;
	margin: 0 0 6px 0;
	clear: both;
	}

h4 {margin: 12px 0 20px 0;}

h4 a {
	text-decoration:none;
	padding:6px 12px;
	background:#343838;
	color:#FFF;
	margin: 0;
	}

h4 a:hover {
	background: rgb(26, 130, 199);
	}

code, pre {
	font-family: courier;
	padding: 4px 0;
	}

blockquote {
	font-style: italic;
	padding: 0 6px 0 6px
	}

cite, strong {
	font-weight: bold;
	}

q {
	font-style: italic;
	}

/***** PAGE STRUCTURE *****/

#maincontent {
	max-width: 1050px;
	margin: 0 auto 0 auto;
	padding:24px 12px;
	}

/***** HEADER *****/

header {
	background: #204060;
	}

#headercontent{
	text-align:left;
	padding: 50px 12px;
	background: #204060;
	margin: 0 auto 30px;
	max-width: 1050px;
	}


#logo-title {   
	font-size:140%;
	color:#FFF;
	font-weight: 900;
	}

/***** ENTRY *****/

.entry {
	text-align:left;
}

.entry p, .entry ul, .entry ol, .summary p {
	margin: 12px 0;
	line-height: 100%;
	color:#343838;
	}

.entry ul, .entry ol{
	margin: 0 0 8px 2em;
	}

.entry ul ul{
	margin-left: 1em;
	}

.entry p a {
	font-style:italic;
	color:#343838;
	}

.entry img{
	margin-bottom: 8px;
	max-width:100%;
	height:auto;
	overflow: hidden;
	}

/***** FOOTER *****/

footer {
	text-align: left;
	background: #888888;
	
	}

#footercontent {
	margin: 40px auto 0 auto;
	padding: 50px 12px;
	max-width: 1050px;
	color:#ffffff;
	}

#footercontent h2 {
	color: rgb(26, 130, 199);
	font-size: 150%;
	border-bottom: 1px solid rgb(26, 130, 199);
	}

#footercontent a {color:#ffffff;}

#footercontent p, #footercontent .textwidget {
		margin: 8px 0 0 0;
	}

#footercontent a:hover {
	text-decoration: underline;
	}

/***** Styles for screen 769px and higher *****/

@media screen and (min-width: 961px) {
	body.blog div.entry {vertical-align:top;}
	body {font-size:1.1em;}
	nav {font-size: 130%;}
}

/***** Styles for screen 768px and lower *****/

@media screen and (max-width: 960px) {
	#maincontent{margin: 24px 0 0 0;}
	.entry {padding: 0;}
	a.topbutton {right:24px;}
	}

/***** Styles for screen 700px and lower *****/

@media screen and (max-width: 700px) {
	#logo {margin-bottom:6px;}
	#logo img {max-height:50px;}
	}

/***** Styles for screen 480px and lower *****/

@media only screen and (max-width: 480px) {
	header, footer {padding:0;}
	#headercontent, #footercontent {padding: 20px 12px;}
	#maincontent{margin:0;}
	#primary{width:100%;padding:0;}
	#tagline, #logo {margin:0 0 5px 0}
	#login {display:none;}
	.entry img.alignright, .entry img.alignleft {max-width:50%;}
	footer ul li {display:inline-block;}
	footer ul li a {text-decoration:none;margin: 4px 4px 4px 0;padding: 4px;opacity:1;-webkit-border-radius:4px; -moz-border-radius:4px; border-radius:4px;}
	.attachment-post-thumbnail{width:100% !important;}
	}

/***** Styles for iphone landscape and lower *****/

@media only screen 
and (min-device-width : 375px) 
and (max-device-width : 667px) 
	and (orientation : landscape) { .entry {font-size:0.6rem !important;}}

/***** Smartphone *****/

@media only screen and (max-width:479px) {
	#left-footer {float: left;width: 100%;}
	#right-footer {float: right;width: 100%;}
}