/*  ===================================
    TYPO
    =================================== */
   
/* @license
 * MyFonts Webfont Build ID 2532093, 2013-04-16T16:46:55-0400
 *
 * 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: Franklin Gothic Cond Demi by URW++
 * URL: http://www.myfonts.com/fonts/urw/franklin-gothic/t-demi-condensed/
 * Copyright: (URW)++,Copyright 2006 by (URW)++ Design & Development
 *
 *
 * License: http://www.myfonts.com/viewlicense?type=web&buildid=2532093
 *
 * © 2013 MyFonts Inc
*/


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


@font-face {font-family: 'FranklinGothicURWCon-Dem';src: url('webfonts/26A2FD_0_0.eot');src: url('webfonts/26A2FD_0_0.eot?#iefix') format('embedded-opentype'),url('webfonts/26A2FD_0_0.woff') format('woff'),url('webfonts/26A2FD_0_0.ttf') format('truetype');}   
*/
	
p,
label {
	font-family: 'Courier New';
	font-size: 16px;
	line-height: 150%;
	margin: 20px 0px;
}
h1, 
h2, 
h3, 
h4, 
h5 {
	font-family:  Arial, Helvetica, sans-serif;
  line-height: 125%;
	letter-spacing: 0.5px;
	margin: 0;
}
h1 {
  font-size: 64px;
  line-height: 95%;
}
h2 {
  font-size: 48px;
  line-height: 95%;
}
h3 {
  font-size: 32px;
}
h4 {
  font-size: 24px;
}
h5 {
	font-size: 16px;
}
a,
a:link,
a:visited,
a:hover,
a:active {
	color: #000;
	text-decoration: none;
	border-bottom: 1px solid #000;
	padding-bottom: 1px;
}
input,
textarea {
	font-family: 'Courier New' !important;
	font-size: 13px !important;
	border: 1px solid #CCC;
	border-radius: 0;
	line-height: 150%;
	margin: 20px 0px;
}
strong {
	font-family:  Arial, Helvetica, sans-serif;
	font-size: 16px;
	letter-spacing: 0.5px;
	line-height: 150%;
}
.superscript {
  display:inline-block;
  font-size: 50%;
  vertical-align: super;
}
hr {
  margin: 48px 0;
}



/*  ===================================
    COMMON
    =================================== */

.align-center {
	text-align: center;
}
.cf:before,
.cf:after {
    content: " "; /* 1 */
    display: table; /* 2 */
}

.cf:after {
    clear: both;
}

/**
 * For IE 6/7 only
 * Include this rule to trigger hasLayout and contain floats.
 */
.cf {
    *zoom: 1;
}



/*  ===================================
    COMMON
    =================================== */

body {
  background-color: #FFF;
  color: #000;
}
.page-wrapper {
	margin: 0 auto;
	padding: 60px 10px 40px;
	max-width: 800px;
}



/*  ===================================
    HEADER
    =================================== */

.brand {
	text-align: center;
	margin-bottom: 60px;
}
.logo {
	width: 430px;
	height: 50px;
	background: url(../logo/pomo.png);
	margin: 0 auto;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
}



/*  ===================================
    PAGE SECTION
    =================================== */

.exhibit-header,
.exhibit-desc {
  margin-top: 64px;
}
.exhibit-title {
  margin-bottom: 16px;
}
.exhibit-subtitle {
  margin-bottom: 48px;
}
.main-image {
	text-align: center;
	margin: 0 auto 40px;
	max-width: 800px;
}
.main-image img {
	max-width: 100%;
	height: auto;
}
.description {
	width: 100%;
}
.description-title {
	margin-top: 48px;
}
.col-1,
.col-2 {
	width: 46%;
  display: inline-block;
  float: left;
}
.gutter {
  width: 6%;
  height: 1px;
  display: inline-block;
  float: left;
}
/*
.description-title {
	width: 360px;
	height: 124px;
	background: url(../img/02-dapperdan.png);
	margin-left: -2px;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
}
*/
.signup {
  margin: 0 auto;
  max-width: 800px;
}
.mc-field-group label {
  width: 100px;
  display: inline-block;
  margin: 4px 0;
  text-align: left;
}
.button {
  color: #333;
  background-color: #fff;
  border: 1px solid #ccc;
  border-radius: 3px;
	font-family: 'Courier New';
	font-size: 13px;
	line-height: 150%;
	margin: 20px 0px;
  padding: 5px 10px;
  text-align: center;
  vertical-align: middle;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
       -o-user-select: none;
          user-select: none;
}



/*  ===================================
    FOOTER
    =================================== */

.footer {
  border-top: 1px solid #000;
  margin-top: 24px;
  padding-top: 24px;
}
.pomo-desc {
  margin-bottom: 48px;
}
.list-unstyled {
  padding: 0;
  list-style: none;
}
  .list-unstyled li {
    padding: 0;

  }
.signup-title {
  margin-bottom: 16px;
}

#previousEx span {
	position: relative;
	float: left;
}

#previousEx a {
	position: relative;
	float: left;
	max-width: 220px;
	margin-left: 8px;
}

#previousEx li {
	display: block!important;
}

#previousEx li p {
	display: inline-block;
	margin: 10px 0;
}

@media only screen and (max-width: 480px)  {
  p,
  label,
  strong {
    font-size: 14px;
  }
  h1 {
    font-size: 56px;
  }
  h2 {
    font-size: 42px;
  }
  h3 {
    font-size: 28px;
  }
  h4 {
    font-size: 21px;
  }
  h5 {
  	font-size: 14px;
  }
  .exhibit-desc h3 {
    font-size: 21px;
  }
	.wrap {
		margin-top: 30px;
	}
	.brand {
		margin-bottom: 30px;
	}
	.logo {
		width: 258px;
		height: 30px;
		background: url('../logo/pomo-small.png');
	}
	.col-1,
  .col-2 {
    width: 100%;
  }

}