/* @license
 * MyFonts Webfont Build ID 2438420, 2012-12-28T07:06:55-0500
 * 
 * The fonts listed in this notice are subject to the End User License
 * Agreement(s) entered into by the website owner. All other parties are 
 * explicitly restricted from using the Licensed Webfonts(s).
 * 
 * You may obtain a valid license at the URLs below.
 * 
 * Webfont: Nexa Thin by Fontfabric
 * URL: http://www.myfonts.com/fonts/font-fabric/nexa/thin/
 * Copyright: Copyright (c) 2012 by Fontfabric LLC. All rights reserved.
 * 
 * Webfont: Nexa Bold by Fontfabric
 * URL: http://www.myfonts.com/fonts/font-fabric/nexa/bold/
 * Copyright: Copyright (c) 2012 by Fontfabric LLC. All rights reserved.
 * 
 * Webfont: Nexa Light by Fontfabric
 * URL: http://www.myfonts.com/fonts/font-fabric/nexa/light/
 * Copyright: Copyright (c) 2010 by Svetoslav Simov. All rights reserved.
 * 
 * 
 * License: http://www.myfonts.com/viewlicense?type=web&buildid=2438420
 * 
 * © 2012 Bitstream Inc
*/


/* @import must be at top of file, otherwise CSS will not work */
@import url("//hello.myfonts.net/count/253514");

  
@font-face {font-family: 'NexaThin';src: url('style/webfonts/253514_0_0.eot');src: url('webfonts/253514_0_0.eot?#iefix') format('embedded-opentype'),url('webfonts/253514_0_0.woff') format('woff'),url('webfonts/253514_0_0.ttf') format('truetype');}
 
  
@font-face {font-family: 'Nexa-Bold';src: url('webfonts/253514_1_0.eot');src: url('webfonts/253514_1_0.eot?#iefix') format('embedded-opentype'),url('webfonts/253514_1_0.woff') format('woff'),url('webfonts/253514_1_0.ttf') format('truetype');}
 
  
@font-face {font-family: 'Nexa-Light';src: url('webfonts/253514_2_0.eot');src: url('webfonts/253514_2_0.eot?#iefix') format('embedded-opentype'),url('webfonts/253514_2_0.woff') format('woff'),url('webfonts/253514_2_0.ttf') format('truetype');}


/* ------------------------------------------------------ *
 * html5doctor.com Reset Stylesheet                       *
 * (Eric Meyer's Reset Reloaded + HTML5 baseline)         *
 * v1.4 2009-07-27 | Authors: Eric Meyer & Richard Clark  *
 * html5doctor.com/html-5-reset-stylesheet/               *
 * ------------------------------------------------------ */
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, figure, footer, hgroup, menu, nav, section, menu, time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
	font-family: Nexa, Helvetica, Arial, sans-serif;
    font-weight: 400;
}
article, aside, figure, figcaption, footer, header, hgroup, nav, section {
	display: block;
}
nav ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after, q:before, q:after {
	content: '';
	content: none;
}
a {
	margin: 0;
	padding: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
ins {
	background-color: #ff9;
	color: #000;
	text-decoration: none;
}
mark {
	background-color: #ff9;
	color: #000;
	font-style: italic;
	font-weight: bold;
}
del {
	text-decoration: line-through;
}
abbr[title], dfn[title] {
	border-bottom: 1px dotted #000;
	cursor: help;
}
/* tables still need cellspacing="0" in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}
hr {
	display: block;
	height: 1px;
	border: 0;
	border-top: 1px solid #ccc;
	margin: 1em 0;
	padding: 0;
}
input, select {
	vertical-align: middle;
}

/* ------------------------------------------------------ *
 * Anna Daubmeier                                         *
 * HTML5 CSS 3 Stylesheet. Compatible with all modern     *
 * browsers: tested with IE 10, Chrome, Firefox, Opera    *
 * ------------------------------------------------------ *
 * 2015-10-04 | Author: Philip Daubmeier                  *
 * ------------------------------------------------------ */

body, html {
    display:block;
}
body {
    background-image: url('../img/album_bg.jpg');
    background-size: contain; 
    background-position: top left;
    background-repeat: no-repeat;
    background-color: #f8f1d7;
}

body, html { margin: 0; padding: 0; height: 100%;
font-family: "Segoe UI Web Semibold","Segoe UI Web Regular","Segoe UI","Segoe UI Symbol",HelveticaNeue-Medium,"Helvetica Neue",Arial,sans-serif }

#content { margin: 0 10vw 5vw 10vw }

h1 {
	margin-top: 35vw;
	font-size: 4.5vw;
	font-family: NexaThin;
	font-weight: normal;
	font-style: normal;
	color: #6b5b3f;
}

h1 em {
	font-family: Nexa-Bold;
	font-weight: normal;
	font-style: normal;
}

ul, li {
	list-style-type:none;
	position:relative;
	float:left;
	display:block;
}
li {
	width:250px;
	height:140px;
	margin:20px 20px 0px 0px;
}
a {
	font-family: Nexa-Bold;
	height:124px;
	width:234px;
	background-color:#dcd6b7;
	color:#6b5b3f;
	font-size:18px;
	text-decoration:none;
	padding: 8px;
	display: inline-block;
    vertical-align: bottom;
}
a em {
	font-family: NexaThin;
	font-style:normal;
	font-weight:normal;
	font-size:32px;
	font-variant:small-caps;
}