/* main.css for urbanology code base
   when you find common css
   for now, everything is specific,
   but if you add any css to config
   choices, this will be needed.
*/

/*
#sign_in {
  float:right;position:relative;
  margin: 10px 10px 0px 0px;
}
*/




/*
body,html{
   height: 100%;
   width: 100%;
}
*/



/* -------------------- */

/*
#main_left_and_middle {
  // width: 97%;
  //height: 97%;
  text-align:center;
  margin-left:auto;
  margin-right:auto;
}
 */

/*
#tab_div {
  //width:20%;
  //height:80%;
  font-family:sans-serif;
  vertical-align:top;
  display:inline-block;
}
*/
/*
#main_div {
  text-align:left;
  display:inline-block;
  //width:70%;
  //height:80%;
  border:1px #e4ece4 solid;
  font-family:sans-serif;
}
*/

/*
#main_innards {
  //height: 560px;
  // width: 90%;
  //height: 90%;
  margin: 10px 10px 10px 10px;
  overflow-y:scroll;
}
*/

/*
.tab_shell {
  // width: 90%;
  // height: 90%;
  display:none;
  border: 1px #e4ece4 solid;
  margin: 10px 10px 0px 0px;
  padding: 10px;
}
*/

/*
.magic_div {
  display:none;
  border: 1px #e4ece4 solid;
  margin: 10px 10px 0px 0px;
  padding: 10px;
}

*/

/*
 span {display: inline;}
*/


/*
 .tab {border: 2px black solid;} 
 .tab:hover {border: 2px #8bb7cf solid;}
*/


/*
.sustain_button {
  border: 2px black solid;
  display: inline-block; 
  cursor:pointer; 
  text-align:center;  
  background-color: white; 
  color:black;
  width: 150px;
  margin: 4px;
  padding: 1px;
} 
.sustain_button:hover {
  border: 2px #8bb7cf solid;
  display: inline-block; 
  cursor:pointer; 
  text-align:center;  
  background-color: #ffd649; 
  color:black;
  width: 150px;
  margin: 4px;
  padding: 1px;
}
*/

/*
.form_input {
  border: 1px gray solid;
  display: inline-block; 
  background-color: white; 
  color:black;
  width: 150px;
  margin: 4px;
  padding: 1px;
}
*/

/*
.submit_button {
  border: 2px black solid;
  display: inline-block; 
  cursor:pointer; 
  text-align:center;  
  background-color: white; 
  color:black;
  width: 150px;
  margin: 4px;
  padding: 1px;
} 
.submit_button:hover {
  border: 2px #8bb7cf solid;
  display: inline-block; 
  cursor:pointer; 
  text-align:center;  
  background-color: gray; 
  color: white;
  width: 150px;
  margin: 4px;
  padding: 1px;
}
*/
/*
.cancel_button {
  border: 0px black solid;
  display: inline-block; 
  cursor:pointer; 
  text-align:center;  
  //background-color: white;
  color:blue;
  width: 100px;
  margin: 4px;
  padding: 1px;
} 
.cancel_button:hover {
  border: 0px #8bb7cf solid;
  display: inline-block; 
  cursor:pointer;
  text-decoration: underline;
  text-align:center;  
  //background-color: white;
  color: blue;
  width: 100px;
  margin: 4px;
  padding: 1px;
}
*/
/*
#bar_title {
  font-size:25px;
  font-weight: bold; 
}
*/

/*
#banner {
  font-size:40px;
  font-weight: bold; 
  // margin: 10px 0px 0px 9px;
}

#splash_content {
  //min-width:800px;
  // min-height:1200px;
  margin-left:auto;
  margin-right:auto;
  border:1px #e4ece4 solid;
  font-family:sans-serif;
  padding: 10px;
}
*/

/*
.splash_images {
   height: 200px;
   display: inline-block;
}
*/

/*
#signed_in {
  text-align: center;
  margin: 10px;
}
*/

/*
.project_layer {
  display: none;
}
*/

