/*
contents:
  COLOR_PALETTE
  IMAGE_RESOURCES
  PLAIN
  COMMON
    formui_viewspace
  CUSTOM
  LAYOUT
  PAGE_SECTION
    home_page
  HTML5BOILERPLATE_COMMON
*/

/** COLOR_PALETTE **/
  /* #ffffff; /* white */
  /* #F05A28; /* orange */
  /* #d14e23; /* dark_orange */
  /* #C6E9FA; /* lt_blue */
  /* #231F20; /* dark_gray */




/** PLAIN **/
body {
	color:  #231F20; /* dark_gray */
	font-family: Georgia, Serif;
	font-size: 62.5%;
	margin: 0;
	padding: 0;
	background-color: #C6E9FA;
	background-image: url(img/sunburst_bg.png);
	background-repeat: no-repeat;
	background-position: -615px 0;
}

h1,h2,h3,h4,h5,h6 {
}

h1 {
  font-size: 3em;
  line-height: 1.19em; /* 43/36 */
  color:  #231F20; /* dark_gray */
}
h2 {
	color: #000;
	font-size: 2.6em;
	line-height: 1.2em; /* 24/20 */
	margin: 0px 0 0.1em;
	text-transform: uppercase;
}
h3,h4,h5,h6 {
  font-size: 1.8em;
  line-height: 1.2em;
}
td,th,dt,dd,
li,
p {
	color: #231F20; /* dark_gray */
	font-size: 1.4em;
	line-height: 1.7em; /* 18/13 */
	margin: 0 0 1.8em;
}
dd p,
dt p,
td p,
th p,
li p,
li li {
  font-size: 1.0em;
}

a {
  text-decoration: underline;
}
a:link,
a:visited,
a:hover,
a:active {
  color:black;
}
a img {
  border: 0;
}
table {
  border-collapse: collapse;
  margin-bottom: 20px;
  width: 100%;
}
td,th {
  border: 0;
  padding: 2px 4px;
  vertical-align: top;
}
  thead td,
  thead th {
    color: white;
  }
  
/** COMMON **/
/** formui_viewspace **/
.formui-viewspace {
}
  span.required {
    color: #c5001a; /* closed_red */
  }

  .form-status {
  }
    ul.errors {
    }
    ul.errors li {
      color: #c5001a; /* closed_red */
    }
  .row {
    padding: 0 0 10px;
    clear: left;
  }
    .row .label {
      float: left;
      width: 16em;
      text-align: right;
    }
      .label label {
        padding-right: 0.2em;
        font-size: 1.3em;
      }
    .row .widget {
      margin-left: 16.4em;
    }
    .row .widget-error {
      padding-left: 16.2em;
      color: #c5001a; /* closed_red */
    }
    
/** CUSTOM **/
a.gallery-painting-link {
  /* gallery paintings are shown with a.show-gallery-link in a lightbox */
  display: none;
}
/** LAYOUT **/
#page {
  margin: 0 auto;
  position: relative;
  width: 960px;
}

  #happy_logo {
    left: -43px;
    position: absolute;
    top: -6px;
  }

  #header {
    background: #F05A28; /* orange */
    height: 55px;
    margin: 0;
    width: 960px;
  }

    #nav {
      float: right;
      height: 55px;
      margin: 0;
      padding: 0;
      width: 480px;
    }
      #nav li {
        float: left;
        height: 55px;
        list-style-type: none;
        width: 120px;
      }
        #nav li a, #nav li a:link, #nav li a:active, #nav li a:visited {
          background-image: url(img/menu.png);
          background-repeat: no-repeat;
          display: block;
          height: 55px;
          text-align: left;
          text-indent: -9999px;
          width: 120px;
        }
        #nav li a:hover {
          background-color: #d14e23; /* dark_orange */
        }
        #nav li#nav-about-the-project a {
          background-position: 16px 10px;
        }
        #nav li#nav-enter-the-drawing a {
          background-position: -104px 10px;
        }
        #nav li#nav-meet-the-artists a {
          background-position: -224px 10px;
        }
        #nav li#nav-thank-the-sponsors a {
          background-position: -344px 10px;
        }
  
  #body {
    margin: 32px 0 0 510px;
    min-height: 500px;
    position: relative;
    width: 450px;
  }
  
  #footer {
    background: url(img/footer.png) no-repeat 0 0;
    height: 128px;
    margin: 20px 0
    width: 960px;
  }



/** HTML5BOILERPLATE_COMMON **/
.ir { display: block; text-indent: -999em; overflow: hidden; background-repeat: no-repeat; text-align: left; direction: ltr; }
.hidden { display: none; visibility: hidden; }
.visuallyhidden { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; }
.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus { clip: auto; height: auto; margin: 0; overflow: visible; position: static; width: auto; }
.invisible { visibility: hidden; }
.row:before, .row:after, /* include formui_viewspace row */
.clearfix:before, .clearfix:after { content: "\0020"; display: block; height: 0; overflow: hidden; }
.row:after, /* include formui_viewspace row */
.clearfix:after { clear: both; }
.row, /* include formui_viewspace row */
.clearfix { zoom: 1; }