/*
-------------------------------------------------------------------------------------
--- LUISSANTOS.NET LAYOUT CSS
-------------------------------------------------------------------------------------

PUBLISHED: March 2012
AUTHOR: Vanessa Nobre www.vanessanobre.com
Copyright (commissioner): Luis Santos www.luissantos.net

-------------------------------------------------------------------------------------
--- project.css
-------------------------------------------------------------------------------------
*/
html, body, address, blockquote, div, dl, form, h1, h2, h3, h4, h5, h6, ol, p, pre, table, ul, dd, dt, li, tbody, td, tfoot, th, thead, tr, button, del, ins, map, object, a, abbr, acronym, b, bdo, big, br, cite, code, dfn, em, i, img, kbd, q, samp, small, span, strong, sub, sup, tt, var, legend, fieldset { margin:0; padding:0; }
img, fieldset { border:0; }
input::-moz-focus-inner {
border:0;
padding:0;
}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display:block; }
body { font-family:Tahoma, Geneva, sans-serif; font-weight:300; font-size:87.5%; line-height:1.5em; }
#header-group, #nav .thumb-nav { font-family:"Lato", Helvetica, Arial, sans-serif; }
html, body { height:100%; margin:0; padding:0; position:relative; }
html { background:#000; }
body { background:#000; color:#888; overflow:hidden; }
a { color:#ddd; text-decoration:none; }
a:hover { color:#fff; text-decoration:none; }
.clear { clear:both; display:block; width:100%; }
#header, #nav { background:url("images/bkg_40_gray.png"); }
#menu li div img { box-shadow:0 0 20px rgba(0, 0, 0, 0.5); }
#caption p, .toogle-bar { text-shadow:0 1px 1px #000; }
#header, #header-group, #header-group h1, #header-group h2, #caption, #caption #lk_caption, #caption p { height:60px; overflow:hidden; }
#header, #header-group, #header-group h1, #header-group h2, #caption #lk_caption { line-height:60px; }
#header { clear:both; display:block; position:absolute; top:0; left:0; z-index:1000; width:100%; }
#header-group, #header-group h1, #header-group h2 { display:block; float:left; margin:0; padding:0; position:relative; }
#header-group h1 { background-image:url("images/luissantos.png"); background-repeat:no-repeat; background-position:10px 15px; border-right:solid 1px #222; width:235px; font-size:2.6em; font-weight:400; letter-spacing:-1px; text-indent:-9999px; text-transform:uppercase; }
#header-group h1 a { color:#fff; clear:both; display:block; height:100%; width:100%; overflow:hidden; }
#header-group h1 a span { font-weight:300; }
#header-group h2 { border-right:solid 1px #222; color:#ddd; display:block; float:left; padding:0 10px; font-size:1.3em; font-weight:300; text-transform:uppercase; }
#caption { clear:right; font-size:0.9em; }
#caption a#lk_caption { display:none; float:left; padding:20px 10px; width:80px; font-size:0.85em; }
#caption a#lk_caption span { background:#000; border-top:solid 1px #333; border-radius:5px; color:#999; clear:both; display:block; height:20px; line-height:18px; text-align:center; width:80px; }
#caption a#lk_caption:hover span { background:#010101; border-top:solid 1px #666; color:#ddd; }
#caption p { color:#ccc; clear:right; display:table-cell; padding:2px 10px 2px 0; line-height:18px; vertical-align:middle; }
#caption p a { color:#fff; }
#caption p a:hover { text-decoration:underline; }
#caption.off p { display:none; }
#nav { clear:both; display:block; width:100%; position:absolute; bottom:0; left:0; z-index:1000; overflow:visible; }
#menu-wrapper { clear:both; position:relative; overflow:auto; height:50px; width:100%; }
#menu { position:relative; }
#menu, #menu li { list-style:none !important; }
#menu, #menu li, #menu li a { display:block; float:left; }
#menu li { opacity:0; padding:5px 2px; position:relative; }
#menu li a, #menu li a img { overflow:hidden; margin:0; padding:0; }
#menu li a { height:40px; }
#menu li a img { height:38px; }
#menu li a img { border:solid 1px transparent; border-color:solid 1px rgba(0, 0, 0, 0.2); border-radius:1px; overflow:hidden; opacity:0.6; }
#menu li a:hover img { opacity:1; box-shadow:0 0 5px #333; }
#menu li.selected a img, #menu li.selected a:hover img { border:solid 1px #000; opacity:1; }
.prev { display:none; height:70px; position:absolute; z-index:10000; left:0; bottom:64px; }
.prev img { border:solid 5px #0E0E0E; border-radius:3px; display:block; position:relative; }
.prev span.tooltip { background:url("images/tooltip.gif") no-repeat center bottom; display:block; height:10px; width:32px; position:relative; bottom:0; margin-left:50%; left:-16px; }
.thumb-nav { background-image:url("images/thumb-nav.gif"); background-repeat:no-repeat; cursor:pointer; height:50px; width:25px; position:absolute; top:0; z-index:1000; opacity:0.5; }
.thumb-nav:hover { opacity:1; }
#lk_thumb_prev { background-position:7px center; left:0; }
#lk_thumb_next { background-position:-35px center; right:0; }
.toogle-bar { background-image:url("images/bkg_toogle-bars.png"); background-repeat:no-repeat; clear:both; display:block; height:16px; line-height:16px; width:70px; overflow:hidden; font-size:11px; text-align:left; position:absolute; margin-left:50%; left:-35px; text-indent:-9999px; overflow:hidden; }
.toogle-bar span { background-image:url("images/updown-tiny.png"); background-repeat:no-repeat; clear:both; color:#999; cursor:pointer; display:block; margin:auto; heigth:100%; width:100%; }
.toogle-bar:hover span { color:#ccc; }
#lk_toogle_header { background-position:bottom center; top:60px; z-index:2000; }
#lk_toogle_header.off { top:0; }
#lk_toogle_header span { background-position:center 0; }
#lk_toogle_header.off span { background-position:center -16px; }
#lk_toogle_nav { background-position:top center; position:absolute; bottom:50px; z-index:500; }
#lk_toogle_nav.off { bottom:0; }
#lk_toogle_nav span { background-position:center -14px; }
#lk_toogle_nav.off span { background-position:center 2px; }
#header.off, #nav.off { display:none; }
.qnav { background:url("images/bkg_0.png"); display:block; position:absolute; z-index:500; opacity:0.9; }
.qnav span { visibility:hidden; }
.qnav:hover span { visibility:visible; }
.qnav span img { border:solid 5px #0E0E0E; border-radius:3px; }
#lk_ppv, #lk_npv { height:100%; width:100px; overflow:visible; top:0; }
a.qnav#lk_ppv { cursor:pointer; left:0; }
a.qnav#lk_npv { cursor:pointer; right:35px; }
#lk_ppv span, #lk_npv span { height:38px; overflow:visible; position:relative; top:50%; }
#lk_ppv span img, #lk_npv span img { display:block; height:38px; position:relative; top:-60%; }
#lk_ppv span { float:left; margin:0 0 0 10px; }
#lk_npv span { float:right; margin:0; }
#deepzoom { background:#000 url(images/loading.gif) center center no-repeat; clear:both; display:block; height:100%; width:100%; z-index:1; overflow:hidden; text-align:center; }
#deepzoom img { height:100%; }
/*
-------------------------------------------------------------------------------------
--- project-media-queries.css
-------------------------------------------------------------------------------------
*/
@media screen and (max-width: 600px), (max-device-width: 600px){
#header-group h1 { background-image:url("images/ls.png"); width:55px; }
#header,  #caption { overflow:visible; }
#lk_toogle_header { top:121px; }
#lk_toogle_header.nocaption { top:60px; }
#lk_toogle_header.off,  #lk_toogle_header.off.nocaption { top:0; }
#caption p { background:url("images/bkg_40_gray.png"); border-top:solid 1px #222; clear:both; float:none; height:40px; padding:10px 2%; position:absolute; top:60px; left:0; width:96%; font-size:0.85em; overflow:hidden; }
.qnav span img { border:solid 3px #0E0E0E; border-radius:1px; }
#lk_ppv,  #lk_npv { width:50px; }
#lk_ppv span,  #lk_npv span { height:18px; }
#lk_ppv span img,  #lk_npv span img { height:18px; }
}