/*** mike_desktop.css ***/

#g_table /* for dividing the main page up into a left margin and a main area for the big stuff */
{
  display: table;
  width: 100%;
  font-size: 11pt;
  text-align: left;
  vertical-align: top;
  background-color: white;
  margin: 0px 0px 0px 0px; 
  padding: 0px 0px 0px 0px; 
  margin: 0 auto; 
}
#g_row  
{
  display: table-row;
}
#g_cell
{
  display: table-cell;
  font-size: 11pt;
  
  border-style: solid;
  border-color: orange;
  border-width: 0px;
}
#gch_left
{
  display: table-cell;
  font-size: 10pt;
  padding: 0px 0px 5px 5px; 
  
  border-style: solid;
  border-color: red;
  border-width: 0px;
}
#gch_centre
{
  display: table-cell;
        position: relative;
  width: 600px;
  text-align: right;
  font-family: Arial, Verdana, sans-serif;
  font-size: 10pt;
  font-weight: normal;
  padding: 0px 0px 5px 0px; 
  
  border-style: solid;
  border-color: green;
  border-width: 0px;
}
#gch_right
{
  display: table-cell;
  font-size: 10pt;
  padding: 0px 5px 5px 5px; 
  
  border-style: solid;
  border-color: blue;
  border-width: 0px;
}
#gcb_left
{
  display: table-cell;
  vertical-align: middle;
  font-size: 11pt;
  color: white;
  background-color: #0000a0;
  padding: 0px 0px 0px 5px; 
  
  border-style: solid;
  border-color: red;
  border-width: 0px;
}
#gcb_centre
{
  display: table-cell;
  width: 600px;
  height: 25px;
  vertical-align: middle;
  font-family: Arial, Verdana, sans-serif;
  font-size: 11pt;
  font-weight: normal;
  color: white;
  background-color: #0000a0;
  padding: 0px 0px 0px 5px; 
  
  border-style: solid;
  border-color: green;
  border-width: 0px;
}
#gcb_right
{
  display: table-cell;
  vertical-align: middle;
  font-size: 11pt;
  color: white;
  background-color: #0000a0;
  padding: 0px 5px 0px 5px; 
  
  border-style: solid;
  border-color: blue;
  border-width: 0px;
}
#gcm_left
{
  display: table-cell;
  vertical-align: top;
  font-size: 11pt;
  padding: 5px 0px 5px 5px; 
  
  border-style: solid;
  border-color: red;
  border-width: 0px;
}
#gcm_centre
{
  display: table-cell;
  width: 600px;
  vertical-align: top;
  font-family: Arial, Verdana, sans-serif;
  font-size: 11pt;
  font-weight: normal;
  color: black;
  padding: 15px 0px 5px 5px; 
  
  border-style: solid;
  border-color: green;
  border-width: 0px;
}
#gcm_right
{
  display: table-cell;
  vertical-align: top;
  font-size: 11pt;
  padding: 5px 5px 5px 5px; 
  
  border-style: solid;
  border-color: blue;
  border-width: 0px;
}
#gcf_left
{
  display: table-cell;
  font-size: 11pt;
  background-color: #f0f8ff;
  padding: 0px 0px 5px 5px; 
  
  border-style: solid;
  border-color: #8080f0;
  border-width: 1px 0px 0px 0px;
}
#gcf_centre
{
  display: table-cell;
  position: relative;
  width: 600px;
  text-align: right;
  font-family: Arial, Verdana, sans-serif;
  font-size: 11pt;
  font-weight: normal;
  background-color: #f0f8ff;
  padding: 0px 0px 5px 0px; 
  
  border-style: solid;
  border-color: #8080f0;
  border-width: 1px 0px 0px 0px;
}
#gcf_right
{
  display: table-cell;
  font-size: 11pt;
  background-color: #f0f8ff;
  padding: 0px 5px 5px 5px; 
  
  border-style: solid;
  border-color: #8080f0;
  border-width: 1px 0px 0px 0px;
}
  
/*******************************/

#mhome_table 
{
  display: table;
  width: 270px;
  font-size: 11pt;
}
#mhome_row  
{
  display: table-row;
}
#mhome_cell
{
  display: table-cell;
  width: 90px;
  font-size: 11pt;
  vertical-align: top;

  border-style: solid;
  border-color: #c0c0c0;
  border-width: 0px;
  padding: 0px; 
}
  
