/*-----------------------------------------------
    Base Styles (for all media types)
  ----------------------------------------------- */

  /* Remove the border around linked images. */
  a img {
    border-width: 0;
  }

/*  =Typography
----------------------------------------------- */
  @font-face {
  	font-family: 'ChunkFiveRegular';
  	src: url('/fonts/chunk/chunkfive-webfont.eot');
  	src: local('☺'), 
  	     url('/fonts/chunk/ChunkFive.otf') format('opentype'),
  	     url('/fonts/chunk/chunkfive-webfont.woff') format('woff'), 
  	     url('/fonts/chunk/chunkfive-webfont.ttf') format('truetype'), 
  	     url('/fonts/chunk/chunkfive-webfont.svg#webfont') format('svg');
  	font-weight: normal;
  	font-style: normal;
  }
  @font-face {
  	font-family: 'JunctionRegular';
  	src: url('/fonts/junction/junction-webfont.eot');
  	src: local('☺'), 
  	     url('/fonts/junction/Junction.otf') format('opentype'),
  	     url('/fonts/junction/junction-webfont.woff') format('woff'),
  	     url('/fonts/junction/junction-webfont.ttf') format('truetype'),
  	     url('/fonts/junction/junction-webfont.svg#webfont') format('svg');
  	font-weight: normal;
  	font-style: normal;
  }
  body {
    font-size: 15px;
    line-height: 1.25;
    margin: 2em 4em;
  }
  body, textarea, input[type=text], input[type=password] {
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  }
  h1, h2, h3, h4, h5, h6, p, ul,
  form > div {
    margin: 1em 0 0.5em;
  }
  h1 {
    font-size: 36px;
  }
  h1,
  #home .introduction h2 {
    font-family: "ChunkFiveRegular", "Helvetica Neue", Helvetica, Arial, sans-serif;  
    font-weight: normal;
  }
  h2,
  #dashboard table thead th:first-child {
    font-size: 24px;
    font-style: italic;
  }
  #home .introduction h2 {
    font-size: 24px;
    font-style: normal;
  }
  #home h1 {
    font-family: "JunctionRegular", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-weight: normal;
    font-size: 24px;
  }
  #dashboard table thead th:first-child {
    font-weight: bold;
    text-transform: none;
  }
  h3 {
    font-size: 26px;
  }
  h4 {
    font-size: 22px;
  }
  h5 {
    font-size: 20px;
  }
  h6 {
    font-size: 18px;
  }
  a {
    text-decoration: none;
  }
  a:hover,
  a:active {
    text-decoration: underline;
  }
  ul, ol {
    padding-left: 1.5em;
  }
  li {
    margin: 0;
    padding: 0;
  }
  #request dl {
    overflow: auto;
  }
  #request dt {
    font-weight: bold;
    float: left;
    clear: both;
    padding-bottom: 1em;
  }
  #request dt:after {
    content: ":";
  }
  #request dd {
    margin-left: 0.5em;
    padding-left: 0;
    float: left;
  }
  table {
    width: 100%;
    border-collapse: collapse;
    border-spacing: 0;
  }
  th {
    text-align: left;
    font-weight: normal;
  }
  th {
    text-transform: uppercase;
    font-size: 12px;
  }
  th, td {
    padding: 0.25em 0.5em;
  }
  td ul {
    padding-left: 0;
  }
  td ul,
  td li {
    list-style: none;
    display: inline;
  }
  label:after {
    content: ":";
  }
  #branding img {
    display: block;
  }
  #branding .tag-line {
    font-family: "JunctionRegular", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-style: italic;
    text-transform: lowercase;
    font-size: 19px;
  }
  #site-information {
    font-size: 14px;
  }
  label {
    display: block;
    margin-bottom: 0.125em;
  }
  select {
    font-size: 11px;
  }
  textarea,
  input[type=text],
  input[type=password] {
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    border: 1px solid;
    width: 20em;
  }
  textarea {
    height: 6.25em;
  }
  textarea,
  input[type=text],
  input[type=password],
  input[type=submit],
  a.action {
    padding: 0.25em;
    font-size: 15px;
  }
  input[type=submit],
  a.action {
    cursor: pointer;
    display: inline-block;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    border: 1px solid;
    padding-left: 1em;
    padding-right: 1em;
  }
  input[type=submit]:hover,
  input[type=submit]:active,
  a.action:hover,
  a.action:active {
    text-decoration: none;
  }

/* Skot's rough code:

  ul#submissions li {
    width: 120px;
	padding: 10px;
	margin: 10px;
	float: left;
	font-style: italic;
  }

  ul#submissions li img {
	width: 120px;
	height: 120px;
  }

*/

/*  =Color
  ----------------------------------------------- */
  body {
    background-color: #fff;
    color: #3f3f3f;
  }
  h1, h2, h3, h4, h5, h6,
  th {
    color: #000;
  }
  a {
    color: #0080ff;
  }
  table tbody tr:nth-child(2n+1) {
    background-color: #efefef;
  }
  textarea,
  input[type=text],
  input[type=password] {
    border-color: #ccc;
  }
  textarea:focus,
  input[type=text]:focus,
  input[type=password]:focus {
    background-color: #e6e6e6;
  }
  input[type=submit],
  a.action {
    background-color: #0080ff;
    color: #fff;
    border-color: #0080ff;
  }
  input[type=submit]:hover,
  input[type=submit]:active,
  a.action:hover,
  a.action:active {
    background-color: #0f75da;
    border-color: #0f75da;
  }
  dl .note {
    color: #999;
  }
  .error_message {
    display: block;
    color: #a84b4b;
  }
  .error textarea,
  .error input[type=text],
  .error input[type=password] {
    border-color: #d9c5c1;
    color: #a84b4b;
  }
  .error textarea:focus,
  .error input[type=text]:focus,
  .error input[type=password]:focus {
    background-color: #faeaea;
  }

/* Skot's rough code:
  ul#submissions li a {
	color: #ff8400;
  }
*/

/*  =Layout
  ----------------------------------------------- */
  #branding .inner,
  .content,
  #site-information {
    padding: 1em 100px;
  }