@import url(css/bootstrap.css);
@import url(http://fonts.googleapis.com/css?family=Open+Sans:300,400,600,700);
@import url(http://fonts.googleapis.com/css?family=Lato:300,400,700);


/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
	padding: 0;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}



/************************** Global **************************/

body {margin: 0; padding: 0;}
a, a:hover, a:link {text-decoration: none;}
a {color: #333;}
a:hover {color: #333; text-decoration: underline;}
p {font-size: 1.2em; line-height: 1.4em; color: #747272; padding-bottom: 1em;}
h2 {margin: 5px 0;}
h3 {font-size: 1.3em;}

/************************** Header **************************/

.mast {
	background: url('img/lights.jpg') no-repeat top center fixed;
	-moz-background-size: 100%;
	-webkit-background-size: 100%;
	-o-background-size: 100%;
	background-size: 100%;

}

.box {border: 8px solid #fff; margin: 6em 0; text-align: center;}
.box h1 {font-weight: 300; font-size: 1.8em; color: #fff; letter-spacing: 6px; margin: 2.5em 0; line-height: 1.6em;}
.box h1 span {font-weight: 400;}

/************************** Articles **************************/

.articles {margin: 2em 0;}
.articles article {border-bottom: 1px solid #999; padding: 2em 0;}

.content, .aside {margin-top: 2em;}

.meta {font-size: 100%; margin: 0px;}


/************************** Comments **************************/



/************************** Aside **************************/

.aside p {font-size: 100%; color: #747272;}
.aside img {width: 100%; height: auto;}

/************************** Footer **************************/

.footer {padding-top: 2em; margin-top: 2em; border-top: solid 1px #d5d5d5;}
.footer p {text-align: center; font-size: 90%;}

/************************** Media Queries **************************/

@media (max-width: 767px){
	body {padding: 0;}

	.box {border: 6px solid #fff; margin: 6em 0; text-align: center;}
	.box h1 {font-weight: 300; font-size: 1em; color: #fff; letter-spacing: 6px; margin: 1.5em 0; line-height: 1.6em;}

}

@media (max-width: 420px){
	.box {border: 6px solid #fff; margin: 2em 0; text-align: center;}
	.box h1 {font-weight: 300; font-size: 1em; color: #fff; letter-spacing: 6px; margin: 1.5em 0; line-height: 1.6em;}
	.aside {border-top: 1px solid #999999; padding-top: 2em; margin-bottom: 2em;}
}