/*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*/


div.surnames-cloud {
border-style:solid;
border-width:1px;
color:#e26f3c;
color:#ccc;
border-radius: 25px;
background:white;
margin-left: 5%;
margin-right: 5%;
margin-bottom:25px;
box-shadow: 10px 10px 5px #888888;
}

div.surnames-cloud a:hover{
text-decoration:underline;
}
/* 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; }



div.art-headerobject {
  background-image: url('<?php echo $cms['tngpath'] . $templatepath . $tmp['t9_headimg']; ?>');
  background-repeat: no-repeat;
  width: 432px;
  height: 150px;
}


h1.art-logo-name a {
    color: #fff !important;
    font-size: 100%;
    text-shadow: 2px 2px #000;
}
h2.art-logo-text {
    color: #d05825 !important;
    color: #fff !important;
    text-shadow: 2px 2px #000;
    font-size: 150%;
}

div.art-logo {
    margin-left: -330px;
    position: absolute;
    top: 27px;
    width: 720px;
}
/* - - - - - - - - - - - - - - - */

.art-content-layout .art-sidebar2 {
    width: 180px;
}

.art-content-layout .art-sidebar1 {
    width: 180px;
}

.art-postcontent a:link
{
  font-weight: bold;
}


/* - - - - - - - - - - - - - - - */

.col {
  width: 50%;
  float: left;
  padding-left:20px;
  margin-right:32px;
  margin-bottom: 16px;
}
.c3 {
  margin-right:0;
}


h3 {
  margin: 0;
  color: black;
  background-color: #e5e5e5;
/*
  background: -webkit-linear-gradient(#eee, #aaa);
    background: -o-linear-gradient(#eee, #aaa);
    background: -moz-linear-gradient(#eee, #aaa);
    filter: progid:DXImageTransform.Microsoft.Gradient(startColorstr='#eeeeee', endColorstr='#aaaaaa');
    background: linear-gradient(#eee, #aaa);
*/
  border: 1px solid #aaa;
  border-bottom: 1px solid #ccc;
  border-radius:4px;
  box-shadow: 2px 2px 2px #ccc;
}

h3 a {
  background: url("/img/sprite.png") 15px 13px no-repeat;
  display: block;
  padding: 8px 2px 8px 32px;
  margin: 0;
  color: black;
  text-decoration: none;
  font-weight: bold;
 // text-shadow: 1px 0px 0px white;
}
h3:hover { background: #ccc; }
h3.open  { background: #ccc; }
h3.open a { background-position: 13px -25px; }
h3 + div { padding: 10px; }

/* Pre hide sections with JavaScript on
--- */
h3+div {
  display: none;
}



div.art-headerobject {
  background-image: url('<?php echo $cms['tngpath'] . $templatepath . $tmp['t9_headimg']; ?>');
  background-repeat: no-repeat;
  width: 432px;
  height: 150px;
}
div.art-header-jpeg {
    left: -50%;
    opacity: 1.0;
}

#under-construction
{
  width: 900px;
  height: 640px;
  background-image: url('../img/franquelin1.jpg');
  background-repeat: no-repeat;
  background-position: center;
  text-align: center;
  line-height:640px;
  Font-size: 400%;
  color: white;
  font-family: cursive;
}


#not-found
{
  width: 100%;
  height: 640px;
  text-align: center;
  padding-top: 5%;
  Font-size: 200%;
  color: black;
}

.art-sheet
{
  margin-top: 0px;
}

h2.art-postheader{
text-align: center;
}



details {
  width: 100%;
  font-size: 16px;
  border: 1px solid;
  box-shadow: 5px 5px 10px gray;
}

details > summary {
  width: 15em;
  background-color: #fcfcfc;
  width: 100%;
  font: 20px "Open Sans", "Arial", sans-serif;
  padding: 5px;
  border-radius: 10px 10px 10px 10px;
}

details > div {
  border-radius: 10px 10px 10px 10px;
  padding: 2px 6px;
  margin: 0;
  box-shadow: 5px 5px 10px gray;
  border: 1px solid;
  background-color: #fff;
}


* {
  box-sizing: border-box;
}

/* Create two equal columns that floats next to each other */
.columns {
  float: left;
  width: 50%;
  padding: 10px;
  font-size:16px;
}

/* Clear floats after the columns */
.rows:after {
  content: "";
  display: table;
  clear: both;
}