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

Site: Janet Jackson Br Galeria 
Theme Name: Coppermine theme by https://priim.com.br/
Description: Layout feito exclusivamente para a galeria do site acima! 
Proibido cópias ou modificações!!! 
O que você esta fazendo aqui? 
Você não deveria estar aqui!
Version: 1.0                 
Author: Mary P.
Author URI: http://priim.com.br/

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




/* -- Tudo -- */

body {font-size: 12px; margin-left: 0px; font-family: 'open sans', sans-serif; margin-top: 0px; background: #1e1e1e url(images/bg.png) top center no-repeat; margin: 0; border: 0; outline: 0; height: auto;}

.parallax {height: 850px; background-repeat: no-repeat; background-size: cover; position: relative;}

.parallaxsingle {height: 850px;}



/* -- Padrão -- */

a {color: #a0b7d5; text-decoration: none;}

a:hover {color: #000000;}

i {font-family: Georgia; font-style: italic;}

p {font-family: 'open sans', sans-serif; font-size: 9px; color: #000000; letter-spacing: 1px; text-align: left; margin-top: 10px; margin-left: 0px; margin-bottom: 0px; margin-right: -10px;}

ul {list-style-type: none; margin-left: 5px;}

li {margin-left: 10px; margin-top: 4px; margin-bottom: 4px; list-style-position: outside; list-style-type: none;}

#conteudo {position: relative; width: 1300px; margin-left: auto; overflow: hidden; margin-right: auto; margin-top: auto;}

#container {position: relative; width: 1300px; background: none; margin-left: auto; margin-right: auto; margin-bottom: 10px;}

#maintable {width: 1300px; margin: auto;  padding: 10px; text-align:justify;}

#page-metade {float: left; height: auto; width: 880px; background: #FFFFFF; overflow: hidden; padding: 10px; position: relative;}

#lala {cursor:pointer; font-family: 'open sans', sans-serif; font-weight: 500; height: 44px; letter-spacing: 1px; color: #FFFFFF; text-transform: uppercase; line-height: 44px; font-size: 10px; background: transparent; width: 100%; overflow: hidden; display: block;}



/* -- Estilos --*/

h1 {text-decoration: none; line-height: 120%; color: #808080;}

h3 {font-weight: normal; font-size: 10px;}



/* -- Título do Album --*/

h2 {background-position: left; padding-left: 13px; font-family: 'open sans', sans-serif;  font-size: 20px; font-style: italic; letter-spacing: 2px; color: #000000; font-weight: normal;}



/* -- Início e fim -- */

#topo {width: 1200px; height: 690px; background: url(images/header-6.png) top center no-repeat; position: relative; margin-bottom: 10px;}

#footer {cursor: pointer; font-family: 'open sans', sans-serif; font-weight: 500; height: 44px; letter-spacing: 1px; color: #000000; text-transform: uppercase; line-height: 44px; font-size: 10px; background: #fdd300; width: 100%; overflow: hidden; display: block;}

#footer a {color: #000; font-weight: 600;}

.creditos {background: url(images/creditos2.png); width: 50px; height: 44px; float:right; margin-top: -54px;  position: relative; z-index: 10000;}

.anuncio {background: url(images/anuncio.png); width: 830px; height: 110px; margin-bottom: 10px; position: relative;}

.welcome {margin: 30px; font-family: 'open sans', sans-serif; line-height: 24px; text-align: justify;letter-spacing: 1px;  font-size: 14px; color: #FFFFFF; position: absolute; top: 550px;    display: block;} 

.welcome c {color: #ffd710; font-weight: 800; font-size: 14px;  font-family: 'open sans', sans-serif;  }



/* -- Imagens categorias --*/

#albumsWrapper, #thumbsWrapper {width: 80%; float: left;} 

#banner {width: 20%; float: right;} 



/* -- Sidebar --*/

#sidebar {width: 400px; float: right; right: -20px;  height: auto; position: relative;}

#sidebar .widget {padding: 20px; bottom: 20px; position: relative; line-height: 22px; font-size: 12px; width: 85%; font-family: raleway; color: #fff;  z-index: 100000; text-align: justify; margin-top: 10px;}

#sidebar .widget a {color: #fff; font-weight: 600;}

#sidebar .widget a:hover {color: #fdd300; font-weight: 600;}

#sidebar .widget .titulo {display: block; margin: 10px 0 25px 0; }

#sidebar .widget .titulo  c {font-family: 'Hammersmith One', sans-serif;  font-size: 18px;   color: #ffd710;}

#sidebar .widget  texto {font-family: 'open sans', sans-serif; font-size: 14px; color: #fff; display: block; position: relative; background: #2a2a2a; padding: 10px; line-height: 24px;} 

#sidebar .widget  texto li {border-bottom: 1px dotted #000000; display: block; padding: 10px; text-align: right;} 

#sidebar .widget  texto i {float: left; color: #9D8616;  margin-right: 20px;} 

#sidebar .widget  texto c {color: #fdd300;  font-weight: 800;}

.dis {background: transparent top center no-repeat; width: 300px; height: 440px; margin-top: -10px; position: relative; margin: auto;}

.dis .texto {background: #FFFFFF; color: #000000; font-family: 'open sans', sans-serif; font-style: italic; line-height: 20px; font-size: 10px; padding: 10px; letter-spacing: 1px; position: relative;}

.dis .texto b {color: #000000; font-weight: 800;}



/* -- Menu site --  */  

.menu {font-family: 'Hammersmith One', sans-serif; font-size: 9px; position: relative; text-align: center; color: #ffd710; display: block; padding: 10px; line-height: 45px; height: auto; background: #ffd710; font-weight: 600; text-transform: uppercase;}

.menu a {color: #000000; padding-left: 5px; padding-right: 5px; font-size: 14px; padding-top: 5px; padding-bottom: 5px;}

.menu a:hover {color: #927B0B; padding-left: 5px; padding-right: 5px; padding-top: 5px; padding-bottom: 5px;}



/* -- social --  */  

#social ul.socialright {float: right; right: 30px; margin-top: 530px; padding: 0px; display: table; z-index: 999999; position: relative;}

#social ul.socialright   li {list-style-type: none; display: inline-block; text-align: center;  top: 0px;  vertical-align: middle;}

#social ul.socialright   li a {font-size: 15px; color: #fff; margin: 0 5px; display: inline-block;}

#social ul.socialright   li a:hover {color:#ffd710; border-bottom: none; -webkit-transition: all 600ms ease; -moz-transition: all 600ms ease; -o-transition: all 600ms ease; transition: all 600ms ease;}

#social ul.socialright   li a img {margin-top: 6px;}



/* -- Menu admin -- */

.admin_menu_thumb a {color: #000000; text-decoration: none; display: block; position: relative; padding-top: 1px; padding-bottom: 1px; padding-left: 10px; padding-right: 10px; letter-spacing: 1px;}

.admin_menu_thumb a:hover {color: #a0b7d5; text-decoration: underline;}

.admin_menu {display: block; font-family: 'Source Sans Pro', sans-serif; font-size: 9px; background-color: #ececed; color: #000000; display: inline-block; margin: 5px;padding: 5px;text-transform: uppercase; text-align: center;}

.admin_menu a {color: #000000; text-decoration: none; display: block;position: relative; padding-top: 1px; padding-bottom: 1px; padding-left: 2px; padding-right: 2px; letter-spacing: 1px;}

.admin_menu a:hover {color: #a0b7d5; text-decoration: underline;}

td #admin_menu_anim {}



/* -- Networks  -- */

.networks {display:block; height: 20px; width: 150px;  z-index: 1000; position: relative; float: right; top: -32px;}

.networks  .f {background: url(images/f.png); width: 20px; height: 20px; margin: 2px;  position: relative; display: inline-block;}

.networks  .f:hover {opacity: 0.4; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; -o-transition: all 1s ease; -ms-transition: all 1s ease; transition: all 1s ease;}

.networks  .t {background: url(images/t.png); width: 20px; height: 20px; margin: 2px;  position: relative; display: inline-block;}

.networks  .t:hover {opacity: 0.4; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; -o-transition: all 1s ease; -ms-transition: all 1s ease; transition: all 1s ease;}

.networks  .tum {background: url(images/tum.png); width: 20px; height: 20px; margin: 2px;  position: relative; display: inline-block;}

.networks  .tum:hover {opacity: 0.4; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; -o-transition: all 1s ease; -ms-transition: all 1s ease; transition: all 1s ease;}

.networks  .i {background: url(images/i.png); width: 20px; height: 20px; margin: 2px;  position: relative; display: inline-block;}

.networks  .i:hover {opacity: 0.4; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; -o-transition: all 1s ease; -ms-transition: all 1s ease; transition: all 1s ease;}

.networks  .mail {background: url(images/mail.png); width: 18px; height: 18px; margin: 2px;  position: relative; display: inline-block;}

.networks  .mail:hover {opacity: 0.4; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; -o-transition: all 1s ease; -ms-transition: all 1s ease; transition: all 1s ease;}



/* -- Links dos albuns --*/

.alblink a {padding: 10px; text-decoration: none; color: #000000;  font-size: 14px; font-family: 'open sans', serif; font-weight: 800;}

.alblink a:hover {color: #a0b7d5;  font-weight: 800;}



/* -- Disclaimer --*/

.disclaimer {width: 98%; height: auto; font-size: 16px;font-family: 'Hammersmith One', sans-serif; color: #fff; text-align: justify; position: relative; padding: 15px; line-height: 26px; background: #2A2A2A; margin-top: 20px;  margin-bottom: 10px;}



/* -- Titulos principais -- */

.tableh1 { background-position: top left; background-repeat: repeat-x;font-family: 'Hammersmith One', sans-serif; font-size: 18px; line-height: 20px; font-weight: 800; color: #000000; letter-spacing: 0px; padding: 20px; padding-bottom: 20px;  padding-top: 20px; border-bottom: 1px dotted #DBDBDB; }



/* -- Tabelas -- */

.tableb {color: #000000; font-family: 'Open Sans', sans-serif; font-size: 10px; line-height: 23px; margin: 0px; position: relative;}

.tableh1 img {display: none;}

.tableh2 {background-position: top left; background-repeat: repeat-x; letter-spacing: 1px; background: url(images/table-5.png); font-family: 'Open Sans', sans-serif; font-size: 13px; font-weight: 800; text-transform: uppercase; padding: 10px;}

.tableh2 a {font-size: 10px; color: #000000;}

.tableh2:hover {color: #a0b7d5; -webkit-transition:All 0.3s  ease-in-out; -moz-transition:All 0.3s ease-in-out; -o-transition:All 0.3s ease-in-out;}

.tableb {font-family: 'Open Sans', sans-serif; font-size: 10px; padding-right: 20px; padding-left: 20px;}

.tableb_compact {overflow: hidden;}

.tableb_alternate {overflow: hidden; padding-right: 20px; padding-left: 20px; position: relative;}

.tablef {overflow: hidden;}



/* -- descrição das categorias -- */

.catrow_noalb {padding: 10px 5px;  color: #666; line-height: 28px;  border-bottom: 1px solid #F6F5F4; }

.catrow  {padding: 10px 5px; color: #666;  line-height: 28px; 
  border-bottom: 1px solid #F6F5F4;   }

 .catrow:first-child:before,
  tr .catrow_noalb:first-child:before { content: ""; display: block;  width: 34px;
   height: 46px;margin-right: 12px; float: left;background: url("https://i.imgur.com/GBRShlR.png") center no-repeat;transition: 0.5s; }
    tr:hover .catrow:first-child:before { background: url("https://i.imgur.com/2YZvL0F.png") center no-repeat;}



/* -- Categorias */

.catlink {font-style: normal; display: block;}

.catlink a {  color: #1B1817;  font-family: 'Hammersmith One', sans-serif;  
  padding-bottom: 3px; font-size: 16px; text-transform: uppercase; font-weight: 600px; border-bottom: 1px solid #5e2542;}

.catrow_noalb:hover  .catlink a  {color: #000; }

.catrow:hover  .catlink a  {color: #fdd300;}

.buttonlist a {color: #000000; display: inline-block;}



/* -- Links dos albuns-- */

.album_stat {font-family: 'Open Sans', sans-serif; font-size: 7px; color: #000000; font-style: normal; letter-spacing: 1px; text-transform: uppercase; margin-bottom: 10px;}

.thumb_filename {font-family: 'Open Sans', sans-serif; font-size: 9px; display: block; color: #000000;}



/* -- Imagem Table --*/

.img_caption_table {border: none; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; background: #FFFFFF; width: 100%;}

.img_caption_table th {background: #FFFFFF; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; font-size: 100%; color: #000000; padding-top: 4px; padding-right: 10px;padding-bottom: 4px;padding-left: 10px;}

.img_caption_table td {background: #FFFFFF; padding: 6px;-webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; padding-top: 6px;
padding-right: 10px;padding-bottom: 6px;padding-left: 10px;border-top: 1px solid #000000; white-space: normal;}

.debug_text {background: #FFFFFF; padding: 6px;-webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px;width: 100%; color: #000000;}

.clickable_option {cursor: default;}

.listbox_lang {color: #0000000; background: #FFFFFF; font-size: 80%; font-family: Arial; vertical-align: middle;}



/* -- Titulo do album */

.thumb_title_title {font-family: 'Hammersmith One', sans-serif;  font-size: 12px; margin-top: 25px; font-weight: 400;color: #000000; text-transform: uppercase; text-align: center; letter-spacing: 1px; border: 1px solid #dfdfdf; background-repeat: no-repeat; background-position: 10px -3px; width: 158px; line-height: 17px; position: relative; z-index: 1000; padding: 5px; display: block; }

.thumbnails:hover .thumb_title_title {background: #dfdfdf; color: #000000; -webkit-transition: all ease-out 0.6s 0.1s;-moz-transition: all  ease-out 0.6s 0.1s;-o-transition: all  ease-out 0.6s 0.1s;-ms-transition: all  ease-out 0.6s 0.1s;transition: all ease-out 0.2s 0.1s;}



/* -- Visualizações -- */

.thumb_title_views { width: 150px; font-size: 11px; background-repeat: no-repeat;color: #000; font-family: 'Hammersmith One', sans-serif; text-align: center; position: relative; border-radius: 0px; display: block; z-index: 1000; padding: 10px; margin-top: 20px; margin-bottom: 10px;  letter-spacing: 0px; font-weight: 600;  }

/* -- Data -- */


.thumb_caption{ font-size: 8px; width: 34%; background-repeat: no-repeat; color: #000;font-family: 'Hammersmith One', sans-serif;  text-align: center; position: absolute; display: block; z-index: 1000; padding: 5px; right: 20px; top: 240px; background: #fdd300;  border: 1px solid #fdd300;  text-transform: uppercase; }

.thumb_caption_ctime { }
.thumb_caption_mtime { }

.thumbnails:hover .thumb_caption{ background: #fff; color: #000;  -webkit-transition:All 0.3s  ease-in-out; -moz-transition:All 0.3s ease-in-out; -o-transition:All 0.3s ease-in-out; }



/* -- Resolução das imagens -- */


.thumb_tamanho{ font-size: 8px; width: 33%; background-repeat: no-repeat; color: #000;font-family: 'open sans';text-align: center; position: absolute; display: block; z-index: 1000; padding: 5px; left: 20px; top: 240px; border: 1px solid #ffe900;  }

.thumbnails:hover .thumb_tamanho {  background: #ffe900; border: 1px solid #ffe900;  color: #000;  }





/* -- Miniaturas -- */

 
.thumbnails {text-align: center; padding-top: 15px; position: relative; margin: 10px; padding-bottom: 20px;}

.thumbnails .image {margin: 0px; padding: 0px; margin-top: 20px; margin-bottom: 10px; background-position: 5px bottom; background-repeat: no-repeat; -webkit-transition: all ease-out 0.6s 0.1s;-moz-transition: all  ease-out 0.6s 0.1s;-o-transition: all  ease-out 0.6s 0.1s;-ms-transition: all  ease-out 0.6s 0.1s;transition: all ease-out 0.2s 0.1s; -webkit-filter: grayscale(0%);filter: grayscale(0%);filter: gray; /* IE */ box-shadow: 0 0 2px #CCCCCC;  }

.thumbnails:hover .image {-webkit-transition: all ease-out 0.6s 0.1s;-moz-transition: all  ease-out 0.6s 0.1s;-o-transition: all  ease-out 0.6s 0.1s;-ms-transition: all  ease-out 0.6s 0.1s;transition: all ease-out 0.2s 0.1s;  -webkit-filter: grayscale(100%);filter: grayscale(100%);
	 }

.albums .image {margin-bottom: 0px; margin-left: 15px; margin-top: 0px; padding: 0px; border: 5px solid #FFFFFF;}




/* -- Filmstrip -- */

.filmstrip .tape {    height: unset!important;  margin-left: 0px!important; border-radius: 4px;   overflow: hidden;}
.filmstrip .thumb a:link {  display: table;  width: 13vw!important;   max-width: 120px;}
.tape .strip_image,
.tape:hover .strip_image.middlethumb { max-width: 100%; filter: brightness(0.6);}
.tape .strip_image.middlethumb {  filter: brightness(1);}
.tape .strip_image:hover { filter: brightness(1)!important;}
.filmstrip .prev_strip,
.filmstrip .next_strip {  padding: 0 10px;}
.filmstrip #filmstrip_next:hover img,
.filmstrip #filmstrip_prev:hover img {  opacity: 0.6;} 


/* -- Comentários -- */

.thumb_num_comments {margin-top: 12px; background: #363535; float: left; text-transform: uppercase; font-style: normal; color: #4e4e4e; width: 104px; margin-left: 10px; font-family: 'Lato', sans-serif; font-weight: 300; font-size: 12px; margin-bottom: 5px; padding: 10px; display: block;}




/* -- Tamanho total da midia -- */

.display_media {text-align: center; padding: 5px;}

.display_media img {padding: 10px; margin: 20px; background: #ececed;}

.display_media .image:hover { background: #a0b7d5;}

.pic_caption {padding: 20px;}



/* -- Links das categorias -- */

.tableh1 .statlink {font-family: open sans; font-size: 13px; font-style: italic; letter-spacing: 2px; color: #000000; text-align: center; line-height: 30px; padding: 0px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; }

.tableh1 .statlink a {color: #000000;}

.tableh1 .statlink a:hover {color: #a0b7d5;}

.user_thumb_infobox {margin-top: 1px; margin-bottom: 1px;}

.user_thumb_infobox th {font-weight: bold; font-size: 100%;margin-top: 1px;margin-bottom: 1px;text-align: center;}

.user_thumb_infobox td {font-size: 85%; margin-top: 1px; margin-bottom: 1px; text-align: center;}

.user_thumb_infobox a {text-decoration: none;color: #382A1D;}

.user_thumb_infobox a:hover {color: #382A1D;text-decoration: none;}

.sortorder_cell {color: #999; display: none; padding-right: 10px;}

.sortorder_options {font-family: Tahoma; color: #999; padding: 0px; margin: 0px; font-weight: bold; font-size: 0px; white-space: nowrap;}



/* -- Menu imagens -- */

.navmenu {background: #ececed; letter-spacing: 1px; font-family: 'Open Sans', sans-serif; text-transform: uppercase; font-size: 11px; color: #000000; padding: 9px; margin-top: 10px;}

.navmenu a {background: #ececed; letter-spacing: 1px; font-family: 'Open Sans', sans-serif; text-transform: uppercase; font-size: 11px; color: #000000; padding-left: 5px; padding-right: 5px; margin-top: 10px;}

.navmenu a:hover {color: #ececed; background: #b2c3d9;}

.navmenu a img {border: 0px; padding: 0px;}

.navmenu a img:hover {border: 0px;padding: 0px;}



/* -- Comentários --*/

.comment_date {color: #dcccde; font-size: 90%; vertical-align: middle;}

.comment_date a img {border: 0px; padding: 0px;}

.comment_date a img:hover {border: 0px; padding: 0px;}

.textinput {font-family: 'Open Sans', sans-serif; font-size: 10px; color: #000000; letter-spacing: 2px; background: #FFFFFF; border: 1px solid #000000; margin-top: 10px; margin-left: -5px; padding-right: 5px; padding-left: 5px;}

.listbox {font-family: Trebuchet MS; font-size: 90%; letter-spacing: 1px; border: 1px solid #000; vertical-align: middle;}

.button {font-family: Trebuchet MS; font-size: 100%; border: 1px solid #bfbdbd;background-position: bottom; letter-spacing: 2px;}

.comment_button {font-family: Trebuchet MS; font-size: 100%; border: 1px solid #bfbdbd; letter-spacing: 2px; background-position: bottom;padding-left: 3px;padding-right: 3px;}

.checkbox {font-family: Trebuchet MS; font-size: 90%; letter-spacing: 1px; vertical-align: middle;}



/* -- Top Menu --*/

.topmenu {font-family: Trebuchet MS, Geneva, Arial, sans-serif; line-height: 130%; font-size: 110%;}

.topmenu a {color: #825c00;text-decoration: none;}

.topmenu a:hover  {color: #949494; text-decoration: underline;}

.admin_menu_wrapper img {display: none;}

.admin_menu_wrapper a { margin-left: 5px;}



/* -- Slide -- */

.canvas {background: #fff; z-index: 1000; display: block; position: relative; float: left; margin-top: -10px; width: 350px; height: 218px; border-radius: 3px; }