/*
!
! CSS identifiers should be based on their content. Not upon the layout/design features !
!
*/

html, body {
  padding: 0;
  margin: 0;
}

#body_internal {
  padding: 0;
  margin:0 auto;
  font-family: georgia, serif;
  width: 1106px;
}

#page_header_internal{
  padding: 0.8em 1.2em 0.8em 1.2em;
  text-align: center;
}

nav.page_nav_bar{
  color: #666;
  font-style: italic;
  font-family: Georgia, serif;
  font-size: 100%;
  text-align: center;
  display: block;
}

a.page_nav_bar_link {
  color: #444;
  text-decoration: underline;
  display: inline-block;
}

/*
!  page_main is in ../style_common.css !
*/

#page_main_internal{
  padding: 1.2em;
  margin: 0;
  color: #000;
  font-family: 'Nunito', Helvetica, Arial, sans-serif;
  background-color: #FFF;
}

a{
  color: #000;
}
#page_main_internal a:link{
  color: #000;
}
#page_main_internal a:visited{
  color: #222;
}
#page_main_internal a:hover{
  color: #666
}
#page_main_internal a:active{
  color: #AAA;
}

/*
*
Projects List Page
*
*/

#projectsListPage_lists_section{
  margin: 0;
  padding: 0;
  text-align: left;
}

aside.projectListsPage_layout_inputs_container{
  margin: 0.8em 0 2.4em 0;
  padding: 0.4em 0.8em;
  background: none;
  border:0px dotted #CCC;
  text-align: center;
}

div.input_group_outer{
  margin: 0.4em 0.8em;
  padding: 2px;
  background-color: #F8F8F8;
  border:1px solid #AAA;
  border-radius: 2.4em;
  display: inline-block;
  white-space: nowrap;
}

div.input_group_inner{
  margin: 0;
  padding: 0px;
  background-color: #FFF;
  border:1px solid #FCFCFC;
  border-radius: 2.4em;
  display: inline-block;
  white-space: nowrap;
}

span.input_group_label{
  color:#000;
  display: inline-block;
  margin: 0 0.6em 0 1.2em;
}

#input_group_layout1{
}

#input_group_layout2{
}

div.hidden_inputs_form_sliders_container_outer{
  margin:0;
  padding: 0px;
  border-radius: 2.4em;
  display: inline-block;
  white-space: nowrap;
}

div.hidden_inputs_form_sliders_container_inner{
  margin:0;
  padding: 1px;
  background-color: #EEE;
  border:2px solid #BBB;
  border-radius: 4em;
  display: inline-block;
  white-space: nowrap;
}

a.layout_switch__active, a.layout_switch__notActive{
  margin:0;
  padding: 4px 16px;
  display: inline-block;
  border-radius: 4em;
  font-size: 88%;
  font-weight: 800;
  text-decoration: none;
  text-transform: uppercase;
}

a.layout_switch__active:hover, a.layout_switch__notActive:hover{
}

a.layout_switch__active{
  background-color: #FFF;
  border:2px solid #DDD;
  outline:1px solid #444;
}

a.layout_switch__notActive{
  border:none;
  background: none;
}

div.layout_switch_toggle_indicator{
  margin:0.0em;
  padding:0.4em;
  display: inline-block;
}

/*

  Tags Cloud

*/

aside.projects_tags_list_container_outer{
  margin: 0 2.8em 0 2.8em;
  padding: 0;
}

span.projects_tags_list_title{
  display: inline-block;
  margin: 0 1.2em;
  font-size: small;
  font-weight: bold;
  color: #444;
}

div.projects_tags_list_container_inner{
  margin: 0 0.8em 0 0.8em;
  padding: 0.6em 0.2em 0.8em 0.2em;
  background-color: #FFF;
  border: 1px solid #DDD;
  border-radius: 0.4em;
}

ul.projects_tags_list_unordered{
  list-style: none;
  padding: 0;
  margin: 0;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  line-height: 2.0rem;
}

li.projects_tags_list_tag_item{
}

a.projects_tags_list_tag_link{
  color: #a33;
  display: block;
  font-size: 1.5rem;
  padding: 0.2rem 0.6rem;
  text-decoration: none;
  position: relative;
}


/*
*
Project Page
*
*/

section.projectPage__project_section{
  margin:1.2em;
  padding:1.2em;
  border: 0px dotted  #E5A;
}




/*
*
*/