.centeredImage
    {
    text-align:center;
    display:block;
    }

.topstories {
font-family: Arial, Verdana, sans-serif;
font-size: 13pt;
color: white;
font-weight: bold;
} 

.topstories2 {
text-decoration:none;
font-family: Arial, Verdana, sans-serif;
font-size: 11pt;
color: white;
font-weight: bold;
}

.logo1 {
font-family: Courier New, Arial, Verdana, sans-serif;
font-size: 26pt;
color: #668CAC;
font-weight: bold;
}

.logo2 {
font-family: Times New Roman, Arial, Verdana, sans-serif;
font-size: 16pt;
color: #668CAC;
font-weight: bold;
}

.navMainBlue {float:left; height:34px; line-height:34px; vertical-align:middle; margin:1px 1px 1px 1px;
 background-image:url(http://www.mendingmedia.com/images/float_668CaC.gif);}

.navMainBlue a.navmain:link, .navMainBlue a.navmain:visited, .navMainBlue a.navmain:active {font-family:Arial, Helvetica, sans-serif; font-weight:bold;
 font-size:12px; color:#FFFFFF; text-decoration:none; display:block; background-image:url(http://www.mendingmedia.com/images/float_668CaC.gif);}

.navMainBlue a.navmain:hover {font-weight:bold; font-size:12px; color:#ffffff; text-decoration:none; display:block;
 background-image:url(http://www.mendingmedia.com/images/hover_668CAC.gif);}


div.bodyrows {
text-align: center;
width: 300px;
}

div.bodyrows2 {
background-color: #EEEEEE;
color : #000000;
text-align: center;
width: 300px;
font-weight: bold;
}

div.bodyrows3 {
background-color: #EEEEEE;
color : #000000;
text-align: center;
width: 300px;
font-weight: bold;
}

div.topvids {
width: 80%;
background-color: #000000;
color: #668CAC;
font-family: Franklin Gothic Medium, Courier New, Arial, Verdana, sans-serif;
font-weight: bold;
text-align: center;
}

div.topvids2 {
width: 300px;
background-color: #000000;
color: #668CAC;
font-family: Franklin Gothic Medium, Courier New, Arial, Verdana, sans-serif;
font-weight: bold;
text-align: center;
}

div.topvids3 {
width: 300px;
background-color: #000000;
color: #668CAC;
font-family: Franklin Gothic Medium, Courier New, Arial, Verdana, sans-serif;
font-weight: bold;
text-align: center;
}

div.topvids4 {
width: 100%;
background-color: #000000;
color: #668CAC;
font-family: Franklin Gothic Medium, Courier New, Arial, Verdana, sans-serif;
font-weight: bold;
text-align: center;
}

div.topvids5 {
width: 600px;
background-color: #000000;
color: #668CAC;
font-family: Franklin Gothic Medium, Courier New, Arial, Verdana, sans-serif;
font-weight: bold;
text-align: center;
}

div.topvids6 {
width: 560px;
background-color: #000000;
color: #668CAC;
font-family: Franklin Gothic Medium, Courier New, Arial, Verdana, sans-serif;
font-weight: bold;
text-align: center;
}

div.comspace {
width: 100%;
background-color: #FFFFFF;
color: #668CAC;
font-family: Franklin Gothic Medium, Courier New, Arial, Verdana, sans-serif;
font-weight: bold;
text-align: center;
}

a.storytitle {
text-decoration : none;
font-weight: bold;
color: #668CAC;
text-align: left;
font-size: 14pt;
text-align: left;
}

p.storytitle {
text-decoration : none;
font-weight: bold;
color: #668CAC;
text-align: left;
font-size: 14pt;
}

p.storytitlemain {
font-weight: bold;
color: #668CAC;
text-align: left;
font-size: 13pt;
}

p.storytitle2 {
color: #000000;
text-align: left;
font-size: 12pt;
}

p.storytitle3 {
color: #000000;
text-align: left;
font-size: 12pt;
}

div.splashstory {
width: 560px;
background-color: #000000;
color: #668CAC;
font-family: Franklin Gothic Medium, Courier New, Arial, Verdana, sans-serif;
font-weight: bold;
text-align: center;
}

a.parts {
color: #FFFFFF;
text-decoration:none;
}

a.more {
width: 560px;
background-color: #FFFFFF;
color: #668CAC;
font-family: Courier New, Arial, Verdana, sans-serif;
font-weight: bold;
text-align: center;
text-decoration : none;
}

.voted {
background-color: #FFFFFF;
color: #668CAC;
font-size: 18pt;
font-family: Courier New, Arial, Verdana, sans-serif;
font-weight: bold;
text-align: center;
text-decoration : none;
}

a.friends {
width: 300px;
background-color: #FFFFFF;
color: #668CAC;
font-family: Courier New, Arial, Verdana, sans-serif;
font-weight: bold;
text-align: left;
text-decoration : none;
}

li.friends {
color: #668CAC;
font-weight: bold;
}

/* color settings */
.playerBox_gsvb div.alldone_gsvb        { color : #0000cc; }
.playerBox_gsvb a.title_gsvb            { color : #0000cc; }

.playerBox_gsvb div.alldone_gsvb:hover  { color : #0000cc; }
.playerBox_gsvb a.title_gsvb:hover      { color : #0000cc; }
.resultsBox_gsvb div.resultDiv_gsvb     { border-color : #676767; }
.floatingPlayerBox_gsvb,
.floatingPlayerBox_gsvb *               { background-color : #ffffff; }
.floatingPlayerBox_gsvb                 { border : 1px solid #f0f0f0; }
                                        }
.floatingPlayer_gsvb                    { background-color : #ffffff; }

/*
 * The Player Box
 * - visible while playing
 * - collapsed while idle
 */
.playerBox_gsvb {
  display : block;
  margin-top : 4px;
  margin-bottom : 4px;
  margin-left : 10px;
  margin-right : 10px;
  text-align : center;
}

/**
 * Floating Player Box:
 *
 * note: top, left, z-index, height, width
 * are set in code. Limit your styling to color/opacity
 * Note the z-index of floatingPlayer should be one
 * higher than the z-index of the floatingPlayerBox.
 * Adjust as needed on sites with crazy layering.
*/
.floatingPlayerBox_gsvb {
  position : absolute;
  opacity : 0.90;
  -moz-opacity : 0.90;
  filter:alpha(opacity=90);
  z-index : 9998;
}
.floatingPlayer_gsvb {
  position : absolute;
  z-index : 9999;
}
.floatingBranding_gsvb {
  position : absolute;
}

.idle_gsvb {
  display : none;
}

.playing_gsvb {
  display : block;
}

.playerInnerBox_gsvb {
  margin-top : 2px;
}

/* keep a 1.33 ratio
 * (on widths > 300px, add 20px in height for controls)
 * small player:        180x135   4:3
 * medium player:       260x195   4:3
 * large player:        320x260   4:3 + 20px at bottom
 * extra large player:  480x380   4:3 + 20px at bottom
 */
.playerInnerBox_gsvb .player_gsvb {
  width : 600px;
  height : 520px;
}

.playerInnerBox_gsvb div.player_gsvb {
  margin : auto;
}

.floatingPlayer_gsvb .playerInnerBox_gsvb div.player_gsvb {
  margin : 0;
}

.playerBox_gsvb div.alldone_gsvb {
  display : inline;
  font-size : 11px;
  cursor : pointer;
}

.playerBox_gsvb div.alldone_gsvb:hover {
  text-decoration : underline;
}


.playerBox_gsvb div.title_gsvb {
  text-align : center;
  font-size : 11px;
  margin-top : 2px;
}

.playerBox_gsvb a.title_gsvb {
  text-decoration : none;
}

.playerBox_gsvb a.title_gsvb:hover {
  text-decoration : underline;
}

/*
 * resultsTable
 * - vertical mode
 * - horizontal mode
 */
.full_gsvb {
  display : block;
}

.empty_gsvb {
  display : none;
}

table.resultTable_gsvb {
  border-collapse : collapse;
}

table.resultTable_gsvb td {
  border : none;
}

div.resultDiv_gsvb {
  border-width : 1px;
  border-style : solid;
  background-color : #000000;
  height : 79px;
  width : 104px;
  text-align : center;
}

div.smallResultDiv_gsvb {
  height : 41px;
  width : 54px;
  text-align : center;
}

div.resultDiv_gsvb img {
  cursor : pointer;
  display : inline;
}

/* Auto Execute List Status Box */
div.statusBox_gsvb {
  padding : 4px;
}

div.statusItem_gsvb {
  display : inline;
  text-decoration : underline;
  color : #0000cc;
  cursor : pointer;
  margin-right : 6px;
  font-weight : bold;
  white-space: nowrap;
}

div.statusItemSelected_gsvb {
  text-decoration : none;
  color : #000000;
}
