body
{
  font-size: 1rem;
  font-family: Sans-Serif;
  font-weight:normal;
  margin: 0 auto;
  text-align:center;
  color: #000000;
  background-image: url(/images/bricksbg.gif);
}

a, a:hover, a:visited, a:active
{
  color:navy;
}

.shadowed 
{
/*  background-color: #fff;    */
  color: #202c2d;
  text-shadow:
    0 1px #808d93,
    -1px 0 #cdd2d5,
    -1px 2px #808d93,
    -2px 1px #cdd2d5,
    -2px 3px #808d93,
    -3px 2px #cdd2d5,
    -3px 4px #808d93,
    -4px 3px #cdd2d5,
    -4px 5px #808d93,
    -5px 4px #cdd2d5,
    -5px 6px #808d93,
    -6px 5px #cdd2d5,
    -6px 7px #808d93,
    -7px 6px #cdd2d5,
    -7px 8px #808d93,
    -8px 7px #cdd2d5;
}

#header_dave, #header_acsw, #header_webdev
{
  font: bold 5rem Sans-Serif;
  display:inline;
  text-align: center;
  padding: 0;
  margin: 0;
}

#header_acsw
{
  font: bold 4rem Sans-Serif;
}

#header_webdev
{
  font: bold 3rem Sans-Serif;
}

.panel-blurb-text, .panel-title-text, .panel-subtitle-text, .copyright_text /*, .panel-title-text a, .panel-subtitle-text a */
{
  font-size:1.8rem; 
  font-weight: normal;
  font-family: Sans-Serif;
  color: #000000;
  text-align:center;
}

.panel-title-text /*, .panel-title-text a */
{
  font-size: 2rem; 
}

.panel-url
{
  word-wrap:break-word;
}

.panel-subtitle-text /*, .panel-subtitle-text a */
{
  font-size:1.7rem;
}

.panel-text
{
  font-size: 1.8rem; 
  text-align:left;
}

#logo_image
{
  width:20%;
  padding:1%;
  display:inline-block;
}

#logo_text
{
  width:75%;
  display:inline-block;
  vertical-align:middle;
}

img
{
  border:none;
  width:100%;
}

.input_button
{
  font-size: 2rem; 
  cursor:pointer;
}

.copyright_text
{
  font-size:1.4rem;
}

.copyright_half
{
  display:inline-block;
  width:45%;
  text-align:center;
  vertical-align:middle;
}

.copyright_full
{
  display:block;
  width:100%;
  text-align:center;
}

.panel-thumbnail 
{
}

.panel-image
{
  border-radius:5px;
  border:none;
  padding:0;
  margin:0;
}

.thumbnail
{
  border:none;
  padding:0;
  margin:0;
}

.thumbnail img
{
  width:auto;
  border-radius:5px;
}
.panel-heading .thumbnail img
{
  height:400px;
}

.lower-element /* below navbar! */
{
  position:relative;
  top:-50px;
}

.site_table_col1, .site_table_col2
{
  display:inline-block;
  width:46.5%;
  vertical-align:top;
  margin-left:.5rem;
  margin-right:.5rem;
}

.site_table_row
{
}

.site_section_heading
{
  background: transparent;
  border:2px solid #a0a0a0;
  background-image: url(/images/graymist.gif);
  opacity: .8;
  border-radius:5px;
  font-size:1.7rem;
  padding:2%;
  margin:1%;
  text-align:center;
}

.data_table, .data_table_small
{
  border-collapse:collapse;
  border:1px solid #202020;
}

.data_table td
{
  padding:1rem;
  border-collapse:collapse;
  border:1px solid #202020;
}

.thumb /* gallery */
{
    margin-bottom: 30px;
}