/*******************************/
/* title_list styles */

#title_list_table 
{
  display: table;
  float: right;
  zzvertical-align: top;
  margin: 0px 0px 10px 10px;
}
#title_list_row  
{
  display: table-row;
}
#title_list_cell
{
  display: table-cell;
  font-size: 11pt;
  vertical-align: top;
  border-style: solid;
  border-color: #c0c0c0;
  border-width: 1px;
  padding: 2px 5px 2px 5px; 
}

/*******************************/
/* yarn styles */

#yarn_table 
{
  display: table;
}
#yarn_row  
{
  display: table-row;
}
#yarn_left
{
  display: table-cell;
  font-size: 11pt;
  vertical-align: top;
  border-style: solid;
  border-color: white;
  border-width: 0px 0px 0px 0px;
  padding: 2px 5px 2px 5px; 
}
#yarn_right
{
  display: table-cell;
  width: 0px;
  vertical-align: top;
  border-style: solid;
  border-color: white;
  border-width: 0px 0px 0px 0px;
}
#zzyarn_border
{
  border-style: solid;
  border-color: red;
  border-width: 10px 10px 10px 10px;
}
#yarn_border a
{
  border-style: solid;
  border-color: green;
  border-width: 10px 10px 10px 10px;
}
#yarn_border a:hover
{
  border-style: solid;
  border-color: blue;
  border-width: 10px 10px 10px 10px;
}

.img_ogle
{
  height: 55px;
  float: left;
  z-index: -1;
  border-style: solid;
  border-color: white;
  border-width: 1px 10px 10px 1px;
}
.img_ogle:hover
{
  border-color: white;
}
.img_banner
{
  width: 350px;
  float: left;
  z-index: -1;
  border-style: solid;
  border-color: white;
  border-width: 1px 1px 1px 1px;
}
.img_banner:hover
{
  border-color: #c0c0c0;
}
.img_book
{
  width: 160px;
  height: 200px;
  border-style: solid;
  border-color: white;
  border-width: 1px 1px 1px 1px;
}
.img_book:hover
{
  border-color: blue;
}
.img_square
{
  width: 80px;
  height: 80px;
  border-style: solid;
  border-color: white;
  border-width: 1px 1px 1px 1px;
}
.img_square:hover
{
  border-color: blue;
}
.img_large
{
  width: 300px;
  border-style: solid;
  border-color: white;
  border-width: 1px 1px 1px 1px;
}
.img_large:hover
{
  border-color: blue;
}
.img_med
{
  width: 300px;
  border-style: solid;
  border-color: white;
  border-width: 1px 1px 1px 1px;
}
.img_med:hover
{
  border-color: blue;
}
#sml_links
{
    position: absolute;
    right: 0;
    bottom: 2;
}
.img_sml
{
  width: 20px;
  border-style: solid;
  border-color: white;
  border-width: 1px 1px 1px 1px;
}
.img_sml:hover
{
  border-color: blue;
}




#img_caption
{
  font-size: 10pt;
  font-style: italic;
  text-align: center;
  color: #808080;
  margin: 0px 0px 0px 0px; 
  padding: 0px 0px 10px 0px; 
}

#poem_table 
{
  display: table;
  float: left;
border-style: solid;
border-color: green;
border-width: 0px;
}
#poem_row  
{
  display: table-row;
}
#poem_left
{
  display: table-cell;
  width: 0px;
  vertical-align: top;
  margin: 0px 0px 0px 0px; 
  padding: 0px 10px 0px 0px; 

border-style: solid;
border-color: red;
border-width: 0px;
}
#poem_right
{
  display: table-cell;
  vertical-align: top;
  margin: 0px 0px 0px 0px; 
  padding: 0px 10px 0px 0px; 

border-style: solid;
border-color: green;
border-width: 0px;
}

#poem_title
{
  font-size: 20pt;
  color: brown;
  margin: 0px 0px 0px 0px; 
  padding: 10px 0px 0px 0px; 
}

