/*** mike_common.css ***/




/*** styles to be commonly used by both device types ***/


#chapter_title
{
  font-family: "Times New Roman", Times, Arial, Verdana, sans-serif;
  font-size: 20pt;
}
#story_init
{
  font-family: "Times New Roman", Times, Arial, Verdana, sans-serif;
  font-size: 12pt;
  text-indent: 0px;
}
#story_para
{
  font-family: "Times New Roman", Times, Arial, Verdana, sans-serif;
  font-size: 12pt;
  text-indent: 15px;
}




#large_title
{
  font-family: Arial, Verdana, sans-serif;
  font-size: 18pt;
  font-weight: normal;
  color: #0000a0;
}
#mike_title
{
  font-family: Arial, Verdana, sans-serif;
  font-size: 14pt;
  font-weight: normal;
  color: #0000a0;
}
#mike_subtitle
{
  font-family: Arial, Verdana, sans-serif;
  font-size: 12pt;
  font-weight: normal;
  color: #0000a0;
}
#mike_text
{
  font-family: Arial, Verdana, sans-serif;
  font-size: 11pt;
  font-weight: normal;
  color: black;
}
#mike_small
{
  font-family: Arial, Verdana, sans-serif;
  font-size: 10pt;
  font-weight: normal;
  color: black;
}
#mike_smaller
{
  font-family: Arial, Verdana, sans-serif;
  font-size: 9pt;
  font-weight: normal;
  color: black;
}
#large_link
{
  font-size: 14pt;
  font-weight: normal;
  color: black;
}
#text_link
{
  font-size: 11pt;
  font-weight: normal;
  color: black;
}
  
#reset_button 
{
	zz_float: right;
  width: 80px; 
  height: 25px; 
  font-size: 12pt;
  font-weight: normal;
  color: black;
  background-color: #e0e0e0;
  cursor: pointer;
  border-style: solid;
  border-width: 1px;
  border-color: black;
}
#reset_button:hover
{
  width: 80px; 
  height: 25px; 
  font-size: 12pt;
  font-weight: normal;
  color: black;
  background-color: white;
  cursor: grab;
  border-style: solid;
  border-width: 1px;
  border-color: black;
}
  
#common_button 
{
	zz_float: right;
  width: 100px; 
  height: 25px; 
  font-size: 12pt;
  font-weight: normal;
  color: #ffffff;
  background-color: #a65504;
  cursor: pointer;
  border-style: solid;
  border-width: 1px;
  border-color: brown;
}
#common_button:hover
{
  width: 100px; 
  height: 25px; 
  font-size: 12pt;
  font-weight: normal;
  color: #404040;
  background-color: #f0d967;
  cursor: grab;
  border-style: solid;
  border-width: 1px;
  border-color: black;
}

#dear
{
  font-size: 14pt;
  font-style: italic;
  font-weight: normal;
  color: brown;
  margin: 0px 0px 0px 0px; 
  padding: 0px 0px 0px 0px; 
}

#small_text
{
  font-size: 10pt;
  font-style: italic;
  font-weight: normal;
  color: #808080;
  margin: 0px 0px 0px 0px; 
  padding: 0px 0px 0px 0px; 
}

#small_title
{
  font-size: 14pt;
  font-style: normal;
  font-weight: normal;
  color: brown;
  margin: 0px 0px 0px 0px; 
  padding: 10px 0px 0px 0px; 
}

#author_bottom
{
  float: right;
  font-size: 10pt;
  font-style: italic;
  color: #808080;
  margin: 0px 0px 0px 0px; 
  padding: 0px 0px 10px 0px; 
}

#textmark
{
  font-size: 8pt;
  font-style: italic;
  color: #808080;
  vertical-align: top;
  margin: 0px 0px 0px 0px; 
  padding: 0px 0px 0px 0px; 
  border-style: solid;
  border-color: #808080;
  border-width: 0px 0px 0px 0px;
}
#textnote
{
  float: right;
  font-size: 10pt;
  font-style: italic;
  width: 50%;
  color: black;
  margin: 10px 0px 10px 10px; 
  padding: 10px 0px 10px 0px; 
  border-style: solid;
  border-color: #808080;
  border-width: 1px 0px 1px 0px;
}

#quote
{
  font-size: 12pt;
  font-style: italic;
  color: black;
  margin: 0px 0px 0px 0px; 
  padding: 0px 0px 0px 50px; 
}

#code
{
  font-family: Monospace, Arial, Verdana, sans-serif;
  font-size: 11pt;
  font-style: normal;
  color: black;
  margin: 0px 0px 0px 0px; 
  padding: 0px 0px 0px 20px; 
}