#upload_table tr td
{
  padding-bottom:10px;
}
/* below, may not need... */
/*
.full_body
{
  max-width:900px;
  min-width:320px;
  margin:0 auto; 
 background-image: url(/images/bricksbg.gif); 

}

#content
{
  text-align:left;
  border:0px;
  padding:0;
  margin:0 auto;
  margin:2%; 
  -moz-outline-style: none;  
  outline: none;
}

#popup_content
{
  text-align:left;
  border:0px;
  padding:0;
  margin:0 auto;
}

.popup_body
{
  padding:0;
  margin:0;
  background-image:url(/images/canvas_inner_bg.jpg);
  text-align:center;
  overflow:hidden; 
}

.wf-loading h1, .wf-loading h2, .wf-loading p  
{
	visibility:hidden;
}


.a_plain a:link, .a_plain a:visited, .a_plain a:active,
a:link, a:visited, a:active
{
 color:black;
 text-decoration:underline;
}

.a_plain a:hover, .a_plain a:focus,
a:hover, a:focus
{
 color:black;
 text-decoration:underline;
}

.page_title
{
  text-align:center;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 28pt;
  font-weight:bold;
  text-shadow: 4px 4px 4px #aaa;
  color:#010843;
}

.normal_text_style
{
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 11pt;
  font-weight:normal;
  color: #000000;
}

#header_box, #footer_box
{
  border:1px solid #010843;
  background-image: url(/images/graymist.gif);
  width:96%;
  margin-top:8px;
  margin-bottom:8px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
}

#middle_box
{
  border:1px solid #010843;
  background-color: #ffffff;
  width:96%;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
}

#header_box td, #footer_box td, #middle_box td
{
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 11pt;
}

#header_info_box
{
  border:1px dotted #555555;
  padding:4px;
  margin:8px;
  font-family: 'Verdana', 'Helvetica', sans-serif;
  font-weight: normal;
  font-size:10px;
}

.home_blurb, .home_title
{
  font-size: 1rem; 
  font-weight:bold;
  text-align:left;
  background-image: url(/images/grayermist.gif);
  padding:4px;
  border:1px solid #010843;
  padding:4px 8px 4px 8px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
}

.home_title
{
  background-image: url(/images/graymist.gif);
}

.home_url_text
{
  font-size: .8rem; 
}

.home_table
{
}

.home_table td
{
  padding:4px;
}

.home_sep
{
  padding-top:4px;
  padding-bottom:4px;
  margin-left:0 auto;
}

.home_sep hr
{
  width:95%;
  color:#010843;
}

.site_section_header
{
  margin-top:8px;
}

.site_section_list
{
  margin-left:20px;
}

.site_section_header_text
{
  font-size: 1rem; 
}

.site_section_text
{
  font-size: 1rem; 
}

li
{
  word-wrap: break-word; /* wrap even on non-space, for long email addresses */
}

.site_img
{
  border:1px solid #010843;
  width:100%;
}

.button
{
  border:none;
  cursor:pointer;
}

a:focus, a:active
{
  -moz-outline-style: none;  /* annoying ff behavior */
  outline: none; /* annoying ff behavior */
}

.list_style
{
  margin-left:20px;
}
.list_style li
{
  padding-bottom:4px;
}

#footer
{
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 28px;
  font-weight: bold;
  color:#f7efc0;
  text-align:center;
  padding:8px;
}

#copyright, #hit_counter
{
  font-size:10px;
  font-weight:normal;
}

#copyright a, #hit_counter a 
{
}

.form_label, .form_label_req, .form_label_opt, .form_field
{
  font-size: 11pt; 
  font-weight: normal;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  color: #000000;
}

.form_label_req
{
  font-weight: bold;
}

.overhaul
{
  font-weight:bold;
  margin:4px;
  padding:4px;
  width:200px;
  border:1px solid #010843;
  padding:4px 8px 4px 8px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
}

#deluxe_menu_full
{
  display:block;
}
#deluxe_menu_mobile
{
  display:none;
}

.panel-image-div
{
  width:33%;
  padding:10px 20px;
}

.panel-image
{
  width:100%;
  border-radius:5px;
}

.panel ul
{
  overflow:hidden; 
}
*/

@media only screen and (max-width: 990px) {
#logo_image
{
  width:30%;
}
#logo_text
{
  width:65%;
}
}

