body           { background-repeat: repeat-x;  font-family: Arial, sans-serif; font-size: 100%;  margin: 0; padding: 0 ;  }

h1             { color: #636C49; margin-top: 0; line-height: 1.2em}

a              { color: #006633 }
a:hover        { color: #339933; text-decoration: none }


.hi            { color: #950000 }
.mid           { color: #c00 }
.lo            { color: #808080 }




/* new here */

#content, #full, #empty      { background: #fff;  } 

.warning    { background: #fc0; color: #000; padding: 10px; margin-bottom: 20px }


#recent_e  { clear: both }


#list_e    { clear: both }
#list_f    { clear: both }

#list_f .it_head        { overflow: hidden }
#list_f .it_head strong { white-space: nowrap; font-size: 0.8em}

#vip       { clear: both }
#recent_f_extra  { clear: both }


#links     { background-color:  #9DA587}
#links .head { background-color: #636C49; color: #fff; padding: 2px 5px; margin-bottom: 8px; }

#links a   { color: #fff; }

#recent_f .head { background-color: #636C49; color: #fff; padding: 2px 5px; margin-bottom: 8px; }

.link_more         { clear: both }
.link_more a       { display: block; text-decoration: none; text-align: center; padding: 10px 20px   }

#webring       { clear: both; margin-bottom: 10px }
#webring .head { margin-bottom: 10px;  }
#webring .item { color: #000; background: #CFE48D; }
#webring img   { float: left; border: 1px solid #000 }


/* new here */




#inner        { }

#wrap          { margin: 0 auto}
#cont          { }

#top           {  background: #E3FC9A; }

#menu a        { color: #fff; text-decoration: none; border: 1px solid #999; box-shadow: 0 0 0px 1px #fff inset;
  background: #000000; /* Old browsers */
  background: -moz-linear-gradient(top, #999999 0%, #000000 100%); /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#999999), color-stop(100%,#000000)); /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, #999999 0%,#000000 100%); /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, #999999 0%,#000000 100%); /* Opera 11.10+ */
  background: -ms-linear-gradient(top, #999999 0%,#000000 100%); /* IE10+ */
  background: linear-gradient(to bottom, #999999 0%,#000000 100%); /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#999999', endColorstr='#000000',GradientType=0 ); /* IE6-9 */
}

#menu a:hover, #menu a.sel { color: #000; 
  background: #AFCC4D; /* Old browsers */
  background: -moz-linear-gradient(top, #E4F99E 0%, #AFCC4D 100%); /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#E4F99E), color-stop(100%,#AFCC4D)); /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, #E4F99E 0%,#AFCC4D 100%); /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, #E4F99E 0%,#AFCC4D 100%); /* Opera 11.10+ */
  background: -ms-linear-gradient(top, #E4F99E 0%,#AFCC4D 100%); /* IE10+ */
  background: linear-gradient(to bottom, #E4F99E 0%,#AFCC4D 100%); /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#E4F99E', endColorstr='#AFCC4D',GradientType=0 ); /* IE6-9 */
}

#controls a  { display: block; padding: 10px; border-radius: 0px; text-decoration: none; 
  border: 1px solid #AFCC4D;
  box-shadow: 0 0 0px 1px #fff inset;
  color: #000;
  background: #AFCC4D; /* Old browsers */
  background: -moz-linear-gradient(top, #E4F99E 0%, #AFCC4D 100%); /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#E4F99E), color-stop(100%,#AFCC4D)); /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, #E4F99E 0%,#AFCC4D 100%); /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, #E4F99E 0%,#AFCC4D 100%); /* Opera 11.10+ */
  background: -ms-linear-gradient(top, #E4F99E 0%,#AFCC4D 100%); /* IE10+ */
  background: linear-gradient(to bottom, #E4F99E 0%,#AFCC4D 100%); /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#E4F99E', endColorstr='#AFCC4D',GradientType=0 ); /* IE6-9 */
}

#controls a:hover  { border: 1px solid #A0C036;
  box-shadow: 0 0 0px 1px #fff inset;
  color: #000;
  background: #A0C036; /* Old browsers */
  background: -moz-linear-gradient(top, #D9F188 0%, #A0C036 100%); /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#D9F188), color-stop(100%,#A0C036)); /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, #D9F188 0%,#A0C036 100%); /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, #D9F188 0%,#A0C036 100%); /* Opera 11.10+ */
  background: -ms-linear-gradient(top, #D9F188 0%,#A0C036 100%); /* IE10+ */
  background: linear-gradient(to bottom, #D9F188 0%,#A0C036 100%); /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#D9F188', endColorstr='#A0C036',GradientType=0 ); /* IE6-9 */
}

.sidemenu                                     { background: #fff; border: 1px solid #636C49; }

.sidemenu ul                                  { list-style-type: none; }
.sidemenu li                                  { }
.sidemenu li a                                { color: #000; display: block; text-decoration: none; padding:5px 0; }
.sidemenu li a:hover, .sidemenu li a.sel      { background-color: #2f2f2f; color: #ffffff; }

.toggle            { margin-bottom: 5px; }
.toggle div        { width: 50%; float: left}
.toggle a         { display: block; background: #2f2f2f; color: #fff; padding: 5px; text-align: center; text-decoration: none; }
.toggle a:hover   { background: #2f2f2f; color: #fc0} 
.toggle a.sel     { background: #fff; color: #000}





#foot           { background: #A7C05A; color: #000; text-align: center; margin-bottom: 20px; padding-top: 5px; padding-bottom: 5px; }



.controls a       { text-decoration: none; text-align: center; padding-top: 10px; padding-bottom: 10px; 
display: block; color: #66081A; 
background: #FEAD04; /* Old browsers */
background: -moz-linear-gradient(top,  #FEAD04 0%, #FF8204 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#FEAD04), color-stop(100%,#FF8204)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #FEAD04 0%,#FF8204 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #FEAD04 0%,#FF8204 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #FEAD04 0%,#FF8204 100%); /* IE10+ */
background: linear-gradient(to bottom,  #FEAD04 0%,#FF8204 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#FEAD04', endColorstr='#FF8204',GradientType=0 ); /* IE6-9 */
}

.e_desc      { line-height: 1.6em }
.e_menu      { }
.e_menu a    { text-align: center; padding: 20px; display: block; text-decoration: none; background-color: #000; color: #fff }
.e_menu a:hover { background-color: #fc0; color: #000 } 



.cluster           { clear: both; text-align: center; margin-bottom: 20px }
.cluster a         { text-decoration: none; display: inline-block; padding: 2px 3px  }
.cluster a:hover   { text-decoration: underline; }

.cluster .c01   { font-size: 10px }
.cluster .c02   { font-size: 12px }
.cluster .c03   { font-size: 14px }
.cluster .c04   { font-size: 16px }
.cluster .c05   { font-size: 18px }

/* areas and scales coloring */

.it_head a                 { color: #000; font-weight: bold; text-decoration: none; }
.it_head a:hover           { color: #090; }


#recent_e .it_image .area, #list_e .it_image .area, #list_f .it_cont .area, #webring img      { background: #d0d0d0; border: 1px solid #fff; }
#recent_f .area                      { background: #d0d0d0; }



.it                 { overflow: hidden; background-color: #CFE48D; color: #666; border-top: 2px solid #636C49; transition: box-shadow 0.2s linear; -webikit-transition: box-shadow 0.2s linear; }
.it:hover           { box-shadow: 0 0 10px #636C49 }

.it_foot            { padding: 5px; background: #636C49; color: #fff}
.it_foot a { color: #fff; white-space: nowrap; overflow: hidden } 

#list_f .it_text    { padding-left: 5px; padding-right: 5px; padding-bottom: 10px; }

#recent_e .it_cont a { color: #000; white-space: nowrap; overflow: hidden } 



#result             { clear: both; line-height: 1.8em; margin-bottom: 20px}
#image              {  }


#photos              { }
#photos .scale       { text-align: center; max-width: 640px; margin-left: auto; margin-right: auto; }
#photos .area img    { height: 100%; background: #d0d0d0; border: 1px solid #636C49  }


#thumbs img          { border: 0 }
#thumbs a            { border-width: 1px; border-style: solid; border-color: #606060; display: block; float: left; line-height: 0; background: #d0d0d0; margin-right: 5px; margin-bottom: 5px; }
#thumbs a.active     { border-color: red; }



.line   { background-color: #ffe; color: #606; border: 1px solid #606; margin-bottom: 20px; padding: 2px 5px }
.line a { color: #606 }



/* ---------- seekbar ---------- */
#filter                { padding: 10px; background-color: #f0f0f0; clear: both }
#filter h2             { display: inline; font-size: 100% }

#result h1             { float: none }
#result h2             { clear: both; display: inline; font-size: 100% }


#seekbar               { text-align: center; margin-bottom: 20px  }
.seek_prev             { width: 40%; float: left }
.seek_next             { width: 40%; float: right}

#seekbar a, #seekbar span { display: block; padding: 10px 0}

#seekbar a           { text-decoration: none;   }
#seekbar a:hover     { text-decoration: none; background-color: #fead04; color: #000; }
#seekbar span        { background-color: #ddd }


#seekbar a, .link_more a         { background-color: #636C49; color: #fff}
#seekbar a:hover, .link_more a:hover               { background-color: #CFE48D; color: #000


/* ---------- seekbar ---------- */