#poem_author
{
  font-size: 10pt;
  font-style: italic;
  color: #c0c0c0;
  margin: 0px 0px 0px 0px; 
  padding: 0px 0px 10px 0px; 
}

#verse_author
{
  font-size: 11pt;
  font-style: italic;
  color: #c0c0c0;
  vertical-align: top;
  margin: 0px 0px 0px 0px; 
  padding: 0px 0px 0px 5px; 
}


#play_table 
{
  display: table;
  float: left;
border-style: solid;
border-color: green;
border-width: 0px;
}
#play_row  
{
  display: table-row;
}
#play_left
{
  display: table-cell;
  font-size: 9pt;
  width: 0px;
  vertical-align: top;
  margin: 0px 0px 0px 0px; 
  padding: 5px 2px 2px 5px; 

border-style: solid;
border-color: red;
border-width: 0px;
}
#play_right
{
  display: table-cell;
  font-size: 11pt;
  vertical-align: top;
  margin: 0px 0px 0px 0px; 
  padding: 2px 2px 2px 2px; 

border-style: solid;
border-color: green;
border-width: 0px;
}

#play_title
{
  font-size: 20pt;
  color: blue;
  margin: 0px 0px 0px 0px; 
  padding: 10px 0px 0px 0px; 
}

#play_author
{
  font-size: 10pt;
  font-style: italic;
  color: #c0c0c0;
  margin: 0px 0px 0px 0px; 
  padding: 0px 0px 10px 0px; 
}

/*****************/

#shitem_index_table 
{
  font-family: Arial, Verdana, sans-serif;
  float: left;
  text-align: left;
  vertical-align: top;
  background-color: white;
  margin: 0px 0px 0px 0px; 
  padding: 0px 0px 0px 0px; 
border-style: solid;
border-color: green;
border-width: 0px;
}

#shitem_index_row  
{
}

#shitem_index_col
{
  text-align: left;
  padding: 2px 2px 2px 2px; 
  margin: 0px 0px 0px 0px;
  font-weight: normal;
  font-size: 10pt;
  vertical-align: top;
  border-style: solid;
  border-color: red;
  border-width: 0px;
}




#follow_us
{
	float: left;
  color: #808080;
  font-weight: normal;
  font-size: 10pt;
  text-align: left;
  text-decoration: none;
  vertical-align: bottom;
  padding: 12px 2px 12px 2px; 
  margin: 0px 0px 0px 0px;
  border-style: solid;
  border-color: white;
  border-width: 0px;
}
#follow
{
	float: right;
  color: #a0a0a0;
  font-weight: normal;
  font-size: 10pt;
  text-align: left;
  text-decoration: none;
  vertical-align: bottom;
  height: 25px;
  padding: 2px 2px 2px 2px; 
  margin: 0px 0px 0px 0px;
  border-style: solid;
  border-color: red;
  border-width: 0px;
}
#follow a
{
  color: #808080;
  font-weight: normal;
  font-size: 10pt;
  text-align: left;
  text-decoration: none;
  vertical-align: bottom;
  height: 25px;
  padding: 2px 2px 2px 2px; 
  margin: 0px 0px 0px 0px;
  border-style: solid;
  border-color: red;
  border-width: 0px;
}
#follow a:link
{
  color: #808080;
  font-weight: normal;
  font-size: 10pt;
  text-align: left;
  text-decoration: none;
  vertical-align: bottom;
  height: 25px;
  padding: 2px 2px 2px 2px; 
  margin: 0px 0px 0px 0px;
  border-style: solid;
  border-color: red;
  border-width: 0px;
}
#follow a:visited
{
  color: #808080;
  font-weight: normal;
  font-size: 10pt;
  text-align: left;
  text-decoration: none;
  vertical-align: bottom;
  height: 25px;
  padding: 2px 2px 2px 2px; 
  margin: 0px 0px 0px 0px;
  border-style: solid;
  border-color: red;
  border-width: 0px;
}
#follow a:hover
{
  color: brown;
  font-weight: normal;
  font-size: 10pt;
  text-align: left;
  text-decoration: none;
  vertical-align: bottom;
  height: 25px;
  padding: 2px 2px 2px 2px; 
  margin: 0px 0px 0px 0px;
  border-style: solid;
  border-color: red;
  border-width: 0px;
}