/*
 * This is a manifest file that'll be compiled into application.css, which will include all the files
 * listed below.
 *
 * Any CSS and SCSS file within this directory, lib/assets/stylesheets, vendor/assets/stylesheets,
 * or vendor/assets/stylesheets of plugins, if any, can be referenced here using a relative path.
 *
 * You're free to add application-wide styles to this file and they'll appear at the top of the
 * compiled file, but it's generally better to create a new file per style scope.
 *




 */


html {
  height: 100%;
}

body {
  background-color: #EEEEEE;
  margin: 0;
  padding: 0;
  font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif;
  height: 100%;
}

.clickable,
    #top_decoration_inner_title,
    #top_decoration_inner_title_date,
    #home_section_box_engagement,
    #little_box_wrapper_click_dan,
    #little_box_wrapper_click_sara,
    #us_for_website,
    #home_section_box_venues,
    #home_section_box_princeton {
  cursor: hand;
  cursor: pointer;
}

#top_decoration {
  width: 980px;
  height: 100px;
  margin: 0;
  padding: 0;
  background-color: #EEEEEE;
}

#top_decoration_inner {
  background: url("/assets/kmafcxz.png");
  height: 100px;
  margin: 0;
  padding: 0;
  line-height: 100px;
}

#top_decoration_inner_title {
  margin-top: 0;
  margin-botton: 0;
  margin-left: 25px;
  margin-right: 25px;
  padding: 0;
  font-size: 3em;
  font-weight: 900;
  font-style: italic;
}

#top_decoration_inner_title_date {
  font-size: 2em;
  margin: 0;
  padding: 0;
  font-weight: 700;
  color: #333333;
}

#top_nav_bar {
  width: 930;
  height: 30px;
  background-color: #FF8F00;
  color: #FFFFFF;
  margin-left: 0;
  margin-right: 0;
  margin-top: 0;
  margin-bottom: 10px;;
  padding-right: 50px;
  padding-left: 0;
  padding-top: 0;
  padding-bottom: 0;
  text-align: right;
  line-height: 30px;
  font-weight: 900;
  border-bottom-left-radius:10px;
  border-bottom-right-radius:10px;
}

.top_nav_bar_link {
  color: #FFFFFF;
  text-decoration: none;
}

.top_nav_bar_link:hover {
  color: #FFFFFF;
  text-decoration: underline;
}

#content_wrapper {
  /*background-color: #FEFFF5;*/
  background-color: #ffffff;
  opacity: .85;
  margin-left: auto;
  margin-right: auto;
  margin-top: 0;
  margin-bottom: 0;
  padding: 0;
  min-height: 100%;
  width: 980px;
}

#content_wrapper_content {
  opacity: 1;
  margin: 0;
  padding: 0;
}

.song_text_input {
  width: 200px;
  height: 30px;
  font-size: 14px;
  margin-bottom: 15px;
}
  
.song_text_input_error {
  border: 1px red solid;
}
  
#suggest_form_input_wrapper {   
  margin-left: 140px;
  margin-bottom: 15px;
}
  
#suggest_form_input_wrapper label {
  margin-left: 10px;
  font-size: 1.2em;
  color: #ff8f00;
}
  
#suggest_form_submit_text {
  display: none;
  height: 30px;   
  margin-top: 10px;
  margin-bottom: 10px;
  padding-bottom: 10px;
  text-align: center;
  color: #ff8f00;
}

