/* @fonts  */
/*
 *
 * The fonts included are copyrighted by the vendor listed below.
 *
 * @vendor:     Dieter Steffmann
 * @vendorurl:  http://www.steffmann.de
 * @licenseurl: http://www.fontsquirrel.com/license/Brock-Script
 *
 *
 */

@font-face {
	font-family: 'Brock Script Regular';
	src: url('../fonts/Brock-Script/BrockScript.eot');
	src: local('Brock Script Regular'), local('BrockScript'), url('../fonts/Brock-Script/BrockScript.woff') format('woff'), url('../fonts/Brock-Script/BrockScript.ttf') format('truetype'), url('..fonts/Brock-Script/BrockScript.svg#BrockScript') format('svg');
}

/*
 *
 * The fonts included are copyrighted by the vendor listed below.
 *
 * @vendor:     Barry Schwartz
 * @vendorurl:  http://www.crudfactory.com
 * @licenseurl: http://www.fontsquirrel.com/license/Goudy-Bookletter-1911
 *
 *
 */

@font-face {
	font-family: 'Goudy Bookletter 1911 Regular';
	src: url('../fonts/Goudy-Bookletter/goudy_bookletter_1911.eot');
	src: local('Goudy Bookletter 1911 Regular'), local('GoudyBookletter1911'), url('../fonts/Goudy-Bookletter/goudy_bookletter_1911.woff') format('woff'), url('../fonts/Goudy-Bookletter/goudy_bookletter_1911.ttf') format('truetype'), url('../fonts/Goudy-Bookletter/goudy_bookletter_1911.svg#GoudyBookletter1911') format('svg');
}


body {
  color: #666;
  background: url(../images/paper_bg.png);
  font-size: 1.5em;
}

#content {
  width: 700px;
  margin: 0 auto;
}

#header {
  font-family: "Brock Script Regular";
}

h1 {
  font-size: 6em;
  line-height: .8em;
  margin-bottom: .2em;;
  text-shadow: 0px 2px 3px #555;
}
h2 {
  text-shadow: 0px 1px 1px #555;
}

/* h1:before { */
/*   content: "{"; */
/* } */

/* h1:after { */
/*   content: "}" */
/* } */

h1, h2 {text-align: center;}

#main {
  font-family: "Goudy Bookletter 1911 Regular";
}

.about, .elsewhere {
  border: 3px solid #666;
  border-radius: 16px;
  -moz-border-radius: 16px;
  -webkit-border-radius: 16px;
  padding: .5em 1em;;
  width: 40%;
}

.about { 
  float: left;
}
.elsewhere {
  float: right;
}

#footer {
  clear: both;
  font-size: .6em;
  padding: 2em 0;
  text-align: center;
}

/* @mobile styles */

@media handheld, only screen and (max-device-width: 480px) {
body {
  font-size: 2em;
}

#main {
  font-size: 2em;
  text-align: justify;
}

.about, .elsewhere {
  float: none;
  width: 80%;
}
}