/*your custom style goes in this file*/
/*if you're overriding style blocks from genstyle.css, you only need to include the attributes you're overriding, not the whole block*/

.art-sheet-body {
position: relative;
padding: 0px;
padding-top: 0px;
padding-bottom: 0px;
border: 7px solid;
border-image: repeating-linear-gradient(45deg, #CD0049, #993300, #993300 30px) 60;

}

.art-sheet-cc {
left: 7px;
}

.art-footer-text {
min-height: 24px;
font-size: 12px;
}

.art-footer-b {
height: 40px;
}

.art-footer-t {
bottom: 40px;
}

.art-footer-text p {
  text-align: center;
  margin-bottom: auto;
}

.art-footer-abctext {
  padding-top: 5px;
  font-size: 9px;
  text-align: center;
  color: #bbb;
}

.smaller {
  text-align: left;
  font-size: 12px;
}

.2smaller {
  text-align: center;
}

.smaller .center {
  text-align: center;
  top: 27px;
  margin-top: -50px;
}

.temppreview {
  width: 222px;
  height: 326px;
  }

@media (max-width: 1200px) {
  div.art-headerobject {
    display: none;
  }
  div.art-logo {
  top: 27px;
  }

}

#tngnav a {
font-size: 12px;
}


.art-nav-r {
    width: 1324px;
    clip: rect(auto, auto, auto, 1324px);
}

.center {
    margin-top: auto;
	margin-right: auto;
	margin-bottom: auto;
	margin-left: auto;
    padding: 10px;
	font-family: Verdana;
	font-style: italic;
    color: #EFAF2E;
	text-align: center;	
}

ul.myhome-menus {
    margin-left: -10px; 
    
    padding-top: 8px;

}

ul.my2home-menus {
    margin-left:  auto; 
    margin-right: auto;
    padding-top: 8px;

}

/* This change applies to the genstyle.css and not to the template css. 
The a.size1 through 0 are the same as in the genstyle.css files. No changes. 
But if not in this css file the display makes them all the same size, 12px. /*
*/
.surnames-cloud, .surnames-cloud a 
{ 
  font-size: 12px; 
}
a.size1      { font-size: 200%; }
a.size2      { font-size: 190%; }
a.size3      { font-size: 180%; }
a.size4      { font-size: 170%; }
a.size5      { font-size: 160%; }
a.size6      { font-size: 150%; }
a.size7      { font-size: 140%; }
a.size8      { font-size: 130%; }
a.size9      { font-size: 120%; }
a.size0      { font-size: 100%; }


/* styles for home page surname cloud post */

a.size1      { color: #000099; }

a.size1:link    { color: #000099; }

a.size1:visited { color: #000099; }



a.size2      { color: #3333CC; }

a.size2:link    { color: #3333CC; }

a.size2:visited { color: #3333CC; }



a.size3      { color: #006633; }

a.size3:link    { color: #006633; }

a.size3:visited { color: #006633; }



a.size4      { color: #993300; }

a.size4:link    { color: #993300; }

a.size4:visited { color: #993300; }



a.size5      { color: #CC0033; }

a.size5:link    { color: #CC0033; }

a.size5:visited { color: #CC0033; }



a.size6      { color: #666666; }

a.size6:link    { color: #666666; }

a.size6:visited { color: #666666; }



a.size7      { color: #CC9900; }

a.size7:link    { color: #CC9900; }

a.size7:visited { color: #CC9900; }



a.size8      { color: #999933; }

a.size8:link    { color: #999933; }

a.size8:visited { color: #999933; }



a.size9      { color: #000000; }

a.size9:link    { color: #000000; }

a.size9:visited { color: #000000; }



a.size0      { color: #000000; }

a.size0:link    { color: #000000; }

a.size0:visited { color: #000000; }

}