depois, no HTML ( após a tag ) coloque o seguinte trecho, antes ou depois de
....
:
/* ************ START OF CSS STYLING ************ */ /* ----------------------------------------------------------------------- Blogger Template Design: The Professional Template Design by: Ourblogtemplates.com Terms of Use: Free template with credit linked to Ourblogtemplates.com ----------------------------------------------------------------------- */ /* Variable definitions ======================== */ /* ----- GLOBAL ----- Blogger template design by Ourblogtemplates.com */ * {margin:0; padding:0;} body { margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; text-align: center; color: #4c4c4c; background: #e6e6e6 url() repeat top right; /* background-attachment: fixed; */ font-family: arial,verdana,helvetica,tahoma,Sans-serif; font-size: 100%; width: 100%; } #outer-wrapper { margin: 0 auto; /* auto - to make the template lay in the screen center */ padding: 0px 0px 0px 0px; margin-top: 0px; margin-bottom: 15px; position: relative; width: 100%; text-align: center; } #blog-wrapper { margin: 0 auto; /* auto - to make the template lay in the screen center */ padding: 7px; margin-top: 0px; margin-bottom: 15px; text-align: center; position: relative; width: 980px; background: #ffffff; border: 3px solid #ffffff; } #spacer {clear: both; margin: 0; padding: 0;} /* global link attributes */ a {color: #cc0000; text-decoration: underline;} a:hover {color: #000000; text-decoration: underline;} a:visited {color: #cc0000; text-decoration: underline;} /* Blogger Navigation Bar */ #Navbar1 { margin: 0; padding: 0; visibility: hidden; display: none; } /* ----- TOP ADS ----- Blogger template design by Ourblogtemplates.com */ #topads-wrapper { margin: 0; padding: 0; position: relative; text-align: center; width: 100%; } #topads {margin: 0; padding: 0;} #topads .widget {margin: 0; padding: 5px 0;} /* ----- HEADER ----- Blogger template design by Ourblogtemplates.com */ #header-wrapper { margin: 7px 0px 7px 0px; padding: 4px; width: 970px; background: #ffffff; border: 1px solid #ffffff; } #header { width: 970px; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; text-align: left; } #header h1 { color: #000000; font: normal bold 171% Times, serif; font-variant: small-caps; margin: 0px 0px 0px 0px; padding: 10px 20px 0px 20px; } #header h1 a { text-decoration: none; color: #000000; } #header h1 a:hover { text-decoration: underline; color: #ffffff; } #header .description { color: #ffffff; font: normal normal 90% Georgia, Times, serif; margin: 0px 0px 0px 0px; padding: 1px 20px 25px 20px; } #header h1 p, #header .description p {margin:0;padding:0} #header a img { margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; border: 0; } /* ----- LINKBAR ----- Blogger template design by Ourblogtemplates.com */ #linkbar-wrapper { margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; width: 978px; position: relative; background: #000033; border: 1px solid #b3b3b3; } #linkbar .widget { margin: 0px 0px 0px 0px; padding: 4px 0px 7px 0px; text-align: left; } #linkbar ul { margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; list-style-type:none; } #linkbar li { display: inline; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; } #linkbar h2 { margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; display: none; visibility: hidden; } #linkbar a { clear: both; margin: 0px -4px 0px 0px; padding: 7px 10px 7px 10px; width:100%; text-decoration:none; font: normal bold 65% Arial, sans-serif; color: #b3b3b3; text-transform: uppercase; border-right: 1px solid #333333; border-left: 0px solid #333333; } #linkbar a:hover { color: #ffffff; background: #333333; } /* ----- MIDDLE ADS ----- Blogger template design by Ourblogtemplates.com */ #middleads-wrapper { margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; width: 980px; position: relative; text-align: center; } #middleads, #middleads2 { margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; /* background: #ffffff; border-top: 1px solid #ffffff; border-left: 1px solid #ffffff; border-right: 1px solid #ffffff; */ } #middleads .widget, #middleads2 .widget { margin: 0; padding: 10px 0; } /* ----- MAIN ----- Blogger template design by Ourblogtemplates.com */ #content-wrapper { width: 978px; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; position: relative; text-align: left; background: #ffffff; border: 1px solid #ffffff; word-wrap: break-word; /* fix for long text breaking sidebar float in IE */ overflow: hidden; /* fix for long non-text content breaking IE sidebar float */ } #main-wrapper { float: left; width: 486px; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; word-wrap: break-word; /* fix for long text breaking sidebar float in IE */ overflow: hidden; /* fix for long non-text content breaking IE sidebar float */ } #main { width: 476px; margin: 4px; padding: 20px 0 0 0; color: #4c4c4c; font: normal normal 80% Arial, sans-serif; background: #ffffff; border: 1px solid #ffffff; } #main .widget { margin: 0px 0px 0px 0px; padding: 0px 25px 20px 25px; } .post { margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; line-height: 1.6em; text-align: justify; } .post h3 { margin: 0px 0px 20px 0px; padding: 0px 0px 2px 0px; color: #003366; font: normal normal 155% Times, serif; text-decoration: none; text-align: left; line-height: 1.4em; /* text-transform: uppercase; */ border-bottom: 2px solid #cccccc; } .post h3 a, .post h3 a:visited { color: #003366; text-decoration: none; } .post h3 a:hover { color: #b3b3b3; text-decoration: none; } .post-header-line-1 { } h2.date-header { margin: 0px 0px 0px 0px; padding: 0px 0px 7px 0px; text-align: left; color: #b3b3b3; font: normal normal 85% Georgia, Times, serif; text-decoration: none; text-transform: uppercase; } .date-header span { margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; } .post-body p { /* Fix bug in IE5/Win with italics in posts */ margin: 0px 0px 0px 0px; padding: 1px 0px 1px 0px; display: inline; /* to fix floating-ads wrapping problem in IE */ height: 1%; overflow: visible; } .post-body p a, .post-body p a:visited { color: #cc0000; text-decoration: underline; } .post-body a:hover { text-decoration: underline; color: #000000; } .post ul { margin: 0px 0px 0px 0px; padding: 12px 0px 12px 30px; list-style-type: disc; line-height: 1.6em; font-size: 95%; } .post ol { margin: 0px 0px 0px 0px; padding: 12px 0px 12px 30px; line-height: 1.6em; font-size: 95%; } .post li { margin: 0px 0px 0px 0px; padding: 0px 0px 8px 0px; } a img { margin: 5px 5px 5px 5px; padding: 0px 0px 0px 0px; } .post img { margin: 0px; padding: 5px; background: #ffffff; border: 1px solid #ffffff; } /* ----- POST-FOOTER ----- Blogger template design by Ourblogtemplates.com */ .post-footer { display: block; margin: 15px 0px 25px 0px; padding: 7px 20px 7px 20px; text-align: left; font: normal normal 82% Arial, sans-serif; color: #b3b3b3; font-weight: normal; line-height: 1.6em; text-decoration: none; background: #fafafa; border: 1px solid #e6e6e6; } .post-footer-line { margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; } .post-footer-line-1, .post-footer-line-2, .post-footer-line-3 { margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; } .post-footer a { color: #b3b3b3; text-decoration: none; } .post-footer a:hover { color: #000000; text-decoration: underline; } .post-footer .post-comment-link a { margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; color: #b3b3b3; font-weight: normal; text-decoration: none; } .post-footer .post-comment-link a:hover { color: #000000; text-decoration: underline; } .post-footer .post-icons { margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; } .post-footer img { margin: 0px 0px 0px 0px; padding: 0px 0px 5px 0px; background: #fafafa; } #blog-pager { margin: 0px 0px 0px 0px; padding: 20px 0px 0px 0px; text-align: center; font: normal normal 82% Arial, sans-serif; color: #b3b3b3; } #blog-pager a {color: #b3b3b3} #blog-pager a:hover {color: #000000} #blog-pager-newer-link { float: left; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; } #blog-pager-older-link { float: right; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; } .feed-links { margin: 10px 0px 0px 0px; padding: 0px 0px 0px 0px; clear: both; text-align: left; font: normal normal 82% Arial, sans-serif; color: #b3b3b3; } .feed-links a, .feed-links a:visited {color: #b3b3b3} .feed-links a:hover {color: #000000} /* ----- BLOCKQUOTE ----- */ blockquote { margin: 10px 0px 10px 15px; padding: 10px 15px 10px 15px; font: italic normal 105% Arial, sans-serif; line-height: 1.6em; color: #999999; background: #f8f8f8; border: 2px solid #e6e6e6; } /* ----- CODE ----- */ code { color: #808080; font-size: 110%; } /* ----- SIDEBAR ----- Blogger template design by Ourblogtemplates.com */ #side-wrapper1 { width: 156px; float: left; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; word-wrap: break-word; /* fix for long text breaking sidebar float in IE */ overflow: hidden; /* fix for long non-text content breaking IE sidebar float */ } #side-wrapper2 { width: 336px; float: left; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; word-wrap: break-word; /* fix for long text breaking sidebar float in IE */ overflow: hidden; /* fix for long non-text content breaking IE sidebar float */ } #side-wrapper { float: left; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; word-wrap: break-word; /* fix for long text breaking sidebar float in IE */ overflow: hidden; /* fix for long non-text content breaking IE sidebar float */ } .sidebar { margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; text-align: left; font: normal normal 67% Arial, sans-serif; } #sidebar1 { width: 152px; margin: 4px 0px 0px 4px; padding: 0px 0px 0px 0px; color: #808080; line-height: 1.8em; } #sidebar2 { width: 332px; margin: 4px 4px 0px 0px; padding: 0px 0px 0px 0px; color: #808080; line-height: 1.8em; } #sidebar3 { width: 164px; margin: 0px 4px 0px 0px; padding: 0px 0px 0px 0px; color: #808080; line-height: 1.8em; } #sidebar4 { width: 164px; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; color: #808080; line-height: 1.8em; } #sidebar1 .widget { margin: 0px 0px 4px 0px; padding: 15px 15px 15px 15px; background: #ffffff; border: 1px solid #ffffff; } #sidebar2 .widget { margin: 0px 0px 4px 0px; padding: 15px 15px 15px 15px; background: #ffffff; border: 1px solid #ffffff; } #sidebar3 .widget, #sidebar4 .widget { margin: 0px 0px 4px 0px; padding: 15px 15px 15px 15px; background: #ffffff; border: 1px solid #ffffff; } /* sidebar heading ----- Blogger template design by Ourblogtemplates.com */ #sidebar1 h2, #sidebar2 h2, #sidebar3 h2, #sidebar4 h2 { margin: -15px -15px 10px -15px; padding: 5px 15px 5px 15px; text-align: left; color: #333333; font: normal bold 89% Arial, sans-serif; text-transform: uppercase; text-decoration: none; background: #cccccc; border-bottom: 1px solid #ffffff; } .sidebar ul { margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; } .sidebar li { margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; line-height: 1.8em; list-style-type: none; border-bottom: 0px solid #e6e6e6; } #sidebar1 a, #sidebar2 a, #sidebar3 a , #sidebar4 a { color: #808080; text-decoration: none; } #sidebar1 a:hover, #sidebar2 a:hover, #sidebar3 a:hover, #sidebar4 a:hover { text-decoration: none; color: #cc0000; } #sidebar1 a:visited, #sidebar2 a:visited, #sidebar3 a:visited, #sidebar4 a:visited { text-decoration: none; color: #808080; } .sidebar a img { margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; border: 1px solid #ffffff; } /* ----- PROFILE ----- Blogger template design by Ourblogtemplates.com */ .profile-img { margin: 7px; padding: 0px; border: 1px solid #e6e6e6; } .profile-textblock { margin: 0px 0px 0px 0px; padding: 3px 0px 3px 0px; clear: both; line-height: 1.6em; /* border-top: 1px solid #e6e6e6; border-bottom: 1px solid #e6e6e6; */ } .profile-datablock { margin: 2px 0px 5px 0px; padding: 0px 0px 0px 0px; } .profile-data { margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; font-weight: normal; font-style: italic; } .profile-link { margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; } /* ----- COMMENT ----- Blogger template design by Ourblogtemplates.com */ #comments { margin: 0px 0px 0px 0px; padding: 0px 0px 20px 0px; text-align: left; color: #808080; font: normal normal 101% Arial, sans-serif; } .comments-singleblock { margin: 15px 0px 15px 0px; padding: 15px; background: #f8f8f8; border: 1px solid #e6e6e6; } /* comment-header */ #comments h4 { margin: 20px 0px 0px 0px; padding: 0px 0px 0px 0px; color: #cc0000; font: normal bold 124% Times, serif; text-transform: uppercase; } .deleted-comment { font-style:italic; color:gray; margin: 5px 0px 5px 0px; } .comment-author { margin: -15px -15px 0px -15px; padding: 5px 15px 5px 15px; color: #4c4c4c; font-weight: normal; background: #e6e6e6; border-bottom: 1px solid #e6e6e6; } .comment-author a {color: #4c4c4c; text-decoration: none;} .comment-author a:hover {color: #999999; text-decoration: underline;} .comment-author a:visited {color: #4c4c4c; text-decoration: none;} .comment-body {margin: 0; padding: 10px 0px 0px 30px;} .comment-body p {margin: 0; padding: 0; line-height: 1.6em;} .comment-footer, .comment-footer a {margin: 0px 0px 0px 0px; padding: 4px 0px 0px 0px;} .comment-timestamp { margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; color: #999999; } .comment-timestamp a { color: #999999; text-decoration: none; } .comment-timestamp a:hover {color: #4c4c4c; text-decoration: underline;} #comments ul {margin: 0; padding: 0; list-style-type: none;} #comments li {margin: 0; padding: 0;} a.comment-link { /* ie5.0/win doesn't apply padding to inline elements, so we hide these two declarations from it */ padding: 0px 0px 0px 0px; } html>body a.comment-link { /* respecified, for ie5/mac's benefit */ padding-left: 0px; } #backlinks-container {margin-top: 30px} /* ----- LOWER SECTION ----- Blogger template design by Ourblogtemplates.com */ #lower-wrapper { margin: 7px 0px 7px 0px; padding: 4px 0px 0px 0px; width: 978px; font: normal normal 67% Arial, sans-serif; color: #808080; background: #f8f8f8; border: 1px solid #cccccc; } #lowerbar-wrapper { float: left; margin: 0px 0px 0px 4px; padding: 0px 0px 0px 0px; width: 320px; text-align: left; line-height: 1.8em; word-wrap: break-word; /* fix for long text breaking sidebar float in IE */ overflow: hidden; /* fix for long non-text content breaking IE sidebar float */ } #lowerads-wrapper { float: left; margin: 0px 0px 0px 4px; padding: 0px 0px 0px 0px; width: 100%; text-align: center; word-wrap: break-word; /* fix for long text breaking sidebar float in IE */ overflow: hidden; /* fix for long non-text content breaking IE sidebar float */ } .lowerbar .widget { margin: 0 0 4px 0; padding: 20px 20px 20px 20px; border: 1px solid #e6e6e6; background: #ffffff; } .lowerbar {margin: 0; padding: 0;} .lowerads {margin: 0; padding: 0;} .lowerads .widget {margin: 0; padding: 10px 0px 10px 0px;} .lowerbar h2 { margin: -20px -20px 10px -20px; padding: 5px 20px 5px 20px; color: #ffffff; font: normal bold 89% Arial, sans-serif; text-align: left; text-transform: uppercase; background: #333333; border-bottom: 1px solid #e6e6e6; } .lowerbar ul { margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; } .lowerbar li { margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; line-height: 1.8em; list-style-type: none; border-bottom: 0px solid #d5cDc3; } .lowerbar a {color: #808080; text-decoration: none;} .lowerbar a:hover {text-decoration: underline; color: #cc0000;} .lowerbar a:visited {text-decoration: none; color: #808080;} /* ----- FOOTER ----- Blogger template design by Ourblogtemplates.com */ #footer-wrapper { clear: both; display: inline; /* handles IE margin bug */ float: left; width: 980px; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; } #footer { margin: 0px 0px 0px 0px; padding: 20px 0px 0px 0px; width: 978px; text-align: left; color: #333333; font: normal normal 79% Trebuchet, Trebuchet MS, Arial, sans-serif; line-height: 1.6em; background: #e6e6e6; border: 1px solid #cccccc; } #footer h2 { margin: 0px 0px 0px 0px; padding: 0px 0px 5px 0px; color: #333333; font: normal normal 113% Trebuchet, Trebuchet MS, Arial, sans-serif; } #footer .widget { margin: 0px 0px 0px 0px; padding: 0px 20px 20px 20px; } .footer p {margin: 0; padding: 0} .footer a { color: #333333; text-decoration: none; } .footer a:hover { color: #333333; text-decoration: underline; } .footer a:visited { color: #333333; text-decoration: none; } /* ----- BOTTOM ADS ----- Blogger template design by Ourblogtemplates.com */ #bottomads-wrapper { margin: 0; padding: 0; position: relative; text-align: center; width: 100%; } #bottomads {margin: 0; padding: 10px 0;} #bottomads .widget {margin: 0; padding: 5px 0;} /* ----- CREDIT ----- */ #credit { margin: 0px 0px 0px 0px; padding: 2px 0px 0px 0px; width: 100%; height: 26px; clear: both; font-family: verdana, helvetica; font-size: 70%; color: #444444; font-weight: normal; background: #777777; } #creditleft { margin: 0px 0px 0px 0px; padding: 7px 0px 0px 0px; height: 26px; position: relative; float: left; text-align: left; display: inline; width: 71%; background: #ffffff; } #creditright { margin: -33px 0px 0px 0px; padding: 7px 0px 0px 0px; height: 26px; position: relative; float: right; text-align:right; display: inline; width: 30%; background: #ffffff; } #creditleft p { margin: 0; padding: 0 } #creditright p { margin: 0; padding: 0 } #creditleft a, .creditleft a:hover, .creditleft a:visited { color: #444444; text-decoration: underline; } #creditright a, .creditright a:hover, .creditright a:visited { color: #444444; text-decoration: underline; } /* ************ END OF CSS STYLING ************ */ /** Page structure tweaks for layout editor wireframe */ body#layout #main, body#layout #sidebar { padding: 0; } -->
Tecnologia do Blogger.

Ligue os Pontos

Bem Vindos ao Blog Ligue os Pontos ,o lugar para mostrar meus projetos e coisas que admiro e me inspiram! Eis as minhas novas descobertas.

23.10.09

Livia Marin






A exposição "Broken Things" da chilena Livia Marin pode ser conferida até o dia 07 de novembro no Espaço House of Propellers em Londres.
5 Back Hill London EC1R 5EN / Tel. 020 7278 7287 / info@houseofpropellers.com Tuesday—Friday 10am—6pm, Saturday 11am—4pm or by appointment
http://houseofpropellers.com/docs/livia_marin.html

Read more...

12.10.09

Le Domino Noir (2)

Segue o resultado do desenvolvimento dos figurinos da ópera Le Domino Noir. Participou deste projeto os alunos da Faculdade Santa Marcelina orientados pelas professoras Renata Zaganin e Walquiria Caversan.
Adriana da Silva Martinez, Ana Maria Farina, Carolina Sabrina, Elisa Quinteros de Souza, Graziella Martins Cavalcanti, Jéssica Gonçalves Costa, Kalinka Serafim, Leandro Barros da Silva, Lúcia Helena Miranda Travaglini, Manuella Karmann, Marcella de Barros Toledo, Maria Beatriz Tibau Chicca, Mariana Scomparin Pereira,Mauro Spolar Camargo,Nívea Romanini, Renata Miguel Del Pino, Renata Nogueira, Suzan Zheng Xueling, assinaram esse lindo figurino!!!

Parabéns a essa especial e competente equipe!









Para saber sobre o projeto entre no site www.operaestudio.org.br

Read more...

7.10.09

Le Domino Noir


Estréia amanhã dia 08 de outubro a Ópera Le Domino Noir.

Read more...

23.9.09

Paco Peregrín


Read more...

9.9.09

katy Smail


Read more...

Du Yang


Read more...

Tania Alvarez






Pancake Humanoid

Read more...

30.8.09

Irina Troitskaya


Read more...

24.8.09

Oficina de Cores Naturais

Para quem tem interesse em tingimento, essa oficina é imperdível!!!
O curso abrange tingimentos de fios e tecidos de Origem Natural (algodão,lã e seda ) com Corantes Naturais e aborda aulas teóricas e práticas.
Eber Lopes Ferreira, autor do livro "Corantes Naturais da Flora Brasileira", será o instrutor.
O conteúdo abordado é:
Aulas Teóricas:
Uso de Corantes Naturais na História.
O que é um Corante Natural ?
Produção de Corantes Naturais - Hoje.
O que é necessário para realizar o tingimento?
Tipos de Tingimento.
Aulas Práticas:
Tingimento à frio
Tingimento à quente
Tingimento com mordentes

Abertas as matrículas- Módulo I Setembro e Outubro 2009
Segundas e sextas:
02 turmas/ 02 Horários:
Horário Manhã : 08:30 ás 12:00 hs
Horário Tarde : 14:30 ás 18:00 hs
Aulas:11,14,18,21,25,28 de Setembro,
02,05,09,16,19 e 23 de Outubro.

Intensivo aos Sábados:
01 turma/Horários.
Horário: 09:00 ás 12:30 hs
( Intervalo )
13:30 ás 18:00 hs
Aulas: 12 e 26 de Setembro,
10,24 e 31 de Outubro.

Para mais informações ligue para 8081-9578
mailto:e-mail-lekaoliveira13@gmail.com
falar com Leka

Investimento: R$ 900,00 (Incluso Apostila e Materiais aulas práticas)
Forma de pagamento:À vista 10% desconto ou Parcelado em 2X, 1+ch 30 dias.

ATELIER ETNO BOTÂNICA - CORES NATURAIS
Rua Morás, nº 469
Bairro: Vila Madalena
São Paulo - SP
CEP 05434-040

Read more...

19.8.09

Helen Friel


Read more...

27.7.09

Matrículas Abertas!!!!



Clique na imagem para ampliar!

Read more...

16.7.09

Jennifer Maestre


Read more...

15.7.09

Jake Walters


Read more...

Ruven Afanador





Read more...

23.6.09

Eric Ku



Read more...

Virtual Shoe Museum


Think Outside the Box, Adidas by Juse


Gold by René van den Berg


Mirror mirror...by Zjef van Bezouw


My Shoes are Killing MeOmar Angel Perez

Origami by Marloes ten Bhömer

Read more...

15.6.09

Lucy and Bart


Read more...

Fale comigo

  © Blogger templates The Professional Template by Ourblogtemplates.com 2008

Back to TOP