/** RESET **/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, button, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; font-size: 100%; vertical-align: baseline; background: transparent; }
body            { line-height: 1; font-size: 10px; }
ol, ul          { list-style: none; }
blockquote, q   { quotes: none; }
blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; }
ins             { text-decoration: none; }
del             { text-decoration: line-through; }
table           { border-collapse: collapse; border-spacing: 0; }
cite            { font-style: italic; }





/** UTILITIES **/
.structural     { position: absolute !important; left: -9999px !important; top: -9999px !important; height: 1px !important; }
.structural_alt { position: absolute !important; left: -9999px !important; height: 1px !important; }
.hidden         { display: none !important; }
.block          { display: block !important; }
.iblock         { display: inline-block !important; _display:inline !important; *display:inline !important; zoom:1; }
.inline         { display: inline !important; }
.left           { float: left !important; display: inline !important; }
.right          { float: right !important; display: inline !important; }
.clear          { clear: both !important; }
.strong         { font-weight: bold !important; }
.em             { font-style: italic !important; }
.txt_l          { text-align: left !important; }
.txt_r          { text-align: right !important; }
.txt_c          { text-align: center !important; }
.relative       { position: relative !important; }
.glevin /* Glider/Levin image replacement (needs an empty span); remember to set width/height when extending */
    { position: relative; overflow: hidden; display: block; zoom:1; }
    .glevin span { position: absolute; left: 0; top: 0; width: 100%; height: 100%; display: block; background-position: 0 0; background-repeat: no-repeat; }
.phark /* Phark image replacement; remember to set width/height when extending */
    { text-indent: -9999px; display: block; overflow: hidden; background-color: transparent; background-repeat: no-repeat; background-position: left top; }
    .phark_IE6 /* extends .phark; IE6 gets plain text */
        { _text-indent:0; _overflow:visible; _width:auto !important; _background:none !important; }
.iphark /* Phark inline image replacement; IE6 bug: use   or an element that flows normally before the replaced element */
    { text-indent: -9999px; display: inline-block; *display:inline; _display:inline; zoom:1; overflow: hidden; background-color: transparent; background-repeat: no-repeat; background-position: left top; }