@media only screen and (max-width: 600px) {
#logo_image
{
  display:block;
  width:30%;
}

.site_table_col1, .site_table_col2
{
  width:97%;
  display:block;
}

.panel-image-div
{
  float:none !important;
  width:100%;
}
}
@media only screen and (max-width: 400px) {
#header_dave
{
  font: bold 3rem Sans-Serif;
}

#header_acsw
{
  font: bold 2rem Sans-Serif;
}
.panel-url
{
  font-size:1.5rem;
}
}

.highlight
{
  background-color:#ffff80;
}

.panel-half, .panel-quarter, .panel-threequarter
{
  display:inline-block;
  vertical-align:top;
  width:48%;
  margin:1%;
}
.panel-quarter
{
  width:23%;
}
.panel-threequarter
{
  width:71%;
}
.panel-half img, .panel-quarter img, .panel-threequarter-img
{
  width:100%;
  border-radius:4px;
}
@media only screen and (max-width: 600px) 
{
  .panel-half, .panel-quarter, .panel-threequarter
  {
    width:97%;
  }
}

ul.horiz-list li
{
  display:inline;
}
/***************************** BEGIN PUSH BUTTON STYLE ****************************************/
/* http://callmenick.com/post/stylish-css-buttons */

.facebook-button
{
  max-width:160px;
  height:50px;
  width:auto;
  padding: 4px 2%;
  cursor:pointer;
  display: inline-block;
  vertical-align: bottom;
  margin: 0 2px 10px 0px;
}

button, button-small, button-wide
{
  cursor:pointer;
  display: inline-block;
  margin: 0 2px 10px 0px;
  padding: 4px 2%;
  width:31%;
  max-width:180px;
  height:50px;
  vertical-align: bottom;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
  outline: none;
}

button-small 
{
  margin: 0 5px 10px 0px;
  padding: 4px 2%;
  width:25%;
  max-width:80px;
  height:10px;
}

button-wide
{
/*  margin: 0 5px 10px 0px; */
  padding: 6px 2% 4px 2%;
  width:50%;
  max-width:200px;
  height:20px;
}

section.press button, section.press button-small, section.press button-wide
{
  color: #000;
  font-weight:normal;
  background-color: #c0c0c0; /* #efc556; */
  border: none;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  -webkit-box-shadow: 2px 5px #00002d;
  -moz-box-shadow: 2px 5px #00002d;
  box-shadow: 2px 5px #00002d;
}
/*
.button-current
{
  background-color: #015d01 !important;
}
.button-current:active
{
  background-color: #037f03 !important;
}
.button-current:hover
{
  background-color: #037f03 !important;
}
*/

section.press button:hover,
section.press button.hover, 
section.press button-small:hover,
section.press button-small.hover, 
section.press button-wide:hover,
section.press button-wide.hover 
{
  background-color: #d0d0d0; /* #ebc973; */
}

section.press button:active,
section.press button.active, 
section.press button-small:active,
section.press button-small.active,
section.press button-wide:active,
section.press button-wide.active
{
  background-color: #d0d0d0; /* #ebc973; */
  -webkit-box-shadow: 0 2px #00002d;
  -moz-box-shadow: 0 2px #00002d;
  box-shadow: 0 2px #00002d;
  -webkit-transform: translateY(2px);
  -moz-transform: translateY(2px);
  -ms-transform: translateY(2px);
  -o-transform: translateY(2px);
  transform: translateY(2px);
}

section.press button
{
  color:#000;
  font-family: Verdana,Arial,sans-serif;
  font-size:1.4rem; 
  font-weight:bold;
  text-decoration:none;
}

section.press button .text-large
{
  color:#FFF;
  font-family: Verdana,Arial,sans-serif;
/*  font-size:.7rem; */
  font-weight:bold;
  text-decoration:none;
}

section.press button .text-small,
section.press button .text-sub,
section.press button-small .text-small,
section.press button-small .text-sub,
section.press button-wide .text-small,
section.press button-wide .text-sub
{
  color:#FFF;
  font-family: Verdana,Arial,sans-serif;
/*  font-size:75%; */
/*  font-size: .6rem; */
  font-size: .7rem;
  font-weight:normal
  text-decoration:none;
}

/***************************** END PUSH BUTTON STYLE ****************************************/