/*
.inline_link {
  display: inline-block;
  text-decoration: underline;
  color: blue;
} 

.inline_link:hover {
  display: inline-block;
  text-decoration: underline;
  color: green;
  cursor:pointer;
}

*/

/*
#project_map {
  position: absolute;
  left:100px;
  top:200px;
  height: 300px;
  width: 400px;
  border: 1px solid #e4ece4;
}

#project_support {
  position: absolute;
  left:100px;
  top:200px;
  height: 300px;
  width: 400px;
  border: 1px solid #e4ece4;
}

#project_impact {
  position: absolute;
  left:350px;
  top:10px;
  height: 560px;
  width: 635px;
  border: 1px solid #e4ece4;
}

#project_sustainability {
  position: absolute;
  left: 15px;
  top: 200px;
  // height: 450px;
  // width: 1065px;
  height: 95%; 
  width: 95%;
  border: 1px solid #e4ece4;
}
*/
 
/*
. head_style_block@ ::  <STYLE type="text/css"> {{link_style}} {{span_style}} </STYLE>
. link_style@ ::   {{style_no_underline}} {{style_hover_underline}} {{style_tab_hover}}

DIVS
. div_5@ :: <div id="{{$1}}" style="{{$3}}{{$4}}{{$5}}{{$6}}{{$7}}">{{$2}}</div>
. plain_div@ :: <div> {{$1}} </div>
. h_div_container@ :: <div style="{{ style_h_div_container }}"> {{$1}} </div>
. h_div_element@ :: <div style="{{style_height($1)}}{{ style_third_width }}{{ style_h_div_element }}{{ style_centered }}{{ style_box }}{{ style_auto_margin }}"> {{$2}} </div>
. big_text@ :: <div style="{{big_text_style}}">{{$1}}</div>
. subtle_div@ :: <div style="float:left;position:relative;width:90%;margin-left:auto;margin-right:auto;
.. {{style_centered}}{{style_light_border}}
.. font-family:sans-serif;font-size:14px;font-weight:normal;font-variant:small-caps;">{{$1}}</div>

STYLES
 span_style@ :: span {display: inline;}
 style_no_underline@ :: a {text-decoration: none;color: #3b5998;}
 style_hover_underline@ :: a:hover {text-decoration: underline; cursor:pointer;}
 style_tab_hover@ :: .tab {border: 2px black solid;} .tab:hover {border: 2px #8bb7cf solid;}
. style_margin_around@ :: margin: 0px 10px 10px 10px;
. style_padding_around@ :: padding: 10px 10px 10px 10px;
. style_left@ :: text-align: left;
. style_nudge_right@ :: margin: 0px 0px 0px 10px;
. style_nudge_left@ :: margin: 0px 10px 0px 0px;
. style_nudge_down_and_left@ :: margin: 10px 10px 0px 0px;
. style_float_right@ :: float:right;position:relative;
. style_big_text@ :: font-size:80px; font-weight: bold;
. style_title_text@ :: font-size:40px; font-weight: bold;
 style_main_width@ :: width:800px;height:1200px;
. style_main_width@ :: min-width:800px;min-height:1200px;
. style_black_border@ :: border:1px black solid;
. style_light_border@ :: border:1px gray solid;
. style_centered@ ::text-align:center;
. style_box@ :: border:1px black solid;
. style_h_div_element@ :: float:left;position:relative;
. style_h_div_container@ :: margin: 0px auto;
. style_auto_margin@ :: margin: auto;
. style_height@ :: height:{{$1}};
. style_third_width@ :: width:{{third(style_main_width)}}px;
. third@ :: {{minus_two(*eval($1+"/3"))}}
. minus_two@ :: {{*eval($1+"-2")}}

"text-align:left;display:inline-block; min-width:800px;min-height:1200px; border:1px black solid;font-family:sans-serif;"

"text-align:left;display:inline-block; min-width:800px;min-height:1200px; border:1px black solid;font-family:sans-serif;"

*/