.pt_0 { padding-top: 0; }
.mt_m { margin-top: 20px; }
.brd { border: 1px solid #ccc; }




/** GRIDS AND CONTAINERS **/
/*html, body { height: 100%; }*/
body, h2, .h2 { font-family: "Trebuchet MS", Arial, sans-serif; }
h1, .h1 { font-family: Arial, Helvetica, sans-serif; }

.container { width: 72em; margin: 0px auto; position: relative; }
    .homepage_body .container { width: 61em; }
    .container_last { margin-bottom: 50px; min-height: 20px; }





/** ELEMENTS **/
h1, h2, h3, h4, h5, h6, p, ul, ol, dl, blockquote { padding: 10px; }
h1, h2, h3, h4, h5, h6 { padding-bottom: 0; }

h1, .h1 { text-transform: uppercase; font-weight: bold; font-size: 100px; letter-spacing: -0.9em; }
h2, .h2 { text-transform: none;      font-weight: bold; font-size: 30px; line-height: 40px; letter-spacing: 0; }
h3, .h3 { text-transform: uppercase; font-weight: bold; font-size: 18px; line-height: 25px; letter-spacing: -0.06em;  }

#logo /* extends .phark */
    { width: 210px; height: 28px; background-image: url(/css/cssimg/logo.png); margin-top: 50px; padding: 0; }

a { color: #666; text-decoration: underline; }
    a:hover, a:focus { text-decoration: none; }
    #burza /* extends .phark */
        { background-image: url(/css/cssimg/logo_burza.png); width: 20px; height: 20px; position: absolute; top: 50%;
    transform: translate(0, -50%); right: 0; background-position: center center; }

p { font-size: 15px; line-height: 23px; }
    .meta { font-size: 10px; line-height: 13px; }
    .fine { font-size: 11px; line-height: 15px; }
    .phat { font-size: 25px; line-height: 32px; }

cite { font-size: 13px; line-height: 23px; padding: 10px; }

li { list-style-image: none; list-style-position: outside; list-style-type: none; }
    ul.data li, ol.data li, .article li { margin-left: 20px; }
    ul.data li, ol.data li ul li, .article ul li, .article ol li ul li { list-style-type: circle; }
    ol.data li, ul.data li ol li, .article ol li, .article ul li ol li { list-style-type: decimal; }

    /* flat */
    .flat { overflow: hidden; _zoom:1; }
        .flat li { float: left; display: inline; padding: 10px; }
        
        .nav_block { margin-top: 20px; padding: 0; } /* extends .flat */
            .nav_block li { padding: 0; }
            .nav_block cite { width: 180px; display: block; }
            .nav_block a { width: 200px; height: 200px; display: block; position: relative; color: white; text-transform: uppercase; font-family: Arial; font-weight: bold; font-size: 25px; letter-spacing: -.09em; text-decoration: none; }
            .nav_block a:hover, .nav_block a:focus { outline: 0; }
            .nav_block a:hover span, .nav_block a:focus span { background-color: black; opacity: 0.7; -webkit-transition-property: all; -webkit-transition-duration: 0.7s; }
                .nav_block a span { display: block; position: absolute; bottom: 0px; right: 0px; padding: 5px; background-color: #666; opacity: 0.8; }

                #nav_portraits { background-image: url(/css/cssimg/nav/portraits.jpg); width: 200px; height: 150px; }
                #nav_fashion   { background-image: url(/css/cssimg/nav/fashion.jpg); width: 200px; height: 200px; }
                #nav_bw        { background-image: url(/css/cssimg/nav/bw.jpg); width: 200px; height: 250px; }
                #nav_beauty    { background-image: url(/css/cssimg/nav/beauty.jpg); width: 400px; height: 200px; }
                #nav_life      { background-image: url(/css/cssimg/nav/life.jpg); width: 200px; height: 200px; }
                #nav_about     { background-image: url(/css/cssimg/nav/about.jpg); width: 200px; height: 200px; }

    .ragged { text-align: center; padding: 0; }
        .ragged li { padding: 0; display: inline-block; _display:inline; *display:inline; zoom:1; }
        .ragged a { display: block; }
            .ragged a:focus { outline: 0; background: black; }

    /* navigation */
    .nav_holder { margin: 20px 0 50px; background: black; }
        .nav_holder_last { margin-top: 50px; margin-bottom: 10px; }

    .nav_line { background: black; padding: 0; zoom:1; }
        .nav_line li { display: inline-block; _display:inline; *display:inline; zoom:1; vertical-align: middle; }
            .nav_line li.active { background: white; }
        .nav_line a { display: block; color: white; background: black; padding: 0 10px 5px; text-decoration: none; line-height: 67px; font-size: 11px; outline: 0; }
            .nav_line a:hover { background: #333; -webkit-transition-property: background-color; -webkit-transition-duration: 0.7s; }
            .nav_line a:focus { background: #444; -webkit-transition-property: background-color; -webkit-transition-duration: 0.7s; }
        .nav_line .h1 { color: black; display: block; padding: 0; line-height: 72px; *line-height: 73px; letter-spacing: -13px; margin-left: -13px; }

/* photo single view + navigation */
.photo_holder { text-align: center; margin-bottom: 50px; position: relative; min-height: 200px; height: auto !important; _height: 200px; zoom:1; }
    .photo { position: relative; display: inline; zoom:1; }
        .photo img { max-width: 80%; -ms-interpolation-mode:bicubic; zoom:1; }
    .metadata { background: transparent url(/css/cssimg/metadata.png) repeat left top; position: absolute; right: 10px; bottom: 10px; color: white; }
        .metadata .h3 { padding: 5px 10px; }
        .metadata .meta { padding: 0 5px 10px; }

    .nav_photo { height: 100%; text-decoration: none; text-indent: -9999px; display: block; position: absolute; top: 0; background: #dfdfdf; width: 10%; background: transparent url(/css/cssimg/nav_photo.png) no-repeat left center; outline: 0; }
        .nav_photo:hover, .nav_photo:focus { color: black; }
        .nav_photo_prev { left: 0; }
        .nav_photo_next { right: 0; background-position: right center; }
        .nav_photo_disabled { background-image: url(/css/cssimg/nav_photo_disabled.png) !important; cursor: default; }
            .nav_photo_prev:hover, .nav_photo_prev:focus, .nav_photo_next:hover, .nav_photo_next:focus { background-image: url(/css/cssimg/nav_photo_hover.png); }
            .nav_photo_prev:focus { background-position: 0.5% center; }
            .nav_photo_next:focus { background-position: 99.5% center; }
    
.img_r { float: right; margin: 10px 0 10px 10px; }
.img_l { float: left;  margin: 10px 10px 10px 0; }