/*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:#fbfbfb;
margin-left: 10%;
margin-right: 10%;
margin-bottom:25px;
box-shadow: 10px 10px 5px #888888;
}

div.surnames-cloud a:hover{
text-decoration:underline;
}

a.size1      { font-size: 200%; color:#FF0000;text-shadow: 1px 1px 0px #ccc;}
a.size2      { font-size: 190%; color:#DF6D00;text-shadow: 1px 1px 0px #ccc; }
a.size3      { font-size: 180%; color:#DF6D00;text-shadow: 1px 1px 0px #ccc; }
a.size4      { font-size: 170%; color:#34DF00;text-shadow: 1px 1px 0px #ccc; }
a.size5      { font-size: 160%; color:#00DF18;text-shadow: 1px 1px 0px #ccc; }
a.size6      { font-size: 150%; color:#00DFA6;text-shadow: 1px 1px 0px #ccc; }
a.size7      { font-size: 140%; color:#0089DF;text-shadow: 1px 1px 0px #ccc; }
a.size8      { font-size: 130%; color:#000CDF;text-shadow: 1px 1px 0px #ccc; }
a.size9      { font-size: 120%; color:#5100DF;text-shadow: 1px 1px 0px #ccc;}
a.size0      { font-size: 110%; color:#000000;text-shadow: 1px 1px 0px #ccc;}



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: #d05825 !important;
    color: #fff !important;
    font-size: 40px;
    text-shadow: 2px 2px #000;
}

div.art-logo {
    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.t {
color:#D65720 !important;
}

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;
}

/* CSS3 animated disclosure
--- */
#disclose h3 + div {
  height: 0px;
  padding: 0px;
  overflow: hidden;
  background: #aaa;
  display: block!important;
  -webkit-transform: translateZ(0);
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  -ms-transition:all 0.5s ease;
  transition: all 0.5s ease;
}
#disclose .content {
  padding: 15px;
  font-weight:bold;
  text-align:justify;
}

#disclose h3.open + div {
  height: auto;
  background: #fff;
  border: 1px solid black;
  border-radius:10px;
  box-shadow: 8px 8px 5px #ccc;
}


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

body {
  background-image: url('/templates/template9/img/brownleaves.jpg');
}

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