/* START HTML element look and feel.
 */

body {
  
  background-color: #ffffff;
  color: #000000; /* Description, Date, Footer. */
  font-family: "Verdana", "Arial", "Helvetica", "sans-serif";
  font-size: 11px;
}

img { border: none; }

a { 
  text-decoration: none;
  color: #ffffff; 
}
a:link { color: #0000ff; }
a:visited { color: #80c41c; }
a:hover { color: #0000ff; }
a:hover { text-decoration: underline; }

td {
  vertical-align: top; /* Calendar's position */
}

ol {
  list-style-type: none;
  list-style-position: outside; 
}

ul {
  list-style-type: none;
  list-style-position: outside; 
}

/* END HTML element look and feel */

/* START Table Position and Layout.
 * 'Tbl' extensions indicate positional and sizing identifiers
 * for templates that use <table> for layout.  These identifiers
 * should not interfere with templates that use <div> for layout and
 * can be ignored for those templates.
 */

#pageTbl {

  margin: 15px; /* Top, Left, and Right margins */
  padding: 0px 4px 4px 4px;
  display: display;
  width: 552px;

  background-image: url(http://www.mdvcommunications.com/blog/gbtech.gif); 
  /* Top header image */
  background-repeat: no-repeat;

}

#headerRow {

  display: block; /* Without headerRow, the header image would move down */
  height: 122px;  
}


#rightHeaderTbl {

  display: block; 
}


#contentRow td { }

#contentTbl { /* Affect Content Only */
  border: 1px solid #3333cc; 
  padding: 4px;
  background-color: #FFFFFF;
}

#leftColumnTbl {
  width: 75%; 
  border: 1px solid #3333cc; /* Left Bottom block Only */
  padding: 4px;
}

#rightColumnTbl {
  width: 25%;
  border: 1px solid #3333cc;
  padding: 4px;
}

#navBarRow td {
background-color: #000000;
  
}

/** This is the code to hide any block of HTML by ID
#syndicLink {
  display: none;
}
*/

#calendarRow td {
  border: 1px solid #000000; 
} 

#descriptionRow td {
  border: 2px dotted #3333cc; /* Top row */
}

#relatedRow td {
  border: 1px solid #3333cc; 
}

#footerRow {
  text-align: center; /* Footer position */
  vertical-align: center; 
}

/* END Table Position and Layout */

/* START Content Identifiers Look and Feel
 * These identifiers and classes are designed to layout the size and look and
 * feel of blog areas.  They should avoid positional information unless
 * a specific advanced behavior that can not be achieved with the
 * positional identifiers.
 */


#rightHeaderTbl span {
  display: none;
}

.description {
  margin: 10px 20px 10px 20px; /* Top row */
}

#navBar span {
  display: inline;
  text-align: center;
  margin-right: 10px; /* Nav Bar */
}

#navBar a {
  color: #ffffff;
  font-weight: bold;
}

#navBar a:hover {
  color: #99ffff;
  text-decoration: none;
}

#navBar span.inactive {
  color: #ffffff;             /* Nav Font */
}

/* END Content Identifiers Look and Feel */

/* START Calendar Look and Feel
 *
 */

#calendar {
  display: block;
  margin: 10px;
  padding: 10px;
}

#calendar td {
  /* Make all text in the calendar table cells centered */
  text-align: center;
}

#month span {
  text-decoration: none;
}

/* Highlight the calendar cell that indicates the currently viewed day.  */
.current {
  color: #80c41c;
  padding: 1px;
  background-color: #3333cc;
  border: 1px none #ffffff;
}

.current a:hover span { color: #80c41c; }
a:hover { text-decoration: none; }

/* Highlight the calendar cell that indicates today's date. */
.today {
  color: #80c41c; 
  padding: 1px;
}

.today a:hover span { color: #80c41c; }
a:hover { text-decoration: none; }

/* END Calendar Look and Feel */

/* START Related Links Look and Feel
 *
 */

#related {
  display: block;
}

#relatedHeader {
  text-align: center;
  text-decoration: underline;
}

.relatedBlog{
  display: block;
  margin: 5px 10px 10px 10px;
  padding: 0px 10px 10px 10px;
  text-align: left;
}


/* END Related Links Look and Feel */

/* START Content Area Look and Feel
 *
 */

#content {
  margin-top: 20px;
}

#dateHeader {
  text-align: center;
  font-size: 12px;
}

/* Identifies a <div> that contains the last item uploaded to this blog */
#lastFeedItem {
  margin: 15px;
  padding: 10px;
}

#lastFeedItem .itemDate {
  display: none;
}

/** This is the code to insert a block of text through the CSS file.
    As written this would put the text "Just Posted" above the last entry posted
    to the blog.
#lastFeedItem:before {
  display: block;
  width: 100%;
  text-align: center;
  content: "Just Posted! ";
  margin-bottom: 30px;
  padding: 2px;
  font-size: 20px;
  font-weight: bold;
}
*/

.feedItem {
  display: block;
  margin: 10px;
  padding: 10px;
}

.itemDate {
  display: block;
  font-size: 11px;
  font-style: italic;
  margin-right: 20px
}

.itemTitle {
  display: block;
  font-size: 12px;
  font-weight: bold;
  padding-bottom: 5px;
}

.itemDesc {
  display: block;
}

#contentTitle {
  display: block;
  font-size: 12px;
  padding: 10px;
  text-align: left;
  color: #3333cc;
  font-weight: bold;
}

#contentDate {
  font-size: 11px;
  font-style: italic;
  display: block;
  padding: 10px;
}

#itemContent {
  display: block;
  padding: 10px;
}

/* END Content Area Look and Feel */

/* START Footer Look and Feel
 *
 */
 
#footer {
  font-size: 10px;
  text-align: center;
  vertical-align: center;
}

#footerRow span {
  font-size: 10px;
  display: block;
}

#footer span {
  font-size: 10px;
  display: block;
}

/* Many of the link tags have an inner span with the pageLink class
   so that the block behavior can be overridden by this selector. */
#footerRow span.pageLink { display: inline; }
#footer span.pageLink { display: inline; }

/* END Footer Look and Feel */
</div></div></table>