#shiteblock
{
  font-size: 12pt;
  font-style: normal;
  color: black;
  margin: 0px 0px 0px 0px; 
  padding: 0px 0px 0px 10px; 
}

#title_link a
{
  font-size: 14pt;
  font-weight: normal;
  color: brown;
  text-decoration: none;
  padding: 2px 2px 2px 0px; 
  margin: 0px 0px 0px 0px;
  text-align: left;
  vertical-align: top;
  border-style: solid;
  border-color: white;
  border-width: 0px 0px 1px 0px;
}
#title_link a:link
{
  font-size: 14pt;
  font-weight: normal;
  color: brown;
  text-decoration: none;
  padding: 2px 2px 2px 0px; 
  margin: 0px 0px 0px 0px;
  text-align: left;
  vertical-align: top;
  border-style: solid;
  border-color: white;
  border-width: 0px 0px 1px 0px;
}
#title_link a:visited
{
  font-size: 14pt;
  font-weight: normal;
  color: purple;
  text-decoration: none;
  padding: 2px 2px 2px 0px; 
  margin: 0px 0px 0px 0px;
  text-align: left;
  vertical-align: top;
  border-style: solid;
  border-color: white;
  border-width: 0px 0px 1px 0px;
}
#title_link a:hover
{
  font-size: 14pt;
  font-weight: normal
  color: #c0c0c0;
  text-decoration: none;
  padding: 2px 2px 2px 0px; 
  margin: 0px 0px 0px 0px;
  text-align: left;
  vertical-align: top;
  border-style: solid;
  border-color: white;
  border-width: 0px 0px 1px 0px;
}


/*******************************/
/* comment styles */

#comment_table 
{
  display: table;
  float: left;
  border-spacing: 5px 10px; 
}
#comment_row  
{
  display: table-row;
}
#comment_head
{
  display: table-cell;
  vertical-align: top;
  background-color: white;
  font-size: 14pt;
  font-weight: normal;
  color: black;
  text-decoration: none;
  margin: 10px 0px 0px 0px; 
  padding: 5px 5px 5px 5px; 

  border-style: solid;
  border-color: white;
  border-width: 1px;
}
#comment_cell
{
  display: table-cell;
  vertical-align: top;
  background-color: #f8f8c0;
  font-size: 10pt;
  font-weight: normal;
  color: black;
  text-decoration: none;
  margin: 10px 0px 0px 0px; 
  padding: 5px 5px 5px 5px; 

  border-style: solid;
  border-color: #808080;
  border-width: 1px;
}
#comment_link
{
  display: table-cell;
  vertical-align: top;
  background-color: #f8f8c0;
  font-size: 10pt;
  font-weight: normal;
  color: black;
  text-decoration: none;
  margin: 0px 0px 0px 0px; 
  padding: 0px 0px 0px 0px; 

  border-style: solid;
  border-color: #808080;
  border-width: 1px;
}
#link_to_comment a:link
{
  display: block;
  font-weight: normal;
  font-size: 14pt;
  color: black;
  text-decoration: none;
  margin: 0px 0px 0px 0px; 
  padding: 5px 5px 5px 5px; 

  border-style: solid;
  border-color: #808080;
  border-width: 0px;
}
#link_to_comment a:hover
{
  display: block;
  background-color: white;
  font-weight: normal;
  font-size: 14pt;
  color: black;
  text-decoration: none;
}
#comment_small_text
{
  zzfloat: right;
  font-size: 9pt;
}
#comment_medium_text
{
  font-size: 12pt;
}
#comment_large_text
{
  font-size: 14pt;
  padding: 5px 5px 5px 5px; 
}
#comment_hr
{
  width: 95%;
  color: red;
}


#comment_form
{
  margin: 0px 0px 0px 0px; 
  padding: 0px 0px 0px 0px; 
  margin: 0 auto; 
  
  border-style: dotted;
  border-color: purple;
  border-width: 0px;
}

#comment_form_table 
{
  display: table;
  xx_width: 600px;
  font-family: Arial, Verdana, sans-serif;
  font-size: 14pt;
  text-align: left;
  vertical-align: top;
  background-color: #f8f8c0;
  margin: 0px 0px 0px 0px; 
  padding: 0px 0px 0px 0px; 
  margin: 0 auto; 
  empty-cells: show;
  
  border-style: dotted;
  border-color: black;
  border-width: 0px;
}
#comment_form_row  
{
  display: table-row;
}
#comment_form_cell /* default alignment */
{
  display: table-cell;
  padding: 0px 0px 0px 0px;
  margin: 0px 0px 0px 0px;
  vertical-align: middle;
  font-size: 11pt;
  color: black;
  background-color: #f8f8c0;
  white-space: nowrap;
  
  border-style: solid;
  border-color: green;
  border-width: 0px;
}
#comment_form_cell_top
{
  display: table-cell;
  padding: 0px 0px 0px 0px;
  margin: 0px 0px 0px 0px;
  text-align: left;
  vertical-align: top;
  font-size: 12pt;
  background-color: #f8f8c0;
  
  border-style: solid;
  border-color: red;
  border-width: 0px;
}
#comment_form_cell_error
{
  display: table-cell;
  padding: 0px 0px 0px 0px;
  margin: 0px 0px 0px 0px;
  text-align: left;
  vertical-align: middle;
  color: red;
  font-size: 8pt;
  
  border-style: none;
  border-color: #c0c0c0;
  border-width: 0px;
}


#comment_name
{
  width: 200px; 
  height: 30px; 
  font-size: 14pt;
  border-style: solid;
  border-width: 1px;
  border-color: #c0c0c0;
}

#comment_verify_table 
{
  display: table;
  float: left;
  margin: 0px 0px 0px 0px; 
  padding: 0px 0px 0px 0px; 
  margin: 0 auto; 
}

#comment_verify_row  
{
  display: table-row;
}

#comment_verify_cell
{
  display: table-cell;
  
  color: black;
  vertical-align: top;
  border-style: solid;
  border-color: #c0c0c0;
  border-width: 0px;
}
#comment_user_id
{
  font-size: 10pt;
  font-style: italic;
  color: #a0a0a0;
}

textarea
{
  font-family: Arial, Verdana, sans-serif;
  font-size: 12pt;
}


/* styles for text input boxes */
#tribute_poem
{
  font-family: Arial, Verdana, sans-serif;
  font-size: 14pt;
  border-style: solid;
  border-width: 1px;
  border-color: #c0c0c0;
}
#css_id_100
{
  width: 100px; 
  height: 200px; 
  font-size: 14pt;
  border-style: solid;
  border-width: 1px;
  border-color: #c0c0c0;
}
#css_id_200
{
  width: 200px; 
  height: 30px; 
  font-size: 14pt;
  border-style: solid;
  border-width: 1px;
  border-color: #c0c0c0;
}
#css_id_300
{
  width: 300px; 
  height: 30px; 
  font-size: 14pt;
  border-style: solid;
  border-width: 1px;
  border-color: #c0c0c0;
}
#css_id_400
{
  width: 400px; 
  height: 30px; 
  font-size: 14pt;
  border-style: solid;
  border-width: 1px;
  border-color: #c0c0c0;
}
#css_id_button
{
  width: 100px; 
  height: 25px; 
  font-size: 12pt;
  font-weight: normal;
  color: #101010;
  background-color: #e0e0e0;
  cursor: pointer;
  border-style: solid;
  border-width: 1px;
  border-color: #c0c0c0;
}
#css_id_button:hover
{
  width: 100px; 
  height: 25px; 
  font-size: 12pt;
  font-weight: normal;
  color: #808080;
  background-color: #e0e0e0;
  cursor: grab;
  border-style: solid;
  border-width: 1px;
  border-color: black;
}

#choose_file_button
{
  width: 200px; 
  height: 25px; 
  font-size: 12pt;
  font-weight: bold;
}


/*******************************/
/* share styles */

#share_table 
{
  display: table;
  float: left;
  zzborder-spacing: 5px 10px; 
}
#share_row  
{
  display: table-row;
}
#share_cell
{
  display: table-cell;
  vertical-align: middle;
  background-color: white;
  font-size: 14pt;
  font-weight: normal;
  color: #c0c0c0;
  text-decoration: none;
  margin: 0px 0px 0px 0px; 
  padding: 0px 0px 0px 0px; 

  border-style: solid;
  border-color: white;
  border-width: 1px;
}
#share_cell a
{
  display: table-cell;
  vertical-align: middle;
  background-color: white;
  font-size: 14pt;
  font-weight: normal;
  color: #c0c0c0;
  text-decoration: none;
  margin: 0px 0px 0px 0px; 
  padding: 0px 0px 0px 0px; 

  border-style: solid;
  border-color: white;
  border-width: 1px;
}

#share_cell a:hover
{
  display: table-cell;
  zzwidth: 40px;
  vertical-align: middle;
  background-color: white;
  font-size: 14pt;
  font-weight: normal;
  color: #c0c0c0;
  text-decoration: none;
  margin: 0px 0px 0px 0px; 
  padding: 0px 0px 0px 0px; 

  border-style: solid;
  border-color: black;
  border-width: 1px;
}

#poem_factory
{
  float: left;
  text-align: center;
}